@font-face {
    font-family: 'neuropol';
    src: url('../fonts/neuropol.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

/*** Canvas resizing **/
body {
    line-height: normal !important;
    background-color: #f5f7f9 !important;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.form-accueil{
    width: 50%;
    margin: auto;
    margin-bottom: 12px;
}

.fab-text-but{
    text-transform: capitalize;
}

.accueil-trame{
    text-align: center;
    width: 100%;
    margin-top: 0;
}

.btn-link-rep{
    font-size: 12px !important;
    padding: 0 12px !important;
}

.accueil-choose{
    background-color: #fff;
    display: block;
    width: 100%;
    border-radius: 6px;
    padding-top: 40px;
    color: #18102c;
    margin-top: 40px;
}

.accueil-choose i{
    font-size: 80px;
}


.accueil-choose h4{
    font-size: 18px;
    font-family: 'MontserratRegular', sans-serif;
    margin-bottom: 28px;
}

#left-tab-site{
    width: 245px;
    display: inline-block;
    background-color: #f5f7f9;
    padding-right: 0;
    z-index: 1;
}

#left-img-site{
    width: 100%;
    margin-bottom: 30px;
    margin-top: 15px;
    text-align: center;
}

#left-img-site img{
    width: 140px;
}

#right-tab-site{
    background-color: white;
    padding-left: 0;
    display: inline-block;
    width: 84%;
    position: absolute;
}

#right-tab-site-ext{
    padding-left: 0;
    display: inline-block;
    width: 100%;
}

.spinner {
    display: inline-block;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.ag-brand-color{
    color: #d77100 !important;
}

.active-menu-left.ag-brand-bg-color{
    background-color: #d77100 !important;
}
.ag-brand-bg-color:hover{
    background-color: #d77100 !important;
}

.ag-brand-border-color img{
    border: 2px solid #d77100 !important;
}

.portrait-radius{
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 95px;
    margin: auto;
}

.portrait-radius img{
    border: 2px solid #82BB27;
    border-radius: 50%;
    width: 100%;
}

.surlign-bat-txt{
    color: #82BB27;
    font-weight: bold;
    cursor: pointer;
}

.welcome-left{
    text-align: center;
}

.show-dialong-user{
    font-weight: normal;
}

.no-padd{
    padding: 0;
}

#left-menu{
    padding: 25px;
}

#left-menu a{
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    color: #000;
    text-decoration: none;
    margin-bottom: 5px;
}

#left-menu a:hover {
    background-color: #82BB27;
    color: white;
    outline: none;
    text-decoration: none;
}

#left-menu a:focus {
    outline: none;
    text-decoration: none;
}

.active-menu-left{
    background-color: #82BB27;
    color: white !important;
}

.bread-gray{
    color: #9b9b9b;
    font-size: 14px;
}

.breadcrumb-top{
    background-color: #fff;
    width: 100%;
    padding: 10px 35px 10px 25px;
}

.breadcrumb-top i{
    color: #aac811;
}

.vertical-bar {
    border-left: 1px solid #d8d8d8;
    margin: 4px 10px;
    height: 10px;
    display: inline-block;
}

.vertical-filter-bar {
    border-left: 1px solid #d8d8d8;
    margin: 0 10px;
    height: 10px;
    display: inline-block;
}

.filters-cmde-top{
    font-size: 14px;
}

.link-accueil-access a{
    color: #aac811;
    text-align: center;
    display: inline-block;
    border: 2px solid #f5f7f9;
    border-radius: 4px;
    padding: 5px;
    margin: 0 10px;
}

.link-accueil-access a:hover, .link-accueil-access a:focus{
    color: #9b9b9b;
    text-decoration: none;
}

.accueil-page {
    background-image: url('https://batisolu.com/wp-content/uploads/2023/03/LIS-8-lisses-2A-3-Copie.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 95.2%;
    background-position: center top;
}

#accueil-new{
    background-color: #fff;
    display: block;
    width: 100%;
    border-radius: 6px;
    padding-top: 40px;
    color: #18102c;
    margin-top: 40px;
}

#accueil-creation{
    background-color: rgba(255,255,255,0.95);
    display: block;
    border-radius: 8px;
    color: #18102c;
    margin-top: 7%;
    padding: 35px 20px;
}

#accueil-reset-mdp{
    background-color: rgba(255,255,255,0.95);
    display: block;
    border-radius: 8px;
    color: #18102c;
    margin-top: 20% !important;
    padding: 35px 20px;
}

.creation-cmpt-action{
    background-color: #aac811 !important;
    font-family: Montserrat;
}

.creation-cmpt-action:hover {
    background-color: #b4d313 !important;
    color: black;
    text-decoration: none;
    outline: 0;
}

