input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #D2D6DE !important
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.duplicateFlag {
    background-color: orange;
}

.resa-mandatory:focus {
    border-bottom: 1px solid orange !important;
}

input.middle:focus {
    outline-width: 0;
}

.FRET1-header {
    min-width: 90px;
}

.COMMENT-header {
    min-width: 150px;
}


.COMMENT-body {
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.col-label-pLig {
    width: 125px !important;
}

.est-select-form .col-sm-10.col-input-pLig,
.col-input-pLig {
    padding-right: 0;
}

.update-popup-flights .popup_datebox {
    left: -166px !important;
}

.popup-panel-aeroport {
    position: absolute;
    height: 25px;
}

.resa-selective-aeroport-container1 {
    margin-top: 1px;
    margin-bottom: 0px !important;
}

.resa-label-aeroport {
    float: right !important;
    margin-right: 20px;
}


.est-panel-assistance-only .col-input-pPoids {
    padding-right: 0 !important;
    width: 95px !important;
}

.est-panel-assistance-only .col-input-pNbSiege {
    width: 65px !important;
    padding-right: 0 !important;
}

.est-panel-mixte .col-label-pPoids {
    width: 115px !important;
}

.est-panel-assistance-only .col-label-pPoids {
    width: 145px !important;
}

.est-panel-assistance-only .est-select-form-poids {
    width: 210px !important;
}

.est-panel-assistance-only .col-input-pDelaiAnnulation {
    width: 95px !important;
    padding-right: 0;
}

.est-panel-mixte .col-input-pDelaiAnnulation {
    padding-right: 0;
    width: 101px !important;
}

.code_redev-header {
    width: 150px;
}
/*.code_redev-header { width:100px; }*/





#pNbSiege {
    text-align: right;
    padding-right: 5px;
}

.est-panel-mixte .col-input-pNbSiege {
    width: 80px !important;
}

.est-panel-mixte .est-select-form-commentaire .col-sm-10 {
    left: 143px !important;
}

.col-input-pNbMvt {
    width: 110px !important;
}

.est-panel-assistance-only .col-input-pCatAssCargo {
    width: 110px !important;
    padding-right: 0px;
}


/*.est-panel-mixte .col-input-pNbMvt { width: 80px !important; }*/
.est-panel-mixte .col-label-pPax {
    display: none;
}

.est-panel-mixte .est-select-form-pax {
    width: 55px !important
}

.est-panel-mixte .col-input-pPax {
    width: 56px !important;
    margin-left: -3px;
    text-align: center;
    padding-right: 0px;
}

.est-panel-mixte .col-input-pCatAssCargo {
    width: 55px !important;
    padding-right: 0px;
}

#pPax {
    text-align: center;
    width: 80px;
}

.est-select-form-catasscargo {
    width: 255px !important;
}


.popup-container-group {
    float: left;
}




.est-select-form-commentaire {
    width: 100%
}

    .est-select-form-commentaire .col-sm-2 {
        width: 135px;
        padding-right: 0
    }

    .est-select-form-commentaire .col-sm-10 {
        position: absolute;
        left: 145px;
        right: 0;
        width: unset;
        padding-left: 0;
        max-width: 761px;
        padding-right: 3px;
        width: unset !important;
    }





.update-popup-flights-container .est-select-form .col-sm-10 {
    width: 110px;
}




.popup-container-dates {
    float: left;
    width: 344px;
}

    .popup-container-dates .col-sm-10 {
        padding-right: 0 !important;
        width: 116px !important;
    }

.popup-container-checkbox .selective-col2 {
    width: 18px !important;
}

.update-popup-flights .selective-col2 {
    padding-right: 0px;
}


.devexpress-date-hour label {
    font-weight: bold;
    font-size: 12px;
    margin-left: 24px;
    margin-top: 4px;
}


#pNbMvt, #pFret1, #pPaxPay1, #pPaxNPay1, #pPaxTraPay1, #pPoste1, #pBagage1, #pPoids, #pTempsRetard, #pCorrespondance, #pDelaiAnnulation, #pTerrainReel, #pTerrainPrevu, #pTerrainPrevu, #pTerrainReel, #pSerie, #pCatAssCargo, #pPax {
    text-align: right;
    padding-right: 5px;
}





/*.est-select-form-catasspax { width:255px!important; }*/

.est-select-form-tempsretard {
    width: 50px;
}



.popup-container-separator {
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 11px;
    margin-bottom: 18px;
    background-color: lightgray;
    border-right: 30px solid white;
    border-left: 30px solid white;
}

.update-popup-container .est-select-form {
    width: 255px;
}

.update-popup-container .selective-select-form {
    width: 255px;
    min-width: 255px;
}

.update-popup-container .selective-col2 {
    width: 110px;
}

.popup-container-dates .est-select-form-heure-vol1 {
    width: 105px;
}

.popup-container-dates .est-select-form-date-vol1 {
    width: 239px;
}

.popup-container-dates .col-label-pHP, .popup-container-dates .col-label-pHPiste, .popup-container-dates .col-label-pHBloc, .popup-container-dates .col-label-pEtad {
    display: none;
}

.popup-container-dates .col-input-pDP, .popup-container-dates .col-input-pDatevol, .popup-container-dates .col-input-pDateBloc, .popup-container-dates .col-input-pEtadDate {
    width: 94px !important;
    padding-right: 0px !important;
}

.col-input-pDP .customDateCalendar,
.col-input-pDatevol .customDateCalendar,
.col-input-pDateBloc .customDateCalendar,
.col-input-pEtadDate .customDateCalendar {
    display: none;
}

.utc-date-label {
    text-align: left;
    font-size: 12px;
    color: #D52818;
    height: 25px;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 3px;
    padding-left: 5px;
    float: left;
}

.label-longterm-to {
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    float: left;
}


.main-sidebar, .left-side {
    width: 200px;
}

.content-wrapper, .right-side, .main-footer {
    margin-left: 200px;
}

.logo-lg {
    width: 200px !important;
    margin-left: -15px !important;
}


.main-header .logo {
    width: 200px;
}

.main-header > .navbar {
    margin-left: 200px;
}

.sidebar-toggle {
    background-color: lightgray !important;
    color: black !important;
    height: 40px !important;
    padding-top: 10px !important;
}

    .sidebar-toggle:hover {
        background-color: var(--highlight-color) !important;
        color: white !important;
    }

.skin-blue .main-header .navbar {
    background-color: white;
}
/*.skin-blue .main-header .navbar .sidebar-toggle { display:none; }*/
.navbar-toggle-control {
    display: none;
}

.login-loading-body {
    top: 195px;
    position:absolute;
}

.bGrayBlueLight {
    background-color: White;
    color: Black;
}

.bWhiteSm {
    background-color: whitesmoke;
    color: black;
}

.bGrayBlueLight {
    background-color: #B9C4D7;
    color: #243F5D;
}

.bGrayBlue {
    background-color: #8395AD;
    color: white;
}

.bRed {
    background-color: #A73B34;
    color: white;
}

.bBlue {
    background-color: #46617F;
    color: white;
}

.bGreen {
    background-color: #007F0E;
    color: white;
}

.bGray {
    background-color: #808080;
    color: white;
}

.bOrange {
    background-color: darkorange;
    color: white;
}

.bLightRed {
    background-color: #FFB5B5;
    color: black;
}

.bLightBlue {
    background-color: #8395AD;
    color: White;
}

.bLightGreen {
    background-color: #9ED39E;
    color: black;
}

.bLightGray {
    background-color: lightgray;
    color: black;
}

.bGrayed {
    background-color: #FAFAFA;
    color: grey;
    font-style: italic;
}

.bLightOrange {
    background-color: #FFCC7F;
    color: black;
}

.bWhiteSmoke {
    background-color: whitesmoke;
    color: black;
}

.bItalic {
    font-style: italic;
    color: gray;
}

.bBold {
    font-weight: bold;
}

.valid-color {
    border-left: 10px solid #007F0E;
}

.not-valid-color {
    border-left: 10px solid #E7463E;
}

.flight-color-red {
    border-left: 10px solid #E7463E;
}

.flight-color-orange {
    border-left: 10px solid orange;
}

.flight-color-green {
    border-left: 10px solid #007F0E;
}


.handling-header-1 {
    float: left;
    height: 30px;
    background-color: #5D7B9F !important;
    color: white;
    width: 100%;
}

.handling-header-2 {
    /*float: left;
    border-top: 1px solid lightgray;
    background-color: #739EC8;
    color: white;
    height:29px;
    width: 100%;
    position:relative;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}


#hi-services-title-btn-retour-vols {
    color: white !important;
    height: 30px;
    position: absolute;
    left: 14px;
}

.hi-back-button-arrow {
    float: left;
    width: 12px;
    margin: 9px 0;
}

.hi-back-button-label {
    float: left;
    padding-left: 7px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

    .hi-back-button-label a {
        color: white !important;
    }

.FRET1-header {
    min-width: 76px !important;
}

/* 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-services-title-bar {
    float: left;
    height: 30px;
    background-color: #5D7B9F !important;
    color: white;
    width: 1250px;
}

/* bouton "Retour à la liste des vols" => calé à gauche */
#hi-services-title-btn-retour-vols {
    float: left;
    text-align: left;
    color: white !important;
    padding-left: 14px;
    height: 30px;
    width: 250px;
}

.hi-back-button-arrow {
    float: left;
    width: 12px;
    margin: 9px 0;
}

.hi-back-button-label {
    float: left;
    padding-left: 7px;
    height: 30px;
    line-height: 30px;
}

    .hi-back-button-label 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: 100%;
    text-align: center;
}


/*#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;
}*/



/* 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: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;
}


.flight-edit-fullscreen {
    position: fixed;
    z-index: 1100;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    visibility: hidden;
}

.control-popup-resa {
    max-width: 640px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3100;
    min-width: 320px;
}

.flight-edit-container {
    background-color: white;
    float: left;
    width: 100%;
    position: relative;
}

.control-popup-header {
    height: 40px;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    font-family: 'Source Sans Pro', sans-serif;
    border-bottom: 1px solid #d2d6de;
    color: #444;
}

.flight-edit-body {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.control-popup-footer {
    float: left;
    width: 100%;
    height: 47px;
    background-color: #f0f0f0;
    border-top: solid 1px lightgray;
}

.popup-edit-top {
    width: 100%;
    height: 40px;
    float: left;
    background-color: red;
}

.popup-edit-bottom {
    width: 100%;
    height: 40px;
    float: left;
    background-color: blue;
}


.row-open {
    cursor: pointer;
    height: 45px;
    position: relative;
}
/*height: 71px;*/

.row-bottom {
    height: 46px;
    position: absolute;
    left: 0;
    /*top: 27px;*/
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    background-color: #D2DCE8;
    display: none;
    cursor: default;
    margin-top: 26px;
    min-width: 1220px;
    z-index: 50;
}



.row-open .row-bottom {
    display: block;
}

.edit-fret-input {
    width: 50px;
    height: 24px;
    line-height: 24px;
    float: left;
    padding-right: 5px;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    outline: none;
}

.edit-fret-input-comment {
    width: 200px;
    height: 24px;
    line-height: 24px;
    float: left;
    padding-left: 5px;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    outline: none;
}

.edit-fret-description {
    height: 24px;
    line-height: 24px;
    float: left;
    color: #1E3C53 !important;
    padding-right: 15px;
    font-size: 14px;
}

.edit-fret-fretinfo {
    height: 24px;
    margin: 10px;
    float: left;
}

.edit-fret-comment {
    height: 24px;
    padding: 10px;
    float: left;
}

.edit-buttons {
    float: left;
    display: flex;
    align-items: center;
    height: 46px;
    justify-content: space-between;
    width: 180px;
}

.edit-button {
    height: 44px;
    line-height: 44px;
    float: left;
    padding-left: 15px;
    padding-right: 10px;
    cursor: pointer;
}

    .edit-button:hover {
        text-decoration: underline;
    }


.cell-qte, .cell-datedeb, .cell-datefin, .cell-heuredeb, .cell-heurefin, .cell-extra-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.cell-qte-value, .cell-datedeb-value, .cell-datefin-value, .cell-heuredeb-value, .cell-heurefin-value {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    font-weight: bold;
}

.cell-date-input-container {
    float: left;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 6px;
    right: 6px;
    display: none;
    padding-right: 13px;
}


.cell-qte-input-container,
.cell-datedeb-input-container,
.cell-datefin-input-container,
.cell-heuredeb-input-container,
.cell-heurefin-input-container,
.cell-extra-input-container {
    float: left;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 6px;
    right: 6px;
    display: none;
    padding-right: 13px;
}

.cell-qte-input-container {
    float: left;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 6px;
    right: 6px;
    display: none;
    padding-right: 0 !important;
}


.cell-extra-input-1-old-value, .cell-extra-input-2-old-value, .cell-extra-input-3-old-value, .cell-extra-input-4-old-value {
    display: none;
}

.cell-extra-input-container {
    padding-right: 0;
}


.cell-datedeb-input-container,
.cell-datefin-input-container,
.cell-heuredeb-input-container,
.cell-heurefin-input-container,
.cell-extra-input-datetime-input-container {
    padding-right: 0 !important;
}

.cell-datedeb-input,
.cell-datefin-input,
.cell-heuredeb-input,
.cell-heurefin-input,
.cell-extra-input-datetime-input {
    /*padding-right: 40px;*/
    text-align: center;
    padding-right: 0px;
}

.cell-pkg-input,
.cell-qte-input,
.cell-datedeb-input,
.cell-datefin-input,
.cell-heuredeb-input,
.cell-heurefin-input,
.cell-extra-input-input,
.cell-extra-input-select {
    float: left;
    width: 100%;
    padding-right: 10px;
    height: 22px;
    border: 1px solid #D2D6DE;
    outline: none;
    color: black;
}

