@media screen and (max-height: 800px) {
    .saisie-marche-responsive {
        height: 626px;
        overflow: auto;
        overflow-x: hidden;
        width: 1100px;
    }

    #popupAjoutCheck .dxpc-content {
        padding-right: 0;
    }
    
    .fiche-contrat-responsive {
        height: 600px;
        overflow: auto;
        overflow-x: hidden;
    }
}

@media screen and (max-height: 650px) {
    .fiche-contrat-responsive {
        height: 500px;
        overflow: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 1210px) {
    .widthpercentage100 {
        width: 100% !important
    }

    .pr-i {
        padding-right: 15px !important
    }

    .mt-mobile-5 {
        margin-top: 5px
    }

    .ml-mobile-5 {
        margin-left: 5px
    }
}

@media (max-width: 992px) {
    .application-content {
        margin-top: -1px !important;
    }

    .padding-top-header {
        padding-top: 25px !important;
    }

        .padding-top-header .class-saisie, .class-saisie {
            width: 100% !important;
        }
    .p0 {
        padding: 15px !important
    }

    .left_side_tommanager,
    .body-tommanager {
        min-height: auto !important
    }

    .btn-leftmoins {
        position: inherit !important;
    }

    .plr-0 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

}

@media (max-width: 768px) {
    .btn-leftmoins {
        margin: 5px 0;
        padding-left: 15px !important;
    }

    .mt-5-mobile {
        margin-top: 5px
    }

    .mt-10-mobile {
        margin-top: 10px
    }

    .mb-5-mobile {
        margin-bottom: 5px
    }

    .mb-10-mobile {
        margin-bottom: 10px
    }
}


.height-card {
    height: 230px;
}

.p10 {
    padding: 10px !important
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px !important
}

.mt-4 {
    margin-top: 4px
}

.mt-5 {
    margin-top: 5px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.ml--10 {
    margin-left: -10px;
}

.ml-15 {
    margin-left: 15px !important
}

.ml--24 {
    margin-left: -24px
}

.ml--40 {
    margin-left: -40px
}

.pt-15 {
    padding-top: 15px !important
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-7 {
    padding-bottom: 7px !important;
}

.widthPix-30 {
    width: 30px
}

.widthpix-100 {
    width: 100px
}

.widthpix-110 {
    width: 110px
}

.widthpix-115 {
    width: 115px
}

.widthpix-130 {
    width: 130px
}

.widthpix-135 {
    width: 135px
}

.widthpix-136 {
    width: 136px
}

.widthpix-152 {
    width: 152px
}

.widthpix-158 {
    width: 158px
}

.widthpix-160 {
    width: 160px
}

.widthpix-162 {
    width: 162px
}

.widthpix-168 {
    width: 168px
}

.widthpix-170 {
    width: 170px
}

.widthPix-180 {
    width: 180px
}

.widthpix-184 {
    width: 184px
}

.widthpix-190 {
    width: 190px
}

.widthpix-200 {
    width: 200px
}

.width-508 {
    width: 508px
}

.widthpix-710 {
    width: 710px
}

.widthpix-810 {
    width: 810px
}

.width515 {
    width: 515px
}

.width-535 {
    width: 535px;
}

.widthpix-600 {
    width: 600px
}

.widthpix-695 {
    width: 695px
}

.widthpix-700 {
    width: 700px
}


.width-578 {
    width: 578px;
}

.width742 {
    width: 742px;
}

.width700 {
    width: 700px
}

.width714 {
    width: 714px
}

.widthpix-123 {
    width: 123px
}

.widthpix-125 {
    width: 125px
}

.widthpix-126 {
    width: 126px
}

.widthpix-128 {
    width: 128px
}

.widthpix-268 {
    width: 268px
}

.widthpix-280 {
    width: 280px
}


.widthpix-282 {
    width: 282px
}

.widthpix-345 {
    width: 345px
}

.widthpix-398 {
    width: 398px
}

.widthpix-524 {
    width: 524px
}

.widthpix-508 {
    width: 508px
}

.widthpix-500 {
    width: 500px
}

.widthpix-515 {
    width: 515px
}


.widthpix-555 {
    width: 555px
}

.widthpix-446 {
    width: 446px
}

.widthpix-700 {
    width: 700px
}

.widthpix-800 {
    width: 800px
}

.widthpix-900 {
    width: 900px
}

.widthpix-722 {
    width: 722px
}

.widthpix-128 {
    width: 128px
}

.widthpix-150 {
    width: 150px
}

.widthpix-155 {
    width: 155px
}

.widthpix-626 {
    width: 626px
}

.widthpix-650 {
    width: 650px
}

.widthpix-204 {
    width: 204px
}

.widthpix-240 {
    width: 240px
}

.widthpix-129 {
    width: 129px
}

.heightTabAnalytique {
    height: 174px;
}

.scrollTab {
    margin-top: 10px;
    padding: 0;
    height: 270px;
    overflow-y: auto;
    overflow-x: hidden
}

.tabTache {
    width: 320px;
    margin-left: -10px
}

.tool-btn,
.pt-0 {
    padding-top: 0 !important
}

.height-158 {
    height: 158px
}

.scroll-body {
    height: 112px;
    padding-top: 0;
    overflow-y: auto;
    padding-left: 0;
    overflow-x: hidden;
    margin-top: -5px
}


.withoutborder-checkbox .dx-checkbox-icon {
    top: 3px;
    left: 3px
}

.withoutborder-checkbox .form-control {
    border: none !important;
}

.pt-2 {
    padding-top: 2px
}

.pb-5 {
    padding-bottom: 5px
}

.structuresMarche {
    width: 1024px;
    margin-top: 22px;
    margin-left: 10px;
}

.labelTxtSite {
    padding: 3px;
    height: 21px;
    margin-left: -24px;
    width: 237px;
    margin-right: -160px
}

.labelPhase {
    padding: 3px;
    height: 21px;
    margin-left: -13px;
}

.labelTxtSite {
    padding: 3px;
    height: 21px;
    margin-left: -32px;
    width: 410px;
}

.plr-0 {
    padding-left:0;
    padding-right:0
}

.pb-10 {
    padding-bottom: 10px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pr-2 {
    padding-right: 2px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pl-r {
    padding-right: 7px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pr-0 {
    padding-right: 0px !important
}

.pl-10 {
    padding-left: 10px !important
}

.labelSoumission {
    padding: 3px;
    height: 21px;
    margin-left: -50px;
    width: 396px
}

.labelModele {
    padding: 3px;
    height: 21px;
    margin-left: -25px;
    width: 565px;
}

.labelIdentification {
    padding: 3px;
    height: 21px;
    margin-left: -31px;
    width: 375px
}

.mPrestataire {
    margin-top: 2px;
    margin-left: -10px;
    padding: 0;
}

.ml--20 {
    margin-left: -20px
}

.colorPieceJointe {
    color: steelblue;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: -5px;
}

.titleCard {
    width: 570px;
    padding: 0;
    margin-right: 10px;
    padding-bottom: 10px;
}

.labelAlerte {
    padding: 3px;
    height: 21px;
    margin-left: -24px;
    width: 393px;
}

.labelPlainte {
    padding: 3px;
    height: 21px;
    margin-left: -13px;
}

.labelTabResponsable {
    padding: 3px;
    height: 21px;
    margin-left: -13px;
    width: 264px;
}

.labelTxtModel {
    padding: 3px;
    height: 21px;
    margin-left: -15px;
}

.labelTxtIdentification {
    padding: 3px;
    height: 21px;
    width: 200px;
}

.labelTxtMarcheAttribue {
    padding: 3px;
    height: 21px;
    width: 427px;
}

.col-md-off-22 {
    margin-left: 22%;
}

.labelTxtSiteSuiviTech {
    padding: 3px;
    height: 21px;
    margin-left: -31px;
    width: 375px
}

.lblTxtEtat {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -32px;
    width: 366px;
}

.lblTxtBeTraitementStock {
    padding: 3px;
    height: 21px;
    margin-left: -50px;
    width: 318px;
}



.lblTxtEtat2 {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -32px;
    width: 217px;
}

.lblBeTraitement {
    height: 21px;
    padding: 3px;
    width: 318px;
    margin-left: 18px;
}

.lblTxtEtat3 {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -10px;
    width: 260px;
}

.lblTxtEtatControl {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -27px;
    width: 308px;
}

.lblTxtEtatControlBudget {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -8px;
    width: 235px;
}

.lblTxtEtatControlMontant {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -9px;
    width: 238px;
}

.lblTxtExpAlerte {
    padding: 3px;
    height: 21px;
    margin-left: -32px;
    width: 410px;
}

.cardResponsableAlerte {
    padding-left: 0;
    width: 700px;
    margin-right: -99px;
    margin-left: -9px;
}

.widthpix-1000 {
    width: 1000px
}

.widthpix-184 {
    width: 184px
}

.widthpix-185 {
    width: 185px
}

.widthpix-171 {
    width: 171px
}

.widthpix-400 {
    width: 400px
}

.widthpix-430 {
    width: 430px
}

.widthpix-450 {
    width: 450px
}

.heightpix-21 {
    height: 21px
}

.heightpix-20 {
    height: 20px
}

.heightpix-23 {
    height: 23px
}

.heightpix-121 {
    height: 121px
}

.heightPix-137 {
    height: 137px
}

.heightpix-500 {
    height: 500px
}

.frmStrucutreStock {
    width: 1024px;
    margin-top: 22px;
    margin-left: 10px;
}

.labelTxtPlanArticleStock {
    padding: 3px;
    height: 21px;
    margin-left: -13px;
    width: 278px;
}

.labelIdentificationStock {
    width: 343px;
    padding: 3px;
    height: 21px;
    margin-left: -8px;
}

/****************************************************************************
TOMMANAGER 
*****************************************************************************/
.container-tommanager {
    width: auto
}

.bodyTM {
    padding: 15px;
    margin-top: -45px;
}

.tommanager_title {
    color: #255073;
    margin-top: 20px
}

.left_side_tommanager {
    border-right: solid lightgray 1px;
    background: white;
    min-height: 812px;
    padding: 18px;
}

.left_side_tommanager ul {
    list-style: none;    
    padding-left: 0;
}

.sous_menu ul > li > a{
    padding-left:40px !important
}

.sous_menu ul > li  {
    padding-bottom: 0 !important
}

.left_side_tommanager ul li:last-child {
    border: none
}

.left_side_tommanager ul li {
    /*padding: 5px 0 !important;*/
    /*border-bottom: solid 1px lightgray;*/
    padding-bottom: 5px;
}

        .left_side_tommanager ul li a {
            color: #333;
            text-decoration: none;
            padding: 8px 10px;
            display: block;
            /*border-radius: 3px;*/
        }

        .left_side_tommanager ul li a:hover,
        .left_side_tommanager ul li.active a:hover {
            background-color: #6393c8;
            color: #ffffff
        }

    .left_side_tommanager ul li a i {
        padding-right: 5px
    }

.left_side_tommanager ul li.active a {
    background-color: #2a4f77;
    color: white;
    /*border-radius: 3px;*/
    display: block
}

.list-btn-manager, .dtommanger {
    margin-bottom: 0
}

.list-btn-manager li, .dtommanger li {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

    .dtommanger li i {
        font-size: 20px;
        padding: 8px;
        color: #4e6277;
        margin-right: 5px;
    }

    /*.btn-annuler, .btn-exporter, .btn-imprimer, .btn-supprimer, .btn-consulter, .btn-modifier, .btn-fermer, .btn-autre, .btn-saisie {
        color: #191919;
        background-color: #fff;
        border-color: #ccc;
        padding: 7px 12px;
        font-weight: normal;
        border-radius: 3px;
    }*/

.btn-source {
    padding: 7px 12px;
    font-weight: normal;
    border-radius: 3px;
    color: #fff;
    background-color: #6393c8;
}

    .btn-source:hover, .btn-source:active, .btn-source:focus {
        color: #fff;
    }

    .btn-annuler:active, .btn-consulter:active, .btn-fermer:active, .btn-exporter:active, .btn-imprimer:active, .btn-modifier:active, .btn-autre:active, .btn-other:active, .btn-supprimer:active, .btn-exporter:active, .btn-annuler:focus, .btn-consulter:focus, .btn-fermer:focus, .btn-imprimer:focus, .btn-modifier:focus, .btn-autre:focus, .btn-other:focus, .btn-supprimer:focus, .btn-annuler:hover, .btn-consulter:hover, .btn-fermer:hover, .btn-exporter:hover, .btn-imprimer:hover, .btn-modifier:hover, .btn-autre:hover, .btn-other:hover, .btn-saisie:hover, .btn-supprimer:hover {
        background-color: #eaeaea;
        border-color: #b1b1b8;
        color: #201f35;
    }

.left_side_tommanager .sous_menu_tommanager ul li:first-child {
    border-bottom: solid 1px lightgray;
}

    .left_side_tommanager .sous_menu_tommanager ul li {
        padding-left: 18px !important;
        padding: 0 !important;
    }

    .left_side_tommanager .sous_menu_tommanager ul li a{
        color: #fff
    }

    .left_side_tommanager .sous_menu_tommanager ul {
        background: #6393c8;
        border-radius: 3px
    }

.body-tommanager {
    min-height: 812px;
    padding-bottom: 0 !important;
    display: inline-block;
}

.body-tommanager h4 {
    font-weight: bold;
    color: #696969;
}

.body-tommanager h4 i {
    margin-right: 10px;
}

.data-tommanager-cover {
    margin-bottom: 10px;
    border-bottom: 1px solid #b9b9b9;
}

.border-top-manager {
    border-top: 1px solid #b7b7b7;
}

.border-top-manager:first-child {
    border-top: none;
}

.p0 {
    padding: 0
}

.lblFicheDA {
    padding: 3px;
    height: 21px;
    margin-left: -54px;
    width: 256px;
}

.lblFicheDA2 {
    padding: 3px;
    height: 21px;
    margin-left: 19px;
    width: 256px;
}

.lblFicheDA3 {
    padding: 3px;
    height: 21px;
    margin-left: -19px;
    width: 256px;
}

.imgArticleStock {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: 205px;
}

.lblTxtTabContrainteTraitement {
    height: 22px;
    margin-top: -4px;
    padding: 3px 0 17px;
    margin-left: -88px;
    width: 230px;
}

.lblTxtDAEdition {
    height: 20px;
    margin-top: -4px;
    padding: 3px 0 17px;
    margin-left: -25px;
    width: 200px;
}

.lblTxtNumerotationStock {
    height: 21px;
    margin-left: -28px;
    padding: 3px;
    width: 187px;
}

.lblTxtDemandePrix {
    padding: 3px;
    height: 21px;
    margin-left: -14px;
}

.lblTxtGridPrix {
    padding: 3px;
    height: 21px;
    margin-left: -14px;
    width: 401px
}

.lblTxtGridFournisseur {
    padding: 3px;
    height: 21px;
    margin-left: -14px;
}

.lblTxtsiteSearch {
    height: 21px;
    margin-left: -12px;
    padding: 3px;
    width: 159px;
}

.labelTxtAuxilarySearch {
    height: 21px;
    margin-left: -28px;
    padding: 3px;
    width: 190px;
}

.lblTxtFicheStock {
    height: 21px;
    padding: 3px;
    margin-left: 5px;
    width: 490px;
}

.lblTxtFicheStockService {
    height: 21px;
    padding: 3px;
    margin-left: 0;
    width: 475px;
}

.ml--50 {
    margin-left: -50px
}

.lbltxtSaisieArticle {
    height: 21px;
    padding: 3px;
    margin-left: -5px;
}

.lblTxtImpulsionStock {
    width: 442px;
    padding: 3px;
    height: 21px;
}

.lblTxtLivraisonGarantie {
    height: 21px;
    padding: 3px;
    margin-left: -1px;
    width: 475px;
}

.heightFactureproForma {
    height: 231px;
}

.btn-toolbar-traitement {
    background: #fff !important;
    padding: 3px !important;
    border: 1px solid #a9a8a8 !important;
}

.btn-group-Search-Filtre {
    height: 21px !important;
    font-size: 11px !important;
    line-height: 0 !important;
    margin-top: 5px !important;
    margin-left: -7px !important;
}

.lblGenerationEngagement {
    width: 245px;
    padding: 3px;
    height: 21px;
    margin-left: 0
}

.box-body-grid {
    padding: 10px 0 0 10px;
}

.caption-title {
    margin-top: 1px;
    margin-bottom: 5px;
    padding: 10px;
    background: #fff;
    border-left: 3px solid #3498db;
}

.lblStatiqueStock {
    height: 21px;
    margin-left: -28px;
    padding: 3px;
}

.lblSituationDemande {
    height: 21px;
    width: 350px;
    margin-left: -28px;
    padding: 3px;
}

.lblSituationApprovisionnement {
    height: 21px;
    margin-left: -28px;
    padding: 3px;
}

.lblTxtIdentificationDs {
    padding: 3px;
    height: 21px;
    margin-left: -13px;
    width: 500px;
}

.btnSaisieDs {
    margin-top: 6px;
    margin-left: -24px;
    margin-bottom: 5px;
}

.gridWidthpix-820 {
    width: 820px
}

.lblTxtContrainteTraitement {
    height: 22px;
    margin-top: -3px;
    padding: 3px 0 17px;
    margin-left: -91px;
    width: 330px;
}

.lblTxtRecherchemvt {
    width: 338px;
    padding: 3px;
    height: 21px;
}

/*  ------------------- TOMPRO
    --------------------------
*/

.cardTomPro {
    display: block;
    overflow: auto;
    height: 212px;
    padding-left: 5px
}

.withpix-650 {
    width: 650px
}

.widthpix-550 {
    width: 550px
}

.txtNumber {
    color: blue;
    font-size: 20px;
    margin: 17px auto;
}

.list-btn-inline {
    display: flex;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.list-btn-inline li{
    margin-right:5px
}
    .list-btn-inline li {
        margin-right: 5px
    }

.lblTxtNew {
    position: relative;
    top: 4px;
    font-weight: inherit !important
}


.d-flex {
    display: flex;
    margin-left: 0;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.chk-value-recent span.dx-checkbox-text {
    position: relative;
    top: 5px;
    left: 5px;
}

.ays-card label {
    font-weight: normal
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.board-column.muuri-item {
    position: inherit;
    width: 17%;
    margin: 0 0.5%;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    display: inline-block !important;
    float: inherit !important;
    transform: inherit !important;
}

.board.muuri {
    position: initial;
    margin-left: inherit;
    /*overflow-x: scroll;*/
    overflow-y: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    height: auto !important;
}

.btn-no-hover {
    padding-bottom: 0;
    top: -3px;
    position: relative;
}

.btn-no-hover:hover {
    color: #42526e
}

.chk-value-recent span.dx-checkbox-text {
    position: relative;
    top: 5px;
    left: 5px;
}

.ays-card label {
    font-weight: normal
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.board-column.muuri-item {
    position: inherit;
    width: 17%;
    margin: 0 0.5%;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    display: inline-block !important;
    float: inherit !important;
    transform: inherit !important;
}

.board.muuri {
    position: initial;
    margin-left: inherit;
    /*overflow-x: scroll;*/
    overflow-y: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    height: auto !important;
}

.btn-no-hover {
    padding-bottom: 0;
    top: -3px;
    position: relative;
}

.btn-no-hover:hover {
    color: #42526e
}


.chk-value-recent span.dx-checkbox-text {
    position: relative;
    top: 5px;
    left: 5px;
}

.ays-card label {
    font-weight: normal
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.board-column.muuri-item {
    position: inherit;
    width: 17%;
    margin: 0 0.5%;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    display: inline-block !important;
    float: inherit !important;
    transform: inherit !important;
}

.board.muuri {
    position: initial;
    margin-left: inherit;
    /*overflow-x: scroll;*/
    overflow-y: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    height: auto !important;
}

.btn-no-hover {
    padding-bottom: 0;
    top: -3px;
    position: relative;
}

.btn-no-hover:hover {
    color: #42526e
}

.btn-leftmoins {
    position: relative;
    left: -10px;
    padding-left: 0;
    padding-right: 0;
}

.appli-tools.open .dropdown-menu {
    max-height: 335px;
    min-height: 100px;
    height: auto;
    overflow: auto;
}

.mb-0 {
    margin-bottom: 0 !important
}

.widthpix-60 {
    width: 60px
}

.radio-label-customer label {
    top: -1px;
    position: relative;
}