.back-home-b{
    background-color: #aac811 !important;
    font-family: Montserrat;
}

.back-home-b:hover {
    background-color: #b4d313 !important;
    color: black;
    text-decoration: none;
    outline: 0;
}

.form-creation-cmpt .form-group {
    text-align: left;
}

.form-creation-cmpt label {
    font-size: 14px;
}

.form-creation-cmpt input {
    font-style: italic;
    font-size: 12px;
}
.form-creation-cmpt select {
    font-style: italic;
    font-size: 12px;
    height: 34px !important;
}

.login-choose h4 {
    font-size: 24px;
    margin-top: 6px;
    text-transform: uppercase;
    font-family: Montserrat;
    margin-bottom: 4px;
}

.title-create-form {
    font-size: 16px;
    font-family: Montserrat;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: rgba(180,211,19,0.5);
    padding: 10px;
}

#creer-cmp-form .form-row{
    margin: 0;
}

.link-accueil-access span{
    display: block;
    text-align: center;
    margin-top: 5px;
}

.link-accueil-access i{
    font-size:24px;
}

.bread-float-cont{
    color: #18102c;
    font-size: 14px;
    font-family: 'MontserratRegular', sans-serif;
}


.fixed-table-toolbar{
    display: none;
}

.table-cmde-cont{
    background-color: white;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 3px 3px 3px #eee;
}

#table-cmde{
    height: auto;
    font-size: 12px;
    text-align: center;
}

.top-filter-cont{
   margin-bottom: 20px;
}

.top-cmde-filter-cont{
    display: inline-block;
}

.top-cmde-filter-cont label{
    cursor: pointer;
}

.top-filter-refresh{
    display: inline-block;
}

#refresh-all-filters img{
    height: 24px;
}

.title-card{
    font-size: 18px;
    color: #636363;
    font-weight: bold;
}

.bootstrap-table{
    height:500px;
}

.th-inner{
    text-align: center;
}

#table-cmde th{
    padding: 0;
    line-height: normal;
}

#table-cmde td{
    padding: 10px;
    line-height: normal;
}

#table-cmde tr {
    line-height: 25px;
    min-height: 25px;
    height: 25px;
}

.red-asterisque{
    color: red;
    font-size: 12px;
}

.courtoisie-cont-t{
    padding-top: 125px;
}

.courtoisie-cont-title-1{
    font-family: 'MontserratMedium', sans-serif;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Propriétés de l'ombre */
}

.courtoisie-cont-title-2{
    font-family: 'MontserratRegular', sans-serif;
    font-size: 28px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Propriétés de l'ombre */
}

.courtoisie-cont h3{
    margin-top: 0;
    margin-bottom: 50px;
    font-family: neuropol;
    color:#aac811;
    font-size: 32px;
    background-color: rgba(255,255,255,0.7);
}