.QUANTITE-body, .DATEDEB_REEL-body, .DATEFIN_REEL-body, .HEUREDEB_REEL-body, .HEUREFIN_REEL-body, .EXTRA_INPUT_1-body, .EXTRA_INPUT_2-body, .EXTRA_INPUT_3-body, .EXTRA_INPUT_4-body {
    position: relative;
}

.LIBELLE_REDEV-body {
    font-size: 12px;
}

.cell-qte-btn {
    width: 13px;
    right: 15px;
    border: 1px solid #D2D6DE;
    border-left-width: 0;
    background-image: url('../Images/equal.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F9F9F9;
    height: 22px;
}

.qte-edit-current .cell-qte-input-container {
    display: flex !important;
    align-items: center;
    justify-content: start;
}

.qte-edit-current .cell-qte-value {
    display: none !important;
}



.datedeb-edit-current .cell-datedeb-value {
    display: none !important;
}

.datedeb-edit-current .cell-datedeb-input-container {
    display: flex !important;
    align-items: center;
}

.datefin-edit-current .cell-datefin-value {
    display: none !important;
}

.datefin-edit-current .cell-datefin-input-container {
    display: flex !important;
    align-items: center;
}

.heuredeb-edit-current .cell-heuredeb-value {
    display: none !important;
}

.heuredeb-edit-current .cell-heuredeb-input-container {
    display: flex !important;
    align-items: center;
}

.heurefin-edit-current .cell-heurefin-value {
    display: none !important;
}

.heurefin-edit-current .cell-heurefin-input-container {
    display: flex !important;
    align-items: center
}


.extra-input-edit-current .cell-extra-input-value {
    display: none !important;
}

.extra-input-edit-current .cell-extra-input-container {
    display: block !important;
}

.cell-extra-input-container {
    display: none;
}


.extra-input-edit-current .cell-extra-input-input, .extra-input-edit-current .cell-extra-input-input {
}


.cell-qte-old-value, .cell-datedeb-old-value, .cell-datefin-old-value, .cell-heuredeb-old-value, .cell-heurefin-old-value, cell-extra-input-1-old-value, cell-extra-input-2-old-value, cell-extra-input-3-old-value, cell-extra-input-4-old-value {
    display: none;
}

.cell-qte-changed, .cell-alert-changed {
    background-color: #F7EA99 !important;
    color: #30690B !important;
}


.extra-input-input, .extra-input-select {
    position: absolute;
    width: 260px;
    top: 34px;
    height: 26px;
    border: 1px solid #D4D4D4;
    left: 15px;
    padding-left: 8px;
}

.cell-extra-input-decimal, .cell-extra-input-integer {
    text-align: right;
    padding-right: 5px;
}

.handling-validation-buttons-validate, .handling-validation-loading {
    text-align: center;
    color: white;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    height: 28px;
    cursor: pointer;
    margin: auto;
    font-size: 12px;
}

.handling-disabled {
    background-color: #88BAEA !important;
}

.box-header-handling {
    display: block;
}

.handling-validation-updating .handling-validation-buttons-save, .handling-validation-updating .handling-validation-buttons-cancel {
    background-color: #739EC8 !important;
    cursor: pointer;
}

.handling-main-table .dx-toolbar-after-header-toolbar { top:-51px!important; }

.handling-validation-buttons-container {
    /*  position: absolute;
    left: 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height:44px;
}

.handling-validation-buttons-save, .handling-validation-buttons-cancel {
    background-color: #88BAEA;
    float: left;
    color: white;
    width: 90px;
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 29px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #C3C3C3;
    cursor: default;
}

#btnRefreshGrid {
    /*position: absolute;
    right: 0;
    background-color: #739EC8; 
    color: white;
    width: 90px;
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 29px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #C3C3C3;
    top: 0;*/
    position: absolute;
    right: 0;
    background-color: #739EC8;
    color: white;
    width: 53px;
    text-align: center;
    font-size: 26px;
    height: 59px;
    line-height: 29px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #C3C3C3;
    top: -31px;
    line-height: 59px;
}

#btnCancelChanges {
    background-position: center left !important;
    background-repeat: no-repeat;
}

#btnSaveChanges {
    background-position: center left !important;
    background-repeat: no-repeat;
}


#btnValidateServices, #ValidateServicesLoading {
    padding-left: 26px;
    padding-right: 26px;
    background-position: center left !important;
    background-repeat: no-repeat;
    line-height: 29px;
    width: 250px;
}

#ValidateServicesLoading {
    display: none;
    cursor: default;
}

/*.handling-main-body .CODE_REDEV-body {
        font-size: 15px;
        font-weight: bold;
        color: #1E3C53;
        line-height: 22px;
    }*/

.selected .CODE_REDEV-body, .selected .LIBELLE_REDEV-body {
    color: white !important;
}

.handling-main-body .CODE_REDEV-body, .handling-main-body .LIBELLE_REDEV-body {
    font-size: 12px;
    font-weight: bold;
    color: #1E3C53;
    line-height: 22px;
    padding-top: 6px;
    padding-bottom: 3px;
}


.handling-main-body .cell-qte-value {
    font-weight: bold;
    font-size: 15px;
    line-height: 32px;
}

.dataTables_scrollHeadInner .search-header-cell {
    /*padding: 0 !important;*/
    font-size: 14px !important;
    line-height: 22px !important;
    /*height: 42px !important;*/
}

table.dataTable thead th, table.dataTable thead td {
    padding: 5px 18px;
}

.QUANTITE-body, .QUANTITE_PREVUE-body, .HEUREDEB_REEL-body, .DATEDEB_REEL-body, .HEUREFIN_REEL-body, .DATEFIN_REEL-body, .NIVEAU_VALIDATION-body {
    padding-left: 2px !important;
    padding-right: 13px !important;
}

table.dataTable.table-condensed .sorting::after, table.dataTable.table-condensed .sorting_asc::after, table.dataTable.table-condensed .sorting_desc::after {
    top: 11px;
    right: -1px;
}

.handling-main-body_scroll {
    background-color: #fafafa;
}

.even {
    background-color: white;
}

.handling-header-2:not(.handling-validation-updating) .handling-validation-buttons-refresh:hover {
    background-color: #3271AD !important;
    cursor: pointer;
}

.handling-validation-updating:not(.handling-validation-locked) .handling-validation-buttons-save:hover,
.handling-validation-updating:not(.handling-validation-locked) .handling-validation-buttons-cancel:hover {
    background-color: #3271AD !important;
    cursor: pointer;
}

.handling-header-2:not(.handling-validation-locked) .handling-validation-buttons-validate:hover {
    background-color: #3271AD;
    cursor: pointer;
}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.main-sidebar {
    padding-top: 50px;
}

.flight-status-selected {
    font-weight: bold;
    text-decoration: underline;
}

.hi-separator {
    margin-right: 20px;
    float: left;
    background-color: lightgray;
    height: 20px;
    width: 1px;
    margin-left: 20px;
    margin-top: 15px;
}

.toggle-flight-status {
    position: relative;
    float: left;
    height: 50px;
    margin-left: 50px;
    cursor: pointer;
}

.toggle-flight-status-header {
    text-align: left;
    float: left;
    height: 50px;
    width: 200px;
    line-height: 50px;
}

#toggle-flight-status-options {
    position: absolute;
    height: 80px;
    width: 220px;
    display: none;
    top: 40px;
    background-color: white;
    z-index: 10;
    padding: 10px;
    border: 1px solid lightgray;
}

.toggle-flight-status-option {
    height: 50px;
    float: left;
    line-height: 50px;
}

    .toggle-flight-status-option:hover {
        text-decoration: underline;
    }

.hi-status {
    float: left;
    margin-right: 7px;
    margin-top: 19px;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid lightgray;
}

.hi-green-status {
    background-color: green;
}

.hi-red-status {
    background-color: #E7463E;
}

.img-type-qte {
    background-image: url(../Images/icon-quantite.png);
    width: 40px !important;
    float: left;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.img-type-date {
    background-image: url(../Images/icon-date.png);
    width: 40px !important;
    float: left;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.img-type-date-qte {
    background-image: url(../Images/icon-date-quantite.png);
    width: 40px !important;
    float: left;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cell-qte-value-0 {
    color: red !important;
}

.cell-qte-value {
    color: green;
}

.longterm-inputs-container {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

.histo-inputs-container, .longterm-inputs-container {
    height: 40px;
}

.histo-inputs-container {
    float: left;
    margin-left: 50px;
    margin-top: 5px;
}


 .longterm-container-date {
    /*height: 25px;
    width: 215px;
    position: relative !important;
    margin-bottom: 0;
    margin-top: 13px;
    float: left;*/
    height: 29px;
    width: 142px;
    position: relative !important;
    margin-bottom: 0;
    margin-top: 13px;
    float: left;
}

.long-term-filters-container {
    text-align: center;
    /*    background-color: #f9f9f9;
*/ /*    width: 100%;
*/
    float: left;
    height: 41px;
    /*    border: 1px solid #e1e5ed;
*/ position: relative;
    margin-left: 10px;
    margin-top: 5px;
}

.longterm-container-date {
    margin-top: 6px;
}

.customDateCalendar {
    color: #555 !important;
    height: 28px;
    border-radius: 0;
    background-color: #EFEFEF;
    padding: 3px 12px;
    border: 1px solid #ccc;
    border-left-width: 1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    width: 40px;
    border-left-width: 0;
    float: left;
    padding-top: 6px;
}

.customDateCalendarHandling {
    position: absolute;
    height: 22px;
    color: #555 !important;
    border-radius: 0;
    background-color: #EFEFEF;
    padding: 3px 12px;
    border: 1px solid #ccc;
    border-left-width: 1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    width: 40px;
    border-left-width: 0;
    float: left;
    padding-top: 3px;
}


#pHistoDate, #pLongDate, #pLongDate2 {
    float: left;
    width: 100px;
    border-color: rgb(210, 214, 222);
    text-align: center !important;
    padding-left: 6px;
    width: 100px;
    height: 28px;
    padding-top: 8px;
}

.popup_datebox {
    display: none;
    background-color: #fafafa;
    padding: 2px 20px 20px;
    position: absolute;
    z-index: 2000029;
    border: 1px solid #d3d3d3;
    top: 23px;
    left: 135px;
}

.long-input-submit {
    float: left;
    background-color: lightgray;
    width: 32px;
    height: 25px;
    margin-top: 15px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    background-color: #EFEFEF;
    border: 1px solid #ccc;
    font-weight: bold;
    cursor: pointer;
}


.long-input-submit {
    margin-left: 10px;
    margin-top: 8px;
}


.col-label-pLongDate, .col-label-pLongDate2 {
    width: 70px !important;
    margin-top: 2px;
    display: none;
}

.col-input-pHistoDate, .col-input-pHistoDateFin {
    width: 142px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.col-input-pLongDate, .col-input-pLongDate2 {
    width: 142px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.resa-label-HistoDate {
    float: right !important;
}

.resa-label-LongDate {
    float: right !important;
}

#pLongImmat, #pLongLig {
    height: 28px;
    padding: 0px 2px;
    text-align: center;
}

#pLongDate, #pLongDate2 {
    float: left;
    width: 87px;
    padding: 4px 2px;
}

.histo-container-cie {
    float: left;
    margin-bottom: 0;
    height: 28px;
}

    .histo-container-cie .col-sm-2 {
        width: auto;
        margin-top: 15px;
        padding-right: 0;
    }

    .histo-container-cie .col-sm-10 {
        width: 105px;
        margin-top: 13px;
    }

.histo-container-immat, .histo-container-lig {
    float: left;
    margin-bottom: 0;
    height: 50px;
}

    .histo-container-immat .col-sm-2, .histo-container-lig .col-sm-2 {
        width: auto;
        margin-top: 15px;
        padding-right: 0;
        padding-left: 3px;
    }

    .histo-container-immat .col-sm-10, .histo-container-lig .col-sm-10 {
        width: 80px;
        margin-top: 13px;
        padding-left: 10px;
    }


.longterm-container-cie {
    float: left;
    margin-bottom: 0;
    height: 50px;
}

    .longterm-container-cie .col-sm-2 {
        width: auto;
        margin-top: 10px;
        padding-right: 0;
    }

    .longterm-container-cie .col-sm-10 {
        width: 105px;
        margin-top: 6px;
    }

.longterm-container-immat, .longterm-container-lig {
    float: left;
    margin-bottom: 0;
    height: 50px;
}

    .longterm-container-immat .col-sm-2, .longterm-container-lig .col-sm-2 {
        width: auto;
        margin-top: 10px;
        padding-right: 0;
        padding-left: 3px;
    }

    .longterm-container-immat .col-sm-10, .longterm-container-lig .col-sm-10 {
        width: 80px;
        margin-top: 6px;
        padding-left: 10px;
    }



.select2-results li {
    height: 29px;
}

.select2-results__option:first-of-type {
    display: none;
}

.resa-label-APartir {
    float: right !important;
}

.resa-label-JusquAu {
    float: right !important;
}

.popup_datebox {
    display: none;
    background-color: #fafafa;
    padding: 2px 20px 20px;
    position: absolute;
    z-index: 2000029;
    border: 1px solid #d3d3d3;
    top: 23px;
    left: 135px
}

.resa-datebox-container .input-group {
    display: none !important
}

.form-export-box .customDateCalendar {
    color: #555 !important;
    height: 34px;
    border-radius: 0;
    background-color: #EFEFEF;
    padding: 3px 12px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    width: 40px;
    border-left-width: 0;
    float: left;
    padding-top: 9px;
}


#dateBox_pAPartir_form {
    top: 95px;
    left: -52px;
}

#dateBox_pJusquau_form {
    top: 144px;
    left: -52px;
}

.histo-container-cie .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 23px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.export-cie .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.export-cie .select2-container--default .select2-selection--single {
    height: 32px;
    background-color: #f7f7f7;
    border-color: lightgray;
}

.button-handling-disabled {
    background-color: #88BAEA !important;
    cursor: default !important;
}

    .button-handling-disabled:hover {
        background-color: #88BAEA !important;
    }

.longterm-inputs-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
    right: 3px;
}

    .longterm-inputs-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 0;
    }

