html,
body,
body #root,
#pageContent,
#main,
#main .frame
{
    height : 100%;
}

#main
{
    overflow : hidden;
}

#leftPanel
{
    background-color: #004288;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 280px;
    z-index: 1005;

}

.OL3.FREE.UAV #leftPanel
{
    height: 38px;
}
.OL3.FREE.UAV #padPanel
{
    display : none;
}

#tractions
{
    position :absolute;
    top: 0px;
    right : 0px;    
    background-color: #004288;
}

#tractions > div
{
    display : inline-block;
    vertical-align :middle;
}

#frame-table
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    
}

#padPanel
{
    width : 280px;
}


.leftPanel-shadow
{
    background-image: url("../../img/ihm/frame/leftpanelbg-shd.png");
    height: 100%;
    left: 280px;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 1011;
    
    
}

#rightPanel
{
    height : 100%;
    background-color : #fff;
    overflow: hidden;

}

#main > .frame > table 
{
    width : 100%;
    height : 100%;
}

td#leftPanel ,
td#rightPanel 
{
    vertical-align : top;
}

#mapBlock,
#map {
  
   height : 100%;
   width : 100%;
}


#map {

    position : absolute;
    z-index :0;
}

/* HEADER */
#logo
{
    background-image: url("../../img/ihm/frame/logo.png");
    width : 100%;
    background-repeat : no-repeat;
    height : 32px;
    background-position: 0 -4px;
}

#colHeader .contact
{
    padding : 5px 10px 0px;
    height: 19px;
}
#colHeader .name a
{
    color : #fff;
}

#colHeader .name
{
    float: left;
}
#logout
{
    background-image: url("../../img/ihm/frame/logout.png");
    height : 18px;
    width : 18px;
    float : left;
    margin-left : 10px;
    margin-top : 1px;
    cursor : pointer;
}

#fullscreen 
{
    background-image: url("../../img/ihm/frame/fullscreen.png");
    height : 18px;
    width : 18px;
    float : right;
    margin-left : 10px;
    margin-top : 1px;
    cursor : pointer;
}


#mymessage {
    background-image: url("../../img/ihm/frame/message.png");
    height: 17px;
    width: 21px;
    float: left;
    margin-left: 10px;
    margin-top: 1px;
    cursor: pointer;
}

#mymessage:hover
{
    background-position : bottom center;

}
/********************************/
#slidingViewport {
    left: 280px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    z-index: 1010;
    
}

#slidingContainer {
    /*font: 11px Arial,sans-serif;*/
    left: 0;
    position: relative;
    top: 0;
    z-index: -1;
}


#aeronefBox .uav_icon,
#aeronefBox .plane_icon
{
    background-image: url("../../img/ihm/frame/aeronef-btn.png");
    width : 29px;
    height : 30px;
    float : left;
    background-position : center top;
    margin-right : 5px;
    cursor : pointer;
    margin-left: 1px;
}



#aeronefBox .uav_icon
{
    background-image: url("../../img/ihm/frame/uav-btn.png");
}


#aeronefBox .uav_icon:hover,
#aeronefBox .plane_icon:hover
{
    background-position : center bottom;
    
}

#aeronefBox #aeronefBtn
{
    background-color: #fff;
    border: 2px solid #b3b3b3;
    width : 154px;
    height :20px;
    float : left;
    color : #707070;
    font-size : 11pt;
    margin :2px 6px;
}

#aeronefBox #planeName
{
    line-height: 22px;
}


#aeronefBox .btn-info
{
    background-image: url("../../img/ihm/frame/info.png");
    
    width : 30px;
    height :30px;
    left: 4px;
    position: relative;
}


#aeronefBox .btn-info:hover
{
    background-position : center bottom;
}




/* startEndBox */


#startEndBox ul
{
    margin: 0;
    padding: 0;
}

#startEndBox li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#startEndBox .airportAC input,
#startEndBox input.deroute
{
    width : 180px;
}


#startEndBox .etape_circle
{
    background-image: url("../../img/ihm/frame/stagecircle.png");
    background-position: center center;
    font-size: 11pt;
    height: 19px;
    padding: 1px 0 0;
    text-align: center;
    text-indent: -2px;
    width: 26px;
    margin-top: 4px;
}