.radius-right{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.radius-left{
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
}

.inlineform{
    height: 34px !important;
    padding-left: 15px !important;
}

.control-icon-form{
    width: 20px;
    height: 20px;
}

.remember-me{
    margin-left: -48px;
    padding-top: 3px;
    display: block;
    color: #18102c;
    font-weight: bold;
}

.sign-in-close{
    float: right;
    margin-right: 10px;
    width: 110px;
    font-family: Neuropol;
}

.card-footer a{
    font-size: 12px;
}

.sign-in{
    float: right;
    background-color: #aac811 !important;
    font-family: 'MontserratMedium', sans-serif;
}

.sign-in:hover{
    background-color: #b4d313 !important;
    color: black;
    text-decoration: none;
    outline: 0;
}

.sign-in:focus{
    background-color: #b4d313 !important;
    color: black;
    text-decoration: none;
    outline: 0;
}

.accueil-img-alsolu{
    width: 150px;
    bottom: 15px;
    position: absolute;
    right: 15px;
}

.sign-out-action {
    width: 100%;
    height: 36px;
    padding-bottom: 0;
    margin-bottom: 0;
    display: none;
}

.sign-out-action button {
    color: #3c3a39;
    font-size: 15px;
    width: 100%;
    border: none;
    background-color: #e7abab;
}

.cont-card-resume{
    background-color: white;
    border-radius: 6px;
    padding: 15px 0 15px 0;
    margin: 0 0 25px 0 !important;
    box-shadow: 3px 3px 3px #eee;
    color: #464646;
}

.cont-card-resume i{
    float: left;
    font-size: 25px;
    padding: 5px;
}

.right-card-info{
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.prog-gray{
    color: #9b9b9b;
    font-size: 12px;
}

.col-padd-carte{
    padding: 8px !important;
    max-width: 320px !important;
    min-width: 300px !important;
}

.col-padd-carte-last{
    padding: 8px !important;
    max-width: 184px !important;
}

.alert-area{
    margin-top: 5px;
}

.request-google{
    background-image: url("../img/Google_Drive_text_logo_grey.png");
    width: 189px;
    height: 70px;
    background-size: 187px 52px;
    background-repeat: no-repeat;
    background-color: white;
    margin-bottom: 10px;
    padding-top: 43px;
    color: #007bff;
    text-align: center;
    font-size: 18px;
    box-shadow: 3px 3px 3px #eee;
    text-decoration: none;
    display: block;
}

.request-google:hover{
    background-color: #ebebeb;
}

.filtre-en-cours{

}

.valide-commentaires{
    font-size: 12px !important;
}

.toggleAguerri {
    display: none;
}
.toggleAguerri.in {
    display: table-cell;
}

.toggleAppli {
    display: none;
}
.toggleAppli.in {
    display: table-cell;
}

.toggleBatisolu {
    display: none;
}
.toggleBatisolu.in {
    display: table-cell;
}

.active-tabs-l{
    background-color: white !important;
    color: #007bff !important;
}

.gdrive-files{
    width: 175px !important;
}

.custom-file-label{
    text-align: left;
}

.progress-wrp{
    display: none;
}

.progress-show{
    display: block;
}

.login-google{
    font-size: 10px !important;
    width: 90px !important;
}

.file-name-drive{
    display: block;
    color: gray;
}

/*
.search .btn{
    display: none;
}
*/

.tooltip-cont{
    width:200px !important;
    padding:10px;
    background-color: white;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
}

.tooltip-cmd{
    font-size: 16px;
    font-weight: bold;
}

.google-visualization-tooltip[clone] {
    opacity: 1 !important;
}

#visualization {
    width: 100%;
    margin-top: 10px;
}

/* create a custom sized dot at the bottom of the red item */
.vis-item.pink {
    background-color: #ff99cb;
    border-color: #ff99cb;
    color: black;
}

.vis-item.yellow {
    background-color: #fdff69;
    border-color: #fdff69;
    color: black;
}

.vis-item.blue {
    background-color: #0072bf;
    border-color: #0072bf;
    color: black;
}

.vis-item.navy {
    background-color: #031e65;
    border-color: #031e65;
    color: white;
}

.vis-item.green {
    background-color: #01af4e;
    border-color: #01af4e;
    color: black;
}

.vis-item.orange {
    background-color: #ffc000;
    border-color: #ffc000;
    color: black;
}

.vis-item.purple {
    background-color: #66015d;
    border-color: #66015d;
    color: white;
}

.vis-item.red {
    background-color: #fe0000;
    border-color: #fe0000;
    color: black;
}

.vis-item.vis-background{
    background-color: #fcffcc !important;
    height: 24px !important;
    margin-top: 5px !important;
    font-size: 12px;
    border:1px solid black !important;
}

.vis-item.vis-dot .yellow .blue .navy .green .orange .pink .purple .red {
    border-radius: 10px;
    border-width: 10px;
}
.vis-item.vis-line .yellow .blue .navy .green .orange .pink .purple .red {
    border-width: 5px;
}
.vis-item.vis-box .yellow .blue .navy .green .orange .pink .purple .red {
    border-radius: 0;
    border-width: 2px;
    font-size: 24pt;
    font-weight: bold;
}

.vis-item.yellow.vis-selected {
    border-color: #fdff69 !important;
    background-color: #fdff69 !important;
}
.vis-item.blue.vis-selected {
    border-color: #0072bf !important;
    background-color: #0072bf !important;
}
.vis-item.green.vis-selected {
    border-color: #01af4e !important;
    background-color: #01af4e !important;
}
.vis-item.orange.vis-selected {
    border-color: #ffc000 !important;
    background-color: #ffc000 !important;
}
.vis-item.purple.vis-selected {
    border-color: #66015d !important;
    background-color: #66015d !important;
}
.vis-item.red.vis-selected {
    border-color: #fe0000 !important;
    background-color: #fe0000 !important;
}
.vis-item.navy.vis-selected {
    border-color: #031e65 !important;
    background-color: #031e65 !important;
}
.vis-item.pink.vis-selected {
    border-color: #ff99cb !important;
    background-color: #ff99cb !important;
}

.vis-item.hours-green {
    text-align: center;
    padding: 2px;
    background-color: unset;
    border: 0 solid white;
}

.vis-item.hours-green .vis-item-content {
    border: 1px solid green;
    color: green;
    background-color: white;
    font-weight: bold;
    border-radius: 6px !important;
    width: 65%;
    font-size: 12px;
}

.vis-item.vis-dot.hours-green {
    border-radius: 10px;
    border-width: 10px;
}
.vis-item.vis-line.hours-green {
    border-width: 5px;
}
.vis-item.vis-box.hours-green {
    border-radius: 0;
    border-width: 2px;
    font-size: 24pt;
    font-weight: bold;
}

.vis-item.hours-orange {
    text-align: center;
    padding: 2px;
    background-color: unset;
    border: 0 solid white;
}

.vis-item.hours-orange .vis-item-content {
    border: 1px solid orange;
    color: orange;
    background-color: white;
    font-weight: bold;
    border-radius: 6px !important;
    width: 65%;
    font-size: 12px;
}

.vis-item.vis-dot.hours-orange {
    border-radius: 10px;
    border-width: 10px;
}
.vis-item.vis-line.hours-orange {
    border-width: 5px;
}
.vis-item.vis-box.hours-orange {
    border-radius: 0;
    border-width: 2px;
    font-size: 24pt;
    font-weight: bold;
}



.vis-time-axis .vis-text {
    height: 38px;
    text-align: center;
    padding: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

/* alternating column backgrounds */

.vis-timeline .labelset .inner { width: 150px; !important }
.vis-timeline .vlabel:nth-child(even),

.vis-timeline .vis-itemset .vis-background .vis-group:nth-child(even) {
    background:#fff; !important
}

.vis-timeline .vlabel:nth-child(even),
.vis-timeline .vis-itemset .vis-background .vis-group:nth-child(even) {
    background: rgba(128, 128, 128, 0.1); !important
}

.vis-monday {
    border-left: 1px solid #4d4d4d !important;
    border-right: none !important;
}

/* masquer les traits d'origines */
.vis-time-axis .vis-monday{
}

.vis-time-axis .vis-tuesday{
}

.vis-time-axis .vis-wednesday{
}

.vis-time-axis .vis-thursday{
}

.vis-time-axis .vis-friday{
}

.vis-time-axis .vis-saturday{
    border: none !important;
}

.vis-time-axis .vis-sunday{
    border: none !important;
}

.vis-text.vis-major{
    height: 25px !important;
    text-transform: capitalize;
}

.vis-text.vis-major div{
    padding-left: 5px;
    font-size: 18px;
}



/* bg axis */
.vis-time-axis.vis-foreground{
    background-color: white;
}

.vis-time-axis .vis-minor.vis-saturday,
.vis-time-axis .vis-minor.vis-sunday {
    color: red !important;
    background-color: white;
    font-size: 10px;
}

.vis-time-axis .vis-grid.vis-saturday,
.vis-time-axis .vis-grid.vis-sunday {
    background: #cccccc;
}

.vis-time-axis .vis-major.vis-h0,
.vis-time-axis .vis-major.vis-h24 {
    background: white;
}

.vis-time-axis .vis-major.vis-h0-h4{
    background: white;
}


.vis-time-axis .vis-grid.vis-h0,
.vis-time-axis .vis-grid.vis-h1,
.vis-time-axis .vis-grid.vis-h2,
.vis-time-axis .vis-grid.vis-h3,
.vis-time-axis .vis-grid.vis-h4,
.vis-time-axis .vis-grid.vis-h5,
.vis-time-axis .vis-grid.vis-h6,
.vis-time-axis .vis-grid.vis-h7,
.vis-time-axis .vis-grid.vis-h12,
.vis-time-axis .vis-grid.vis-h13,
.vis-time-axis .vis-grid.vis-h18,
.vis-time-axis .vis-grid.vis-h19,
.vis-time-axis .vis-grid.vis-h20,
.vis-time-axis .vis-grid.vis-h21,
.vis-time-axis .vis-grid.vis-h22,
.vis-time-axis .vis-grid.vis-h23{
    background: gray;
}

.vis-time-axis .vis-grid.vis-h0-h4,
.vis-time-axis .vis-grid.vis-h4-h8{
    background: gray;
}

.vis-time-axis .vis-text.vis-saturday,
.vis-time-axis .vis-text.vis-sunday {
    color: white;
}

/* masquer les autres semaines */
.vis-time-axis .vis-minor.vis-monday span{
    border-top: 1px solid #4d4d4d !important;
    border-left: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    width: 100%;
    display: block;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-tuesday span{
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    color: white !important;
    width: 100%;
    display: block;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-wednesday span{
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    color: white !important;
    width: 100%;
    display: block;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-thursday span{
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    color: white !important;
    width: 100%;
    display: block;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-friday span{
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    color: white !important;
    width: 100%;
    display: block;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-saturday span{
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    color: white !important;
    display: block;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-sunday span{
    border-top: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    color: white !important;
    display: block;
    font-size: 12px;
}

.active-show-tache{
    text-decoration: line-through;
    color: red;
}

/* Afficher les colonne jours */
.vis-time-axis .vis-minor.vis-monday div{
    border-bottom: 1px solid #4d4d4d !important;
    border-right: 1px solid #4d4d4d !important;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-tuesday div{
    border-right: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-wednesday div{
    border-right: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-thursday div{
    border-right: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-friday div{
    border-bottom: 1px solid #4d4d4d !important;
    border-right: 1px solid #4d4d4d !important;
    font-size: 12px;
}
.vis-time-axis .vis-minor.vis-saturday div{
    border-right: 1px solid #4d4d4d !important;
    border-bottom: 1px solid #4d4d4d !important;
    font-size: 12px;
}

.vis-time-axis .vis-minor.vis-sunday div{
    border-bottom: 1px solid #4d4d4d !important;
    border-right: 1px solid #4d4d4d !important;
    font-size: 12px;
}

.input-periode{
    background-color: white !important;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 3px;
    padding: 4px;
    width: 145px;
}

.btn-top-menu{
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 3px;
    padding: 4px;
    height: 29px;
    width: 29px;
    background-color: #f2f2f2;
}

.btn-top-menu:focus{
    outline: 0;
}

.btn-label-menu{
    border: none;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px;
    height: 24px;
    width: 24px;
    background-color: white;
}

.vis-timeline .vis-item-content blockquote{
    margin: 0;
}

.vis-label .vis-inner {
    font-size: 12px;
    min-height: 35px;
}

.vis-foreground .vis-group{
    font-size: 12px;
    min-height: 35px;
}


.remove-drive{
    float: left;
    margin-top: 7px;
    width: 25px;
    height: 25px;
    padding: 0 !important;
}

.custom-file-label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f093" !important;
}

.add-row-title{
    text-align: center;
    background: #82bb27;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#clt-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 10px;
    position: absolute;
    width: 96%;
    background-color: white;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 2px #888;
}

#clt-container li{
    margin: 1px;
    padding-left: 5px;
}

#clt-container li:hover{
    color:#0e72ed;
}

.surligne-rouge{
    border: 1px solid red !important;
    background-color: rgba(255,0,0,0.1) !important;
}

.edit-form-ligne{
    cursor: pointer;
}

.nombre-title{
    font-size: 21px;
    font-weight: bold;
}

.progress-bar-purple{
    background-color: #8064a2 !important;
}

.progress-bar-green{
    background-color: #9bbb59 !important;
}

.progress-bar-blue{
    background-color: #4f81bd !important;
}

.progress-bar-orange{
    background-color: #f79646 !important;
}

.frame-card{
    border: 1px solid black;
    padding: 0 10px;
    border-radius: 5px;
    height: 65px;
}

/** Commandes **/
.btn-top-container{
    width: 100%;
    background-color: #efeef0;
    display: table;
}

.btn-top-header{
    border-bottom: 4px solid #d2d0d4;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    display: table-caption;
    padding: 0 13px;
    outline:0;
    font-weight: lighter;
}

.btn-top-header:focus{
    outline:0;
}

.btn-top-active{
    background-color: #fff;
    border-bottom: 4px solid darkorange;
}

.filter-search-cont{
    background-color: #f0f2f7;
    padding: 10px;
}

.refresh-cont-nav{
    background-color: #fffeff;
    border-bottom: 2px solid #a3a09b;
    padding: 5px;
}

#refresh-tableau{
    cursor: pointer;
}

.icon-nav-top{
    color: #2287df;
    display: inline-block;
    user-select: none;
}

.js-alert-nav{
    background-color: #fffeec;
    padding: 0 4px;
    font-weight: lighter;
    border-bottom: 2px solid #a3a09b;
}

.js-alert-nav i{
    color: #2287df;
}

.table-cmde{
    width: auto !important;
    font-weight: lighter;
    font-size: 14px;
}

.table-cmde th{
    background-color: #d6d2d7;
    color: #0a4486;
    padding: 0 10px !important;
    text-align: center;
    font-weight: normal;
    position: sticky;
    top:0;
}

.table-cmde td{
    border-left: 1px solid #dee2e6;
    padding: 4px 13px !important;
}

.table-cmde tr:hover{
    background-color: #c8e3ff !important;
}

.last-viewed-line{
    background-color: #c8e3ff !important;
}

.version-bulle-modal span{
    border-radius: 15px;
    font-size: 9px;
    padding: 3px;
}

.version-bulle span{
    border-radius: 15px;
    font-size: 10px;
    padding: 2px;
}

.version-bulle-de{
    color: orange;
    border: 1px solid orange;
    padding: 2px 4px !important;
}

.version-bulle-cm{
    color: black;
    border: 1px solid black;
}

.version-bulle-fr{
    color: white;
    background-color: navy;
    padding: 2px 4px !important;
    font-weight: bold;
}

.version-bulle-ag{
    color: white;
    background-color: deeppink;
    padding: 2px 3px !important;
    font-weight: bold;
}

.version-badge span{
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    border-radius: 4px;
    padding: 0 4px !important;
    text-transform: capitalize;
}

.version-badge-cm, .version-badge-00-np{
    background-color: white;
    color: black;
    border: 1px solid #484848;
}

.version-badge-05-spe{
    background-color: #a2d07a;
    color: black;
    border: 1px solid #a2d07a;
}

.version-badge-01-atc{
    background-color: #ff99cb;
    color: black;
    border: 1px solid #ff99cb;
}

.version-badge-09-pause{
    background-color: #b9b6b8;
    color: black;
    border: 1px solid #b9b6b8;
}

.version-badge-99-end{
    color: slategray;
    background-color: white;
    border: 1px solid slategray;
}

.version-badge-02-be{
    background-color: #0070c6;
    color: white;
    border: 1px solid #0070c6;
}

.version-badge-04-be-2{
    background-color: #0070c6;
    color: white;
    border: 1px solid #0070c6;
}

.version-badge-03-bpa{
    background-color: #00b052;
    color: white;
    border: 1px solid #00b052;
}

.version-badge-10-ap{
    background-color: #fffd6b;
    color: black;
    border: 1px solid #fffd6b;
}

.version-badge-11-fab{
    color: white;
    background-color: orangered;
    border: 1px solid orangered;
}

.version-badge-12-mad{
    color: white;
    background-color: #65025d;
    border: 1px solid #65025d;
}

.version-badge-13-liv{
    color: white;
    background-color: #f90200;
    border: 1px solid #f90200;
}

.version-badge-ot{
    color: black;
    background-color: rebeccapurple;
    border: 1px solid rebeccapurple;
}

.custom-ebp-header{
    padding: 0 10px !important;
    color: #415470;
    font-size: 12px;
    margin-top: 5px;
    border-bottom: 1px solid #a3a09b !important;
}

.custom-ag-header{
    padding: 0 10px !important;
    color: #415470;
    font-size: 12px;
    margin-top: 5px;
    border-bottom: 1px solid #a3a09b !important;
}

.btn-action-modal{
    color: #415470;
    background-color: white;
    border: none;
    font-size: 14px;
    padding: 5px 5px;
    height: 30px;
}

.modal-action-barre{
    padding: 0 12px;
}

.btn-action-modal:hover{
    color: white;
    background-color: #415470;
}

.btn-action-modal:focus{
    outline: 0;
}

#save-batisolu-action.active-enreg{
    color: white;
    background-color: #415470;
}

.modal-input-content{
    background-color: #dedadf;
    font-weight: lighter;
    font-size: 12px;
    padding: 15px 0 0 0;
}

.var-text-bold{
    font-weight: bold;
}

.info-general-cont-input{
    padding: 0 0 20px 0 !important;
}

.info-general-cont-input h5{
    font-size: 12px;
    margin-bottom: 0;
}

.info-general-cont-input div{
    display: inline-block;
    padding-right: 4px;
}

.batisolu-cont-input{
    padding: 9px 0 0 0 !important;
    border-top: 1px outset #cacaca;
    margin-bottom: 10px;
}

.batisolu-cont-input h5{
    font-size: 12px;
    margin-bottom: 0;
}

.batisolu-cont-input div{
    display: inline-block;
    padding-right: 4px;
}

.aguerri-cont-input{
    padding: 0 !important;
    border-top: 1px outset #cacaca;
}

.aguerri-cont-input h5{
    font-size: 12px;
    margin-bottom: 0;
}

.aguerri-cont-input div{
    display: inline-block;
    padding-right: 4px;
}

.disable-field-mod{
    background-color: #fff;
    padding: 0 5px;
    color: #837f84;
    width: 100px;
    display: inline-block;
    border: 1px solid #dad6db;
    float: right;
}

.enable-field-mod{
    float: right;
}

.small-input-integer{
    width: 60px;
}

.long-input-str{
    width: 180px;
}

.input-modal{
    background-color: #fff;
    padding: 0 5px;
    color: #837f84;
    width: 117px;
    display: inline-block;
    border: 1px solid #dad6db;
}

/* Made refresh spin **/
.icn-spinner {
    animation: spin-animation 0.5s infinite;
    display: inline-block;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.block-droite-modal{
    border-left: 1px outset #cacaca;
    width: 32% !important;
    padding: 0 0 0 10px;
}

.textarea-label{
    margin: 0;
}

.info-general-cont-input div{
    width: 158px;
}

.batisolu-cont-input div{
    width: 150px;
}

.aguerri-cont-input div{
    width: 150px;
}

.follow-link{
    color: #2287df;
    float: right;
    margin-top: 2px;
    cursor: pointer;
}

.upload-docs{
    float: right;
    margin-top: -17px;
    margin-right: 4px;
    color: #2287df;
    cursor: pointer;
}

.block-left-mod-2{
    display: table-cell;
    background-color: #6c81ad;
    vertical-align: top;
    width: 15%;
}

.block-left-mod-2 div{
    background-color: #6c81ad;
    padding: 0 10px;
    border-left: 4px solid #6c81ad;
    cursor: pointer;
    color: white;
}

.block-left-mod-2 div:hover{
    background-color: white;
    border-left: 4px solid darkorange;
    color: #233f60;
}

.block-right-mod-2{
    background-color: #f0f2f7;
    border: 1px solid #cacaca;
    display: table-cell;
    padding: 0 0 10px 0;
}

.modal-body-form{
    padding: 15px 2px !important;
    background-color: #f0f2f7;
    font-size: 14px;
    display: table;
}

.active-mod-menu{
    background-color: white !important;
    border-left: 4px solid darkorange !important;
    color: #233f60 !important;
}

.nav-modal-table{
    background-color: #fffeff;
    padding: 5px;
    color: #2287df;
}

.info-top-right-mod{
    width: 150px;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.table-ml-ral{
    font-size: 12px;
    font-weight: lighter;
    margin: 15px auto;
    border: 1px outset #cacaca;
    width: auto;
}

.table-ml-ral td{
    text-align: center;
}

.input-txtarea-modal{
    width: 89%;
    height: 28px;
}

.textarea-container{
    width: 100% !important;
    border: 1px solid #ccc;
}

.close{
    outline: 0;
}

.close:focus{
    outline: 0;
}

#table-mob-ajax{
    overflow-y: auto;
    height: 350px;
}

.table-details td{
    font-size: 12px;
}

#config-modal-cont{
    font-size: 12px;
    font-weight: lighter;
    width: auto;
    background-color: #f0f2f7;
    padding: 15px;
    display: none;
}

#valid-link-save{
    border: 1px solid green;
    color: green;
    border-radius: 4px;
    font-size: 12px;
    width: 115px;
    background-color: white;
}

#valid-link-save:hover{
    background-color: #f0f2f7;
}

#valid-link-save:focus{
    outline:0;
}

#valid-nolink-save{
    border: 1px solid red;
    color: red;
    border-radius: 4px;
    font-size: 12px;
    padding: 4px;
    background-color: white;
}

#valid-nolink-save:hover{
    background-color: #f0f2f7;
}

#valid-nolink-save:focus{
    outline:0;
}