.histo-inputs-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
    right: 3px;
}

    .histo-inputs-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 0;
    }

.flights-message-delay {
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.flights-message-header {
    float: left;
}

.flights-message-container, .handling-message-container, .flights-timeout-container {
    width: 100%;
    height: 38px;
    background-color: #CB2A22;
    color: white;
    text-align: center;
    line-height: 38px;
    float: left;
    display: none;
    justify-content: center;
    position: absolute;
    z-index: 9999;
}

.handling-confirmation-container {
    width: 100%;
    height: 38px;
    background-color: #41cb22;
    color: white;
    text-align: center;
    line-height: 38px;
    float: left;
    display: none;
    justify-content: center;
    position: absolute;
    z-index: 9999;
}

.handling-main-body_scroll .MSG_ERR-body {
    padding-top: 0 !important;
}

.handling-main-body_scroll .MSG_ERR-body {
    line-height: 15px !important;
    padding-top: 2px !important;
    color: #8B0000;
}

.show-errors-only .tr-hide {
    display: none !important;
}

.dropcheckbox-dt-filters, .dropcheckbox-dt-autorefresh {
    float: right;
    height: 25px;
    left: 404px;
    margin-top: 5px;
    padding-right: 22px;
}

    .dropcheckbox-dt-filters .btn, .dropcheckbox-dt-autorefresh .btn {
        padding: 5px 12px;
        border: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .dropcheckbox-dt-filters .dropdown-menu, .dropcheckbox-dt-autorefresh .dropdown-menu {
        right: 0;
        left: unset;
    }

    .dropcheckbox-dt-autorefresh .dropdown-menu {
        min-width: 106px !important;
    }

        .dropcheckbox-dt-filters .dropdown-menu > .active > a, .dropcheckbox-dt-filters .dropdown-menu > .active > a:focus, .dropcheckbox-dt-filters .dropdown-menu > .active > a:hover,
        .dropcheckbox-dt-autorefresh .dropdown-menu > .active > a, .dropcheckbox-dt-autorefresh .dropdown-menu > .active > a:focus, .dropcheckbox-dt-autorefresh .dropdown-menu > .active > a:hover {
            color: black !important;
            text-decoration: none;
            background-color: transparent !important;
            outline: 0;
        }

.header-bar-flights, .header-bar-services { /*position: absolute; top: 0; height: 42px; right: 15px;*/
    height: 100%;
    display: inline-block;
    float: left;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #88BAEA !important;
    color: white !important;
}

    table.dataTable tbody > tr.selected .duplicateFlag, table.dataTable tbody > tr > .selected .duplicateFlag {
        color: black !important;
    }

        table.dataTable tbody > tr.selected .duplicateFlag .cell-qte-value, table.dataTable tbody > tr > .selected .duplicateFlag .cell-qte-value {
            color: green;
        }

        table.dataTable tbody > tr.selected .duplicateFlag .cell-qte-value-0, table.dataTable tbody > tr > .selected .duplicateFlag .cell-qte-value-0 {
            color: red !important;
        }

#pBatchFlightsMain {
    height: 400px;
}

.transfert-invoice-wait {
    float: right;
    background-color: #E7463E;
    color: white;
    height: 25px;
    width: 25px;
    border: 6px solid #E7463E;
    background-image: url(../Images/spinner2.gif);
    background-size: cover;
    margin-top: 13px;
    display: none;
    position: absolute;
    left: 520px;
    border-radius: 3px;
}

.validate-flights-wait {
    float: right;
    background-color: orange;
    color: white;
    height: 25px;
    width: 25px;
    border: 6px solid #E7463E;
    background-image: url('../Images/spinner2.gif');
    background-size: cover;
    margin-top: 13px;
    display: none;
}


.btn-transfert-invoice, .btn-batch-validate {
    float: right;
    height: 25px;
    min-width: 80px;
    background-color: #E7463E;
    margin-top: 13px;
    margin-right: 15px;
    cursor: pointer;
    color: white;
    line-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    display: none;
    position: relative;
    right: -250px;
    border-radius: 3px;
}


.btn-batch-validate {
    background-color: orange;
    margin-right: 6px;
}

.header-bar-flights .dropdown-toggle, .header-bar-services .dropdown-toggle {
    padding-top: 4px !important;
}


.dx-toast-custom {
    background-color: rgba(231,70,62,.8); /* fond noir un peu transparent */
    color: white; /* texte blanc */
    font-size: 12px;
    line-height: 20px; /* hauteur de chaque ligne de filtre/tri */
    margin-bottom: 5px; /* évite de mettre des <br/> pour chaque ligne de filtre/tri */
    /* reprise du style ios7 (pour les bords arrondis) : Shared\dx.ios7.default.css : .dx-toast-content */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.col-input-pLongImmat {
    padding-right: 0;
}


.cell-datedeb-changed, .cell-datefin-changed, .cell-heuredeb-changed, .cell-heurefin-changed {
    font-weight: normal !important;
}



.update-popup-flights-line {
    height: 21px;
    margin-bottom: 2px;
    width: 100%;
    float: left;
}

.update-popup-flights {
    /*height: 255px;*/
    width: 954px !important
}



.est-select-form .col-sm-2 {
    width: 145px;
    float: left;
    padding: 4px 10px 4px 27px;
    font-size: 12px;
    color: #444;
    text-align: left;
    padding-right: 0;
}

.est-select-form .col-sm-10 {
    width: 150px;
    float: left;
    padding-left: 0;
}

.resa-input-selective {
    text-align: left;
    padding-left: 5px;
    border: 1px solid lightgray;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0 !important;
    height: 24px !important;
    -webkit-appearance: none;
    outline-style: none;
    box-shadow: none;
}

.est-select-form .form-control {
    height: 24px;
    padding: 0;
    padding-left: 0px;
}

.customDateCalendar .fa {
    margin-top: 1px;
}

.resa-selective-typeapp .selective-popup-container {
    width: 519px;
}

.selective-popup-container {
    position: absolute;
    width: 550px;
    border: 1px solid lightgray;
    top: 23px;
    font-size: 13px;
    z-index: 150 !important;
}

.resa-selective-container .resa-select-header {
    width: 100%;
    height: 20px;
    background-color: #F3F4F5;
    text-align: center;
    line-height: 19px;
    border-bottom: 1px solid #CCCBB9;
    text-align: left;
    font-size: 13px;
}

.resa-selective-content {
    float: left;
    background-color: #fff;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
}

.popup-update-header, .popup-update-header-alternate {
    padding-left: 22px;
}

#pPopupSpinnerFrame {
    position: absolute;
    background: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0.8;
}

.popup-loading-spinner {
    background-image: url('../../Images/spinner.gif');
    height: 100px;
    width: 100px;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}


.thead .extra_input_label {
    display: none;
}

.thead .cell-extra-input-value-span {
    display: none;
}

.extra_input_label {
    padding-left: 5px;
    padding-right: 7px;
    font-size: 12px;
    height: 33px;
    float: left;
    max-width: 100px;
    line-height: 33px;
    /*background-color: #F4F4F4;*/
    margin-left: -1px;
    display: inline-block;
    overflow: hidden;
    word-wrap: anywhere;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*border: 1px solid #E5E5E5;*/
    font-weight: bold;
    color: #5D7B9F;
}

.cell-extra-input-value-span {
    display: inline-flex;
    height: 31px;
    line-height: 31px;
    float: left;
    padding-left: 5px;
    margin-right: 20px;
}



.selected .extra_input_label {
    color: white;
    background-color: #71A3D3 !important;
    border-color: #71A3D3;
}

/*.cell-extra-input-value-container {
    position: relative;
    float: left;
    height: 32px;
    padding-right:6px;
    min-width:171px;
}

.cell-extra-input-label {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    line-height: 31px;
}

.cell-extra-input-1-value, .cell-extra-input-2-value ,.cell-extra-input-3-value,.cell-extra-input-4-value
{
    float: left;
    margin-left: 70px;
    height: 22px;
}

.cell-extra-input {
    
}

.EXTRA_INPUT_1-body, .EXTRA_INPUT_2-body, .EXTRA_INPUT_3-body, .EXTRA_INPUT_4-body {
    
}

.cell-extra-input-input {
    
}*/

.EXTRA_INPUT_1-body, .EXTRA_INPUT_2-body, .EXTRA_INPUT_3-body, .EXTRA_INPUT_4-body {
    min-width: 100px;
    text-align: left;
}


.toggle-login-password-clearview {
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #7D7D7D;
    font-size: 13px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.form-group-mdp {
    position: relative;
}


.login-box-msg, .login-box-expired, .login-box-incorrect {
    margin: 0;
    text-align: center;
    padding: 0 5px 0px 5px;
    line-height: 41px;
    background-color: #dd4b39 !important;
    color: white !important;
}

.login-logo-bottom {
    width: 100%;
    float: left;
    height: 30px;
    text-align: center;
    margin-top: 18px;
    background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(211,211,211,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px));
}

.login-logo-bottom-img {
    height: 30px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.login-loading-body {
    display: none;
    height: 180px;
    width: 480px;
    float: left;
    background-color: #fff;
    padding-top: 20px;
    color: lightgray;
    text-align: center;
}

.login-loading-spinner {
    background-image: url('../../Images/spinner.gif');
    height: 40px;
    width: 40px;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 6px;
}

.login-app-version {
    width: 100%;
    text-align: center;
    color: #cacecf;
    margin-top: 3px;
    float: left;
}

@media (max-width:500px) {
    .login-box {
        max-width: 100% !important;
        border-radius: 0 !important;
        height: 260px !important;
        box-shadow: none;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: none;
    }

    .login-background {
        background-image: none !important;
        background-color: white !important;
    }

    .login-logo {
        display: none;
    }

    .login-header {
        text-align: center;
        padding-left: 0px !important;
    }

    .login-box-incorrect {
        margin: 0;
        text-align: center;
        padding: 0 0 0 0 !important;
    }
}

@media (max-height:580px) {
    .login-box {
        max-width: 100% !important;
        border-radius: 0 !important;
        height: 260px !important;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: none;
    }

    .login-background {
        background-image: none !important;
        background-color: white !important;
    }

    .login-logo {
        display: none;
    }

    .login-header {
        text-align: center;
        padding-left: 0px !important;
    }

    .login-box-incorrect {
        margin: 0;
        text-align: center;
        padding: 0 0 0 0 !important;
    }
}


.form-export-box .form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.cell-pkg-input {
    width: 103px !important;
    margin-top: 4px;
    margin-right: 0px;
    text-align: center;
    float: left;
    margin-left: 4px;
}

.cell-pkg-btn {
    float: left;
    background-color: #e8e8e8;
    width: 24px;
    height: 22px;
    margin-top: 4px;
    border: 1px solid #D2D6DE;
    display: none;
}

.resa-selective-pkg-container-grid {
    width: 100% !important;
    min-width: 80px !important;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: normal;
}

    .resa-selective-pkg-container-grid .resa-button-selective {
        margin-top: 1px;
        position: relative;
    }

    .resa-selective-pkg-container-grid .fa-caret-down {
        position: absolute;
        top: 4px;
        left: 0;
    }

    .resa-selective-pkg-container-grid .resa-input-fieldname-pkg-grid {
        text-align: center !important;
    }

.cell-pkg-value, .resa-input-fieldname-pkg-grid {
    text-transform: uppercase;
}


.group-start td {
    background-color: #e4e4e4 !important;
    font-weight: bold;
    padding-left: 27px !important;
    border-bottom: 1px solid lightgray !important;
    color: #444 !important;
    border-top: 0px solid #E4E4E4 !important;
    padding-bottom: 0px !important;
    height: 25px;
    line-height: 21px !important;
    background-image: url('../../Images/black-arrow-down.png');
    background-repeat: no-repeat;
    background-position-x: 12px;
    background-position-y: 14px;
}

.group-close td {
    background-image: url('../../Images/black-arrow-left.png');
    background-position-y: 12px;
}

.handling-main-body {
    margin-top: -2px !important;
}

.box-flights table.dataTable, .box-handling .handling-main-table table.dataTable {
    margin-top: -2px !important;
}

.IMG_TYPE-body {
    border-left-width: 0px !important;
    border-left-color: transparent;
}


.group-end {
    background-color: #8F8F8F;
    height: 2px !important;
}

    .group-end td {
        display: table-cell !important;
        padding: 0 !important;
    }

.update-popup-delay .delay-col2 {
    width: 80px !important;
}

.update-popup-delay .selective-col1 {
    display: none;
}

.update-popup-delay .selective-col2 {
    width: 90px;
}

.update-popup-delay .resa-input-selective {
    height: 21px !important;
    line-height: 21px !important;
    text-align: left !important;
}

.update-popup-delay .resa-top-selective {
    height: 21px !important;
}

.update-popup-delay-container .selective-popup-container {
    top: 20px;
}

.resa-input-fieldname-delay {
    text-align: center !important;
}

.delay-error {
    margin-left: -75px !important;
    width: 480px !important;
    margin-top: 8px !important;
}

.COMMENT-header {
    text-align: center;
}

.handling-main-table .COMMENT-body {
    max-width: 450px;
    overflow: hidden;
}


#signature-pad {
    touch-action: none;
    margin: 15px;
    margin-bottom: 10px;
    border: dashed 2px lightgray;
    margin-left: auto;
    margin-right: auto;
}

.btn-signature-edit,
.btn-signature-clear {
    float: left;
    height: 25px;
    width: 70px;
    background-color: #E9E9ED;
    margin-left: 15px;
    text-align: center;
    cursor: pointer;
    line-height: 25px;
}

.btn-signature-edit {
    background-color: #E7463E;
    color: white;
}


.signature-staff-number-container {
    float: left;
    width: 100%;
    height: 45px;
    text-align: center;
}

.signature-staff-number-centerer {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    height: 45px;
}

.signature-staff-number {
    width: 100%;
    float: left;
    text-align: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.signature-staff-number-input {
    width: 350px;
    border: 1px solid lightgray;
    height: 20px;
}

.btn-signature-save {
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    float: right;
    height: 25px;
    width: 70px;
    background-color: #E9E9ED;
    margin-right: 15px;
}

.update-popup-signature .update-popup-submit {
    display: none;
}

.print-options-select-label {
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    color: darkorange;
    margin-bottom: 10px;
    margin: auto;
    height: 26px;
    line-height: 26px;
    margin-bottom: 4px;
    float: left;
    width: 100%;
    padding-left: 66px;
    margin-top: 7px;
}

.print-options-select-cie {
    float: left;
}

.print-options-select-label .utc-value, .print-options-select-label .loc-value {
    float: left;
    margin-left: 4px;
}

#print-options-select-container-multiple {
    height: 40px;
    padding-top: 10px;
}

.print-options-select-multiple {
    width: 300px;
    margin-left: 15px;
    border: 1px solid lightgray;
}

#signature-img {
    display: none;
    margin: 15px;
    margin-bottom: 10px;
    border: 1px solid lightgray;
    margin-left: auto;
    margin-right: auto;
}