#startEndBox .stage .airportAC input
{
    width : 166px;
}



#startEndBox .stage .CONTROL_AC_DISPLAY {
    width: 170px;
}



#startEndBox .stage .airportAC .inviteL
{
    width : 108px;
}


#startEndBox .stage .etape_x
{
    display : block;
}


#startEndBox .divDeroutement 
{
    float: right;
    font-size: 11pt;
}

#startEndBox .divDeroutement span
{
    margin : 0 3px 0 10px;
}
#startEndBox .divDeroutement .etape_x
{
    display: inline-block;
    position: relative;
    top: 2px;
}

#startEndBox .divDeroutement .etapePlus 
{
    background-image: url("../../img/ihm/frame/plus.png");
    background-position: 0 0;
    float: right;
    height: 20px;
    margin:1px 0 0;
    width: 20px;
    cursor : pointer;
}


#startEndBox .divDeroutement .etapePlus:hover
{
    
    background-position : 0 20px;
}



#startEndBox .airportAC .inviteL
{
    float : left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 120px;
    white-space: nowrap;
}
#startEndBox .airportAC .inviteR
{
    float: right;
    line-height: 24px;
    margin-right: 2px;
    text-align: right;
    width: 56px;
}

 #startEndBox .stage .airportAC
 {
    margin-right: 2px;
 }

#startEndBox .CONTROL_AC_DISPLAY {
    cursor: text;
    height: 22px;
    left: 2px;
    line-height: 22px;
    padding: 1px 1px 1px 5px;
    top: 2px;
    width: 184px;
    color : #707070;
     font-size: 10pt;
}

#startEndBox .airportLine{
    margin: 8px 0;

}



#startEndBox .airportLine .etape_x
{
    float :right;
    margin-top: 8px;
}


#startEndBox .btn-wayback{
     background-image: url("../../img/ihm/frame/wayback.png");
     width : 25px;
     height :23px;
     float :left;
     margin-right : 10px;
    background-position:center top;
}
#startEndBox .btn-wayback:hover
{
    background-position:center bottom;
  
}


#startEndBox  #adLinesPnl
{
    margin: 15px 0 7px;
    
    min-height: 109px;
    overflow: hidden;
}


#startEndBox .derouteAC {
    margin: 5px 0 0px 41px;
    
}



#HXG_AC_TOOLTIP .name
{
    width:180px;
    float : left;
    margin-left: 4px;
    padding : 2px;
    
}

#HXG_AC_TOOLTIP .mil,
#HXG_AC_TOOLTIP .adm
{
    color : #f44;
}


#HXG_AC_TOOLTIP .oaci
{
    width:80px;
    float :left ;
    margin-left : 4px;
    padding : 2px;
    
}


#HXG_AC_TOOLTIP .dist
{
    text-align : right;
    width:65px;
    /*display: inline-block;*/
    float: right;
    margin-right : 4px;
    font-size : 8pt;
    padding : 2px;
}


.ihmACChoice
{
    border-style: solid;
    border-width: 0;
    border-top-width: 1px;
    border-color: #999;
    font-size: 10pt;
    padding : 1px 0px;
}

.ihmACChoice:first-child {
    border: medium none;
}

#navControlBox,
#exportControlBox
{
    margin : 10px auto;
    
    text-align : center;
}

#navControlBox button,
#exportControlBox button
{
    width : 44px;
    height : 28px;
    margin : 0 8px;
    
}


#navControlBox button:hover,
#exportControlBox button:hover
{
    background-position : center bottom;
}

#navControlBox #print
{
    background-image: url("../../img/ihm/frame/print.png");
}

#navControlBox #help
{
    background-image: url("../../img/ihm/frame/help.png");
}
/*
#navControlBox #help:hover
{
     background-position : center bottom;
}

#navControlBox #print:hover
{
     background-position : center bottom;
}
#navControlBox #searchAirfield:hover
{
     background-position : center bottom;
}
#bugBtn:hover
{
    background-position : center bottom;
}*/

#navControlBox #searchAirfield
{
    background-image: url("../../img/ihm/frame/search.png");
}


#bugBtn
{
    background-image: url("../../img/ihm/frame/email.png");
}



#btn3d
{
    background-image: url("../../img/ihm/frame/3d.png");
}