.js-alert-nav-mod{
    display: none;
    background-color: #fffeec;
    padding: 0 25px 0 25px;
    font-weight: lighter;
    border: 1px solid #a3a09b;
    position: absolute;
    margin-left: 3%;
    margin-top: -3px;
    box-shadow: 0 2px 3px #888;
    z-index: 10;
    font-size: 12px;
}

.js-alert-nav-mod i{
    color: #2287df;
}

.btn-link-alernative{
    display: none;
    font-weight: lighter !important;
}

.mod-drop-down{
    font-size: 12px !important;
    font-weight: lighter !important;
}

#upl-document-mod{
    display: inline-block;
    height: 30px;
    width: auto;
}

#upl-document-mod label{
    margin: 0;
    cursor: pointer;
}

#dwl-document-mod{
    text-decoration: none;
    height: 30px;
    display: inline-block;
}

#upl-document-mod-cmde{
    display: inline-block;
    height: 30px;
    width: auto;
}

#upl-document-mod-cmde label{
    margin: 0;
    cursor: pointer;
}

#dwl-document-mod-cmde{
    text-decoration: none;
    height: 30px;
    display: inline-block;
}

.cont-info-file{
    background-color: #dedadf;
    text-align: center;
    font-size: 12px;
    padding: 10px 0 12px 0;
}