.signature-spinner {
    display: none;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-color: white;
    opacity: 0.8;
    background-image: url('../Images/spinner.gif');
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 56px;
}

.signature-error {
    display: none;
    color: white;
    background-color: #E7463E;
    height: 20px;
    position: absolute;
    bottom: 12px;
    right: 10px;
    left: 10px;
    text-align: center;
}


#btnSignatureGrid {
    position: absolute;
    right: 53px;
    background-color: #739EC8;
    color: white;
    width: 53px;
    text-align: center;
    font-size: 26px;
    height: 59px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #C3C3C3;
    top: -31px;
    line-height: 59px;
}

    #btnSignatureGrid:hover {
        background-color: #3271AD !important;
    }

/*.update-popup-batch-validate-flights-fullscreen .update-popup-header { display:none; }*/
.update-popup-batch-validate-flights {
    padding: 0 !important; /* border:6px solid #F5DB8C;*/
    min-width: 730px;
    max-height: 700px;
    min-height: 400px;
}

    .update-popup-batch-validate-flights .fa {
        display: none;
    }

    .update-popup-batch-validate-flights .popup-update-header, .update-popup-batch-validate-flights .popup-update-header-alternate {
        height: 59px;
        padding-left: 60px;
        background-image: url('../../Images/flight-validation-40.png');
        background-repeat: no-repeat;
        background-position: 11px center;
        padding-top: 0 !important;
        border-bottom: 1px solid #F3F3F3;
        background-color: #FBFBFB;
        color: #497AB0;
        font-size: 19px;
        font-weight: bold;
        line-height: 59px;
    }

.update-popup-batch-validate-flights-header {
    height: 48px;
    line-height: 1;
}

.update-popup-batch-validate-flights .update-popup-header {
    padding-top: 0px;
    padding-left: 0px;
    height: 60px;
}

.update-popup-batch-validate-flights .update-popup-footer {
    border-bottom-width: 0 !important;
}

.batch-flight-line-header {
    background-color: #f4f4f4;
    font-weight: bold;
}

.batch-flight-line {
    width: 100%;
    height: 26px;
    border-bottom: 1px solid lightgray;
    line-height: 26px;
    position: relative;
}

.batch-flight-col {
    float: left;
    height: 26px;
    min-width: 30px;
    text-align: center;
    border-right: 1px solid lightgray;
}

.batch-flight-CIEEXPL {
    width: 120px;
}

.batch-flight-LIG {
    width: 120px;
}

.batch-flight-DP {
    width: 100px;
}

.batch-flight-HP {
    width: 100px;
}

.batch-flight-SENS {
    width: 50px;
}

.batch-flight-ESC {
    width: 90px;
}

.batch-flight-mvtnumfact {
    display: none;
}

.batch-flight-MESSAGE {
    border-right: none;
    text-align: left;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 609px;
    color: #CD2C24;
    font-weight: bold;
    padding-left: 10px;
}

.batch-flight-progress {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
/**/
.batch-line-processing .batch-flight-progress {
    background-image: url('../../Images/spinner.gif');
}

.batch-line-error .batch-flight-progress {
    background-image: url('../../Images/error-18.png');
}

.batch-line-success .batch-flight-progress {
    background-image: url('../../Images/success-18.png');
}

.btn-batch-validate-close, .btn-batch-validate-cancel {
    position: absolute;
    bottom: 8px;
    left: 10px;
    height: 30px;
    background-color: #E7463E;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-batch-validate-close {
    background-color: #497AB0;
}

    .btn-batch-validate-close:hover, .btn-batch-validate-cancel:hover {
        color: white !important;
    }

.update-popup-batch-validate-flights-fullscreen .update-popup-cancel {
    display: none;
}

.SELECT_CHECKBOX-header::after, .FAVORITE-header::after, .FAVORITE_ROT-header::after {
    background-image: none !important;
}

.header-grid-select-toggle {
    position: absolute;
    top: 0;
    left: 14px;
    z-index: 500;
    padding-top: 3px;
    padding-left: 0;
}

.header-grid-favorite-toggle, .header-grid-favorite-toggle-rot {
    position: absolute;
    top: 0;
    padding-top: 3px;
    padding-left: 5px;
}

#chk-select-flights-toggle {
    pointer-events: all;
    cursor: pointer;
}

#favorite-global {
    pointer-events: all;
    cursor: pointer;
}

.batch-flight-line {
    cursor: pointer;
}

    .batch-flight-line:hover {
        background-color: #E1E8ED;
    }

#pBatchFlightsList {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    right: 0;
    left: 0;
    top: 86px;
    bottom: 47px;
}

.box-header-vestergaard {
}

.box-vestergaard {
    border-top: 0;
}

.box-body-vestergaard .dataTables_info {
    margin-left: 10px;
}

.logo-lg, .logo-mini {
    background-color: var(--highlight-color) !important;
}


.culture-menu .dropdown-toggle {
    padding: 5px !important;
    margin-top: 5px !important;
}

.dx-toolbar-after-header-toolbar {
    top: -50px !important;
}

.edit-button-save {
    height: 25px;
    background-color: green;
    line-height: 25px;
    color: white;
    border-radius: 2px;
}

.edit-button-cancel {
    height: 25px;
    background-color: red;
    line-height: 25px;
    color: white;
    border-radius: 2px;
}



.row-bottom-fixed {
    height: 46px;
    width: 100vw;
    position: absolute;
    left: 150px;
}

.arrow-move-left, .arrow-move-right {
    float: left;
    width: 30px;
    height: 25px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
    margin-left: 30px;
    border-radius: 2px;
    cursor: pointer;
    color: black;
}

.controle-validation-main-table .SELECT_CHECKBOX-header {
    opacity: 0;
    pointer-events: none;
}

.flights-main-table .SELECT_CHECKBOX-header, .flights-main-table .FAVORITE-header, .flights-main-table .FAVORITE_ROT-header {
    opacity: 0;
    pointer-events: none;
    position: relative;
}

.flights-main-table .GANTT_OPEN-header {
    opacity: 0;
    pointer-events: none;
}

.flights-main-table .NAVIGATE_TO_SERVICES-header {
    opacity: 0;
    pointer-events: none;
}

.flights-main-table .FAVORITE-header {
    opacity: 0;
    pointer-events: none;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    margin-top: 5px;
}

.dx-datagrid.dx-gridbase-container.handling-main-table {
    width: 100%;
}

.handlings-button-retour {
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: space-evenly;
    color: white;
    background: var(--highlight-color);
    border-radius: 3px;
    height: 35px;
    cursor: pointer;
    font-size:20px;
}

    .handlings-button-retour:hover {
        opacity: 0.8;
    }

.box-header-handling h3.box-title.box-handle {
    display: none;
}

.handlings-main-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.handlings-button-retour i.fa.fa-arrow-circle-o-left {
    font-size: 19px;
}

.title-handlings-header {
  font-size: 19px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  height: 44px !important;
  padding-left: 13px !important;
  line-height: 43px;
  border-bottom: 1px solid #ededed;
  background-color: #fafafa;
  right: 0;
}

.btn-handling-userform { background-color: var(--highlight-color); margin-left: 8px!important; border-radius: 3px;  color: white; }
.handling-userform-open .btn-handling-userform { background-color:orange; }
.flights-main-table .dx-datagrid-group-panel, .handling-main-table .dx-datagrid-group-panel { padding-top:0; }
.box-header-handling {
display: flex !important;
  width: 100%;
  height: 95px !important;
  padding: 0 !important;
  border-bottom: 1px solid lightgray;
}

.box { background-color: var(--main-color) !important; }


.button-handling-save {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    cursor: pointer;
    width: 40px;
}

.handling-save, .handling-cancel {
    width: 40px;
    font-size: 20px;
    background-color: var(--highlight-color);
    color: white;
    border-radius: 3px;
    cursor: not-allowed;
    opacity: 0.7;
    pointer-events: none;
}

.handling-validation-updating .handling-save, .handling-validation-updating .handling-cancel {
    width: 40px;
    font-size: 20px;
    background-color: var(--highlight-color);
    color: white;
    border-radius: 3px;
    cursor: pointer;
    opacity: 1;
    pointer-events: all;
}


    .handling-validation-updating .handling-save:hover, .handling-validation-updating .handling-cancel:hover {
        background-color: var(--highlight-color);
        opacity: 0.8;
    }


.handling-validate {
    background-color: var(--highlight-color);
    color: white;
    padding: 0px 10px;
    border-radius: 3px;
    text-transform: none;
}

    .handling-validate:hover {
        background: #3bcd1d;
    }

    .handling-validate i.fa.fa-check-square, .button-handling-save-disabled i.fa.fa-check-square {
        color: white !important;
        font-size: 20px;
    }

.button-handling-save-disabled {
    cursor: not-allowed !important;
    opacity: 0.7;
    pointer-events: none;
    background-color: var(--highlight-color);
    color: white;
    padding: 0px 10px;
    border-radius: 3px;
    text-transform: none;
}

.dx-datagrid.dx-gridbase-container.flights-main-table.flights-main-table-M {
    width: 100%;
}

.box-header-flights {
    margin-top: 5px;
}

input.cell-qte-input {
    padding-left: 6px;
    width: 100%;
}

.btn-transfert-container {
    position: absolute;
    right: 360px;
    top: 42px;
    z-index: 1000;
}


.vestergaard-button {
    border-left: 2px solid black !important;
    border-right: 2px solid black !important;
    border-bottom: 2px solid black !important;
    border-top: 2px solid black !important;
    height: 48px;
    width: 48px;
    background-color: var(--highlight-color);
    border-radius: 0;
}

    .vestergaard-button i {
        color: white;
    }


.box-body-vestergaard :first-child {
    max-width: 100% !important;
}

.form-export-box label.col-sm-2.control-label {
    width: 250px;
}

.focused-item {
    background-color: var(--highlight-color);
    color: white;
}

select#selectColumn:disabled {
    background: lightgray;
    color: black;
}

.IMG_TYPE-header {
    opacity: 0;
    pointer-events: none !important;
}


.multi-select-container {
    display: inline-block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    padding: 0.4em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

    .multi-select-menu input {
        margin-right: 0.3em;
        vertical-align: 0.1em;
    }

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    max-width: 20em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: default;
}

    .multi-select-button:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.4em 0.4em 0 0.4em;
        border-color: #999 transparent transparent transparent;
        margin-left: 0.4em;
        vertical-align: 0.1em;
    }

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.title-radio-prestations {
    width: 200px;
    font-weight: bold;
    text-align: right;
    padding-right: 15px;
}

.radio-prestations {
    display: flex;
}

.radio-label-presta label, .radio-label-presta input {
    margin: 0;
}

.radio-label-presta label {
    padding-left: 5px;
}

.radio-label-presta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.drop-prestations label {
    width: 200px;
    text-align: right;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.drop-prestations {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .drop-prestations button.multiselect.dropdown-toggle.btn.btn-default {
        margin-left: 15px;
        width: 170px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .drop-prestations .multiselect-container label.checkbox {
        display: flex;
        justify-content: space-between;
        text-decoration: none;
    }

input#horsContrat {
    margin-top: 11px;
    margin-left: 15px;
}

.drop-prestations ul.multiselect-container.dropdown-menu {
    height: 300px;
    overflow: auto;
    width: 550px;
    z-index: 9999;
    margin-left: 15px;
}

.drop-prestations a {
    text-decoration: none !important;
    border-bottom: 1px solid black;
}

.drop-prestations li.active a {
    color: white !important;
}

.drop-prestations span.input-group-addon {
    display: none;
}

.drop-prestations input.form-control.multiselect-search {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}


input.checkbox-disabled {
    pointer-events: none;
}

.button-handling-container .fa-undo {
    font-size: 18px;
}

select#aeroportOrTerrain {
    margin-left: 15px;
    width: 170px;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid lightgray;
    background-color: #f6f6f6;
}

.export-cie span.select2-selection__arrow {
    margin-right: 5px;
}

select#aeroportOrTerrain {
    margin-left: 15px;
    width: 170px;
    height: 30px;
    margin-bottom: 15px;
    border: 1px solid lightgray;
    background: #fafafa;
    border-radius: 3px;
}