/*  FREE */



#loginBtn
{
    height: 46px;
    line-height: 15px;
    padding: 10px 0 0;
}

.FREE.OL3.UAV #loginBtn {
    height: 28px;
    line-height: 16px;
    padding: 10px 0 0;
    margin: 0 0 1px 0px;
    width: 103px;
    background-size: 100% 100%;
}

#registerLink a
{
    color : #fff;    
    padding : 0 15px;
    text-decoration : underline;
}


.btn-blue-flat .small,
#loginBtn .small
{
    font-size : 8pt;
    margin : 3px 0;
    font-family : Roboto;
}

#flags .flag
{
    background-image: url("../../img/ihm/frame/ico/icones.png");
    width :28px ;
    height : 28px;
    display :inline-block;
    margin : 0 8px;
    cursor : pointer;
}

.flag.fr
{
    float : none;
}

.flag.en
{
    background-position : 28px 0;
}
.flag.fb
{
    background-position : 0px 28px;
}
.flag.tw
{
    background-position : 28px 28px;
}

.flag.grp
{
    
}

#flags
{
    height : 32px;
    text-align: center;
    margin : 15px 0;
}

.OL3.FREE.UAV #flags
{
    margin : 0px;
}


#register table
{

    text-align  :left;
    margin-bottom : 5px;
}
#register table.mi
{
    width : 235px;
}

#leftPanel .tutorials .label,
#register .label {
    color: #fff;
    font-size: 10pt;
    position: relative;
    text-transform: uppercase;
    line-height: 30px;
    text-align  : center;
    
}




#leftPanel .partner-title
{
    color: #fff;
    font-size: 12pt;
    text-transform: uppercase;
    margin-bottom : 10px;
}

#leftPanel .partners
{
    margin: 20px 0 0;
    padding: 0 20px;
    width: 233px;
}

#leftPanel .partners img
{
    margin: 1px 4px;
    
    
}

#leftPanel .partners .imgs
{
    margin-left: 4px;
}

#leftPanel .stats
{
    display: table;
    margin: auto;
}

/*********************/


/******* EXPORT ********/


#leftPanel #exportMenuBox .tripHeader td
{
    vertical-align : middle;

}

#leftPanel #exportMenuBox .tripHeader td.flag
{
    width : 27px;
    padding-right : 4px;
}

#leftPanel #exportMenuBox .tripHeader .name
{
    font-size: 9pt;
    line-height: 14px;
    padding-right : 2px;
    text-transform: uppercase;
}

#leftPanel #exportMenuBox .tripDetails
{
    text-align : center;
    margin : 10px 0;
}

#leftPanel #exportMenuBox .aeronefDetails
{
    line-height : 30px;
    text-align :center;
    font-size  : 11pt;
    
}
#leftPanel #exportMenuBox .aeronefDetails img
{
    vertical-align : middle;
    margin-right : 10px;
}

#leftPanel #exportMenuBox #counts
{
    margin: auto;
    width: 130px;
}

#leftPanel #exportMenuBox #counts tr {
    height: 22px;
}

#leftPanel #exportMenuBox #counts .val {
    text-align :center;
    width : 25px;
}

#leftPanel #exportMenuBox #counts .picture td {
    border : solid 0px #fff;
    border-bottom-width : 1px;
    padding-bottom : 8px;
}
#leftPanel #exportMenuBox #counts .total td{
    padding-top : 8px;
}

#leftPanel #exportMenuBox .controls 
{
 margin: 10px 0 5px;
}



#leftPanel #exportMenuBox button.export
{
 margin: 0 5px;
}



#leftPanel #goToNavBtn
{
      background-image: url("../../img/ihm/frame/back.png");
}


#leftPanel #goToNavBtn:hover
{
      background-image: url("../../img/ihm/frame/back.png");
      background-position : center bottom;
}
/*********************/



#aeronefListPnl .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}

#aeronefListPnl .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

#aeronefListPnl tr:hover .nameCol 
{
    color :#00a03c;
}

#aeronefListPnl .table {
    width: 140px;
}

#aeronefListPnl .mCS_y_hidden .table {
    width: 150px;
}