#nom-fichier-dwl{
    font-size: 11px;
}

.anchor-btn-s{
    height: 30px;
    text-decoration: none;
    display: inline-block;
}

.anchor-btn-s:hover{
    text-decoration: none;
}

.inactive-download{
    color: #7a7a7a;
    background-color: #aaaaaa;
    cursor: not-allowed;
}
.inactive-download:hover{
    color: #7a7a7a;
    background-color: #aaaaaa;
}

.inactive-save-mod{
    color: #7a7a7a;
    background-color: #aaaaaa;
    cursor: not-allowed;
}

.inactive-save-mod:hover{
    color: #7a7a7a;
    background-color: #aaaaaa;
}

.field-not-fill{
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #721c24;
}

.field-fill{
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #155724;
}

.widow-tool{
    box-shadow: 1px 1px 9px #888;
    border-radius: 6px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    padding: 0 10px 0 10px;
}

.dl-green{
    color: #155724;
    background-color: #d4edda;
}

.dl-green .arrow-up {
    border-bottom: 10px solid #d4edda !important;
}

.dl-red{
    color: #721c24;
    background-color: #f8d7da;
}

.dl-red .arrow-up {
    border-bottom: 10px solid #f8d7da !important;
}

.dl-gray{
    color: #7a7a7a;
    background-color: #f0f2f7;
}

