html
{
    height:100%;
}


.Flipped, .Flipped .Content
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}


.body-login
{
   background: #5D89AD!important; 
   background-image: -moz-radial-gradient(center 45deg,circle cover, #76A1CC, #5D89AD )!important; 
   background: -ms-radial-gradient(center, circle cover, #76A1CC 0%, #5D89AD 100%)!important; 
   background-image: -webkit-gradient(radial, 30% 30%, 0, 30% 30%,800, from(#76A1CC), to(#5D89AD))!important;
   background-image: radial-gradient(center 45deg,circle cover, #76A1CC, #5D89AD )!important;
   
}

.dxc-tooltip {
    z-index: 100000 !important;
}

.body-home.dark {  background-color: #adadad !important;  }

.body-home
{
    background-color: #395FA2 !important;
    background-image: none !important;
    /*display: table;*/
    width: 100%;
}




.modal-dialog-parameters
{
    width: 502px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    /*position: relative;
    top: 50%;*/
    /*transform: translateY(50%);*/

  /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(50%);*/
    

      position: absolute;
    height: auto;
 
    left: 50%;
    top: 50%;
 
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

}




.parameter-input
{
    width:150px;
    height:100%;
}

.modal-title-parameters
{
    padding-top: 7px;
    color:white;
    margin: 0px;
    line-height: 1.42857;
}

.modal-header-parameters
{
    height: 35px;
    background-color: #4C70A6;
    padding: 15px 15px 0px 15px;    
}

.modal-body-parameters
{
    position: relative;
    padding: 15px 0px;
}

.modal-content-parameters
{
    border: solid 3px #4C70A6;
    position: relative;
    background-color: #FFF;
    outline: medium none;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.modal-footer-parameters
{
    padding: 10px 7px 10px 7px;
    height: 33px;
    background-color:#F0F0F0;

}

.btn-parameters-OK
{
    float:right;
}

.btn-parameters-close
{
    float:left;
}


.parameter-container
{
    height:34px;
    width:496px;
}

.parameter-label
{
    float:left;
    height:34px;
    width:240px;
    text-align:right;
    line-height: 34px;
    margin-right:8px;
}

.parameter-input-text, .parameter-input-date, .parameter-input-int
{
    padding-left:7px!important;
}

.parameter-input-date
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size: 14px!important;
    height: 18px!important;
}

.parameter-value
{
    float: left;
    height: 20px;
    width: 240px;
    margin-left: 8px;
    margin-top: 5px;
}

body
{
    padding:0px;
    margin:0px;
    height:100%;
    background-color:#fafafa;
    /*background: #5D89AD -moz-radial-gradient(center center 45deg, circle farthest-corner, #76A1CC, #5D89AD) repeat scroll 0% 0%;*/
}

/* header : contient titre, boutons et error summary (équivalent de hi-main-buttonbar dans l'écran des vols ) */
#hi-services-header 
{ 
    text-align:left;
    height:60px; /* la grille est décalée d'autant en-dessous */
    background-color: #EEEEEE;  
    width:1250px; 
    border-top: 1px solid lightgray;
    font-family:Roboto, sans-serif;
}

#hi-dashboards-title-bar
{
    float:left;
    height:30px;
    background-color:#5D7B9F!important;
    color:white;
    width:100%;
}

.dark #hi-dashboards-title-bar 
{
    background-color:#aaa!important;
}

#hi-dashboards-title-btn-retour-tiles
{
    float:left;
    text-align:left;
    color:white!important;
    padding-left:24px;
    height:30px;
    width:500px;
}
.hi-back-button-arrow
{
    float:left;
    width:12px;
    margin:9px 0;
}

.db-refresh-toggle, .db-import-toggle, .db-print-toggle
{
    float:left;
    width:20px;
    height:30px;
    
    margin-left:10px;
    background-image: url("../Images/white-arrow-down.png") !important;
    background-repeat:no-repeat;
    background-position:0px 12px;
}

.db-dashboardlist-toggle
{
    float:right;
    width:20px;
    height:30px;
    
    margin-left:10px;
    background-image: url("../Images/white-arrow-down.png") !important;
    background-repeat:no-repeat;
    background-position:0px 12px;
}


.db-list-sep
{
    height:2px;width:100%;float:left;background-color:#81ABDB;
}
 
.dark .db-list-sep
{
    background-color: #aeaeae !important;
}


#db-refresh-panel 
{
    position: absolute;
    height: 108px;
    width: 300px;
    top: 30px;
    left: 0px;
    background-color: #76a1cc;
    z-index: 50000;
    /*display:none;*/
    visibility:collapse;
}


.first{margin-left:24px;}


.db-date-label{
    float:left;
    color:white;
    width:auto;
    padding:0px 12px 0px 7px;
    height:30px;
    line-height:30px;
}
.db-date-container{
    float:left;
    height:26px;
    padding-top:4px;
}


#db-import-panel, #db-print-panel 
{
    position: absolute;
    height: 108px;
    width: 216px;
    top: 30px;
    right: 7px;
    background-color: #76A1CC;
    z-index: 50000;

     visibility:collapse;
    /*background: -webkit-linear-gradient(#76A1CC, #698CB4); 
    background: -o-linear-gradient(#76A1CC, #698CB4); 
    background: -moz-linear-gradient(#76A1CC, #698CB4); 
    background: linear-gradient(#76A1CC, #698CB4);*/ 

}


.db-parametres-btn
{
    float: left;
    background-position: 5px 7px;
    line-height: 30px;
    margin: 0px;
    height: 30px;
    cursor: pointer;
    width: auto;   
    background-repeat: no-repeat;
    /*background-color: #76A1CC;*/
    padding-left: 26px;
    padding-right: 10px;

    background-image: url("../Images/parameters_16x16.png") !important;
}


.db-margin
{
    position:absolute;left:4px;top:4px;right:4px;bottom:4px;
}

.db-refresh-btn {

    /*background-color: #76a1cc;*/
    
    background-position: 6px 7px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0px 8px 0px 0px;
    padding-left: 28px;
    width: auto;

}

.db-refresh-btn-auto
{
    background-image: url("../Images/icon-timer-16.png") !important;
}
.db-refresh-btn-manual
{
    background-image: url("../Images/Refresh_16x16.png") !important;
}


.db-refresh-auto
{
    height: 50px;
    width: 100%; 
    /*background-image: url("../Images/icon-time-32x32.png") !important;*/
    background-image: url("../Images/icon-timer-32.png") !important;
    background-repeat: no-repeat;
    background-position: 10px;
    
    color:white!important;
}

.db-refresh-interval .dxeButtonEditSys
{
    height:25px!important;
    border-width: 0px;
}

.db-refresh-interval
{
    float: left;
    height: 37px;
    width: 62px;
    margin-top: 13px;
    margin-right: 10px;
}

.db-refresh-auto .db-refresh-label
{
    width:160px;
    float:left;
}

.db-refresh-label
{
    color: #FFF;
    float: left;
    margin-left: 60px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}

.db-label
{
    color: #FFF;
    float: left;
    margin-left: 60px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}


.db-refresh-auto:hover, .db-refresh-manual:hover, .db-import-pdf:hover, .db-import-image:hover {  background-color: #82B1E0; }
.dark .db-refresh-auto:hover, .dark .db-refresh-manual:hover, .dark .db-import-pdf:hover, .dark .db-import-image:hover {  background-color: #5A5A5A !important;  }

.rd-lnk-dashboard-selected-compact:hover
{
    background-color: #76A1CC!important;
    background: #76A1CC!important;
}


.db-refresh-manual
{
    height: 50px;
    width: 100%;
    /*margin-top:3px;*/
    background-image: url("../Images/Refresh_32x32.png") !important;
    background-repeat: no-repeat;
    background-position: 10px;

    color:white!important;
}

.db-import-pdf
{
    height: 50px;
    width: 100%;
    /*margin-top:3px;*/
    background-image: url("../Images/ExportToPDF_32x32.png") !important;
    background-repeat: no-repeat;
    background-position: 10px;
    color:white!important;
}

.db-import-image
{
    height: 50px;
    width: 100%;
    /*margin-top:3px;*/
    background-image: url("../Images/ExportToIMG_32x32.png") !important;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    color:white!important;
}


.db-import-btn {

    /*background-color: #76a1cc;*/
    background-image: url("../Images/ExportToPDF_16x16.png") !important;
    background-position: 6px 7px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0px 8px 0px 0px;
    padding-left: 28px;
    width: auto;

}

.db-print-btn {

    /*background-color: #76a1cc;*/
    background-image: url("../Images/Print_16x16.png") !important;
    background-position: 6px 7px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0px 8px 0px 0px;
    padding-left: 28px;
    width: auto;

}


#rd-lnk-dashboard-container
{
    /*float:right;
    margin-right:2px;*/
    position: absolute;
    right: 255px;
    top: -35px;  
    overflow: visible;
     /*z-index: 50000;*/
}



.db-refresh-selected-label
{
    float:left;
}




.rd-lnk-dashboard-selected 
{
    max-width:330px;

    background: -webkit-linear-gradient(#6A8DB5, #5D7B9F); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6A8DB5, #5D7B9F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6A8DB5, #5D7B9F); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6A8DB5, #5D7B9F); /* Standard syntax (must be last) */

    color:white;
    float:right;
    
    height: 30px;
    line-height: 30px;
    border-radius:2px 2px 0px 0px;
    width: auto;
    margin: 5px 2px;
    overflow-y:auto;
}

.dark .rd-lnk-dashboard-selected 
{
    background: #727272!important;
}



.rd-lnk-dashboard-selected {
    padding: 0px 16px;
}


.rd-lnk-dashboard
{
    max-width:330px;
    float: right;
    color: #FFF !important;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    width: auto;
    margin: 5px 2px;
    padding: 0px 16px;
    /*border-radius: 2px;*/
    /*background: #4D6082;*/
    background-color:#2B3B58;
    overflow-y:auto;
}




.rd-lnk-dashboard:hover
{
    color:white;
    text-decoration:none;
}
.rd-lnk-dashboard:visited { color: white;  text-decoration:none;}
.rd-lnk-dashboard:active { color: white;  text-decoration:none;}


 

.db-back-btn
{
    background-image: url("../Images/arrow-back-white.png") !important;
    background-position: 6px 9px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0px 10px 0px 0px;
    padding-left: 22px;
    padding-right: 10px;
    width: auto;
}

.db-refresh-btn:hover, .db-back-btn:hover, .db-parametres-btn:hover, .db-import-btn:hover {  background-color: #76a1cc!important; }
.dark .db-refresh-btn:hover, .dark .db-back-btn:hover, .dark .db-parametres-btn:hover, .dark  .db-import-btn:hover {  background-color: #5A5A5A!important; }



.fl
{
    float:left;
}

.fr
{
    float:right;
}

.db-bar-button
{
    
    height:30px;
    line-height:30px;
    color:white;
    position:relative;
}

.db-bar-button:hover 
{
    /*background-color: #76a1cc;*/
}


.db-bar-button a
{color:white!important;}

 
/* conteneur informations du vol => calé à gauche (sur hi-services-title-btn-retour-vols) */
#hi-services-title-vol-conteneur
{
    float:left;
    width:722px;
}



/* informations du vol => centré (à l'intérieur du conteneur hi-services-title-vol-conteneur) */
#hi-services-title-vol
{
    text-align:center;
    /*font-family:Roboto, sans-serif;*/
    font-size: 18px;
    line-height:30px; /* pour centrer le texte verticalement : même hauteur que hi-services-title-bar */
}

/* niveau validation vol => calé à droite (vide pour l'instant) */
#hi-services-title-niveau-validation-vol
{
    float:right;
    width:297px;
    text-align:right;
    margin-right:3px;
}

/* barre de boutons : sous hi-services-title-bar */
#hi-services-buttons-conteneur
{
    float:left;
    height:29px;
    border-top:1px solid lightgray;
    background-color: #739EC8;
}

/* boutons save/cancel de la grille : alignés à gauche */
#hi-services-buttons-save-cancel-grid
{
    float:left;
    width:250px;
    text-align:left;
}

/* bouton validation des assistances : calé à gauche sur hi-services-buttons-save-cancel-grid, bouton centré */
#hi-services-buttons-validate-services
{
    float:left;
    text-align:center;
    width:750px;
    display:block;
}

/* bouton refresh : aligné à droite */
#hi-services-buttons-refresh-grid
{
    float:right;
    width:250px;
    text-align:right;
}

/* erreur globale : sous le header hi-services-header, centrée */
#hi-services-error-summary
{
    height:32px;
    line-height:32px;
    background-color:darkred;
    color:white;
    font-size:15px;
    text-align:center;
    border-top: 1px solid #D3D3D3;
}

/* position/taille de la grille : sous le header hi-services-header */
#divServicesGridView 
{ 
    text-align:center;
    width:1250px;
    float:left;
    /*border-bottom: 1px solid lightgray;*/
    /*border-top: 1px solid lightgray;*/ 
    position:absolute;
    top:60px; /* taille de hi-services-header */
    bottom:30px; /* la hauteur du footer hi-services-footer */
    background-color:#fafafa; 
}

/* cellule QUANTITE modifiée : affichage en gras comme les non modifiées */
.dxgvBatchEditModifiedCell[servicesFieldName="QUANTITE"]
{
    font-weight: bold !important;
    font-size: 16pt !important;
}

#hi-services-buttons-conteneur .dxbButton
{
    height:28px;
}


#btnCancelChanges{padding-left:26px;padding-right:15px;background-position:center left!important;background-repeat:no-repeat;padding-top:3px;margin-left: -4px;}
#btnSaveChanges {padding-left:26px;padding-right:15px;background-position:center left!important;background-repeat:no-repeat;padding-top:3px;}
#btnValidateServices {padding-left:26px;padding-right:9px;background-position:center left!important;background-repeat:no-repeat;padding-top:3px;}
#btnRefreshGrid {padding-left:26px;padding-right:15px;background-position:center left!important;background-repeat:no-repeat;padding-top:3px;}

#btnCancelChanges:not(.dxbDisabled) {background-image:url(../Images/annulation-inv.png)!important;background-color:#739EC8!important}
#btnSaveChanges:not(.dxbDisabled) {background-image:url(../Images/save-inv.png)!important;background-color:#739EC8!important}
#btnValidateServices:not(.dxbDisabled) {background-image:url(../Images/flag-inv.png)!important;background-color:#739EC8!important}
#btnRefreshGrid:not(.dxbDisabled) {background-image:url(../Images/arrow-refresh-inv.png)!important;background-color:#739EC8!important}

#btnCancelChanges {background-image:url(../Images/annulation-inv.png);background-color:#88BAEA!important;}
#btnSaveChanges {background-image:url(../Images/save-inv.png);background-color:#88BAEA!important;}
#btnValidateServices {background-image:url(../Images/flag-inv.png);background-color:#88BAEA!important;}
#btnRefreshGrid {background-image:url(../Images/arrow-refresh-inv.png);background-color:#88BAEA!important;}
 
#btnCancelChanges:not(.dxbDisabled):hover { background-color:#3271AD!important; }
#btnValidateServices:not(.dxbDisabled):hover { background-color:#3271AD!important;}
#btnSaveChanges:not(.dxbDisabled):hover { background-color:#3271AD!important; }
#btnRefreshGrid:not(.dxbDisabled):hover { background-color:#3271AD!important; } /*#FFF29D*/


#hi-services-footer 
{
    background-color: #DBDBDB;
    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;
    padding-top:6px;
    color:#1E3C53;
    
}

/* styles pour la grille : en plus de ce qui est fait dans ServicesGridViewHelper.SetGridViewSettings() (certaines propriétés ne sont pas accessibles côté serveur) */
.hi-services-column-header-height
{
    line-height:22px;
    height:22px;
}

#ServicesGridView
{
    border-top: 1px solid #D3D3D3;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}


/*------------------------------------------------------*/

#rd-lnk-dashboard-container-compact
{
    float:right;
    width:auto;
    /*height:auto;*/
    height:36px;

    position: absolute;
    right: 235px;
    top: -35px;   

    width:0px;
    visibility:collapse;
    overflow: hidden;
    z-index: 100;
    
}

 .rd-lnk-dashboard-selected-compact
{
    float:right;
    height: 30px;
    width: auto;

    background: -webkit-linear-gradient(#6A8DB5, #5D7B9F); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6A8DB5, #5D7B9F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6A8DB5, #5D7B9F); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6A8DB5, #5D7B9F); /* Standard syntax (must be last) */
    color:white;
    line-height: 30px;
    border-radius:2px 2px 0px 0px;
    margin: 5px 2px 0 2px;
    padding: 0px 0px 0px 16px;
}

 .dark .rd-lnk-dashboard-selected-compact
{
    background: #727272!important;
}

 

 .rd-lnk-dashboard-compact
{
    float: right;
    height: 38px;
    width: 100%;
    z-index: 100;
    color: #FFF !important;
    line-height: 30px;
    cursor: pointer;
    
    background-color: #76A1CC;
    text-align: right;
    border-top: 1px solid white;

}

.rd-lnk-dashboard-compact-content {
    padding: 5px 2px 0px 18px;
    padding-right: 28px;
}


  #db-list-panel
{
    float:right;
    height: auto;
    width: 100%;
    overflow:hidden;
    visibility:collapse;
    
    background-color: #76A1CC;
    z-index: 100;
    
}














  /*
      //backup

#rd-lnk-dashboard-container-compact
{
    position: absolute;
    right: 280px;
    top: -35px;   
    width:0px;
    visibility:collapse;
    overflow: hidden;
}

 .rd-lnk-dashboard-selected-compact
{
    max-width:300px;
    background: -webkit-linear-gradient(#6A8DB5, #5D7B9F); 
    background: -o-linear-gradient(#6A8DB5, #5D7B9F);
    background: -moz-linear-gradient(#6A8DB5, #5D7B9F); 
    background: linear-gradient(#6A8DB5, #5D7B9F); 
    color:white;
    float:right;
    height: 30px;
    line-height: 30px;
    border-radius:2px 2px 0px 0px;
    width: auto;
    margin: 5px 2px;
    padding: 0px 0px 0px 16px;
}

 .rd-lnk-dashboard-compact
{
    float: right;
    color: #FFF !important;
    height: 35px;
    line-height: 30px;
    cursor: pointer;
    width: 100%;
    background-color: #76A1CC;
    text-align: right;
    border-top: 1px solid white;
    padding: 5px 2px 0px 18px;
    padding-right: 28px;
    display:table-row;
}

  #db-list-panel
{
    position: absolute;
    height: auto;
    width: auto;
    top: 35px;
    right: 0px;
    background-color: #76A1CC;
    z-index: 50000;
    display:table;
}*/