#aeronefListPnl .nameCol {
    color: #808080;
    font-size: 11pt;
    padding: 4px 6px;
    cursor : pointer;
    max-width: 110px;
    overflow: hidden;
    width : 110px;
}


#aeronefListPnl tr {
    box-shadow: 0px 0px 2px 0px #888;
}
#aeronefListPnl tr:hover {
    background-color: rgba(255, 255, 200, 0.5);
}

.#aeronefListPnl .delete {
    margin: 0 5px;
}


#planeName
{
    cursor :pointer;
}


#aeronefListPnl tr.aeroclub {
    background-image: none;
    font-family: robotoLight;
    font-size: 12pt;
    height: 60px;
    text-align: center;
}

#aeronefListPnl .airclub {
    font-weight: bold;
    color: #50509b;
    text-align: center;
}


#aeronefListPnl .scroll {
    max-height: 280px;
    overflow-x: hidden;
}


#aeronefListPnl button
{
    margin: 5px;
}

#aeronefListPnl {
    width: 156px;
    background-color : #fff;
    border: 1px solid #808080;
}


#flight-list tr {
    background-image: url("../../img/ihm/route/line.png");
    height: 30px;
    background-size : 100% 100%;
}

#flight-list table {
    width: 360px;
    margin: 0 10px;
}


#flight-list .title {
    font-family: robotoBold;
    letter-spacing: 1.2px;
    line-height: 40px;
    text-align: center;
}


#flight-list td .name
{
    white-space  : nowrap;
    overflow: hidden;
    display: inline-block;
    width: 230px;
}

#flight-list td div.locked {
    width: 16px;
    height: 16px;
    display: inline-block;
}
#flight-list td.td1 div.locked i {
    right: auto;
    top: 2px;
}
#flight-list td .date
{
     display: inline-block;
    text-align: center;
    width: 70px;
    color :#808080;
}

#flight-list .btn
{
    height : 18px;
    width: 12px;
     background-position : center top;
}

#flight-list .btn_del
{
    background-image: url("../../img/ihm/global/trash.png");
}

#flight-list .btn_duplicate {
    background-image: url("../../img/ihm/global/duplicate.png");
    height: 16px;
    width: 15px;
}

#flight-list .btn_share
{
    background-image: url("../../img/ihm/global/email.png");
    width: 19px;
}
#flight-list .btn_edit
{
    background-image: url("../../img/ihm/global/edit.png");
}

#flight-list .btn:hover
{
    background-position : center bottom;
}
#flight-list .btn.locked:hover
{
    background-position : center top;
}



#flight-list td.edit,
#flight-list td.del,
#flight-list td.duplicate
{
    width : 25px;
}


#flight-list td.td1
{
    cursor :pointer;
}
#flight-list td.locked.td1
{
    cursor :not-allowed;
}

#flight-list td.td1:hover > span
{
    color : #0088FF;
}

#flight-list .scroll-v
{

    max-height: 400px;
 }
 
#flight-list span {
    vertical-align: middle;
}




#startEndBox .ctrlscroll.disabled {
background-position: center bottom;
}
#startEndBox .ctrlscroll:hover {
background-position: center center;
}

#startEndBox .ctrlscroll {
display: none;
height: 20px;
left: 113px;
position: absolute;
width: 20px;
z-index: 1;
cursor : pointer;
}


#startEndBox .ctrlscroll.up {
background-image: url("../../img/ihm/frame/chev-up.png");
top: 32px;
}

#startEndBox .ctrlscroll.down {
    background-image : url("../../img/ihm/frame/chev-down.png") ;
top: 32px;
left: 136px;
}


#aeronefBox
{
    height: 73px;
}

#eshopBox .pnl-box .pnl-background
{
    padding: 5px 10px 6px;
}
#eshopBox .col1
{
    background-image : url("../../img/ihm/frame/mapthumb.png") ;
    width : 27px;
    height : 26px;
}


#eshopBox .col3
{
    background-image : url("../../img/ihm/frame/cart.png") ;
    width : 26px;
    height : 22px;
}

#eshopBox .col2 {
    text-align: center;
    width: 164px;
    font-size: 11pt;
}