.dl-gray .arrow-up {
    border-bottom: 10px solid #f0f2f7 !important;
}

.widow-tool .arrow-up {
    position: absolute;
    margin-top: -9px;
    margin-left: 80px;
}

.arrow-up{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
}


.widow-tool .arrow-left {
    position: absolute;
    margin-top: 2px;
    margin-left: -16px;
}

.arrow-left{
    width: 0;
    height: 0;
    border-right: 7px solid #155724;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
}

.window-cont-f{
    margin-left: 98px;
    position: absolute;
    top: 46px;
    z-index: 10;
}

.table-recap{
    font-size: 12px;
    width: 260px !important;
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
}

.table-recap tr{
    padding:0;
}

.table-recap th{
    text-align: center;
    font-size: 14px;
}

.text-rouge{
    color: red;
    font-weight: bold;
}

.text-major{
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.lie-config-modal .fa-exclamation-triangle{
    color: red;
}

#upl-document-mod .fa-upload{
    color:red;
}

#upl-document-mod-cmde .fa-upload{
    color:red;
}

.btn-action-modal .fa-check{
    color:green;
}

.masque-ecart tr:last-child > td:first-child {
    display: none;
}

.table-cmde tfoot{
    position: sticky;
    bottom: 0;
    z-index: 1;
}