.aeroportOrTerrains .btn-group.bootstrap-select.form-control {
    width: 170px;
    margin-left: 15px;
}

.aeroportOrTerrains {
    margin-bottom: 10px;
}

label.col-sm-2.control-label.col-label-pAeroportOrTerrains {
    padding-top: 10px;
}

.SELECT_CHECKBOX-header {
    opacity: 100 !important;
}

.GANTT_OPEN-header {
    opacity: 100 !important;
}

.NAVIGATE_TO_SERVICES-header {
    opacity: 100 !important;
}

.FAVORITE-header, .FAVORITE_ROT-header {
    opacity: 100 !important;
}

.LOGO-header {
    opacity: 100 !important;
}

.LOGO-header {
    opacity: 100 !important;
}

.SELECT_CHECKBOX-header .dx-column-indicators {
    display: none;
}

.GANTT_OPEN-header .dx-column-indicators {
    display: none;
}

.NAVIGATE_TO_SERVICES-header .dx-column-indicators {
    display: none;
}

.LOGO-header .dx-column-indicators {
    display: none;
}

.FAVORITE-header .dx-column-indicators, .FAVORITE_ROT-header .dx-column-indicators {
    display: none;
}

.handling-content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
}

.overlay-handlings .dx-filterbuilder-overlay {
    z-index: 9999 !important;
    position: relative;
}

.box-handling {
    padding-bottom: 5px;
}


.overlay-handlings #overlay {
    z-index: 2000;
    position: absolute;
}

.overlay-handlings .dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay.dx-popup-cancel-visible.dx-popup-done-visible {
    z-index: 2000 !important;
    width: 480px !important;
}


.overlay-handlings .dx-overlay-wrapper.dx-datagrid-column-chooser.dx-popup-wrapper.dx-datagrid-column-chooser-mode-drag {
    z-index: 2000 !important;
}

.overlay-handlings .dx-overlay-wrapper.dx-popup-wrapper.dx-datagrid-export-menu.dx-dropdownbutton-popup-wrapper {
    z-index: 2000 !important;
}

.overlay-handlings .dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-shader {
    z-index: 9999 !important;
}

.overlay-handlings .dark-mode-panel-container {
    z-index: 9999 !important;
}

.title-handlings-header.flight-color-green, .title-handlings-header.flight-color-orange, .title-handlings-header.flight-color-red {
    padding-left: 15px;
}

/*.dx-data-row:has(.flight-color-orange) {  
    background-color: orange !important;
}


.dx-datagrid .dx-row-alt:has(.flight-color-orange) > td {
    background-color: orange !important;
}*/

.export-cie .select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}

input#filterByGroup {
    margin-top: 20px;
    margin-left: 15px;
}



.exportByUserGroup .btn-group.bootstrap-select.form-control {
    width: 170px;
    margin-left: 15px;
}

.exportByUserGroup .form-group {
    display: flex;
    /* width: 600px; */
}

.gantt-icon {
    transform: rotate(90deg);
}

.est-select-form-terrainreel, .est-select-form-terrainprevu {
    text-transform: uppercase;
}

.handling-gantt {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
}

.gantt-container {
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
}

.gantt-button-back {
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: space-evenly;
    color: white;
    background: var(--highlight-color);
    border-radius: 3px;
    height: 35px;
    cursor: pointer;
}

    .gantt-button-back:hover {
        opacity: 0.8;
    }

.gantt-header {
    padding-top: 10px;
    padding-left: 10px;
}

.gantt-button-back .fa-arrow-circle-o-left {
    font-size: 20px;
}



.custom-hour-gantt {
    background-color: var(--highlight-color);
    color: white;
}

.custom-day-gantt {
    background-color: #e8e8e8;
    color: black;
}

.custom-task-edit-tooltip {
    background-color: black;
    min-height: 40px;
    color: white;
    width: 100px;
    opacity: 0.9;
    border-radius: 5px;
}

.handling-gantt .current-time {
    border-left: 2px solid red;
}


.tooltip-gantt-container {
    display: none;
}

.popup-close-container-gantt {
    position: absolute;
    bottom: 0;
    background-color: white;
    width: 100%;
    height: 50px;
    border-top: 1px solid lightgray;
    padding: 10px;
    left: 0;
}


.popup-overlay-gantt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's on top of other content */
}

.popup-container-gantt {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    height: 670px;
    width: 900px;
    /*max-width: 90%;
    max-height: 800px;*/
    overflow: auto;
    position: relative;
}

.popup-header-gantt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 59px;
    position: absolute;
    background-color: white;
    width: 100%;
    color: #497AB0;
    padding: 10px;
    border-bottom: 1px solid lightgray;
}

.button-close-gantt {
    background-color: #497AB0;
    height: 30px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 8px;
    height: 30px;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border: none;
    cursor: pointer;
}

.popup-close-container-gantt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid lightgray;
}

.popup-button-close-gantt {
    cursor: pointer;
    font-size: 18px;
}

.popup-body-gantt {
    padding: 5px;
    position: absolute;
    top: 62px;
    height: 540px;
    overflow-y: scroll;
    width: 100%;
}


.popup-title-gantt {
    font-size: 18px;
    font-weight: bold;
}


#gantt-services-view {
    margin-bottom: 20px;
}

.handling-gantt .dx-scrollable-scroll-content {
    display: none;
}

.task-stripline {
    border-left: 3px solid red !important;
}


.task-stripline-end {
    border-left: 2px solid black !important;
    margin-right: 2px;
}

.handling-gantt .dx-menu-items-container {
    display: none !important;
}


.btn-handling-gantt {
  background-color: var(--highlight-color);
  color: white;
  padding: 0 10px;
  border-radius: 3px;
  text-transform: none;
  width: 35px;
  display: flex;
}

.handling-gantt .dx-datagrid-table .dx-data-row {
    border-top: 1px solid lightgray !important;
}

.title-type-service {
    font-weight: bold;
    border: 1px solid lightgray;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: var(--second-color);
    color: black;
}


.no-service-gantt {
    height: 100px;
    border: 1px solid lightgray;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

.custom-task-edit-tooltip {
    width: auto;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    height: auto;
}

.task-time-label-start, .task-time-label-end {
    position: absolute;
    background-color: white;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid black;
    color: black;
    font-weight: bold;
    height: 20px;
    display: flex;
    align-items: center;
    left: -43px;
}

.task-time-label-end {
    position: absolute;
    background-color: white;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid black;
    color: black;
    font-weight: bold;
    height: 20px;
    display: flex;
    align-items: center;
    right: -43px;
}




.handling-gantt .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    display: none !important;
}



.handling-gantt .dx-gantt-toolbar-wrapper .dx-toolbar {
    background-color: transparent !important;
}

.handling-gantt .dx-row.dx-data-row.dx-row-lines.dx-column-lines {
    height: 45px !important;
}

.dx-gantt .dx-gantt-toolbar-wrapper {
    padding: 5px;
    border-bottom: none !important;
}



.tooltip-gantt {
    background-color: black;
    padding: 3px;
    color: white;
}

.label-input-regroupement input {
    margin: 0;
}

.mode-regroupement {
    border-radius: 2px;
}

.label-input-regroupement {
    display: flex;
    width: 180px;
    justify-content: space-around;
    align-items: center;
    background-color: var(--second-color);
    height: 30px;
}

.label-input-rotation input {
    margin: 0;
}

.mode-view {
    position: absolute;
    right: 320px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 370px;
}

.mode-rotation {
    border-radius: 2px;
}

.label-input-rotation {
    display: flex;
    width: 180px;
    justify-content: space-around;
    align-items: center;
    background-color: var(--second-color);
    height: 30px;
}



.box-regroupement {
    min-height: 250px;
    display: none;
}

#regroupementContainer .dx-accordion-item-closed {
    height: 50px !important;
}


#regroupementContainer {
    background-color: var(--main-color);
    min-height: 90vh;
}

.custom-regroupement-favoris {
    background-color: #FBDA7A !important;
    font-weight: bold !important;
    color: black !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
}

.custom-regroupement-encours {
    background-color: orange !important;
    font-weight: bold !important;
    color: black !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
}

.custom-regroupement-valides {
    background-color: #327666 !important;
    font-weight: bold !important;
    color: white !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
}

.custom-regroupement-nonvalides {
    background-color: #97403D !important;
    font-weight: bold !important;
    color: white !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
}

.custom-regroupement-avenir {
    background-color: #263C54 !important;
    font-weight: bold !important;
    color: white !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
}

#regroupementContainer .dx-accordion-item {
    border: none !important;
}



/* HTML: <div class="loader"></div> */
.regroupement-loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    -webkit-mask: conic-gradient(from 15deg,#0000,#000);
    animation: l26 1s infinite steps(12);
}

    .regroupement-loader,
    .regroupement-loader:before,
    .regroupement-loader:after {
        background: radial-gradient(closest-side at 50% 12.5%, #666 96%,#0000) 50% 0/20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #666 96%,#0000) 0 50%/80% 20% repeat-x
    }

        .regroupement-loader:before,
        .regroupement-loader:after {
            content: "";
            grid-area: 1/1;
            transform: rotate(30deg);
        }

        .regroupement-loader:after {
            transform: rotate(60deg);
        }

@keyframes l26 {
    100% {
        transform: rotate(1turn)
    }
}


.regroupement-loader-container {
    background-color: #f3f3f3;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}



.regroup .row-bottom-fixed {
    margin-left: 50px;
}

.regroup #chk-select-flights-toggle {
    display: none;
}

.regroup .row-open {
    height: 15px;
}

.regroup .row-bottom {
    margin-top: -20px;
}

.favorite-icon {
    color: lightgrey;
    cursor: pointer;
}

.isFavorite-True {
    color: orange !important;
}

.confirm-favorite-container {
    position: absolute;
    top: 32px;
    display: flex;
    align-items: center;
    color: white;
    z-index: 1000;
    right: 450px;
}

.confirm-favorite-separator {
    height: 20px;
    border-left: 1px solid;
}

.confirm-favorite {
    margin-left: 12px;
    background-color: #367fa9;
    height: 25px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 2px;
    cursor: pointer;
}

    .confirm-favorite:hover {
        background-color: #245470;
    }

.isFavorite-filtering {
    color: orange !important;
}


.dx-button:has(.isInRotationMode), .dx-button:has(.isInRegroupementMode) {
    background-color: #266f99 !important;
}

    .dx-button:has(.isInRotationMode) i, .dx-button:has(.isInRegroupementMode) i {
        color: white !important;
    }


.title-mode-rotation-regroupement {
    position: absolute;
    height: 25px;
    background-color: orange;
    padding: 0 10px;
    color: white;
    display: flex;
    align-items: center;
    top: 76px;
    right: 95px;
    border-radius: 4px;
}

.est-select-form-terrainreel, .est-select-form-terrainprevu {
    text-transform: uppercase;
}



.title-feuille-touche {
    margin-top: 0;
    padding: 10px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: bold;
    height: 59px;
    padding-top: 0 !important;
    border-bottom: 1px solid #F3F3F3;
    background-color: #FBFBFB;
    color: #497AB0;
    font-size: 19px;
    font-weight: bold;
    line-height: 59px;
    margin-bottom: 0;
}

    .title-feuille-touche .fa.fa-print {
        font-size: 25px;
        margin-right: 10px;
    }

.popup-feuille-touche-content {
    background: #fff;
    border-radius: 5px;
    width: 900px;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close-popup-feuille-touche {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

#checkboxList-feuille-touche div {
    margin-bottom: 5px;
}

#submitSelectionFeuilleTouche, #closeSelectionFeuilleTouche {
    bottom: 8px;
    left: 10px;
    height: 30px;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border: none;
}

#selectAllFeuille {
    bottom: 8px;
    left: 10px;
    height: 30px;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border: none;
    background-color: #497AB0;
}

#submitSelectionFeuilleTouche {
    background-color: #497AB0;
}

#closeSelectionFeuilleTouche {
    background-color: #E7463E;
}

button:hover {
    background-color: #0056b3;
}

.button-select-all {
    padding: 5px 10px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
}

#checkboxList-feuille-touche {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow-y: scroll;
    height: 560px;
    margin-bottom: 50px;
}

.check-label-feuille-touche {
    width: 410px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#checkboxList-feuille-touche input {
    margin: 0;
    padding: 0;
}

#checkboxList-feuille-touche label {
    width: 380px;
    margin: 0;
    padding: 0;
}

.container-button-feuille-touche {
    position: absolute;
    bottom: 0;
    background-color: white;
    width: 100%;
    padding: 10px;
    border-top: 1px solid lightgray;
    display: flex;
    justify-content: space-between;
}


.table-feuille-touche {
    width: 100%;
    border-collapse: collapse;
    height: 12px;
}

    .table-feuille-touche th, .table-feuille-touche td {
        text-align: left;
        border: 1px solid #ddd;
    }

    .table-feuille-touche th {
        background-color: #f4f4f4;
    }

    .table-feuille-touche td input[type="checkbox"] {
        margin: 0;
    }

    .table-feuille-touche td {
        text-align: center;
        padding: 3px 0;
    }

    .table-feuille-touche th {
        padding: 10px;
        text-align: center;
    }

.dx-datagrid-text-content {
    width: 100%;
    height: 40px;
}

.dx-header-caption {
    width: auto;
    height: auto;
}

.top-header-arrivee-title, .top-header-info-title, .top-header-depart-title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .top-header-arrivee-title i {
        margin-right: 10px;
        transform: rotate(45deg);
        padding-top: 7px;
    }

    .top-header-depart-title i {
        margin-right: 10px;
        transform: rotate(45deg);
        padding-top: 7px;
    }

    .top-header-info-title i {
        margin-right: 10px;
    }


.close-favorite-container {
    position: absolute;
    top: -5px;
    left: 3px;
    color: black;
    cursor: pointer;
}