#eshopBox .blue-gradient:hover
{

background: #48789f; /* Old browsers */
background: -moz-linear-gradient(top,  #48789f 0%, #3b628f 50%, #1e3369 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48789f), color-stop(50%,#3b628f), color-stop(100%,#1e3369)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #48789f 0%,#3b628f 50%,#1e3369 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #48789f 0%,#3b628f 50%,#1e3369 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #48789f 0%,#3b628f 50%,#1e3369 100%); /* IE10+ */
background: linear-gradient(to bottom,  #48789f 0%,#3b628f 50%,#1e3369 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48789f', endColorstr='#1e3369',GradientType=0 ); /* IE6-9 */
cursor : pointer;
}


/************************* UAV ***************************************/

#plan select,
#plan input {
    border: 2px solid #b3b3b3;
    border-radius: 0;
    color: #004283;
    font-family: roboto;
    height: 20px;
    margin: 4px;
    outline: medium none;
    padding: 1px 3px;
    position: relative;
    text-align: center;
    width: 34px;
    z-index: 2000;
}

#plan .hour {
    text-align: right;
}
/*
.UAV #plan .date {
    width: 84px;
}*/

#plan input#hour_att {
    margin : 5px 0;
}



#plan input#date_flight {

    width : 74px;
}
#plan .table.date {
    width: 234px;
}



#plan .table.date img {
    margin-top: 4px;
}




#plan .btns
{
    text-align : center;
}

#plan .btns .btn-blue {
    margin: 10px 5px;
    width: 48px;
}


body .ui-datepicker-title
{
    color : #fff;
}


#HXG_AC_TOOLTIP.searchLocationAC .ihmACChoice {
    font-size: 9pt;
    padding: 2px 5px;
}

#HXG_AC_TOOLTIP.searchLocationAC {
    max-height : 500px;
}

#HXG_AC_TOOLTIP .mCSB_inside > .mCSB_container {
    margin-right: 20px;
}
#HXG_AC_TOOLTIP .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0px;
}


/*
#searchLocationBox .RADIO_CHOICE {
    float: left;
    width: 110px;
}
*/
#searchLocationBox .RADIO_CHOICE {
    float: left;
    width: 80px;
}

#searchLocationBox .RADIO_CHOICE.choice_0
{
    width : 80px;
}
#searchLocationBox .RADIO_CHOICE > * {
    float: left;
    line-height: 12px;
    font-size: 9pt;
}
#searchLocationBox .RADIO_CHOICE .hxg-custom-radio-choice {
    margin: 0 5px 0 0;
}

#searchLocationBox #INPUT_search_type {
    margin: 10px 0;
    height: 14px;
}

#searchLocationBox #search-coord,
#searchLocationBox #search-dd
{
    display: none;
}


#overlay-ctrl #search-dd .CAPTION {
    display: inline-block;  
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: 26px;
    margin-left : 20px;
}
#overlay-ctrl #search-dd .CONTROL {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 6px;
}

#overlay-ctrl #search-dd input {
    width: 120px;
    text-align: left;
    padding: 2px 3px;
    border: solid 2px #ccc;
    border-radius: 0;

}

#searchLocationBox #search-coord .CONTROL{
 
    display: inline-block;

}


#searchLocationBox #search-coord select
{
    color: #333;
    font-size: 10pt;
    margin: 2px 1px;
    text-align: center;
    width: 44px;
    height: 26px;
    padding : 1px;
    text-align: right;
}
#searchLocationBox #search-coord input {
    
    font-size: 10pt;
    margin: 2px 1px;
    text-align: center;
    width: 22px;
 
}

#searchLocationBox #search-coord td
{
    text-align : center;
}

#searchLocationBox #search-coord td.right {
    text-align: right;
}
    
  
#loadkml #CAPTION_file_kml
{   
    float: left;
    line-height: 24px;
   

}  
#loadkml #file_kml_inp table
{   
    margin: auto;
    

}


#file_kml_inp .browse
{
    text-decoration : underline;
}
#file_kml_inp .browse:hover
{
    color : #3072B3;
}
#kml-list .del
{
    display : inline-block;
    float: left;
    color: #f44;
    cursor : pointer;
    line-height: 12px;
}
#kml-list .del:hover
{
    color: #fa8;
}


#kml-list .va
{
    cursor : crosshair;
}


