html { height:100%; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../Content/fonts/open-sans-bold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 100;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../../Content/fonts/open-sans-light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../../Content/fonts/open-sans-extrabold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../../Content/fonts/open-sans-semibold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../../Content/fonts/open-sans-normal.woff) format('woff');
}
 
 #div_body_main { text-align:center;float:left;border-bottom: 1px solid lightgray;border-top: 1px solid lightgray; position:absolute;bottom:0px;background-color:#fafafa;left:0;right:0;top:0px;background-color:#395FA2;padding-top:70px;} /*padding-left:150px*/
 #tiles-container-main
 {
    font-weight: 100;
    width: auto;
    display: block;
    padding-left: 55px;
    padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
 }

 .group-main
 {
     float:left;margin-right:55px;max-width:328px; width:auto;text-align:left;font-family:'Segoe UI';height:100%;
 }

.group-header
{
    font-family: 'Open Sans';
    font-weight:100;
    height:46px;color:white;font-size:25px;width:100%;
}

.tile
{
    margin-right:14px;
    margin-bottom:14px;
    float:left;
    border-radius:5px;
    border:none;
    box-shadow:1px;
    position:relative;
    background-color:transparent;
    cursor:pointer;
    overflow:hidden;
}

.tile-header
{
    height:28px;
    position:absolute;
    padding-top:0px;
    border-radius:5px 5px 0 0;
    top:0px;
    left:0;
    right:0;
    color:white;
    text-align:center;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
    z-index:50;
}

.tile-body 
{
   overflow:hidden;
}

.tile-frame
{
    position:absolute;
    border-radius:6px;float:left;
    /*top:0px;*/
    bottom:0px;
    left:0px;
    right:0px;
   
}

.hi-title { font-size:30px;color:white;float:left;margin-left:20px;margin-top:10px; font-weight:100;font-family:'Open Sans';}
.tile-footer
{
    z-index:50;
    height:22px;
    position:absolute;
    padding-top:5px;
    border-radius:0px 0px 5px 5px;
    bottom:0px;
    left:0;
    right:0;
    color:white;
    text-align:center;
    -webkit-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.25);
}

.frame-image { display: block;margin: auto;max-width: 100%; max-height: 100%;position:absolute;top:0px;left:0px;bottom:0px;right:0px; }