.est-select-form-terrainreel, .est-select-form-terrainprevu {
    text-transform: uppercase;
}

.popup-feuille-touche-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.title-feuille-touche {
    margin-top: 0;
    padding: 10px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: bold;
    height: 59px;
    padding-top: 0 !important;
    border-bottom: 1px solid #F3F3F3;
    background-color: #FBFBFB;
    color: #497AB0;
    font-size: 19px;
    font-weight: bold;
    line-height: 59px;
    margin-bottom: 0;
}

    .title-feuille-touche .fa.fa-print {
        font-size: 25px;
        margin-right: 10px;
    }

.popup-feuille-touche-content {
    background: #fff;
    border-radius: 5px;
    width: 900px;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.close-popup-feuille-touche {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

#checkboxList-feuille-touche div {
    margin-bottom: 5px;
}

#submitSelectionFeuilleTouche, #closeSelectionFeuilleTouche {
    bottom: 8px;
    left: 10px;
    height: 30px;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border: none;
}

#selectAllFeuille {
    bottom: 8px;
    left: 10px;
    height: 30px;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border: none;
    background-color: #497AB0;
}

#submitSelectionFeuilleTouche {
    background-color: #497AB0;
}

#closeSelectionFeuilleTouche {
    background-color: #E7463E;
}

button:hover {
    background-color: #0056b3;
}

.button-select-all {
    padding: 5px 10px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
}

#checkboxList-feuille-touche {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow-y: scroll;
    height: 560px;
    margin-bottom: 50px;
}

.check-label-feuille-touche {
    width: 410px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#checkboxList-feuille-touche input {
    margin: 0;
    padding: 0;
}

#checkboxList-feuille-touche label {
    width: 380px;
    margin: 0;
    padding: 0;
}

.container-button-feuille-touche {
    position: absolute;
    bottom: 0;
    background-color: white;
    width: 100%;
    padding: 10px;
    border-top: 1px solid lightgray;
    display: flex;
    justify-content: space-between;
}


.table-feuille-touche {
    width: 100%;
    border-collapse: collapse;
    height: 12px;
}

    .table-feuille-touche th, .table-feuille-touche td {
        text-align: left;
        border: 1px solid #ddd;
    }

    .table-feuille-touche th {
        background-color: #f4f4f4;
    }

    .table-feuille-touche td input[type="checkbox"] {
        margin: 0;
    }

    .table-feuille-touche td {
        text-align: center;
        padding: 3px 0;
    }

    .table-feuille-touche th {
        padding: 10px;
        text-align: center;
    }

.delete-button-quantity-handling {
    position: absolute;
    background-color: lightgray;
    color: white;
    width: 15px;
    border-radius: 15px;
    height: 15px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    right: 8px;
    cursor: pointer;
}

.box-services-update {
    padding: 0;
    margin: 0;
    border-top: none;
}

.delete-button-quantity-handling i {
    height: 12px;
    width: 8px;
    margin: 0;
    display: flex;
}


.box-services-update .button-delete-datagrid-filter, .box-services-update .button-delete-datagrid-sorting {
    display: none;
}

.services-update-body .dx-datagrid {
    width: 100%;
}

.services-update-body .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-icon {
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -5px;
}

.services-update-body i.dx-icon.fa.fa-cogs {
    position: absolute;
    right: 59px;
}

.services-update-body .dx-group-panel-message {
    visibility: hidden;
}

.title-services-update {
    position: absolute;
    z-index: 9999;
    font-weight: bold;
    font-size: 18px;
    top: -35px;
    left: 10px;
    background-color: var(--main-color);
    width: 200px;
    text-align: center;
    padding: 3px 0;
}

.splitter-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}


.box-flights .splitter-container {
    height: calc(100vh - 140px);
    padding: 0;
}



.services-update-body,
.services-update-inputs {
    overflow: hidden;
    padding: 10px;
    min-height: 100px;
}

.services-update-body {
    background: white;
    height: 600px;
}

.services-update-inputs {
    background: white;
    height: 30%;
    border-top: 1px solid lightgrey;
}

.splitter-bar .splitter-toggle {
    position: absolute;
    top: -3px;
    left: 50%;
    font-size: 12px;
    border: none;
    padding: 0;
    cursor: pointer;
    transform: translateX(50%);
}

.services-update-body .dx-grid-container {
    height: 100% !important;
    overflow: hidden;
}


.update-service-inputs-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .update-service-inputs-container input {
        border: 1px solid lightgray;
        padding: 0 2px;
        border-radius: 2px;
    }

.service-input-left {
    width: 30%;
    display: flex;
    justify-content: space-between;
    margin-right: 5px;
    border: 1px solid lightgray;
    padding: 10px;
    height: 150px;
    border-radius: 3px;
    position: relative;
}

.service-input-right {
    display: flex;
    justify-content: flex-start;
    margin-left: 5px;
    border: 1px solid lightgray;
    padding: 10px;
    height: 190px;
    border-radius: 3px;
    flex-direction: column;
}

.input-label {
    display: flex;
}

    .input-label label {
        width: 120px !important;
    }


.input-label-double {
    display: flex;
    width: 100%;
    margin-bottom: 3px;
}

input#serviceDuree {
    margin-right: 50px;
    height: 24px;
}

.input-label-prestation {
    display: flex;
}

    .input-label-prestation label {
        width: 120px;
    }

.prestation-service-container input {
    width: 522px;
    margin-bottom: 3px;
}

.prestation-service-container {
    width: 300px;
}

.service-disable {
    pointer-events: none;
    background-color: #efefef;
    cursor: not-allowed;
}

.service-mandatory {
    border-bottom: 1px solid orange !important;
}

.resa-input-fieldname-services, .resa-input-fieldname-aeroport {
    border-bottom: 1px solid orange !important;
}

.resa-selective-services .resa-button-selective, .resa-selective-aeroport .resa-button-selective {
    border-bottom: 1px solid orange !important;
}


.service-input-date .input-label {
    margin-bottom: 3px;
}

.services-update-inputs .selective-col1 {
    display: none;
}

.services-update-inputs .selective-col2 {
    width: 190px;
}

.services-update-inputs .selective-popup-container {
    right: 0px;
}

.services-update-inputs .resa-selective-content {
    max-height: 64px;
}


.input-label.custom-airport {
    position: absolute;
    top: 66px;
}

.custom-airport .selective-col2 {
    width: 139px;
}

.custom-airport .selective-popup-container {
    right: -120px;
    top: -62px;
}

.custom-airport .resa-selective-content {
    overflow-x: hidden;
}

.services-update-inputs .resa-top-selective {
    pointer-events: none;
    cursor: not-allowed;
}


.services-update-inputs .resa-input-fieldname-ciefact, .services-update-inputs .resa-input-fieldname-aeroport, .services-update-inputs .resa-input-fieldname-services {
    pointer-events: none;
    background-color: #efefef;
    cursor: not-allowed;
}


.prestation-service-container .selective-col2 {
    width: 537px;
}


#serviceDateDebut, #serviceDateFin {
    width: 124px;
}

#serviceHeureDebut, #serviceHeureFin {
    width: 75px;
}

.custom-alert-ul {
    margin-top: 20px;
    font-weight: bold;
    padding: 0;
}

li.custom-alert-li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.input-label-quantite label {
    width: 120px;
}

.input-label-quantite input {
    width: 522px;
}

.input-label-quantite {
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    margin-top: -4px;
}


.input-label-immat label {
    width: 120px;
}

.input-label-immat input {
    width: 522px;
}

.input-label-immat {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    margin-top: -2px;
}

.input-label-immat .selective-col2 {
    width: 537px;
}


.custom-alert-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-alert-box {
    background-color: var(--main-color);
    padding: 20px 30px;
    border-radius: 8px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    min-height: 300px;
    position: relative;
}

.custom-alert-message {
    margin-bottom: 20px;
    font-size: 16px;
    color: black;
}

.custom-alert-close {
    background-color: #27709A;
    color: #fff;
    padding: 8px 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}


.services-update-inputs .resa-selective-aeroport .resa-selective-content {
    max-height: 115px;
}



.services-update-inputs .resa-selective-ciefact .resa-selective-content {
    max-height: 90px;
}


.delete-button-quantity-handling {
    position: absolute;
    background-color: lightgray;
    color: white;
    width: 15px;
    border-radius: 15px;
    height: 15px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    right: 8px;
    cursor: pointer;
}





.flight-extra-field-btn {
    color: cornflowerblue !important;
    cursor: not-allowed;
    pointer-events: none;
}

.update-popup-extra-fields {
    width: 450px !important;
    left: 50% !important;
    position: absolute !important;
    transform: translateX(-50%) !important;
    top: 300px !important;
}



.has-extra-inputs {
    color: cornflowerblue !important;
    cursor: pointer !important;
    pointer-events: all !important;
    display: block;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.label-input-extra-inputs-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
    width: 100%;
    justify-content: space-between;
}

.label-extra-inputs {
    font-weight: bold;
    width: 120px;
    margin-left: 20px;
}

.input-extra-input {
    margin-right: 20px;
    border: 1px solid lightgray;
    padding: 0 5px;
}


.update-popup-extra-fields-body {
    min-height: 100px;
}

.not-allowed-modification {
    pointer-events: none !important;
    cursor: not-allowed !important;
    background-color: gray !important;
}

    .not-allowed-modification:hover {
        pointer-events: none !important;
        cursor: not-allowed !important;
    }

.update-popup-extra-fields-container input[type=checkbox] {
    margin-right: 20px;
}

.cell-extra-input {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cell-extra-input-value-span input[type="checkbox"] {
    height: 25px;
}

.cell-extra-input-value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: row-reverse;
}

.label-input-extra-inputs-container input[type="date"] {
    width: 182px;
}

.extra-input-label-container {
    display: flex;
    align-items: flex-start;
    width: 220px;
    position: relative;
}

.old-server-value {
    visibility: hidden;
    display: none;
}

.extra-input-time-mode {
    font-weight: bold;
    margin-left: -10px;
}

.navbar-disabled {
    opacity: 70% !important;
    pointer-events: none !important;
}

.delete-extra-input-checkbox {
    color: #f14f4f;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    margin-left: -20px;
}

.disable-checkbox-extra {
    display: none;
}

.cross-on-checkbox {
    width: 20px;
    position: absolute;
    height: 2px;
    background-color: red;
    left: -4px;
    transform: rotate(45deg);
    display: none;
}

.services-update-full-body {
    padding: 0;
    margin: 0;
}


.services-update-body {
    margin: 0;
    padding: 0;
}

.box-services-update .box-header {
    position: absolute;
}

.box-services-update .button-delete-datagrid-filter, .box-services-update .button-delete-datagrid-sorting {
    display: none;
}

.box-body-controle-validation {
    padding: 0;
}


.controle-validation-main-table .SELECT_CHECKBOX-body {
    padding-left: 0 !important;
}

.box-controle-validation .button-validation-container {
    width: 370px;
    display: none;
    justify-content: flex-end;
    align-items: center;
    margin-top: 12px;
    margin-left: 390px;
}

#btn-devalidate-controle {
    background-color: orange;
    color: white;
    height: 25px;
    padding: 0 10px;
    border-radius: 5px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

div#btn-validate-controle {
    background-color: green;
    color: white;
    height: 25px;
    padding: 0 10px;
    border-radius: 5px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 10px;
}

.box-controle-validation {
    background-color: transparent !important;
}

.box-header-controle-validation {
    background-color: transparent !important;
}

.box-controle-validation button {
    margin-top: 1px;
}

.box-controle-validation .form-export-box {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.box-controle-validation .btn-form-validate {
    margin-right: 20px !important;
}


#chooseServices {
    background-color: var(--second-color);
    height: 25px;
    border: none;
    position: absolute;
    top: 12px;
    padding: 0 5px;
    width: 120px;
    left: 985px;
    border-radius: 3px;
    border: 1px solid lightgray;
}

.flights-main-table .CODE_REDEV-header, .flights-main-table .QUANTITE-header, .flights-main-table .QUANTITE_PREVUE-header {
    background-color: #e0f9ff !important;
}

.handling-quick-access-new-element {
    display: none;
    background-color: green;
    min-width: 150px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    height: 25px;
    position: absolute;
    top: 10px;
    padding: 0 10px;
    right: 400px;
    cursor: pointer;
}

.flights-main-header .dropcheckbox-dt-filters {
    padding-right: 0 !important;
    margin-right: -10px;
}

.quick-access-button {
    color: white;
}

.confirm-quick-access-message {
    display: none;
    min-width: 200px;
    background-color: green;
    font-weight: bold;
    position: absolute;
    bottom: -30px;
    z-index: 9999;
    right: 100px;
    color: white;
    border-radius: 3px;
    justify-content: center;
}

.alert-quick-access-message {
    display: none;
    min-width: 200px;
    background-color: red;
    font-weight: bold;
    position: absolute;
    bottom: -30px;
    z-index: 9999;
    right: 100px;
    color: white;
    border-radius: 3px;
    justify-content: center;
    padding: 0 10px;
}

.alert-message-controle-validation-container {
    background-color: red;
    color: white;
    font-weight: bold;
    min-width: 200px;
    border-radius: 3px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60px;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
}

.somme-row {
    position: fixed;
    bottom: 121px;
    z-index: 1000;
    font-weight: bold;
    width: 70px;
    color: black;
    display: none;
    background-color: var(--main-color);
}

.dx-datagrid-content tr {
    cursor: pointer;
}

#sumQuantite {
    position: absolute;
    top: 51px;
    z-index: 9999;
    font-weight: bold;
    right: 108px;
    height: 34px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 133px;
    background-color: var(--second-color);
}