/*
#loadkml #file_kml_inp td
{   
    text-align :right;
}*/
/*

#flighPlanBox #kml-list input
{
     margin: 1px 0 0;
    vertical-align: middle;
    width: 16px;
}


#kml-list .name {
    display: inline-block;
    font-family: robotoLight;
    font-size: 9pt;
    width: 100px;
    overflow : hidden;
    white-space : nowrap;
    padding-left : 4px; 
}

#kml-list .date {
    display: inline-block;
    font-family: robotoLight;
    font-size: 7pt;
    padding-right: 4px; 
}




#kml-list .kml > * {
    vertical-align: middle;
}

#kml-list {
    margin-top: 10px;
    max-height: 200px;
    overflow: auto;
}

#kml-list .mCSB_inside > .mCSB_container {
    margin-right: 20px;
}

#kml-list.mCS_no_scrollbar .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}


#kml-list.mCS_no_scrollbar .name
{
    width : 120px;
}
*/

#partnership td {
    height: 50px;
    width: 150px;
}

#partnership .title{
    font-family: robotoBold;
    font-size: 16pt;
     margin: 0 0 20px;
}


#staticContainer .aeroclubadmin {
    color: #fff;
    display: block;
    margin: auto;
    text-align: center;
}



.whitepnl a:visited,
.whitepnl a {
    color: #0e4379;
    
}

.whitepnl a:hover
{
    color: #4e83a9;
    
}



#shareTrip_popup table
{
    margin : auto;
}

#shareTrip_popup .lbl
{
    padding : 5px;
}
#shareTrip_popup td
{
    vertical-align: top;
}
#shareTrip_popup #recipients 
{
    width : 280px;
}
#shareTrip_popup #recipients .line
{
    margin-bottom : 2px;
}

#shareTrip_popup #recipients input
{
    width : 250px;
    float : left;
}
#shareTrip_popup #recipients .delete_x
{
    float : right;
    margin-top: 7px;
}

 .triptt 
 {
    z-index : 5999;
}

 .triptt .hxgTooltipContent
 {
    padding : 4px 8px;
    color : #555;
    font-size : 8pt;
 }

#mission-desc .traj .m7-ico
{
    margin-top : 2px;
    cursor:pointer;
}
#mission-desc .traj > span
{
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
}
#mission-desc .submode
{
    width : 20px;    
}

#mission-desc .alt
{
    padding-left: 23px;
    font-size: 8pt;
    margin-bottom: 4px;
}
#mission-desc .name
{
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 2px;
    font-family: robotoLight;
}

#mission-desc .mCS_no_scrollbar .name
{
    width : 145px;
}

#mission-desc .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}

#mission-desc .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
 
#mission-desc .scroll-y
{
    max-height : 140px;

}
#mission-desc {
    max-height: 140px;
    overflow: hidden;
    padding: 10px 0;
}

#mission-name
{
    font-size: 8pt;
    margin-top: 10px;
    margin-bottom: 4px;
    font-family: robotoLight;
    text-align: center;
}
#last-save-ctn
{
    font-size: 7pt;
    font-family: robotoLight;
    text-align: center;
    
}

#trace-list .m7cb label,
#trace-list .m7cb .hxg-custom-cb-ctrl {
    display: inline-block;
    vertical-align: middle;
}
#trace-list .m7cb label
{
    padding : 6px;
    cursor : pointer;
}
#trace-list .m7cb label:hover {
    color: #0088FF;
}


#trace-list .hxg-custom-cb {
    display: inline-block;
}

#trace-list .notrip {
    color: #909090;
}

#trace-list td.trace-name {
    width: 210px;
}

#trace-list .btn {
    height: 18px;
    width: 12px;
    background-position: center top;
}
#trace-list .btn:hover {
    background-position: center bottom;
}
#trace-list .btn_del {
    background-image: url(../../img/ihm/global/trash.png);
}
#trace-list tr{
    background-image: url(../../img/ihm/route/line.png);
    height: 30px;
    background-size: 100% 100%;
}
#trace-list .scroll-y {
    max-height: 400px;
}
#trace-list {
    margin: 30px 10px 10px;
}

#trace-list td[onclick]:hover {
    color: #0088FF;
}

#mach7bag {
    padding: 1em;
}
#mach7bag img {
    width: 100%;
}