body { padding:0px; margin:0px;height:100%; background-color: #FAFAFA!important; background-image: -moz-radial-gradient(center 45deg,circle cover, white, #E5E5E5 ); background: -ms-radial-gradient(center, circle cover, white 0%, #E5E5E5 100%); background-image: -webkit-gradient(radial, 45% 45%, 0, 45% 45%,800, from(white), to(#E5E5E5)); background-image: radial-gradient(center 45deg,circle cover, white, #E5E5E5!important ); }

body.dark {

  
background-image: -moz-radial-gradient(center 45deg,circle cover, white, gray );
background: -ms-radial-gradient(center, circle cover, white 0%, gray 100%);
background-image: -webkit-gradient(radial, 45% 45%, 0, 45% 45%,800, from(white), to(gray));
background-image: radial-gradient(center 45deg,circle cover, white, gray) !important;
}




.hi-container { max-width: 1280px; }
.hi-header {
    height: 61px;
    background-color: #2B3B58;
    
    float: left;
    width: 100%;
    position: relative;
    
    border-bottom: solid 1px lightgray;
}
.dxgvFilterRow { border-top:1px solid lightgray;border-bottom:1px solid lightgray; background-color:#e7e7e7;}
.dxgvFilterRow td.dxgv {border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;border-width: 0 1px 1px 0;overflow: hidden;padding: 2px;}
.dx-vam{line-height: 100%;padding: 2px 0;text-decoration: inherit;}
.dx-vam, .dx-valm {vertical-align: middle;}
.dx-vam, .dx-vat, .dx-vab { display: inline-block !important;}
.dxGridView_gvHeaderSortDown {background-position: -94px -99px;height: 10px; width: 9px;background-color: transparent;background-image: url("/DXR.axd?r=1_55-n9jw9");background-repeat: no-repeat; vertical-align: middle; display: inline-block !important;text-align:left!important; margin-left: 5px;}
.dxgvEmptyDataRow td.dxgv { border-bottom: 1px solid #cfcfcf; text-align: center;  background-color:white; }
.dxgvDetailCell, .dxgvPreviewRow td.dxgv, .dxgvEmptyDataRow td.dxgv { border-bottom: 1px solid #d3d3d3; border-width: 0 0 1px; padding: 20px 2px 20px 4px; }
.hi-column-caption {height:26px;float:left;line-height:26px;}
.imgarrown { border-width: 0; float: left; height: 10px; margin-left: 2px; margin-top: 10px; padding-left: 2px; vertical-align: middle; width: 9px; }
.imgarrow { padding-left:2px;width:9px;height:6px;border-width: 0;vertical-align:middle;margin-right:2px;float:left;}
.imgarrowup { background-image:url(../Images/arrow-up.png);background-repeat:no-repeat; }
.imgarrowdown { background-image:url(../Images/arrow-down.png);background-repeat:no-repeat; }
.hi-logo { float:left; height:61px;margin-right:15px; }
.hi-header-menu { float:left; height:30px;padding-top:31px; }
.hi-li { float:left;font-size:16px; padding: 0 10px;  font-family:Roboto,sans-serif;cursor:pointer;  }

.hi-li a {color:#1E3C53!important;-webkit-font-smoothing: antialiased;}
.hi-main-body { 
    z-index: 1030;
    /*padding-top: 45px;*/
    overflow-x: auto;
    position: absolute;
    top: 62px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}
.hi-main-body-shared { display: block; position:absolute; top:61px; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto;  } /*z-index: 1030;*/
.hi-border { box-shadow: 0px 0px 6px rgba(0,0,0,.7); display: block; margin-left: auto; margin-right: auto; z-index: 1030;  position:absolute; left: 0px; right:0px;top:0px;bottom:0px;}
.hi-separator { padding: 0 10px; float:left;color:white;margin-top:2px;}
.gray a { color:lightgray!important; }
.black a { color:black!important; }
.white a { color:white!important; }
.underline { text-decoration:underline!important; text-decoration-color: white!important;}
.dclickable { cursor:pointer;}
#hi-main-buttonbar { text-align:left;height:30px;background-color: #739EC8;  border-top: 1px solid lightgray;color:white;}

#hi-main-footer {    background-color: #eeeeee;bottom: 0;float: left;height: 23px; position: absolute;  width: 1240px; border-top:1px solid lightgray; text-align:left;padding-left:10px;font-family:roboto, sans-serif;font-weight:700;padding-top:6px}
.logo-it { width:170px; }
.hili { font-family: 'Roboto',sans-serif;text-align:left;line-height:22px;font-size:13px;float:left;list-style-type:none; }
#filtermenu { margin:4px 0 0 20px;float:left; display:block;}
.cwhite{background-color:white;}
.cred{background-color:red;}
.cblue{background-color:blue;}
.cgreen{background-color:green;}
.hiheadergray { color:#666; font-size:13px;font-family:Roboto,sans-serif;}
.hicolumnheader { height:30px; font-size:13px;font-family: Roboto,sans-serif;color:#666;text-align:left;background-image:url("../Images/graypixel.png");background-position:right top; background-repeat:repeat-y;}
.hicolumnheaderlast { height:30px; font-size:13px;font-family: Roboto,sans-serif;color:#666;text-align:left; }
.hip50 { padding-left: 500px; padding-top: 20px; }
.hip20 { padding-left: 20px; }
.hip10 { padding-left: 10px; }
.hip8 { padding-left: 8px; }
.hip5 { padding-left: 5px; }
.hip3 { padding-left: 3px; }
.hiheadercaption { float:left;line-height:28px;height:28px; }
.bold { font-weight: 700; }
.gray { color:gray; }
.black { color:black; }
.hi-lh-header { line-height : 28px; }
.hidata-status { width:20px; height:28px; }
.acenter { text-align:center; }
.aright {text-align:right;padding-right:6px;}
.aleft { text-align:left;padding-left:6px;}
.flight-container { height:42px;position:relative;display:block;border-bottom:1px solid #e9e9e9;font-family: Roboto,sans-serif;background-color:white;border-right: 1px solid #D3D3D3; }
.flight-main-info  { float:left;height:42px;width:115px;cursor:pointer;border-right: 1px solid lightgray; }
.flight-avion-info { float:left;height:32px;width:61px;padding:10px 0 0 0;cursor:pointer; border-right: 1px solid lightgray;text-align:center; }
.flight-immat-info { float:left;height:32px;width:70px;padding:10px 0 0 0;cursor:pointer; border-right: 1px solid lightgray;text-align:center; }
.company-code { color: #00498A;font-weight:700;font-size: 20px;line-height:26px;margin: 8px 0 0 8px;float:left;text-align:left;-webkit-font-smoothing: antialiased;cursor:pointer }
.company-airline { font-weight:100;text-align:left;color: #666;font-size: 13px;width:140px;line-height: 12px;margin: 0px 0 .3em 0;-webkit-font-smoothing: antialiased;float:left;cursor:pointer }
.validate-column { width:12px;height:42px;float:left; border-right:1px solid lightgray;}
.valid-color {background-color:#009E00;}
.not-valid-color { background-color:#E7463E;}
.flight-logo { float:left;height:50px;width:90px;cursor:pointer;margin-top:1px; }
.label-main { height:20px;cursor:pointer;margin:0;height:18px;line-height:20px;font-weight: 700;color: black;font-size: 13px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.label-main-nb { height:20px;cursor:pointer;margin:0;height:18px;line-height:20px;color: black;font-size: 13px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.flight-provenance-info { float:left;height:32px;width:60px;padding:10px 0 0 0;cursor:pointer; border-right: 1px solid lightgray;text-align:center; }
.flight-destination-info { float:left;height:32px;width:51px;padding:10px 0 0 0;cursor:pointer; border-right: 1px solid lightgray;text-align:center; }
.flight-info-parking { float: left;height: 32px;width: 55px;padding: 10px 0 0 0;cursor: pointer;border-right: 1px solid lightgray;text-align: center;  }
.flight-pax-info { float:left;height:32px;width:47px;cursor:pointer;border-right: 1px solid lightgray;text-align: center;padding-top:10px; }
.flight-nj-info { float:left;height:32px;width:40px;cursor:pointer;border-right: 1px solid lightgray;text-align: center;padding-top:10px; }
.flight-ctr { width:34px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-annulation { width:35px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-lendemain { width:42px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-mvt { width:36px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-adt-info { width:32px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-ht { width:45px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-hr{ width:61px;float:left;height:32px;cursor:pointer;padding:10px 0 0 0;border-right: 1px solid lightgray; }
.flight-heure-line { height:20px;width:100px;float:left;cursor:pointer; }
.flight-heure-description { margin:0px; padding:0 0 0 0;width:40px; height:20px;line-height:20px;float:left;font-weight: 300;text-align: left;color: #666;font-size: 13px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.flight-heure-ht-value { padding:0;margin:0;height:20px;line-height:20px;float:left;font-weight: 400;text-align: left;color: #666;font-size: 13px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.flight-heure-hr-value { padding:0;margin:0;height:20px;line-height:20px;float:left;font-weight: 700;text-align: left;color: black;font-size: 13px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.flight-vol-info { float: left;height: 32px;cursor: pointer;border-right: 1px solid lightgray;padding: 10px 0 0 7px;width: 83px;  }
.flight-validation-info { float:left;height:39px;width:119px;padding:3px 2px 0 6px;cursor:pointer;border-right: 1px solid lightgray; }
.flight-validation-line { height:17px;width:117px;float:left;cursor:pointer;}
.validation-description { margin:0px; padding:0 0 0 0;width:21px; height:20px;line-height:20px;float:left;font-weight: 300;text-align: left;color: #666;font-size: 12px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.validation-value {width:96px; padding:0;margin:0;height:20px;line-height:20px;float:left;font-weight: 500;text-align: left;color:#006400;font-size: 12px;-webkit-font-smoothing: antialiased;cursor:pointer; overflow:hidden;}
.left-menu-item { cursor:pointer;padding: 10px 40px 9px;white-space: nowrap;border-top: 1px solid #cbcbcb;border-left:1px solid #cbcbcb; }
.left-menu-item-selected { background-color: #d5d8e0; }
.vol-item { height: 16px;width: 86px;float: left;cursor: pointer;margin-top: 2px;text-align:left;color:#666 }
.vol-item-date { font-size:15px; color:black; font-weight:700;}
.vol-item-lendemain { font-size:12px;padding-top:0px; }
.edit-panel { height:auto;position:relative;display:block;border-bottom:1px solid #e9e9e9;font-family: Roboto,sans-serif;background-color:#D2DCE8;float:left; }
.flight-fret { width:72px;float:left;height:39px;cursor:pointer;padding:3px 0 0 7px;   border-right: 1px solid lightgray; border-right: 1px solid lightgray; }
.flight-fret-1 { width:61px;float:left;height:39px;cursor:pointer;padding:3px 0 0 9px;  }
.fret-line { height:16px;width:88px;float:left;cursor:pointer;margin-top:2px; }
.fret-line-1 { height:16px;width:67px;float:left;cursor:pointer;margin-top:2px; }
.fret-comment { cursor:pointer;float:left;height:44px;cursor:pointer;padding:8px 5px 0 14px; font-family: Roboto,sans-serif;font-size:14px;color: #666;}
.fret-description { margin:0px; padding:0 0 0 0;width:55px; height:16px;line-height:16px;float:left;font-weight: 300;text-align: left;color: #666;font-size: 12px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.fret-description-short { margin:0px; padding:0 0 0 0;width:40px; height:16px;line-height:16px;float:left;font-weight: 300;text-align: left;color: #666;font-size: 12px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.fret-value { padding:0;margin:0;height:16px;line-height:16px;float:left;font-weight: 700;text-align: left;color: black;font-size: 12px;-webkit-font-smoothing: antialiased;cursor:pointer; }
.flight-edit { width:46px;float:left;text-align:left;}
.fret-edit { height:16px;line-height:16px;padding-top:2px;color:blue;font-size:13px;text-decoration:underline; }
.separator { width:1px;margin:4px 0;background-color:lightgray;float:left;height:30px;margin-right:15px;}
.edit-fret-fretinfo { height:24px;padding:10px;font-family: Roboto,sans-serif;float:left; }
.edit-fret-comment { height:24px;padding:10px;font-family: Roboto,sans-serif;float:left; }
.edit-fret-description { height:24px; line-height:24px;float:left; color:#1E3C53 !important;padding-right:15px;font-size:14px; }
.edit-fret-input { width:50px;height:19px; float:left;padding-right:5px; border-color: lightgray;border-style: solid;border-width: 1px; text-align:right;}
.edit-fret-spininput { width:50px;height:19px; float:left; border-color: lightgray;border-style: solid;border-width: 1px; text-align:right;}
.edit-fret-input-comment { width:530px;height:19px; float:left;padding-left:5px;border-color: lightgray;border-style: solid;border-width: 1px; }
input{max-width:530px!important;}
.edit-buttons { float:left; padding:10px;width: 133px; }
.edit-button { color:#1E3C53 !important; text-decoration:underline; height:24px;line-height:24px; float:left; padding-left:10px;font-size: 13px;cursor:pointer;}
.comment-green-border { background-color:#009E00;width:20px;height:20px;float:left; }
.comment-text-below { padding-left:14px;font-size:13px;font-family: Roboto,sans-serif;line-height:17px;color:#666;text-align:left; margin-top:2px;float:left;}
.comment-line {position:relative;display:block; height:20px;border-bottom: 1px solid lightgray;margin-top:-1px; text-align:left; background-color:#F7F7F7}
.hall { float:left;height:100%;text-align:center;font-weight:700;color:black;padding-top:12px; height:30px;}
.body-content {padding-left:0px!important;padding-right:0!important;}

.gradiant-background{ background: #5D89AD; background-image: -moz-radial-gradient(center 45deg,circle cover, #76A1CC, #5D89AD ); background: -ms-radial-gradient(center, circle cover, #76A1CC 0%, #5D89AD 100%); background-image: -webkit-gradient(radial, 30% 30%, 0, 30% 30%,800, from(#76A1CC), to(#5D89AD)); background-image: radial-gradient(center 45deg,circle cover, #76A1CC, #5D89AD ); color:white; }
.hi-form-group{height:24px;float:left; width:515px; margin-left:85px; margin-right:0px; margin-bottom:6px;}
.hi-textbox { height: 18px; margin-top: 1px; margin-right:5px} 
.hi-control-label { font-weight:normal!important; margin-bottom:0!important; float:left; text-align:right; width:135px; padding-right:10px;  line-height: 24px;}
input{border-color: lightgray!important; border-style: solid!important; border-width: 1px!important;}
.form-textbox-login input {padding-left:5px;}
.hi-btn-login { background: linear-gradient(to bottom, #FFF 0%, #F1F1F1 100%) repeat scroll 0% 0% transparent; font-family: Roboto,sans-serif; border: 1px solid #D3D3D3; color: #666; text-decoration: none; display: inline-block; transition: color 0.1s ease 0s; font-size: 14px; cursor: pointer; height: 24px; padding-left:12px; padding-right:12px; }
.hi-login-footer{ height:67px;}
.hi-login-footer-infos { float: left;width:200px;padding-top:17px; }

.footer-cp { float: left; margin-left: 18px; height:20px;width:200px; }
ul{list-style-type:none!important;}
.logo-resa-small {width:48px;padding-top:9px;padding-right:11px;float:right;}
.blocked-flights-msg {height:33px;line-height:33px;background-color:darkred;color:white;font-size:15px;text-align:center;border-top: 1px solid #D3D3D3;}
.hi-export-main { font-family:roboto, sans-serif!important; -webkit-font-smoothing: antialiased;border-top:1px solid lightgray;}
.form-horizontal .form-group { margin-right: 0 !important; margin-left: 0 !important;}
.hi-export-main .dxeBase { font: 14px roboto,sans-serif!important;  float: left; width: 105px; height: 20px; line-height: 20px !important;}
.div-validation-error{  float:left; height:60px; width:100%; text-align:center; }
.div-validation-error .text-danger { color: white; background-color: #b94a48; height: auto; line-height: 35px; }
.form-textbox-login .text-danger { color: white; background-color: #b94a48; height: auto; line-height: 20px; padding-top:3px; padding-bottom:3px; }
.hi-export-main .col-md-offset-2 { margin-left: 104px!important; }
.div-export-header { margin-bottom:20px;border-bottom:1px solid lightgray;padding-bottom:10px; background-color:#207044;color:white;}
.hi-export-main h2 { margin-top:0px!important;padding-top:20px!important;margin-bottom:3px!important;}
.hi-export-main h4 { margin-top:3px!important;}
.t38 { top:30px;}
.t60 { top:74px;}
.blocked-msg-align { display:inline-block;margin-right:auto;margin-left:auto; }

.div_edit_validation_message { height: 20px; width: 100%; background-color: #B94A48; float: left; display: none; text-align: center; line-height: 20px; color: white; }
.hi-li-last { float:left;font-size:16px; padding: 0 0 0 10px;  font-family:Roboto,sans-serif;cursor:pointer;  }
.hi-li-last a {color:#1E3C53!important;-webkit-font-smoothing: antialiased;}
.hi-header-menu-right { float:right; height:61px; margin-right:18px; }
.hi-header-dark-mode-container  { 

    float: right;
    height: 31px;
    margin-right: 17px;
    width: 5px;
    padding: 15px;
    background-image: url('../Images/light-mode.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 0px;
    display:none;
}


.dark .hi-header { background-color: #5A5A5A;}

.dark #db-refresh-button { background-color: #8C8C8C;  }

.dark .rd-lnk-dashboard { background-color: #9b9b9b; }
.dark #db-refresh-panel { background-color: #9b9b9b; }

.dark .hi-header-dark-mode-container  { background-image: url('../Images/dark-mode.png'); }



.hi-header-login-icon { float:left;height:42px;width:45px;margin-top:10px;margin-bottom:9px;border-right:1px solid #D3D3D3;background-image:url(../Images/icon-login-32.png);background-repeat:no-repeat;background-position:center; }
.hi-header-login-container {float:left;height:61px;width:auto;padding-left:9px; }
.hi-header-login-line { height:17px;padding-top:13px;color:white;font-size:15px;clear:right;}
.hi-login-disconnect { height:16px; clear:right;line-height:16px;}
.hi-in-login {line-height:17px;float:left;}
.hi-login-niveau { color:#C10000!important; }
.hi-login-disconnect a {color:white!important;-webkit-font-smoothing: antialiased;text-decoration:underline!important;}
.fret-line-top { width:100%;height:21px; }
.fret-line-all { width:100%;height:100%; }
.fret-line-bottom { border-top: 1px solid #eeeeee; height: 18px; padding-top: 1px; width: 100%;}
.fret-cell-1 {width:51px;background-image:url(../Images/dot-border.png);background-repeat:no-repeat;background-position:right top;}
.fret-cell-2 {  width:51px;background-image:url(../Images/dot-border.png);background-repeat:no-repeat;background-position:right top;}
.fret-cell-3 {  width:62px;text-align:center;}
.fret-cell-4 {cursor: pointer;float: left;height:35px; text-align: center; width: 18px;background-image:url(../Images/arrow-down.png);background-repeat:no-repeat;background-position:center bottom;background-color:#FAFAFA;border-bottom: 7px solid #FAFAFA; }
.fret-cell-5 {     color: #666; float: left; font-size: 12px; height: 100%; padding-left: 6px;  padding-top: 1px;height:17px;line-height:17px;font-family: Roboto,sans-serif; }
.flight-fret-info { float:left;height:100%;width:182px;cursor:pointer;border-right: 1px solid lightgray; }
.htop { color: black; float: left;  height: 18px;  padding-top: 3px;  text-align: right; padding-right:6px;}
.div_historique_parameters{float:left;height:30px;margin-top:0px;margin-left:5px;padding-left:10px;background-image:url(../Images/arrow-right-inv.png);background-position:center left;border-left: 4px solid transparent;background-repeat:no-repeat;}
.input-histo-cie{width:50px;border-style:solid;border-color:lightgray;margin-left:8px;margin-top:4px;height:18px;float:left;text-align:center;}
.input-histo-date {border-style:solid;border-color:lightgray;width:165px;height:14px;float:left!important;height:30px;padding-top:0!important;line-height:8px!important;}
 .histo-label { height:30px;line-height:30px;float:left;margin-left:0px;font-size:13px; }
 .div_historique_parameters .dxeButtonEdit { float:left!important;margin-left:8px;margin-top:4px; border-color:lightgray;width:106px;}
.gray-button {background: linear-gradient(to bottom, #FFF 0%, #F1F1F1 100%) repeat scroll 0% 0% transparent;font-family: Roboto,sans-serif;border: 1px solid #D3D3D3;color: #666;text-decoration: none;display: inline-block;transition: color 0.1s ease 0s;font-size: 14px;cursor: pointer;}
.historique-ok-button { height:22px;width:38px;margin-left:5px;float:left;margin-top:4px; }

.hi-green-square { width:12px;height:12px;background-color:#009e00;}
.hi-red-square {width:12px;height:12px;background-color:#E7463E;}
.hi-gray-border { float:left;margin-right:7px;margin-top:4px;width:12px;height:12px;padding:1px;background-color:white; }
.blightgray { background-color:#F6F6F5; }
.borange { background-color:#FFBC49; }
.flight-container:hover { background-color: #F7EA99;} /*#D2DCE8;} /*#E2E2E2 ;}*/
.borange:hover{ background-color:#FFC870!important;}
.borange .fret-line-bottom { border-top:1px solid #D3D3D3; }
.borange:hover .fret-line-bottom { background-color: #FFC870!important;border-top:1px solid #D3D3D3!important;}
.flight-container:hover .fret-line-bottom { background-color: #F7EA99;border-top:1px solid #E5E5E5;}

.hi-main-refresh-button {background-repeat:no-repeat;color: white;text-decoration: none;line-height: 24px;font-size: 14px;padding: 3px 8px 3px 8px;cursor:pointer}
.hi-main-refresh-button:hover { color:white!important;text-decoration:none; }
.hi-refresh-button:hover .hi-main-refresh-button { color:white!important;text-decoration:none; }
.hi-refresh-button {
    /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);float:right;margin-top:2px;font-family: Roboto,sans-serif;border: 1px solid lightgray;color: #666;text-decoration: none;display: inline-block;transition: color .1s;font-size: 14px;cursor:pointer;margin-right:10px;height:25px;*/
    padding-left: 26px;
    padding-right: 15px;
    background-position: left center !important;
    background-repeat: no-repeat;
    padding-top: 3px;
    background-image: url('../Images/arrow-refresh-inv.png') !important;
    font-family: Roboto,sans-serif;
    border-style: none none none solid;
    border-left: 1px solid #C3C3C3;
    float:right;
    height:27px;
}
.hi-refresh-button:hover {  background-color:#3271AD!important; }
.dxgvPagerBottomPanel {border-top: 1px solid lightgray;background-color:#DBDBDB;}
.hi-filter-cell{ border-right:none!important;padding:2px 3px!important;background-image: url('../Images/graypixel.png');background-position: right top; background-repeat: repeat-y;}
/*.hi-filter-cell-last{ border-right:none!important;}*/
/*.loading-div-style { height: 100px!important;text-align:center;background-color:green;color:white;font-size:14px; border:1px solid lightgray;float:right;border:20px solid red;}*/

.login-box { -webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60); -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60); box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60); border-radius: 10px; width: 100% !important; max-width: 480px; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto !important; background-color: white; height: 450px; }
.login-logo { float: left; height: 185px; margin-top: 0px; margin-bottom: 0px; font-size: 140px; line-height: 155px; width:100%; }
.login-box-error { height: 34px; float: left; width: 100%; text-align: center;  line-height: 37px; }
.login-header-container { float: left; width: 100%; height: 51px; }
.login-header { color: #384D61; line-height: 18px; padding-left: 21px; font-weight: bold;  width: 100%;  float: left;  position: relative;  top: 50%;  transform: translateY(-50%); }

.login-logo-bottom { width: 100%; float: left; height: 30px;  text-align: center; margin-top: 18px;  position: relative; }
.login-logo-bottom-img { height: 30px; background-color: white; padding-left: 10px;  padding-right: 10px; }
.login-logo-bottom::after { content: ""; background-color: #E8E8E8;  position: absolute; height: 2px;  left: 0;  right: 0;top: 15px; z-index: -1; }



.login-logo-container {
    text-align: center;
    height: 165px;
    padding-top: 0px;
    border-top: 3px solid lightgray;
    border-bottom: 3px solid lightgray;
}
/*.login-container{ width: 600px;border:1px solid lightgray;height:407px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); background-color:white; margin:auto; position:absolute; top:0;bottom:0; left:0;right:0;}*/
.login-container {
    box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.60);
    border-radius: 10px;
    width: 100% !important;
    max-width: 480px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto !important;
    background-color: white;
    height: 450px;
}
.hi-div-btn-login {padding-left: 145px;}
.div-login-box { height: 170px; }

 
.login-box-body-container {
    top: 5px !important;
    background: #fff;
    border-top: 0;
    color: #666;
    float: left;
    width: 100%;
    height: 85px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    margin-bottom: 20px;
}
.login-box-body-left { float: left; width: 240px; margin-left: 90px; }
.login-box-body-right { float: left; width: 65px; }
.form-group-login { margin-bottom: 7px; }
.form-control { box-sizing:border-box; }
.form-login-username {}
.form-group-mdp {}
.passwordbox {}
.hi-textbox {}
.login-box-body-right { float: left; width: 65px; }
.btn-login { width: 50px; margin-left: 10px; height: 75px; border-radius: 3px; font-size: 33px; background-image: url(../../Images/dashboard-lock-blue.png); background-repeat: no-repeat; background-position: center;  background-color: #5D89AD;   box-shadow: none;  border: 1px solid transparent !important; }
.validation-summary-errors ul { padding:0; }
.form-control:not(select) {  -webkit-appearance: none; -moz-appearance: none;  appearance: none; }
.form-control { border-radius: 0; box-shadow: none; border-color: #d2d6de; }
.version-cp { position: absolute; bottom: 0; right: 0; color: #fff; font-family: Arial; margin-right: 47px; width: 287px; height: 24px; top: auto !important; left: auto !important; float: left; font-size: 17px; opacity: 0.9; line-height: 22px; clear: left; text-align: right; margin-bottom: 20px; }

#loadingSpinner { position: absolute; background-color: white; width: 100%; height: 100%; display: none; z-index: 10000; }
.login-loading-spinner { background-image: url('../../Images/spinner.gif'); height: 40px; width: 40px; background-size: cover; margin-right: auto; margin-left: auto; margin-top: 19px; }