.dx-datagrid-filter-panel-custom {
    height: 70px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.sumQuantite2 {
    position: absolute;
    top: 0;
    right: 10px;
    background-color: var(--second-color);
    padding: 0 10px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 200px;
}

    .sumQuantite2:hover {
        cursor: grab;
    }

.draggable-custom-container {
    position: absolute;
    top: 0;
    height: 25px;
    width: 100%;
    padding-right: 10px;
}



.loader {
    width: 48px;
    height: 48px;
    border: 5px solid black;
    border-bottom-color: #5CAE59;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.sidebar-collapse #global-loader {
    left: 50px;
}

#global-loader {
    position: fixed;
    top: 40px;
    left: 200px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's above all content */
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 45, 50, 0.9)
}

.loader-container {
    position: absolute;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 300px;
    height: 200px;
    left: 50%;
    top: 50%;
    transform: translate(-70%, -70%);
}

.loader-waiting {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
}


.message-export-success {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    color: green;
    display: none;
}


.toggle-container {
    width: 180px;
    position: absolute;
    left: 605px;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: space-around;
    height: 50px;
}

.fr .toggle-container {
    left: 560px;
}

.toggle-container-rot {
    width: 170px;
    position: absolute;
    left: 798px;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: space-around;
    height: 50px;
}

.fr .toggle-container-rot {
    left: 758px;
}


.toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Arial, sans-serif;
}

.toggle-label {
    font-size: 12px;
}

.toggle-switch {
    width: 30px;
    height: 15px;
    background-color: lightgray;
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    background-color: white;
    border-radius: 50%;
    transition: left 0.3s;
}

.toggle-switch.active .toggle-handle {
    left: 17px;
}

.toggle-switch.active {
    background-color: #4caf50 !important; /* active color */
}

.hi-separator-regroup {
    border-left: 1px solid lightgray;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 600px;
}

.fr .hi-separator-regroup {
    left: 550px;
}

.hi-separator-rot {
    border-left: 1px solid lightgray;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 790px;
}

.fr .hi-separator-rot {
    left: 750px;
}

.hi-separator-services {
    border-left: 1px solid lightgray;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 970px;
}

.fr .hi-separator-services {
    left: 925px;
}

/*.header-bar-flights .dropdown-toggle {
    border: 1px solid lightgray !important;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 170px;
    top: 3px;
    background-color: #F3F3F3 !important;
}*/

.fr #chooseServices {
    left: 950px;
}

td:has(.top-header-arrivee), td:has(.top-header-depart), td:has(.top-header-info) {
    background-color: var(--second-color);
}



.header-bar-flights {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}

.fr .header-bar-flights {
    margin-left: -20px;
}

.handling-gantt .dx-gantt-toolbar-wrapper {
    padding: 0;
    position: absolute;
    z-index: 9999;
    top: 4px;
}

.box-header-controle-validation-2 {
    margin-bottom: 2px;
}

.QUANTITE-body {
    position: relative !important;
}

.add-registration {
    position: relative;
}

    .add-registration .fa-plus-circle {
        position: absolute;
        right: -10px;
        top: 3px;
        cursor: pointer;
    }

.update-popup-flights-body .resa-selective-ciefact {
    width: 80px;
}

.update-popup-flights-body .resa-input-fieldname-ciefact {
    width: 80px;
}

.popup-registration {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    border-top: 1px solid lightgray;
}

.box-immatriculations {
    border: none;
}

.update-popup-fullscreen {
    left: 200px !important;
}

.sidebar-collapse .update-popup-fullscreen {
    left: 50px !important;
}


.update-popup-extrafields {
    max-width: 615px !important;
}

.update-popup-extrafields-body { /*max-height: 750px;
    min-height: 100px;
    overflow-y: auto;*/
    width: 100%;
}


.extrafields-input {
    float: left;
    width: 100%;
    height: 24px;
    margin-bottom: 6px;
    display: flex;
}

.extrafields-input-label {
    float: left;
    width: 380px;
    text-align: right;
    padding-right: 5px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}

.extrafields-input-value {
    float: left;
    width: 375px;
    height: 24px;
    line-height: 24px;
}

.update-popup-extrafields-body .customDateCalendar {
    padding-top: 2px;
    height: 24px;
}

/**/
.otherfields-inputs-container #classA-otherfield,
.otherfields-inputs-container #classB-otherfield {
    max-width: 87px;
    margin-left: 5%;
}

.otherfields-inputs-container .group-container .otherfield-element {
    display: flex;
    width: 25%;
    align-items: center;
    margin: 3px;
}

.otherfields-inputs-container .group-container .otherfield-element input {
    font-size: 14px;
}

.otherfields-inputs-container .group-container .otherfield-element input:not(.resa-input-selective) {
    width: 50%;
    max-width: 165px;
}

.otherfields-inputs-container .selective-select-form > div:first-of-type {
   padding: 0;
}

.otherfields-inputs-container .group-container .otherfield-element label,
.otherfields-inputs-container .group-container .resa-label-terminal,
.otherfields-inputs-container .group-container .resa-label-regularite {
    font-size: 12px;
    width: 35%;
}

.otherfields-inputs-container .group-container .otherfield-element input[type="checkbox"]
{
    max-width: 18px;
    margin:0;
}

.otherfields-inputs-container input:disabled {
    border: 1px solid lightgray;
}

.flights-input-body .otherfields-inputs-container .selective-select-form {
    width: 100%;
    align-items: center;
    margin-bottom: 0px;
}

.otherfields-inputs-container .selective-select-form .selective-col2 {
    margin-left: 10px;
    margin-top:1px
}

.flights-input-body .otherfields-inputs-container .selective-select-form .resa-selective-container {
    width: 165px !important;
}
/**/
    .extrafield-input-text, .extrafield-input-integer, .extrafield-input-decimal, .otherfield-input-text, .otherfield-input-integer, .otherfield-input-decimal {
    margin-left: 10px;
    height: 24px;
    padding-left: 5px;
    border: 1px solid lightgray;
    line-height: 24px;
}

.extrafield-input-checkbox,
.otherfield-input-checkbox {
    margin-left: 10px !important;
}

.extrafield-input-text {
    width: 226px;
}

.extrafield-input-integer, .extrafield-input-decimal {
    width: 128px;
}

.extrafield-input-date,
.otherfield-input-date {
    width: 89px;
    margin-left: 10px;
}

.extrafield-input-time,
.otherfield-input-time {
    width: 53px;
    margin-left: 10px;
}

.extrafield-input-datetime, .extrafield-input-date, .extrafield-input-time, .otherfield-input-time {
    height: 24px;
    text-align: center;
    float: left;
    border: 1px solid lightgray;
    line-height: 24px;
}

.extrafield-input-integer, .extrafield-input-decimal {
    text-align: right;
    padding-right: 5px;
}

.time-mode-utc .utc-header-label {
    display: block !important;
}

.time-mode-utc .lt-header-label {
    display: none !important;
}

.utc-header-label {
    display: none;
}

.lt-header-label {
    display: block;
}

.login-background a.dropdown-toggle {
    color: grey;
}

.custom-confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-confirm-box {
    background: white;
    padding: 20px 30px;
    border-radius: 3px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}

.custom-confirm-buttons {
    margin-top: 20px;
}

    .custom-confirm-buttons button {
        padding: 8px 16px;
        margin: 0 10px;
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }

#confirm-yes {
    background-color: #3C8dbc;
    color: white;
}

#confirm-no {
    background-color: #F4F4F4;
    color: black;
}



.resa-selective-cieexpl-container1 .selective-col2 {
    width: 80px !important;
}

.popup-container-cp .resa-selective-cp {
    width: 80px;
}

.popup-container-sens .resa-selective-sens {
    width: 80px;
}

.popup-container-codereal .resa-selective-coderealisation {
    width: 85px !important;
}

.resa-selective-nation-container1 .resa-selective-nation {
    width: 85px;
}

.col-input-pNbSiege {
    width: 85px !important;
}

input#pNbSiege {
    width: 85px;
}

.popup-container-assistant .resa-selective-assistant {
    width: 85px;
}

.col-input-pTempsRetard {
    width: 85px;
}

#pTempsRetard {
    width: 85px;
}



.box-services-update {
    margin-top: 25px;
}


.duplication-row {
    position: absolute;
    right: 250px;
    top: 4px;
    border: 1px solid lightgray;
    padding: 8px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: var(--main-color);
}

.dark-mode .duplication-row {
    color: white;
}

.dark-mode .duplication-input {
    background-color: black;
}

.dark-mode .duplicate-button-handling {
    background-color: #656565;
}

input.duplication-input {
    border: 1px solid lightgray;
    border-radius: 3px;
    width: 40px !important;
}


.duplication-button-ok {
    background-color: #5c95c5;
    border: none;
    color: white;
    height: 23px;
    border-radius: 3px;
}

    .duplication-button-ok:hover {
        background-color: #5c95c5;
    }

.duplication-button-cancel {
    background-color: #E7463E;
    border: none;
    color: white;
    height: 23px;
    border-radius: 3px;
}

    .duplication-button-cancel:hover {
        background-color: #E7463E;
    }

.focus-duplication {
    color: var(--highlight-color) !important;
    font-weight: bold !important;
}

.duplicate-button-handling {
    position: absolute;
    background-color: #195b938c;
    color: white;
    width: 20px;
    border-radius: 15px;
    height: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1px;
    right: 5px;
    cursor: pointer;
}

.CODE_REDEV-body {
    position: relative;
}

.overlay-duplicate {
    position: fixed; /* covers whole viewport */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4); /* black with 40% opacity */
    z-index: 999; /* under your popup */
}

.duplication-row {
    z-index: 1000; /* above overlay */
}

.dark-mode .dx-item-content .dx-icon-selectall {
    font-size: 25px;
}


.box-flights .dx-scrollable-scroll-content {
    background-color: rgba(191, 191, 191, .4) !important;
}

.box-handling .dx-scrollable-scroll-content {
    background-color: rgba(191, 191, 191, .4) !important;
}


.IMG_TYPE-body {
    position: relative;
}

.dx-scrollable-scrollbar {
    height: 8px !important;
}

.MVT_SIGNATURE-body {
    position: relative !important;
}

li.ui-menu-item {
    font-size: 12px !important;
}

.ui-timepicker-container.ui-timepicker-standard {
    width: 90px !important;
    height: 100px !important;
}

.btn-refresh {
    position: absolute;
    bottom: 18px;
    background-color: orange;
    color: white;
    padding: 6px 8px;
    border-radius: 4px;
    left: 90px;
    cursor: pointer;
    font-size: 12px;
    display: none;
}

.popup-error-message-refresh {
    background-color: #E7463E;
    color: white;
    position: absolute;
    bottom: 32px;
    padding: 2px 100px;
    border-radius: 3px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.flights-grid-body .dx-grid-container {
    height: 100% !important;
}

.flight-in-edition-mode .flights-full-body button.splitter-toggle {
    display: flex;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: -3px;
    color: black;
    background-color: transparent;
    width: 4px;
    transform: translateX(-50%);
    font-size: 8px;
    height: 9px;
    align-items: center;
    justify-content: center;
    min-width: 50px;
}

.flights-full-body button.splitter-toggle {
    display: none;
}


.flight-in-edition-mode .splitter-bar {
    cursor: row-resize;
}

.splitter-bar {
    padding-top: 5px;
    position: relative;
    height: 5px;
    background-color: #eeeeee;
    opacity: 0.8;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #dbdbdb 0, #dbdbdb 1px, #eeeeee 0, #eeeeee 50%);
    user-select: none;
}


.flight-in-edition-mode .splitter-bar:hover {
    background-color: #eeeeee;
    opacity: 1;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #dbdbdb 0, #dbdbdb 1px, #eeeeee 0, #eeeeee 50%);
}

.flights-input-body {
    overflow: hidden;
}

    .flights-input-body .group-container {
        display: flex;
        justify-content: space-between;
    }


    .flights-input-body .resa-selective-container {
        width: 150px !important;
    }


    .flights-input-body .popup-container-group.popup-container-group5, .flights-input-body .popup-container-group.popup-container-group9 {
        width: 344px;
    }

    .flights-input-body .popup-container-group.popup-container-group2, .flights-input-body .popup-container-group.popup-container-group3, .flights-input-body .popup-container-group.popup-container-group4, .flights-input-body .popup-container-group.popup-container-group6, .flights-input-body .popup-container-group.popup-container-group7, .flights-input-body .popup-container-group.popup-container-group8, .flights-input-body .popup-container-group.popup-container-group10, .flights-input-body .popup-container-group.popup-container-group11, .flights-input-body .popup-container-group.popup-container-group12 {
        width: 300px;
    }

    .flights-input-body .selective-select-form {
        display: flex;
        justify-content: flex-start;
        width: 300px;
    }


    .flights-input-body .est-panel-mixte {
        display: flex;
        flex-direction: column;
    }

    .flights-input-body .est-panel-assistance-only {
        display: flex;
        flex-direction: column;
    }

    .flights-input-body .est-select-form {
        margin-bottom: 1px !important;
    }

    .flights-input-body #pSerie, .flights-input-body #pPoids, .flights-input-body #pNbMvt, .flights-input-body #pNbSiege, .flights-input-body #pTempsRetard {
        width: 150px !important;
    }

    .flights-input-body .resa-selective-coderealisation .resa-top-selective {
        width: 150px;
    }

    .flights-input-body .col-label-pLig {
        margin-right: 20px;
    }

    .flights-input-body .col-label-pPoids {
        margin-right: 30px;
    }

    .flights-input-body .popup-container-group.popup-container-group5 .resa-selective-container, .flights-input-body .popup-container-group.popup-container-group9 .resa-selective-container {
        width: 193px !important;
    }

    .flights-input-body #pCorrespondance, .flights-input-body #pPoste1 {
        width: 193px;
    }

    .flights-input-body #pPaxPay1, .flights-input-body #pPaxPay1, .flights-input-body #pPaxTraPay1, .flights-input-body #pBagage1, .flights-input-body #pPaxNPay1, .flights-input-body #pFret1, .flights-input-body #pRG, .flights-input-body #pTAG, .flights-input-body #pILS, .flights-input-body #pDelaiAnnulation {
        width: 150px;
    }


    .flights-input-body .col-input-pRG {
        width: 50px !important;
    }

    .flights-input-body #pCommentaire {
        width: calc(100vw - 375px);
    }