#table-accueil-cmde{
    width:100% !important;
}

#notifier-aguerri{
    border: 1px solid #415470;
    border-radius: 4px;
}

.input-user-mod-b{
    color: black;
    font-weight: bold;
    font-size: 12px;
}

#drop-areas-container{
    text-align: center;
}

.drop-area {
    width: 48%;
    border: 2px dashed #ccc;
    border-radius: 20px;
    padding-top: 170px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 400px;
}

.drop-area h1{
    font-size: 24px;
}

.drop-area span{
    font-size: 16px;
    color: #d6d2d7;
}

.drop-area.hover {
    background-color: #1A97FF;
    color: white;
}

.drop-area.highlight {
    border-color: #0087F7;
}

#file-input {
    display: none;
}


#table-accueil-cmde .fa-exclamation-triangle{
    color: red;
}

.mod-fabrication{
    text-transform: capitalize
}

.btn-plannif-mod{
    margin: 3px 0;
    width: 48%;
    padding: 2px 0 3px 0 !important;
    font-size: 12px !important;
}

.table-planing-mod{
    font-size: 12px;
    margin: 5px auto;
    font-weight: lighter;
    width: 310px !important;
    margin-bottom: 10px !important;
}

.table-planing-mod tr{
    padding:0;
}

.table-planing-mod td{
    padding:0 !important;
    width: 100%;
}

.table-planing-mod th{
    padding: 0 !important;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}

.number-input{
    width: 46px;
    text-align: center;
}

.th-caret{
    float: right;
    margin-right: 10%;
}

.sort-table-action{
    cursor: pointer;
}

.hl-planing-row-t{
    background-color: rgba(50, 50, 50, 0.5);
    border-top: 2px solid black;
    border-bottom: 2px solid black !important;
    border-left: 2px solid black;
}

.hl-planing-row-t .btn-label-menu{
    display: none;
}

.hl-planing-row-t a{
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.hl-planing-row{
    background-color: rgba(50, 50, 50, 0.4);
    border-top: 2px solid black;
    border-bottom: 2px solid black !important;
    border-right: 2px solid black;
}

.mod-technicien-nom{
    width: 150px;
    margin-left: 14px;
}

.modified-recents{
    color: #0e72ed;
    border: 2px inset #0e72ed;
    background-color: #f9d618;
}

#commande-achat-cont{
    display: inline-block;
}

#commande-achat-cont{
    display: inline-block;
}

#dossier-fab-cont{
    display: inline-block;
}