#flightTabs .nav-item.active {
    border-bottom: 2px solid var(--highlight-color);
}

.flights-input-body .customDateCalendar {
    height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8px;
}

.input-overlay-container {
    position: relative;
}

.form-overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px !important;
    background-color: rgb(215 215 215 / 19%);
    z-index: 1000;
    display: none;
    left: 403px;
    cursor: not-allowed;
}


.form-overlay-bottom {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: 120% !important;
    min-height: 100%;
    background-color: rgb(215 215 215 / 19%);
    z-index: 1000;
    display: none;
    cursor: not-allowed;
}


.flights-input-body .update-popup-delay-container {
    /* float: left; */
    /* display: block; */
    /* overflow: scroll; */
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 900px;
    margin: 5px auto;
}

#delay {
    height: 200px;
    border-bottom: 1px solid lightgray;
    background-color: white;
}

    #delay .resa-selective-container {
        width: 80px !important;
    }

    #delay .selective-select-form {
        width: 80px;
    }

    #delay .selective-col1 {
        margin-left: 0;
        padding: 0;
        margin-right: -9px;
    }

    #delay .resa-top-selective {
        height: 22px;
        width: 110px !important;
    }

    #delay .resa-input-selective {
        height: 22px !important;
    }

.flights-input-body .col-input-pDP .customDateCalendar, .flights-input-body .col-input-pEtadDate .customDateCalendar, .flights-input-body .col-input-pEtadDate .customDateCalendar, .flights-input-body .col-input-pDatevol .customDateCalendar, .flights-input-body .col-label-pDateBloc .customDateCalendar, .flights-input-body .col-input-pDateBloc .customDateCalendar {
    display: none;
}



.tab-flight-button {
    display: flex;
    position: absolute;
    right: 35px;
    top: -38px;
    justify-content: flex-end;
    width: 190px;
}

.tab-delay-button {
    display: flex;
    position: absolute;
    right: 50px;
    top: 5px;
    justify-content: space-between;
    width: 160px;
}

.tab-fret-button {
    display: flex;
    position: absolute;
    right: 50px;
    top: 5px;
    justify-content: flex-end;
    width: 190px;
}

.tab-extra-button, .tab-other-button {
    display: flex;
    position: absolute;
    right: 50px;
    top: -39px;
    justify-content: space-between;
    width: 160px;
} {
    display: flex;
    position: absolute;
    right: 50px;
    top: -39px;
    justify-content: space-between;
    width: 160px;
}

.tab-flight-button-cancel {
    color: white;
    background-color: #E7463E;
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}

.tab-flight-button-validate {
    color: white;
    background-color: var(--highlight-color);
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}

#flightInfo .popup-panel-aeroport {
    right: 250px;
    top: -36px;
}

#delay .update-popup-delay-container {
    left: 50%;
    transform: translateX(-50%);
}


/*.fret-tab-content {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid lightgray;
}


.fret-section {
    background: #f9fafb;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 600px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.fret-field {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.fret-label {
    flex: 0 0 150px;
    font-weight: 600;
    color: #333;
}

.fret-input {
    flex: 1;
    padding: 0 10px;
    border: 1px solid #ccc;
    transition: border-color 0.2s;
}

    .fret-input:focus {
        border-color: #0078d7;
        outline: none;
    }*/



#fret {
    border-bottom: 1px solid lightgray;
    height: 400px;
}


.update-popup-fret-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.update-popup-fret-line {
    display: flex;
    align-items: center;
    height: 20px;
}

.update-popup-fret-header {
    font-weight: bold;
}

.fret-col {
    width: 100px !important;
    height: 32px;
}

.fret-col-header {
    width: 100px;
    justify-content: center !important;
}

.fret-col0 {
    width: 20px;
}

.lc {
    display: flex;
    justify-content: flex-start;
    padding: 5px;
    font-weight: bold;
}

.fret-col1 {
    flex: 1;
    font-weight: 600;
    text-align: left;
}

.fret-col2, .fret-col3, .fret-col4, .fret-col5, .fret-col6, .fret-col7 {
    flex: 1;
    text-align: center;
    justify-content: center;
}

.fret-input {
    width: 100%;
    padding: 0 6px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 0;
}

    .fret-input:focus {
        border-color: #0078d7;
        outline: none;
    }

.tab-fret-button {
    display: flex;
    margin-bottom: 10px;
}

.update-popup-delay-line-0 .lc {
    text-align: center;
    justify-content: center !important;
}

div#extraFields, div#otherFields {
    position: absolute;
    border-bottom: 1px solid lightgray;
    width: 100%;
    background-color: white;
}

.extrafields-inputs-container {
    /* float: left; */
    width: 800px;
    max-height: 350px;
    min-height: 85px;
    /* overflow-y: auto; */
    padding: 15px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.otherfields-inputs-container {
    min-height: 85px;
    padding: 15px;
    display: flex;
    justify-content: space-around;
    flex-direction:column;
}

#delay input {
    font-weight: 500 !important;
}

#chargement input {
    font-weight: 500 !important;
    height: 22px !important;
}

#chargement {
    height: 200px;
    border-bottom: 1px solid lightgray;
    background-color: white;
}

.box-flights .input-overlay-container {
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

.flights-main-table .dx-toolbar-after-header-toolbar {
    top: -50px !important;
}

.toast-message {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

#toast-container > .toast {
    background-image: none !important;
    width: 50%;
}

.flights-input-body .est-panel-assistance-only .col-label-pPoids {
    margin-right: 0;
}

.est-panel-assistance-only .est-select-form-poids {
    width: 270px !important;
}

.already-validated-flight {
    color: #979797;
    font-weight: bold;
    font-size: 16px;
    top: 10px;
    position: absolute;
    left: 30%;
    transform: translateX(-30%);
}

.dx-icon-add {
    font-size: 28px !important;
    font-weight: bold;
}

button.splitter-toggle:hover {
    background-color: transparent;
}

.highlighted-input {
    background-color: #f2da7a !important;
    transition: background-color 0.5s ease;
}

.flights-main-table .dx-datagrid-content tr {
    cursor: initial;
}

.fr #form-overlay {
    left: 610px !important;
}

.update-popup-fret-line .selective-col1 {
    display: none;
}


.fret-col .resa-top-selective {
    width: 90px !important;
    height: 22px;
}


.box-flights a.nav-link {
    margin: 0;
}

.nav-title {
    position: absolute;
    top: 11px;
    z-index: 1500;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    color: lightgray;
    font-size: 16px;
}


.logo-grid {
    height: 16px;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.LOGO-body {
    position: relative;
}

.flights-grid-body {
    padding: 0 !important;
}


.flights-full-body-without-splitter .dx-grid-container {
    height: 766px !important;
}

.flights-full-body-without-splitter .dx-toolbar-after-header-toolbar {
    top: -60px !important;
}

.rotation-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.rotation-popup-container {
    background: white;
    border-radius: 3px;
    width: 300px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif;
}

.rotation-popup-title {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
}

.rotation-popup-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
    padding-left: 10px;
}

.rotation-popup-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

    .rotation-popup-buttons button {
        padding: 6px 12px;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        font-size: 14px;
    }

.rotation-popup-cancel {
    background-color: #E7463E;
    color: white;
}

.rotation-popup-validate {
    background-color: #27709A;
    color: white;
}

.rotation-popup-cancel:hover {
    background-color: #E7463E;
    color: white;
}

.rotation-popup-validate:hover {
    background-color: #27709A;
    color: white;
}


.rotation-popup-options input {
    margin: 2px;
}

.rotation-popup-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid lightgray;
    padding: 10px;
}



#flightInfo input {
    text-align: left;
    padding-left: 4px;
}

.col-input-pNbAdultes, .col-input-pNbEnfants, .col-input-pNbBebes {
    padding: 0!important;
}

.refresh-button-flight {
    background-color: orange;
    color: white;
    width: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    display:none;
    cursor:pointer;
}

.filter-in-progress {
    width: 400px;
    background-color: var(--highlight-color);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}

@keyframes pulseZoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.button-zoom-animate {
    animation: pulseZoom 0.8s ease-in-out infinite;
    background-color: #f7daa6;
}

.line-is-selected
{
    background-color: var(--highlight-color) !important;
    color: white;
}

.line-not-selected {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.dx-datagrid-rowsview .dx-row {
    border-bottom: 1px solid #d3d3d338!important;
}





.input-label-time label {
    width: 145px;
    float: left;
    padding: 4px 10px 4px 27px;
    font-size: 12px;
    color: #444;
    text-align: left;
    padding-right: 0;
}

.input-label-time {
    float: left;
    height: 25px;
    position: relative;
}

#pDPTrigger {
    position: absolute;
    right: 5px;
    z-index: 9999;
    font-size: 10px;
    top: 5px;
}

.devexpress-date {
    height: 24px;
    border-radius: 0!important;
    width: 110px;
    position: relative;
}

    .devexpress-date .dx-texteditor-input {
        height: 22px !important;
        padding: 0 !important;
        max-height: 22px !important;
        position: absolute;
        top: -6px;
        left: 5px;
    }

.devexpress-date-input {
    display: flex;
}

.devexpress-date-hour {
    display: flex;
    justify-content: space-between;
}


.edit-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.edit-popup {
    background: #fff;
    border-radius: 3px;
    width: 600px;
    max-width: 95%;
    padding: 50px 30px 100px 30px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    position: relative;
    animation: popup-fade-in 0.25s ease-out;
}

.edit-popup-title {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 15px;
    border-bottom: 1px solid lightgray;
    width: 100%;
    padding-left: 10px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.edit-popup-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-popup-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .edit-popup-row label {
        flex: 0 0 150px;
        font-weight: 500;
    }

.edit-fret-input {
    flex: 1;
    padding: 6px 8px;
    border: 1px solid #ccc;
    font-size: 14px;
}

    .edit-fret-input:focus {
        border-color: #007bff;
        outline: none;
    }

.edit-popup-buttons {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    border-top: 1px solid lightgray;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.edit-popup-save,
.edit-popup-cancel {
    min-width: 80px;
    padding: 6px 10px;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-popup-save {
    background-color: #27709A;
}

.edit-popup-cancel {
    background-color: #E7463E;
}

@keyframes popup-fade-in {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.edit-popup-title-text {
    font-weight: 500;
    font-size: 18px;
    margin-left: 10px;
}

.nav-onglet {
    display: flex;
}


.resa-selective-cliexpl .resa-selective-content {
    max-height: 200px;
}


.resa-selective-catasscargo .resa-selective-content {
    max-height: 200px;
    width: 485px;
}

.resa-selective-typeapp .resa-selective-content {
    max-height: 200px;
}

.resa-selective-catasspax .resa-selective-content {
    max-height: 200px;
    width: 485px;
}

.resa-selective-clifact .selective-popup-container {
    right: 0;
}

.resa-selective-clifact .resa-selective-content {
    max-height: 200px;
}

.resa-selective-coderealisation .selective-popup-container {
    right: 0;
}

.resa-selective-nation .selective-popup-container {
    right: 0;
}

.resa-selective-assistant .selective-popup-container {
    right: 0;
}

#flightInfo .resa-selective-escale1 .selective-popup-container {
    right: 0;
}


.histo-inputs-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.histo-date-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.histo-container-date {
    width: 200px;
    margin:0!important;
    height:28px;
    display: flex;
    align-items: center;
}

#pHistoDateFin {
    height: 28px;
}

.col-label-pHistoDateFin {
    margin-right: 15px;
    margin-bottom: 0;
}

.col-label-pHistoDate {
    margin-bottom: 0;
}

.histo-container-cie {
    display: flex;
    align-items: center;
    justify-content: center;
}


.histo-input-submit {
    float: left;
    background-color: lightgray;
    width: 50px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    background-color: #EFEFEF;
    border: 1px solid #ccc;
    font-weight: bold;
    cursor: pointer;
    margin-top: -2px;
}


.dxGrid.flights-main-cell.LOGO-body {
    position: relative;
}

.multi-select-container .multi-select-button {
    display: none !important;
}


label.col-sm-2.control-label.col-label-pCie {
    padding-top: 10px;
}


.pCie {
    display: flex;
    margin-bottom: 10px;
    margin-top: -5px;
}

    .pCie .dropdown-toggle {
        width: 170px;
        margin-left: 15px !important;
    }


.col-label-pRetardHeure {
    display: none;
}

.group-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.group-logo-wrapper img {
    height: 25px;
    width: auto;
    transform: none;
    position: initial;
}

/* ===============================
   UTILITAIRES
   =============================== */

.d-flex {
    display: flex;
    margin-left: 1px;
}

.flex-row{
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.w-25 {
    width: 25%;
}

.w-50{
    width:50%;
}



/* ===============================
   END UTILITAIRES
   =============================== */



label.col-sm-2.control-label.col-label-pRetardHeure {
    display: none;
}

.histo-inputs-container #pCie {
    margin-top: 15px;
    margin-right: 10px;
    width: 75px;
    height: 28px;
    border-radius: 0;
}

.histo-inputs-container .col-label-pCie {
    padding-right: 0;
    margin-bottom: 10px;
}


.home-version {
    position: absolute;
    bottom: 30px;
    width: 200px;
    text-align: center;
    color: grey;
    font-size: 12px;
    display: none;   
}

.sidebar-collapse .home-version {
    transform: rotate(-90deg);
    width: 50px;
    bottom: 110px;
}