html{width:100%}
body{background-color: #21262c;color:#bec5d4;font-size: .9rem;}
.btn{font-size: .8rem;}
.d-block-cs{display:block;}
.onglet_ash{cursor: pointer}
.ash_select{background: #fff !important;color:#000 !important;}
.ash_select .fa-envelope{color:#000;}
.container_global{height:calc(100% - 41px);top:41px; left:0;bottom:50px;position: absolute;overflow:hidden}
.container_ajax{width: 100%; height:auto;}
.container_ajax.overflow{height:calc(100% - 20px); overflow: auto}
.content_tab_960{margin:auto;height:100vh;overflow:auto}
.content_tab_960.with-onglet{overflow:auto; width:100%; height: 100%}
.cont-adminacc{height: calc(100% - 90px); padding:5px; width:calc(100% - 10px);display: none}
.d-none-custom{display: none}
.d-flex-custom{display: flex;}
.d-inline-custom{display: inline}
.info-bar{height: 20px;font-size: 0.6rem;display: flex;justify-content: space-between;align-items: center;position: fixed;top:0;right:0;left:0;z-index: 1030;padding: 0 .5rem}
@media (min-width: 1260px){
  .d-xxl-table-cell {display: table-cell !important;}
}

.table-hover tbody tr.bg-darkgrey:hover{background:#3d4249 !important;}
.table-hover tbody tr:hover .btn, .table-hover tbody tr:hover .btn-badge{filter: brightness(80%);-webkit-filter: brightness(80%);}
.sticky-head{position:sticky; top:65px; right:0; height: 47px; padding:0; z-index: 1002; border-bottom: 1px solid #383e46; background-color: #21262c;}
/*----------------------- LOADER -----------------------*/
#rloader{display: none;}
#preloader{display: block;}
.container-loader{z-index:9999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color: #f26421; background-image: url(../images/img/bg-capitonage.png);background-repeat: repeat}
.divloader {position: relative; width: 150px; height: 150px; margin: auto; margin-top:37vh}
.container-loader .fa{position: absolute}
.container-loader .fa-circle-notch{color: #fff; font-size: 150px}
.container-loader .fa-heart{width: 100%; height: 100%; color: #e00d1d; padding: 60px 55px; position:absolute; top:5px; left:0;}
.btn-rafraichir{margin:auto; text-align:center; width:auto; padding: 10px 25px; bottom:5px; right:10px; position: absolute; z-index:999}
.loader-in-page{position:fixed; z-index:9999; top: 0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
/*----------------------- TOOLTIP -----------------------*/                                                 
.tooltipshow {position: relative; border-bottom: 1px dotted black}
.tooltipshow .tooltiptext {visibility: hidden; width: 290px;height: auto; position: absolute; z-index: 99999; right: 100%; margin-left: 0; opacity: 0; transition: opacity 0.3s; border : 1px solid #fff}
.tooltip-left::after {content: ""; position: absolute; top: 90%; left: 100%; margin-top: -5px; border-width: -5px; border-style: solid; border-color: transparent transparent transparent #2f353d}
.tooltipshow:hover .tooltiptext {visibility: visible; opacity: 1}
.tooltip-left {top: auto; bottom: 0; right:0}
.iso-tooltip{width: 100%; margin-bottom: 5px; text-align:center}
.carre-bionet{width:13px; height:13px; display: inline-block; top: 5px; position: relative}
.fverysmall{font-size: 0.6em}
.fsmall{font-size: 0.7rem !important;}
.fxsmall{font-size: 0.6rem !important;}
.fbold{font-weight: 600}
.f-pop-ash{font-size: 1.2rem }
.w-95 {width: 95% !important;}
.w-80 {width: 80% !important;}
.w-70 {width: 70% !important;}
.w-60 {width: 60% !important;}
.w-40 {width: 40% !important;}
.w-30 {width: 30% !important;}
.w-25 {width: 25% !important;}
.opacity-8x{opacity:.8;}
.opacity-7x{opacity:.7;}
.opacity-6x{opacity:.6;}
.opacity-5x{opacity:.5;}
.opacity-4x{opacity:.4;}
.opacity-3x{opacity:.3;}
.opacity-2x{opacity:.2;}
.opacity-1x{opacity:.1;}
.start-85{left: 85%}
.pdf-page-canvas{width: 80%}
.volet-right{position:fixed; right:-17px; top:94px; height:calc(100% - 144px); width:calc(66.666667% - 38%); overflow:auto; padding-right:calc(1rem + 17px);}
.form-control.fsmall{height: auto}
.bg-capitonage{background-image: url(../images/img/bg-capitonage.png);background-repeat: repeat;}
.bg-theme-color{background: #f26421 !important;color: white;}
.bg-theme-color-secondary{background-color: #c96628!important;color: white;}
.bg-theme-color-third{background-color: #223293!important;}
.modal-backdrop.show{opacity: 0.7;}
.bg-after-dark{background:#131517 !important;}
.btn-orange{background:#ec6816; border-color:#ec6816}
.btn-orange:hover{background:#d35b10; border-color:#d35b10}
.btn-outline-black{color: #000;border-color: #000;}
.btn-outline-black:hover {color: #fff;background-color: #000;}
.btn-outline-orange{border-color: #ec6816; color: #ec6816}
.btn-outline-orange:hover{background-color: #ec6816;}
.btn-check:checked + .btn-outline-black, .btn-check:active + .btn-outline-black, .btn-outline-black:active, .btn-outline-black.active, .btn-outline-black.dropdown-toggle.show{color: #fff;background-color: #000;}
.btn-outline-opti{color: #0397b6;border-color: #0397b6;}
.btn-outline-opti:hover {color: #fff;background-color: #0397b6;}
.btn-check:checked + .btn-outline-opti, .btn-check:active + .btn-outline-opti, .btn-outline-opti:active, .btn-outline-opti.active, .btn-outline-opti.dropdown-toggle.show{color: #fff;background-color: #0397b6;}
.btn-50{width: 55px; justify-content: center;align-items: center;}
.bg-dark{background-color:#2a2f37 !important;}
.bg-000{background: #000 }
.bg-darkness{background-color:rgba(0,0,0,0.1) !important;}
.bg-orange{background-color: #ec6816 !important}
.bg-dark-blue{background-color: #24528b !important}
.bg-rose{background-color: #ec407a !important}
.bg-darkgrey, .btn-darkgrey{background: #454c53;color:#fff;}
.bg-bg{background: #21262c !important;}
.bg-shadow{background: #f2f2f2 !important;color: black;}
.bg-smoke{background: #efefef}
.bg-aluminium{background: #e2e2e2 !important}
.bg-darksuccess{background: #135e3b}
.text-theme-color{color:#f26421 !important;}
.text-danger-color{color: #dc3545 !important;}
.orange, .text-orange{color:#f26421}
.border-after-dark{border-color:#131517 ; }
.border-grey{border-color:#383e46 !important;}
.border-orange{border-color: #ec6816 !important;}
.btn.bg-shadow-dark{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);}
.badge-orange{background-color: #f57921;}
.text-orange{color: #f57921 !important;}
.text-grey{color:#bbbbbb;}
.text-gray-dark{color:#24282e;}
.border-gray-dark{border-color: #24282e !important;}
.btn-picto-choise,.btn-picto-choise-new, .btn-70{width: 70px;height:70px;}
.btn-picto-choise.btn-success{background-color: #28a745;border-color: #54c06d !important;}
.card-ged-item{width: auto;min-width: calc(100% - 0.5rem);max-width: calc(100% - 0.5rem);}
.shadow-bg{box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.8);-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.8);}
.card{box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);}
.row .col-stat{display: flex; padding: .5rem}
.row .col-stat .card{width: 100%;padding: 1rem;}
.btn-lg{font-size: 1rem}
.cvideo{width: calc(100% - 2px);}
.card-crooper{overflow:hidden; height:180px;}
.div-img{background-size: cover;background-position: 50% 50%;width: 100%;height: 100%;}
.count-numb{width:20px; height:18px; text-align:center;font-size: 0.7rem; margin: 2px 1px; border-radius: 0.25rem;}
.ico-tracab{margin-left:2px; width: 30px ; height :20px; font-size: .7rem; border-bottom-right-radius: 0.25rem ;border-bottom-left-radius: 0.25rem; padding: 2px 2px; text-align: center;}
/* ------------------- en attente a voir si on garde -------------------  */
.div-img.div-img-apercu{padding-top: 45px;top: 0;left: 0;transform: translate(0, 0);background-size: auto;background-repeat: no-repeat;}
#modal-header-apercu{position: fixed;top: 0;left: 0;z-index: 1031;width: 100%;}
.apercu-ged img{width:auto; height:auto; background-size:contain}
.iv-container.iv-image-mode{max-width:90%;left:5%}
/* ------------------- fin a voir si on garde -------------------  */
.apercu-ged{position: fixed;background: #22262c;left: 0;top: 0;width: 100%;height: auto;min-height: 100%;z-index: 1031;text-align: center;}
@media (min-width: 576px){
  .card-ged-item{min-width: calc(50% - 2px - 0.5rem);max-width: calc(50% - 2px - 0.5rem);}
  .card-crooper{height:130px;}
}
@media (min-width: 768px){
  .card-ged-item{min-width: calc(33.333333333% - 2px - 0.5rem);max-width: calc(33.333333333% - 2px - 0.5rem);}
  .card-crooper{height:150px;}
}
@media (min-width: 992px){
  .card-ged-item{min-width: calc(20% - 2px - 0.5rem);max-width: calc(20% - 2px - 0.5rem);}
  .card-crooper{height:180px;}
  .d-md-flex-custom{display: flex;}
  .d-lg-none-custom{display: none;}
}
.text-lg{font-size: 1.1rem !important}
header nav.navbar{padding:0;height: 50px;}
footer{height: 55px;}
footer.footer .btn{height: 55px;min-width: 55px;margin:0 0.5px;}
.fa-1-3x{font-size: 1.3rem !important;}
.fa-ged{width: 35px; max-width: 35px; height:22px;}
.fa-dropdown{width: 30px;display: inline-block;}
.btn-ged{width:33px; height:33px;}
.btn-option{width: 38px;}
.btn-index{width:45px; height:30px;}
.modal-xxl{max-width: 1230px;}
.modal-full-pc{max-width: 100%;height: 100%;margin: 0;}
.modal-full-pc .modal-content{height:100%;}
@media (min-resolution: 120dpi){
  .modal-full{max-width: 100% !important;height: 100%;margin:0;}
  .modal-full .modal-content{border-radius: 0 !important;border:none !important;}
}
#popup_detail .modal-body{font-size: 1.2rem}
.modal-danger{background-color: #dc3545 !important;color: #fff;}
.modal-warning{background-color: #ffc107 !important;color: #000;}
.modal-primary{background-color: #0d6efd !important;color: #fff;}
.divsign canvas{height: 100%}
.modal-footer, .modal-header{border-color: rgba(0,0,0,.15);}
.modal-header.bg-primary{color:#fff;}
.modal-content .modal-body.modal-overflow {max-height: calc(100vh - 205px);overflow: auto;}
.modal-content .modal-body.modal-overflow-precaution{max-height: calc(100vh - 149px);overflow: auto;}
.modal-content .modal-body.modal-overflow.modal-help {max-height: calc(100vh - 245px);overflow: auto;}
.modal-content{background-color: #21262c}
.item-accordion{text-align: center; float:right; vertical-align: middle !important;}
.card .card-body a{text-decoration: none;color: inherit;}
.detail_ged .modal-header{height: 46px;}
.cont-quizz{width:85%; max-width: 820px; height:auto; background:#fff; margin:50px auto}
.cont-quizz-titre{width:70px; height:70px; position: absolute; left:calc(50% - 35px); top:15px; z-index: 9; background-color: #fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; text-align: center; color:#00ce74}
.cont-quizz-titre > svg{height:70px; line-height: 70px}
.cont-quizz-titre.score{position: relative; background: #f2f2f2; color:#000; float: left}
.input-lg{width:28px ; height: 28px}
.cont-quizz-header {background-color: #00ce74;}
h1, h2{font-weight: 400}
h3, h4 , h5, h6{font-weight: 300}
h1.score{font-size: 5rem;font-weight: bold; color: #fff; text-shadow: 0 0 10px yellow;}
.table thead, .table tbody, .table tfoot, .table tr, .table td, .table th{border-color:#383e46 !important; vertical-align: middle !important;}
.tablesorter-header-inner{width: calc(100% - 23px);overflow: initial; text-overflow: ellipsis;white-space: nowrap;}
.detail-tracab .table thead th, .detail-tracab .table thead td, .detail-tracab .table tbody + tbody{border: 1px solid #383e46 !important;}
.table tbody + tbody {border-top: none;}
.text-decoration-none {text-decoration: none!important;}
table thead, table.color th, .table thead th{background: #454c53; text-transform: uppercase; color:#fff; font-size: .7rem; font-weight: 500}
table td, table.color td{color:#bec5d4;}
.table > :not(:last-child) > :last-child > * {border-bottom-color: #383e46;}
table.color tbody + tbody{border-top:none;}
.textMess > p:first-of-type{width:100%;margin-top:0;margin-bottom:auto;line-height: 13px;font-size: 12px;}
.textMess > p:last-of-type{width:100%;text-align:right;color:silver;margin-bottom:-7px;margin-top:auto;}  
.avatar{display:flex;justify-content:center;align-items:center;width:55px;height:55px;float:left;margin-right:10px;border-radius: 50%;}
.avatar-mini{width:35px;height:35px;}
.macro{width:auto; min-width: 60%; max-width: 85%;}
table.table-listRonde td, table.responsive-table th{vertical-align: middle;width: 6%;}
table.table-listRonde td:first-child, table.responsive-table th:first-child{width: auto;font-size: 1.1rem}
table.responsive-table th:last-child{width: 200px;}
.block-table-responsive{height: calc(100vh - 164px); overflow: auto; margin-top:6px}
.header {background-color: #f1f1f1;padding: 30px;text-align: center;}
#navbar-list-ronde a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
#navbar-list-ronde a:hover {background-color: #ddd;color: black;}
#navbar a.active {background-color: #4CAF50;color: white;}
#lib_per, .btn-subtitle {font-size: 1rem;margin-top: 5px;}
.todo_tracab{background-color:#ff1c1c}
.todo_tracab.t2{background-color:transparent;border-width:3px;border-color:#ff1c1c}
td button.todo_tracab div:after{content: "A faire"}
td button.todo_tracab.bg-secondary div:after{content: "Non prévu"}
td button.presta div:after{content: "Prestation"}
td button.quotidien div:after{content: "Quotidien"}
td button.q7 div:after{content: "Q7"}
td button.opti div:after{content: "Optimisé"}
td button.vide div:after{content: "Vide"}
td button.occupe div:after{content: "Occupé"}
td button.nu div:after{content: "Non utilisé"}
td button.entree div:after{content: "Entrée"}
td button.transfert div:after{content: "Transfert"}
td button.sortie div:after{content: "Départ"}
td button.ouverture div:after{content: "Ouverture"}
td button.entredeux div:after{content: "Entre deux"}
td button.fasttrack div:after{content: "Fast-track"}
td button.fermeture div:after{content: "Fermeture"}
td button.sortiep div:after{content: "Sortie Prio"}
td button.af div:after{content: "Net. de fond"}
td button.at div:after{content: "Après travaux"}
td button.ec div:after{content: "En cours"}
td.todo_tracab button div:after{content: "A effectuer"}
.opti_tracab, .opti.tracab, .fasttrack_tracab, .fasttrack.tracab{background-color:#0397b6 !important; color:#fff;}
.presta.tracab,.presta_tracab , .quotidien_tracab, .quotidien.tracab, .q7_tracab, .q7.tracab, .ouverture_tracab, .ouverture.tracab{background-color:#015a98 !important; color:#fff;}
.entree_tracab, .entree.tracab{background-color:#38961b !important;}
.entredeux_tracab, .entredeux.tracab{background-color:#c9af00 !important;}
.transfert_tracab, .transfert.tracab{background-color:#ff9600 !important;}
.sortiep_tracab, .sortiep.tracab{background-color:#ff4e00 !important; color:#fff}
.sortie_tracab, .sortie.tracab, .fermeture_tracab, .fermeture.tracab{background-color:#ff6c00 !important;}
.mep_tracab, .mep.tracab{background-color:#ff6c00 !important;}
.nu_tracab, .nu.tracab, .vide_tracab, .vide.tracab,.gris_tracab, .gris.tracab, .locked{background-color:#58564f !important;}
.af_tracab, .af.tracab, .at_tracab, .at.tracab{background-color:black !important; color:lightgray;}
.tracab.fait{background-color:#38961b !important;}
.tracab-border {border: 6px solid #555 !important;font-size: 1.2em }
.picto_selected{background-color:#38961b;border-color: #53c331}
.occupe_tracab, .occupe.tracab{background-color:#ff3f3f !important; border-color: #fd6b6b !important; color:#fff}
.todo_tracab{background-color:#ff1c1c}
.todo_tracab.t2{background-color:transparent;border-width:3px;border-color:#ff1c1c}
.Q.border-tracab, .Ouv.border-tracab, .Q7.border-tracab, .H.border-tracab{border-bottom: 10px solid #015a98 !important; border-color: #015a98; color:#fff;}
.Op.border-tracab, .FT.border-tracab{border-bottom: 10px solid #0397b6 !important; border-color: #0397b6; color:#fff;}
.S.border-tracab, .F.border-tracab{border-bottom: 10px solid #ff6c00 !important; border-color: #ff6c00; color:#fff;}
.SP.border-tracab{border-bottom: 10px solid #ff4e00 !important; border-color: #ff4e00; color:#fff;}
.AT.border-tracab, .NF.border-tracab{border-bottom: 10px solid #000 !important; border-color: #000; color:#fff;}
.T.border-tracab, .E2.border-tracab{border-bottom: 10px solid #c9af00 !important; border-color: #c9af00; color:#fff;}
.Ent.border-tracab, .V.border-tracab, .NU.border-tracab, .Oc.border-tracab, .fait.border-tracab{border-bottom: 10px solid #38961b !important; border-color: #38961b; color:#fff;}
.opti_tracab.done, .quotidien_tracab.done, .q7_tracab.done, .ouverture.tracab.done, .entredeux.tracab.done, .fasttrack.tracab.done, .fermeture.tracab.done, .occupe.tracab.done, .vide_tracab.done, .nu_tracab.done, .entree_tracab.done, .transfert_tracab.done, .sortiep_tracab.done, .sortie_tracab.done, .ouverture_tracab.done, .entredeux_tracab.done, .fasttrack_tracab.done, .fermeture_tracab.done, .af_tracab.done, .at_tracab.done, .gris_tracab.done, .opti.tracab.done, .quotidien.tracab.done,.q7.tracab.done, .vide.tracab.done, .nu.tracab.done, .entree.tracab.done, .transfert.tracab.done, .sortiep.tracab.done, .sortie.tracab.done, .af.tracab.done, .gris.tracab.done {background-image: repeat;background-image: url(../images/img/bg_btn-tracab.png);opacity: 0.7;}
.locked{text-align: center;border:none;vertical-align: middle !important;}

/*-------- old ---------*/
.btn-iso-before{margin:0.5rem;width: calc(100% - 1rem);background-color:#2a2f37;color:#fff;border-radius:8px;border:5px solid rgba(0,0,0,0.10); font-size: 1.1rem;box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25) !important;}
.bloc_periodique .btn-proto{text-align:center;padding:.5rem 1rem;min-width:180px; width: 100%;float: left !important;}
.bloc_periodique .btn-proto.picto_selected {background-color: #38961b;border-color: #53c331 !important;}
.btn-iso-before{display:flex;align-items: center; text-transform: uppercase; width: auto; margin: 1rem}
.btn-iso-before i{font-size: 2rem; margin-right: 1rem}
.info_periode {font-size: .9rem;margin-bottom: 10px; text-transform: uppercase;color:rgba(255,255,255,.7)}
.picto_periode {font-size: 3rem;}

.type_bio.tracab, .type_bio.tracab .ico-btn, .type_iso.tracab p, .type_iso.tracab .ico-btn {color: #fff !important;}
.time-ash{border:none;border-bottom: 5px solid;color:#fff;padding: 20px 20px 10px 20px;font-size: 2.5rem;}
input[type="time"]::-webkit-calendar-picker-indicator {filter: invert(0.5) sepia(5) saturate(5) hue-rotate(175deg);}
.fixed-top-custom{z-index: 1032}
.sidebar{position: fixed;top: 65px;bottom: 0;left: 0}
.sidebar-sticky {position: relative;height: calc(100% - 55px);overflow-x: hidden;}
@media only screen and (min-width : 992px) {
  #menu-nav-t{display: block}
}
#page_tracabilite .sticky.table-tracab{top:109px;background-color: #1f252b;z-index: 1019;border-bottom: 1px solid #333;}
.m-s{margin-left: -15px;margin-right: -15px;}
.table-tracab thead th{font-weight: 400;}
.subtitle-fixed{position: sticky; top:61px; z-index:1000; margin-top:-1px;margin-left: -0.75rem;margin-right: -0.75rem;}
b.contr {padding:1px;}
ul.timeline {list-style-type: none;position: relative;}
ul.timeline:before {content: ' ';background: #d4d9df;display: inline-block;position: absolute;left: 29px;width: 2px;height: 100%;z-index: 400;}
ul.timeline > li {margin: 20px 0;padding-left: 20px;}
ul.timeline > li:before {content: ' ';background: white;display: inline-block;position: absolute;border-radius: 50%;border: 3px solid #22c0e8;left: 20px;width: 20px;height: 20px;z-index: 400;}
.badge-tracab{width: 40px; height: 40px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 40px;}
.badge-zone{width: 15px; height: 15px}
.badge-graph{width: 15px; height: 15px; border-radius: 3px; display: block !important; margin-right: 10px}
.badge-activity{width: 30px; height: 27px;border-right: none !important;display: block}
/*----------------------- PROGRESS -----------------------*/                                                                
#pwidget{width:125px;margin-top: 20px}
#progressbar{width:120px;height:14px;float:left;border: 1px solid rgba(255,255,255,0.1); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#28343b',GradientType=0 )}
#indicator{width:0px;height:100%;margin:0;background: #ff1e1e; background: -moz-linear-gradient(left, #ff1e1e 20px, #ffc528 70px, #ffc528 90px, #51b500 110px); background: -webkit-gradient(linear, left top, right top, color-stop(20px,#ff1e1e), color-stop(70px,#ffc528), color-stop(90px,#ffc528), color-stop(110px,#51b500)); background: -webkit-linear-gradient(left, #ff1e1e 20px,#ffc528 70px,#ffc528 90px,#51b500 110px); background: -o-linear-gradient(left, #ff1e1e 20px,#ffc528 70px,#ffc528 90px,#51b500 110px); background: -ms-linear-gradient(left, #ff1e1e 20px,#ffc528 70px,#ffc528 90px,#51b500 110px); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1e1e', endColorstr='#51b500',GradientType=1 )}
#progressnum{font-family:'Roboto', Arial, Helvetica, sans-serif;font-size:0.900em;float: right}
#progress{min-width:145px; margin: auto; line-height:50px}
.statut{width:120px; margin: auto; padding:8px 5px; font-size: 1em; text-align:center}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
table.protocole tr th, table.protocole tr td {width: 2.7%;padding: 0;min-width: 30px;}
table.protocole tr td.special-add{color:rgba(255,255,255,0.15);}
table.protocole tr th:first-child, table.protocole tr td:first-child {width: auto;}
table.protocole tr td.vide-tracab, table.protocole tr th.vide-tracab {width: 10px;padding: 0;min-width: auto;}
.btn-sorter-order{width:30px; padding:1px}
.btn-sorter-arrows{width:30px;height:auto; padding:0px;margin:0px;font-size: 20px;}
.li_list-local .form-control:focus {border-color: #007bff; box-shadow: none; border-width: 3px}
.li_list-local .form-control:invalid {background: #bd2130;border-color: #b21f2d;}
.input-group-search{border-radius: 50px;max-width: 340px; background-color: #2f353d}
#InputSearch:focus {box-shadow: none}
.fully{max-width: 100%; flex: 0 0 100%;}
.fullyheight{height:calc(100vh - 142px) !important}
.btn-as{min-width: 150px;height: 150px;}
.fa-as-tracab{font-size: 10rem;}
.card-text.actualite{font-size: 1.2rem;}
.btn-nav-header{width:55px; height:45px;font-size: 1.2rem;}
.btn-nav-header.btn-hdrop{width: 80px}
.navbar-brand{height:45px; padding-top:7px;}
.i-menu{width:30px !important; text-align: center}
.i-menu-alert{margin-right: -15px;right: 12px;font-size: 0.5rem !important;position: relative;top: 3px;}
.moy-user{font-size: .9rem; font-weight: 400; min-width: 47px; padding:5px;}
/*----------------------- ACCORDION -----------------------*/ 
button.accordion {font-size: 1em; cursor: pointer; padding: 0 10px; width: 100%; height:45px; line-height: 45px; text-align: left; outline: none; transition: 0.4s; margin-top: 2px} button.accordion.acc_help{background-color: transparent;border:none;border-bottom: 1px solid #000;color: #000;font-weight: 300;height: auto;line-height: normal;padding:15px 0 5px 0;font-size: 1.2em}
button.accordion.acc_help:after{color:#000;font-weight: 300}
button.accordion.acc_help .fa-helper{margin-right: 20px}
div.panel{padding: 5px 0 20px 0;display: none}
button.accordion:after {content: '\002B';color: #fff;font-weight: bold;float: right;margin-left: 5px}
button.accordion.active:after {content: "\2212"}
.text-service{width:26%;min-width: 150px;font-size:0.8em}
.lits_dispo{width:22%; min-width:185px; font-size:0.8em}
.typedezone, .locaux-fait{font-size: 0.8em}
div.blocname h2{font-size: 1.5em; font-weight: 400;margin: 0 0 5px 0 }
div.blocname p.action{margin-bottom: 0}
/* REPORTING V2 */
.moy-agent{font-size: 1.8em; margin: 0 0 20px 0}
.acc_menu, button.accordion, .btn-submit, .btn-submit-footer, .input-submit-sms, .btn-gris-head.on, .new-sms{background-color: #f26421;border-color: #e1e1e1;color:#fff;}


/*----------------------- ACCORDION 2023 MAJ -----------------------*/
.accordion-button:not(.collapsed)::after{
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23FFFFFF'%3e%3cpath fill-rule='' d='M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z'/%3e%3c/svg%3e");
background-size: 15px;
}

.accordion-button::after{
background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23FFFFFF'%3e%3cpath fill-rule='' d='M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z'/%3e%3c/svg%3e");
background-size: 15px;
}

.accordion.accordion-dark button{background: #21262c; color: #fff}
.accordion.accordion-dark .accordion-item{background: transparent;}

.accordion.accordion-transparent button{background: transparent; color: #fff;border-bottom: 3px solid #383e46 !important;}
.accordion.accordion-transparent .accordion-item{background: transparent;border-top: none;border-left: none;border-right: none;}
/*----------------------- DEFAUT PARAMETRES -----------------------*/
.btn-minicircle{display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; font-size: 10px; font-weight: 500; -moz-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; color: #757575; margin-right: 8px; cursor: pointer}
.btn-minicircle.sel{color: white;background-color: #4285f4}
.stat-chart.first{height: 300px;width: 300px;float:left}
.stat-chart.second{height: 300px;width: 630px;float:right}
.stat-chart.third{height: 100px;width: 100%}
.stat-chart.large{height: 260px;width: 100%}
.stat-chart.large2{height: 180px;width: 100%}
.ajax-mini-loader{}
.miniloader{margin-top:50px;text-align: center;color:#000}
.fullyheight2{height:100%;top:0; padding-bottom:0;}
.amcharts-main-div,.amcharts-main-div div,.amcharts-main-div svg {overflow: visible !important}
#ui-datepicker-div{z-index: 999999 !important}
.ui-widget-header{border-color:#dddddd !important;background: #aaaaaa !important}
.ui-datepicker .ui-datepicker-title select {font-size: 0.8em !important; font-family: roboto; padding: 3px; margin: 1px !important; background-color:#dcdcdc; border-color:#c6c6c6}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#000 !important; font-family: roboto !important}
ul.type-iso{display:inline-block; text-align:center; width:100%; margin-top:10%}
/* STATISTIQUES */
table.stats {color:#fff;font-size: 0.7em}
table.stats tr{border-color: #e4e4e4}
table.stats tr td, table.stats tr th{text-align: right}
table.stats tr td:first-child, table.stats tr th:first-child{text-align: left}
table.stats tr:nth-child(even){background-color: rgba(220,220,220,0.02)}
table.stats tbody tr:hover{background: rgba(13,110,253,0.5)}
table.stats tr td:hover{background: rgba(13,110,253,0.3)}
table.stats tr td.fnormal{font-size: 0.8em}
.col-stats{max-width: 960px;}
.stat-chart.stat-80{height:80px;}
.stat-chart.stat-100{height:100px;}
.stat-chart.stat-200{height:200px;}
.stat-chart.stat-300{height:300px;}
.stat-chart.stat-350{height:350px;}
.stat-chart.stat-400{height:400px;}
.table-responsive .table.stats th, .table.stats td{padding:0.5rem 0.35rem;}
.bg-warning3{background-color: #ffe066;}
.bg-danger3{background-color: #b70c1d;}
.warning6 {color: #fab005;}
.mobileSelect-container{font-size: .875rem !important;}
.mobileSelect-container > div{max-width: 600px;margin:auto;left:0 !important;right: 0 !important;}
.mobileSelect-container.white .mobileSelect-title{color: black;}
.list-container .mobileSelect-control:hover, .mobileSelect-container .list-container{background-color: #fff !important;}
.mobileSelect-container .list-container{margin-bottom: 50px !important;}
.mobileSelect-container .mobileSelect-buttons{height: 50px !important;}
.mobileSelect-savebtn{background-color: #28a745 !important; color:#fff !important;}
.mobileSelect-cancelbtn{background-color: #dc3545 !important; color:#fff !important;}
.mobileSelect-clearbtn{background-color: #ffc107 !important;}
.mobileSelect-container .list-container .mobileSelect-control{padding: 15px 10px 15px 35px !important}
.mobileSelect-container.white .list-container .mobileSelect-control.selected{background-color: #0b80a5 !important;}
@media (min-resolution: 120dpi){
  .mobileSelect-container > div{top:0 !important;bottom: 0 !important;}
}
@media (min-resolution: 120dpi) and (min-width: 960px){
  .mobileSelect-container > div{top:20px !important;bottom: 20px !important;}
}
.service_link.nav-link.active{background: #007bff;color:#fff;}
.btn.btn-default.btn-mobileSelect-gen{width: 100% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#000 !important; font-family: roboto !important}
.d-pointer{cursor: pointer}
.list-group-item{background-color:transparent}
.list-group-item.bg-dark{color:#f1f1f1;}
.image_outer_container{margin-top: auto;margin-bottom: auto;border-radius: 50%;position: relative;}
.image_inner_container{border-radius: .5rem;padding: 2px;background: transparent; width: 40px;height:40px;}
.image_inner_container div{width: 100%;height: 100%;border-radius: .5rem;border:3px solid rgba(255, 255, 255, .3);object-fit: cover;}
.image_outer_container .green_icon{position: absolute;right: -5px;bottom: 0px;height: 20px;width: 20px;border:2px solid white;border-radius: 50%;z-index: 1001;font-size: .7em;}
.img-hov img,.img-hov:after,.img-hov:before{transition:all .3s ease 0s}
.img-hov .icon{text-align:center}
.img-hov:after,.img-hov:before,{content:""}
.img-hov{overflow:hidden}
.img-hov .icon,.img-hov .title{margin:0;position:absolute}
.img-hov:after,.img-hov:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.img-hov:after{top:auto;bottom:0;transform-origin:0 100%}
.img-hov:hover:after,.img-hov:hover:before{transform:rotateZ(0)}
.img-hov img{transform:scale(1) rotate(0)}
.img-hov:hover img{filter:grayscale(80%);transform:scale(1.5) rotate(10deg)}
.img-hov .title{width: 100%;text-align: center;font-size:19px;font-weight:600;bottom:28%;color:#fff;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.img-hov:hover .title{opacity:1;transform:scale(1)}
.img-cover{background-size: cover;background-position: 50% 50%;width: 100%;height: 100%;display: flex !important;align-items: center !important;justify-content: center !important;border-radius: 50% !important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {cursor: pointer;}
.tablesorter-default .header:hover,
.tablesorter-default .tablesorter-header:hover {-webkit-filter: brightness(.9);filter: brightness(.9);}
.tablesorter-default .header::after,
.tablesorter-default .tablesorter-header::after {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0dc";float: right;}
.tablesorter-default thead .headerSortUp::after,
.tablesorter-default thead .tablesorter-headerSortUp::after,
.tablesorter-default thead .tablesorter-headerAsc::after {content: "\f0de";float: right;font-weight: 900}
.tablesorter-default thead .headerSortDown::after,
.tablesorter-default thead .tablesorter-headerSortDown::after,
.tablesorter-default thead .tablesorter-headerDesc::after {content: "\f0dd";float: right;font-weight: 900}
.tablesorter-header-inner{display: inline-flex;}
.sorter-false::after{content:'' !important;}
.dropdown-toggle#dropdownNotifs::after, .dropdown-toggle#dropdownOptions::after{content:none !important;}
.dropdown-item:hover, .dropdown-item:focus{background-color: rgba(255,255,255,0.05);}
.dropdown-cont-notif{right: 0;top: 0;min-width:320px; font-size: .8rem; position: fixed;border: 1px solid #fff;}
.dropdown-cont-notif.options{right:0; max-width: 300px;font-size: 1rem}
.cont-dropdown-item{overflow: auto;max-height: 300px;}
.cont-dropdown-item.dropdown-item{padding: }
.badge-alert{font-size: 0.6rem;right: 10px;top: 5px !important;}
.bg-aluminium.dropdown-item.active, .bg-aluminium.dropdown-item:active{background-color: #007bff !important;}
.card-user .image {border-radius: 8px 8px 0 0;height: 150px;position: relative;overflow: hidden;}
.card-user .image img {width: 100%;}
h3.popover-header{color:#000 !important;}
.column-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
#masonry {column-count: 2;column-gap: 1em;}
.item-menu {background-color: none;display: inline-block;margin: 0 0 1em 0;width: 100%;cursor: pointer;}
.item-menu ul {max-width: 100%;height: auto;width: 100%;margin-bottom: -4px;}
.border-radius, .border-radius-3x, .menu, .bouton-opt-incident, .cadre-binaire, .moy-user, .block-btn-before div{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
button.accordion.active,.button_menu:hover, button.accordion:hover, .alert-user:hover, a.color-info:hover, .btn-group button:hover, .btn-message:hover, .periodiques.alertes:hover, .btn-gris-head:hover, .cont-loc-home:hover, .btn-submit:hover, .btn-submit-footer:hover, .fa-menu:hover, select:hover, .onglet:hover, .onglets_qualite:hover, .onglets_inc:hover, .btn-app-2:hover, .btn_connexion:hover, .btn_popup_save:hover, .btn_popup_close:hover{-webkit-filter: brightness(0.8);-moz-filter: brightness(0.8);-o-filter: brightness(0.8);-ms-filter: brightness(0.8);filter: brightness(0.8);}
@media only screen and (min-resolution: 120dpi) and (min-width: 1920px){
  .block_connexion{width:550px; margin-left: calc(50% - 275px)}
  input.input_log{height:60px; font-size:1.5em;width: calc(100% - 75px); padding-left:75px;font-weight: 300;}
  .bloc-log{width: 60px; height: 68px;}
  .bloc-log i.fa{padding: 18px !important;}
  .btn_connexion{width: calc(100% - 200px);height: 70px; font-size:1.5em}
}
.aide_chariot{background:url(../images/help_type/chariot.png) no-repeat center center;background-size: 100% 100%;width: 100%;height: 100%;position: absolute}
.Chambres_standards{background:url(../images/help_type/chambres_standards.jpg) no-repeat center center;background-size: 100% 100%;width: 100%;height: 100%;position: fixed}
/* ------------------ A TRIER ------------------ */
.onglets_qualite, .onglets_inc{position: relative; width: auto; min-width:90px; height: 40px; line-height:40px; text-align:center; cursor:pointer; padding: 0 10px; background-color: #f26421; display:block; float:left; margin-right: 3px; border: 1px solid #e1e1e1}
.onglets_qualite.select, .onglets_inc.select{background-color: white; color: #f26421}
.onglets_inc:active{background-color:#fff; color:#000;background: #fff}
.onglets_qualite.blanc, .onglets_inc.blanc{background-color:#fff; color:#000;display:block}
.card-stats, .card-stats .card-header.card-header-text{text-align: right;}
.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {border-radius: 3px;padding: 15px;margin-top: -30px;margin-right: 15px;float: left;}
.card.card-stats{margin-bottom: 30px;}
.card-stats .card-header.card-header-icon i{font-size: 26px;line-height: 36px;width: 36px;height: 36px;text-align: center;}
.card-stats .card-header .card-category:not([class*=text-]) {color: #999;font-size: 18px;}
.card.card-chart .card-header{border-radius: 5px;margin: -20px 15px 0 15px;padding: 15px;}
.ui-autocomplete {position: absolute;z-index: 99999;cursor: default;padding: 0;margin-top: 2px;list-style: none;background-color: #ffffff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.ui-autocomplete > li {padding: 3px 20px;}
.ui-autocomplete > li.ui-state-focus {background-color: #DDD;}
.ui-helper-hidden-accessible {display: none;}
.blog-body{padding: 15px 25px ;border: 5px solid #2b3138;margin: 10px 0 10px 0;background: #171c22;-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.75);}
@keyframes fa-blink {0% { opacity: 0.25; }20% { opacity: 0.5; }40% { opacity: 0.75; }60% { opacity: 1; }80% { opacity: 0.75; }100% { opacity: 0.5; }}
.fa-blink {-webkit-animation: fa-blink 1.5s linear infinite;-moz-animation: fa-blink 1.5s linear infinite;-ms-animation: fa-blink 1.5s linear infinite;-o-animation: fa-blink 1.5s linear infinite;animation: fa-blink 1.5s linear infinite;}
.fa-blink-slow{-webkit-animation: fa-blink 4s linear infinite;-moz-animation: fa-blink 4s linear infinite;-ms-animation: fa-blink 4s linear infinite;-o-animation: fa-blink 4s linear infinite;animation: fa-blink 4s linear infinite;}
.cropper-container{width: 100% !important;}
.text-justify{text-align: justify;}
@media print{
  @page{size: A4;margin: 10mm 10mm 10mm 10mm;}
  html, body {width: 210mm;height: 282mm;font-size: 11px;background: #FFF;color:#000;overflow:visible;}
 .d-print-full{flex: 0 0 100%;max-width: 100%;}
 .fa-fa-print{width:10px; height:0; border:6px solid #000;}
 .row{display: block}
  table tr th, table tr td{color:#000;}
  a, a.text-light{color:#000 !important; text-decoration: none}
  .moy-user{color:#000 !important;}
  .fade:not(.show){opacity:1;}
  td.special-add.bg-success{border:3px solid #28a745 !important;color: rgba(40,167,69,1)!important;}
  td.special-add.quotidien_tracab{border:3px solid #015a98 !important;color: rgba(1,90,152,1) !important;}
  td.special-add.q7_tracab{border:3px solid #015a98 !important;color: rgba(1,90,152,1) !important;}
  td.special-add.opti_tracab{border:3px solid #10b8db !important;color: rgba(16,184,219,1) !important;}
  td.special-add.sortie_tracab{border:3px solid #ff6c00 !important; color: rgba(255,108,0,1) !important;}
  td.special-add.af_tracab{border:3px solid #000 !important;color: rgba(0,0,0,1) !important;}
  td.special-add.gris_tracab{border:3px solid #6c6c6c !important;color: rgba(150,150,150,1) !important;}
  .container-table{border:none; background:none;}
  .border-dark.proto{border: none;}
  .border-print-color{border-color: #000 !important; border-width: 2px !important;}
  .border-print{border:1px solid #000 !important; border-radius: 0 !important;}
  .bg-dark, .card-header, .table thead{background-color: transparent !important; background: transparent; !important}
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-sm-6, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left!important;}
  .col-sm-12, .col-md-12 {width: 100%;}
  .col-sm-11, .col-md-11 {width: 91.66666666666666%;}
  .col-sm-10, .col-md-10 {width: 83.33333333333334%;}
  .col-sm-9, .col-md-9 {width: 75%;}
  .col-sm-8, .col-md-8 {width: 66.66666666666666%;}
  .col-sm-7, .col-md-7 {width: 58.333333333333336%;}
  .col-sm-6, .col-md-6 {width: 50%;}
  .col-sm-5, .col-md-5 {width: 41.66666666666667%;}
  .col-sm-4, .col-md-4 {width: 33.33333333333333%;}
  .col-sm-3, .col-md-3 {width: 25%;}
  .col-sm-2, .col-md-2 {width: 16.666666666666664%;}
  .col-sm-1, .col-md-1 {width: 8.333333333333332%;}
  .p-print-5{padding: 5rem}
  .d-print-f{display: table-cell !important;}
  .tablesorter-default .header::after, .tablesorter-default .tablesorter-header::after, .tri.jstree-default .jstree-icon:empty, .amcharts-chart-div a, .dataTables_length, .dataTables_filter{display: none !important;}
  .card{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);}
  table thead, table.color th, .table thead th{background-color: transparent;color: #000}
  ul.list-group li.list-group-item span{color: #000}
  .modal, .modal-dialog{display: fixed; left:0; right:0; top:0; width: 100%; background-color: #fff; margin:0;}
  .jstree-anchor{text-align: left !important}
  .jstree-default .jstree-anchor{border:none !important;}
  .divsign.smallsign, .divsign.smallsign img{height:70px !important; width:auto ;}
  .chart div{height:180px !important; display: flex !important; align-items: center !important;}
  .chart div svg{height:120px !important}
}
.navbar-nav li a.nav-link{padding-left: 0.5rem}
.scrollable-menu {height: auto;max-height: 300px;overflow-x: hidden;}
.jstree-default > .jstree-container-ul > .jstree-node {margin-left: 0 !important}
.jstree-default > .jstree-striped{background: transparent !important;}
.tri.jstree-default > .jstree-striped{display: block;}
.jstree-default .jstree-anchor {line-height: 40px !important;height: 40px !important;background: #2a2f37;border: 1px solid #383e46;margin: 3px 0;width: calc(100% - 22px);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tri.jstree-default .jstree-anchor{line-height: 24px !important;height: auto !important;width: 100%;padding: 0.5rem !important;white-space: normal !important;}
.jstree-default .jstree-themeicon-custom{line-height: 40px !important;width: 17px !important;height: 40px !important;margin: 0 10px !important;}
.jstree-default .jstree-node{min-height: 40px !important;line-height: 40px !important;margin-left: 24px !important;min-width: 40px !important;}
.jstree-default .jstree-wholerow{height: 40px !important;margin: 2px 0 !important;}
.jstree-default .jstree-hovered, .vakata-context-hover{background: transparent !important;-webkit-filter: brightness(0.8);-moz-filter: brightness(0.8);-o-filter: brightness(0.8);-ms-filter: brightness(0.8);filter: brightness(0.8);}
.jstree-default .jstree-clicked{background: #007bff !important;border-color: #228dff !important; color: #fff !important;}
.jstree-default .jstree-icon:empty {width: 20px !important;height: 42px !important;line-height: 42px !important;}
.tri.jstree-default .jstree-icon:empty{line-height: 24px !important; height: 24px !important;}
a i.jstree-icon:empty{padding-left: 10px;padding-right: 10px;margin-right: 20px;width: 35px !important;}
.jstree-default .jstree-icon:empty::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0b2"; font-style: normal; font-size: 1rem;margin-right:10px;;}
.jstree-default .jstree-node, .jstree-default .jstree-icon {background-image: none !important;}
.jstree-default .jstree-open > .jstree-ocl::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7"; font-style: normal; font-size: 1.2rem;}
.jstree-default .jstree-closed > .jstree-ocl::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; font-style: normal; font-size: 1.2rem;}
.jstree-default .jstree-leaf > .jstree-ocl::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; font-size: 1.2rem;}
.jstree-rename-input{height:38px !important; padding-left:10px !important; min-width: 250px; background: rgba(255,255,255,0.5);}
.jstree-rename-input:focus{text-decoration: none !important; box-shadow: none !important; border:0 !important; font-weight: 600 !important; outline:0 !important;}
#jstree-dnd.jstree-default i {background: transparent;width: 40px;height: 40px;line-height: 40px;}
#jstree-marker {margin: -20px 0 0 5px !important;width: auto !important;display: table !important;min-width: 250px !important;height: 40px !important;line-height: 40px !important;border:2px dashed #fff !important;background: rgba(255,255,255,0.3)}
.vakata-context, .vakata-context ul {padding: 8px !important;background: #2f353d !important;border: 1px solid #383e46 !important;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8) !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index: 1030;}
.vakata-context li > a{text-shadow: none !important;color:#fff !important;padding:0 10px 0 0 !important;}
.vakata-context li > a .svg-inline--fa{text-align: center;width: 35px;}
.vakata-context li > a:hover, .vakata-context .vakata-context-hover > a{background-color: #2f353d !important;box-shadow: none !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#fff !important;}
.jstree-default .jstree-search{color: #ffc107 !important;}
.masonry {-webkit-column-count: 3;-moz-column-count:3;column-count: 3;}
.grid-item-mansory {display: inline-block;width: 100%;}
@media only screen and (min-width: 321px) and (max-width: 768px){
  .masonry {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
}
h3.heading-text{font-size: 20px; font-weight: 600; background-color:#f57921; padding: 5px; margin: 0 0 20px 0; }
h4.heading-text{font-size: 18px; font-weight: 600}
h6.heading-text{font-size: 14px; font-weight: 600}
.ui-widget-header{background: #007bff !important; border-color: #007bff ;color:#fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{text-align: center; top:auto;line-height: 1.8em;}
.ui-corner-all.ui-state-hover:hover{color:#007bff !important;}
.ui-datepicker .ui-datepicker-prev::before{font-family: "Font Awesome 5 Free";content: "\f191";}
.ui-datepicker .ui-datepicker-next::before{font-family: "Font Awesome 5 Free";content: "\f152";}
.form-step {text-align: center;position: relative;margin-top: 20px}
.form-step fieldset {border: 0 none;border-radius: 0.5rem;box-sizing: border-box;width: 100%;margin: 0;padding-bottom: 20px;position: relative}
.form-step fieldset:not(:first-of-type) {display: none}
#progressbar-step {margin-bottom: 30px;overflow: hidden;color: lightgrey}
#progressbar-step .active {color: #fff}
#progressbar-step li {list-style-type: none;font-size: 12px;width: 33%;float: left;position: relative}
#progressbar-step.x2 li {list-style-type: none;font-size: 12px;width: 50%;float: left;position: relative}
#progressbar-step #stepagent:before {font-family: "Font Awesome 5 Free";content: "\f007";font-weight: 900;}
#progressbar-step #stepservice:before {font-family: "Font Awesome 5 Free";content: "\f1ad";font-weight: 900;}
#progressbar-step #steplocal:before {font-family: "Font Awesome 5 Free";content: "\f3c5";font-weight: 900;}
#progressbar-step li:before {width: 50px; height: 50px;line-height: 45px;display: block;font-size: 18px;color: #ffffff;background: grey;border-radius: 50%;margin: 0 auto 10px auto;padding: 2px}
#progressbar-step li:after {content: '';width: 100%;height: 2px;background: grey;position: absolute;left: 0;top: 25px;z-index: -1}
#progressbar-step li.active:before, #progressbar-step li.active:after {background: #0062cc}
.divsign{width: 300px;height: 200px;}
.divsign.smallsign{width: 200px;height: 133px;opacity: 1 !important; border: none;}
.labelsignature{text-align:top;}
.d-card{min-width:190px; max-width:100%;}
.font-responsive{font-size: 3rem;}
.d-chart-height{height: 170px;overflow: hidden;text-align: left;}
.d-table-header{display: none !important;}
.h-title{font-size: 1.5rem;}
.container-actu{overflow: auto;height: auto;}
.before_right{height:auto; overflow:auto; border-left:1px solid #131517;}
.dropdown-cont-notif {max-width: 100%;}
.dropdown-menu{font-size: .8rem; z-index: 9999}
.col-tracab{width: 70px; height: 45px}
.col-tracab.t2{height:auto}
 /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .d-card{min-width:220px !important; max-width: 100% !important;}
  .font-responsive{font-size: 4rem;}
  .divsign{width: 330px;}
  .dropdown-cont-notif {max-width: 450px;}
  .col-tracab{width: 100px; height: 45px}
  /*------- old ------------*/
  .btn-proto{width: calc(50% - 1rem);}
  .bloc_periodique .btn-proto{width: auto}
  /*------- old ------------*/
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .d-card{min-width:230px !important; max-width: 280px !important;}
  .font-sm-responsive{font-size: 5rem;}
  .d-chart-height{height: 240px;overflow: hidden;text-align: left;}
  .frame{height: calc(100vh - 292px);}
  .btn-add-line{width:auto;}
  .d-table-header{display: table-header-group !important;}
  .h-title{font-size: 0.9rem;}
  .container-actu{height: calc(100vh - 110px)}
  .before_right{height: calc(100vh - 212px)};
  /*------- old ------------*/
  .btn-proto{width: calc(50% - 1rem);}

  /*------- old ------------*/
}
@media only screen and (max-width : 768px) {
  .dropdown .dropdown-menu{position: fixed !important;z-index: 1032;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 0;transform: initial !important;padding: 0 0 30px 0;overflow: auto;}
  .input-group-search{max-width: 210px;}
}
@media only screen and (min-width : 992px) {
  .col-tracab{width: 70px;}
}
@media only screen and (min-width : 1200px) {
  .col-tracab{width: 90px;}
}
.multiselect-container > li.disabled { display:none;}
ul.multiselect-container{max-height: 350px;overflow-y: scroll;}
.btn-badge{margin-right: 10px;position: relative;padding: 3px 8px;color:#fff; border-radius: 3px 0 0 3px;display: inline-block; font-size: 0.7rem}
.btn-badge-num{padding: 3px 8px;border-radius: 10px 10px;border: 1px solid #343a40;display: inline-block; font-size: 0.7rem}
.btn-badge:before{content: " ";border-top: 11px solid transparent; border-bottom: 11px solid transparent;border-left: 9px solid;position: absolute;top: 0px;right: -9px;font-size: .6rem;}
.btn-badge.bg-primary:before {color: #007bff;}
.btn-badge.bg-danger:before {color: #dc3545;}
.white-space{white-space: normal;}
.tacheplus{box-shadow: 0 0 0 3px #9f9f9f inset; border: none !important;}

/*-------TOTO+------*/
.tooltipshow .tooltip-left1 {margin-right: 8px;}
.tooltip-left1::after {top: 95%;}
.scroll_flag {overflow-y: auto;max-height: 130px;}
.dropdown_flag_scroll {overflow-y: auto;}
.div-filter{z-index: 1011;width: 100%; padding: 10px 10px 20px 10px;background: #21262c;}
.col-lg-max{max-width: 700px}
/*-------sticky table header & option------*/
table {text-align: left;position: relative;border-collapse: collapse; }
thead.headsticky th {background: white;position: sticky;top: 0;z-index: 1031;}
/* ----------- NoUVEAU CSS  ------------- */
.list-group-item{border-color: #383e46;}
#accordion-menu .btn, #accordion-menu ul li, #accordion-menu .title, #accordion-menu a{ font-size: .8rem; color: #bec5d4; text-decoration: none}
#accordion-menu ul li{padding: 0 0;}
#accordion-menu ul li.li-group{border:none; padding: 0.3rem 0 0.3rem 1.25rem;}
#accordion-menu button{width:100%; text-align: left; padding: 0.5rem 0; font-weight: 500;display: flex; justify-content: space-between; align-items: center !important;}
#accordion-menu button.active, #accordion-menu span.active, #accordion-menu button.active a{color :#f26421; font-weight: 500;}
#accordion-menu button[aria-expanded="true"] svg.fa-angle-right{transform: rotate(90deg);}
.form-control, .form-select{background-color: #21262c; border: 3px #6c757d solid; color:#fff !important;}
.form-control:disabled, .form-control[readonly]{background-color: #4b505c; border-color: #343a40; color:#7f7f7f;}
.form-select{background: #21262c url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px !important;}
.form-select.select-dark{font-size: .8rem}
.form-select:disabled{opacity: 0.5;cursor: not-allowed;background-color: #f8f9fa;}
.form-search{border:0px; border-radius: 50px; background-color: transparent;font-size: 0.9rem;}
.form-floating > .form-select:disabled {background: rgba(255, 255, 255, 0.1) !important;}
.input-group-text{font-size: .9rem}
.row-interne{padding-bottom: 55px;}
li.list-group-item{color:#fff;}
.form-check{margin-bottom:0}
.form-check-input{width: 20px; height: 20px; border:2px solid #0d6efd; margin-top:0;}
.color-cube{width: 15px; height: 25px; background-color: #ddd;}
label{font-size: .9rem}
#popup_question{width:100%;height:100%;z-index: 9999;top:0;overflow:auto;position:fixed;margin:0; padding:0;}
.btnquizbin{width:100%; padding: 1.5rem 0.5rem; margin: 10px 0; font-weight: bold; background: #e1e1e1;-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);}
.btn-footer-ash p{font-size: 1.25rem;margin: 0}
.color-picker{width: 70px;height: 70px;padding: 5px;border: none;border-radius: 5px;}
.color-picker-t2{width: 40px;height: 40px;padding: 5px;border: none;border-radius: 5px;}
.input-group-text.bg-dark{background-color: #414953 !important;border-color: #343a40;color: #fff !important;}
.rounded-end-top{border-top-right-radius: 0.25rem !important;}
.rounded-5{border-radius: 0.5rem !important;}
.menu-nav-princ{width:100%; position: absolute;top: 0;bottom: 0;left: 0;overflow-y: auto;}
.overflow-x{overflow-x: auto;}
.list-group-item-action:hover, .list-group-item-action:focus{background-color: #383e46; color:#fff;}

/* -MULTISELECT- */
.multiselect-search{background-color:#ffffff !important;color:#000000 !important;}
.custom-multiselect{border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px;}
::-webkit-calendar-picker-indicator {filter: invert(1);}
.multiselect{background: #2f353d;color:#fff; display: flex; justify-content: space-between; align-items: center;}
ul.multiselect-container{width: 100%}
ul.multiselect-container li{padding: 0.25rem 0.5rem;}
a.multiselect-all{text-decoration: none}
ul.multiselect-container li a label{display: block; margin: 5px;}
.labelmultiselect{margin: 10px; font-weight: bold;}
.form-control:focus{background-color:#40474f; border-color: #0d6efd;color:#fff;}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.form-select.multiselect-dark{height: calc(3.5rem + 2px);}
.form-select::after {display: none !important;}
select.multiselect-dark[multiple] {display: none !important;}
.form-multiselect label.label{top:-10px;opacity: 0.65;font-size: .75rem;}
.form-multiselect span.multiselect-selected-text{margin-top: 15px;}

/* -MULTISELECT FIN- */

#MyReporting .nav-tabs{border-color: #454c53}
#MyReporting .nav-link{color:#fff;font-weight: 600;}
#MyReporting .nav-link:hover{border-color: rgba(0,0,0,0);background-color: #454c53;border-radius: 0;}
#MyReporting .nav-tabs .nav-link.active, #MyReporting .nav-tabs .nav-item.show .nav-link{color: #0d6efd;border:none;border-bottom:3px solid #0d6efd;background-color: transparent;}
.ttcr{line-height: 4rem;font-size: 3.5rem;}
.stttcr{font-family: Roboto,Arial,sans-serif;line-height: 1.5rem;font-size: 1rem;letter-spacing: .00625em;font-weight: 400;color: inherit;align-items: flex-start;display: flex;margin: 4px 0;}
.audit_valider .accordion-item{background-color:rgba(104,217,80,0.15) !important;}
.audit_ignorer .accordion-item{background-color:transparent;background-image: repeat;background-image: url(../images/img/bg_ignorer.png);}
.pagebreak{page-break-after: always;}

/*-------qualite badge et texte------*/
.bg-qualite-1 {background-color: #DC3545 !important;}
.bg-qualite-2 {background-color: #ffa200 !important;}
.bg-qualite-3 {background-color: #f5f542 !important; color:#000 !important;}
.bg-qualite-4 {background-color: #aaf514 !important; color:#000 !important;}
.bg-qualite-5 {background-color: #228B22 !important;}
.bg-qualite-ri {background-color: #d3d3d3 !important; color:#000 !important;}
.text-qualite-1 {color: #DC3545 !important;}
.text-qualite-2 {color: #ffa200 !important;}
.text-qualite-3 {color: #f5f542 !important;}
.text-qualite-4 {color: #aaf514 !important;}
.text-qualite-5 {color: #228B22 !important;}
.text-qualite-ri {color: #d3d3d3 !important;}
.title-loc{height: 50px;font-size: 1.1rem;}
.d-nickname{align-items: center;justify-content: space-between;min-width:200px;background:rgba(255,255,255,0.15); text-align:left; color: #ffff; border-left: 1px solid rgba(255,255,255,0.2) ;border-right: 1px solid rgba(255,255,255,0.2);border-radius: 0}
.role {font-size: .7rem;color: rgba(255,255,255,0.6);}
.actp{padding: 1rem;margin-top: 1rem;width: 100%;}
.txt-normal{font-size: 1rem}
h5.card-header{font-size: 1.1rem; font-weight: 500}
.card-title{margin-bottom: 0; font-size: 1.1rem; text-transform: uppercase;}
.reporting .card span{display: block}
.reporting .card span.periode{font-size: 0.7rem; color: rgba(130,130,130,0.8); margin-top: 10px}
.reporting table thead, .reporting table th{background:transparent;}
.reporting table tr td, .reporting table tr th{text-align: center; font-size: .7rem}
.reporting table tr td:first-child, .reporting table tr th:first-child{text-align: left}

.accueil .card-title {margin-bottom: 0;font-size: 0.8rem; height: 30px; font-weight: 500;}
.accueil span.title {font-size: 0.6rem}
.accueil .card p {font-size: 0.7rem}
.mt--5{margin-top: -5px}
.col-acc{height: auto; overflow:auto}
@media (min-width: 992px){.col-acc{height: calc(100vh - 110px) !important; overflow:auto}}
.badge-iso{padding: 0 .5rem; text-align: center; display: flex; align-items: center;background-color: #6c757d;color:#000;}
.btn-footer{float: right; padding: 0 1.5rem;border-radius:0;}
.menu-nav-princ a {width: 100%;display: block;}
.btn-alert{width: 45px;}
.btn-ReOption{min-width: 100px; height: 100px}
.card {background-color: #2a2f37}
.card-t2{box-shadow: none; border:5px solid #919191; min-height: 80px}
.t-card{font-size: 2rem; margin-bottom: 0}
.t-card-1-5{font-size: 1.5rem; margin-bottom: 0}
.number-input{max-width: 70px; border: 3px solid #f26421; border-radius: 5px; background-color: transparent; padding: 5px; color: #fff}
.bg-opacity{background: rgba(0,0,0,.05);}
.container-scroll {
    width: 100%;
    overflow: auto;
    display: -webkit-box;
}

/*-------reporting 2023 ------*/
.title-card{font-weight: 500; margin-bottom: 1rem; display: block;text-rendering: geometricPrecision;}
table.tPopStat td{border:none;}
table.table-report{font-size: .8rem}
table.table-report thead, table.table-report thead th{background: transparent; }
table.table-report tbody, table.table-report tfoot, table.table-report tr, table.table-report td{border:none;}
table.table-report tfoot td, tr.foot td{font-weight: 500;color: white}
th.cell-stick, td.cell-stick{position: sticky; left: -1px;width:auto;min-width:150px; max-width:250px;}
th.cell-stick{background: #454c53;border-color: #383e46 !important;}
.L20{width: 20px;min-width: 20px;}
.L30{width: 30px;min-width: 30px;}
.L40{width: 40px;min-width: 40px;}
.L50{width: 50px;min-width: 50px;}
.L60{width: 60px;min-width: 60px;}
.L70{width: 70px;min-width: 70px;}
.L80{width: 80px;min-width: 80px;}
.L90{width: 90px;min-width: 90px;}
.L100{width: 100px;min-width: 100px;}
.L150{width: 150px;min-width: 100px;}
.L200{width: 200px;min-width: 100px;}
.L250{width: 250px;min-width: 100px;}
.L300{width: 300px;min-width: 100px;}

table.TableAdvance tr td, table.TableAdvance tr th{
  border:1px solid #fff;
  font-size: 0.7rem
}


/*-------rappor 2023 ------*/
h1, h2 ,h3{text-transform: uppercase; margin-bottom: 1.5rem;}
h1{font-size:2.5rem}
h2{font-size:2rem;}
h3{font-size:1.5rem;}
h4{font-size:1rem}


/* TEST SADMIN PLUGGIN DATATABLE */
  tr.group, tr.group:hover {
   background-color:rgba(0,0,0,0.1) !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #6c757d !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button, .dataTables_wrapper{color:#fff !important;}
table.dataTable thead tr>.dtfc-fixed-left, table.dataTable thead tr>.dtfc-fixed-right, table.dataTable tfoot tr>.dtfc-fixed-left, table.dataTable tfoot tr>.dtfc-fixed-right, table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right{background-color: #131517 !important;}
div.dtfc-left-top-blocker, div.dtfc-right-top-blocker{background: transparent !important;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{height: 100%; border-left: none !important;}
.bg-after-dark{background:#131517 !important;}
.bg-dark{background-color:#2a2f37 !important;}
.bg-opacity{background: rgba(0,0,0,.05);}
.ind-nett {width: 15px;height: 3px;margin-left: 2px;}
.TableDataTables{width: 100% !important}
.dataTables_wrapper .dataTables_filter input[type=search]{color:#fff !important;}
#example_wrapper div.dts div.dt-scroll-body table{background-color:#2f353d !important}
#example_wrapper div.dtsp-searchPane div.dt-container div.dt-scroll-body{background:#2f353d !important}
#example_wrapper div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody {background-color:#2f353d !important}
#example_wrapper div.dtsp-panesContainer div.dtsp-searchPane div.dt-container,#example_wrapper div.dtsp-topRow{border: none}

.tablet {
  width: 1280px;
  height: 800px;
  background-color: #21262c;
  border: 30px solid black;
  border-radius: 20px;
  box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  position: relative;
}

.tablet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  height: 20px;
  border-radius: 0 0 100px 100px;
  background-color: black;
  transform: translateX(-50%);
}
.btn-outline-ouverture,.btn-outline-ouverture:hover{border-color: #015a98; color:#58564f;}
.btn-outline-entredeux,.btn-outline-entredeux:hover{border-color: #c9af00; color:#58564f;}
.btn-outline-optifast, .btn-outline-optifast:hover{border-color: #0397b6; color:#58564f;}
.btn-outline-sortferm, .btn-outline-sortferm:hover{border-color: #ff6c00; color:#58564f;}
.btn-outline-af, .btn-outline-af:hover{border-color: #000; color:#58564f;}
.btn-outline-vide, .btn-outline-vide:hover{border-color: #58564f; color:#58564f;}
.btn-outline-q7, .btn-outline-q7:hover{border-color: #015a98; color:#58564f;}
.btn-check:checked + .btn-outline-ouverture, .btn-check:active + .btn-outline-ouverture, .btn-outline-ouverture:active, .btn-outline-ouverture.active, .btn-outline-ouverture.dropdown-toggle.show{color: #fff;background-color: #015a98;border-color: #015a98;}
.btn-check:checked + .btn-outline-entredeux, .btn-check:active + .btn-outline-entredeux, .btn-outline-entredeux:active, .btn-outline-entredeux.active, .btn-outline-entredeux.dropdown-toggle.show{color: #000;background-color: #c9af00;border-color: #c9af00;}
.btn-check:checked + .btn-outline-optifast, .btn-check:active + .btn-outline-optifast, .btn-outline-optifast:active, .btn-outline-optifast.active, .btn-outline-optifast.dropdown-toggle.show{color: #fff;background-color: #0397b6;border-color: #0397b6;}
.btn-check:checked + .btn-outline-sortferm, .btn-check:active + .btn-outline-sortferm, .btn-outline-sortferm:active, .btn-outline-sortferm.active, .btn-outline-sortferm.dropdown-toggle.show{color: #fff;background-color: #ff6c00;border-color: #ff6c00;}
.btn-check:checked + .btn-outline-af, .btn-check:active + .btn-outline-af, .btn-outline-af:active, .btn-outline-af.active, .btn-outline-af.dropdown-toggle.show{color: #fff;background-color: #000;border-color: #000;}
.btn-check:checked + .btn-outline-vide, .btn-check:active + .btn-outline-vide, .btn-outline-vide:active, .btn-outline-vide.active, .btn-outline-vide.dropdown-toggle.show{color: #fff;background-color: #58564f;border-color: #58564f;}
.btn-check:checked + .btn-outline-vide, .btn-check:active + .btn-outline-vide, .btn-outline-vide:active, .btn-outline-vide.active, .btn-outline-vide.dropdown-toggle.show{color: #fff;background-color: #58564f;border-color: #58564f;}
.btn-check:checked + .btn-outline-q7, .btn-check:active + .btn-outline-q7, .btn-outline-q7:active, .btn-outline-q7.active, .btn-outline-q7.dropdown-toggle.show{color: #fff;background-color: #015a98;border-color: #015a98;}

.model_link { color: black;}
a:hover.model_link { color: whitesmoke;}

.dataTables_wrapper .dataTables_filter{float: right;}
.dataTables_length, .dataTables_filter{margin: 0.5rem 0 !important}
div.dataTables_wrapper div.dataTables_length select{margin: 0 5px;}
.dataTables_filter label, .dataTables_length label{background: #343a40;border-radius: 5px;padding: 0 10px;color: #bec5d4}

/* FOOTER DATATABLE VISIBLE. A INTEGRER UNIQUEMENT SI FINI DE SUPPRIMER LES ELEMENT DU FOOTER ACTUEL */
#test_wrapper .dataTables_wrapper.dt-bootstrap5.no-footer .row div.dataTables_paginate{position: fixed;bottom: 18px;right: 20px;}
#test_wrapper .dataTables_wrapper.dt-bootstrap5.no-footer .row div.dataTables_info{display: none;}
#test_wrapper .dataTables_wrapper.dt-bootstrap5.no-footer .row div.dataTables_length{position: fixed;bottom: 18px; margin:0 !important}
#test_wrapper .dataTables_wrapper.dt-bootstrap5.no-footer .row div.dataTables_filter{position: fixed; top: 20px; left:calc(16.66666667% + 0.5rem); z-index: 1032}
#test_wrapper .dataTables_filter label, .dataTables_length label{background: rgba(0,0,0,0.1); border: none}
#test_wrapper .form-control{background: rgba(0,0,0,.3); border: none}

.indic-edl{padding:3px;border-radius: 50rem !important;transform: translate(-50%, -50%) !important;left: 5px !important;top: 5px !important;position: absolute !important; border:1px solid #fff}

#liste_ronde table tbody tr td b{font-size: 1.2rem}
#liste_ronde table tbody tr td small {display: block; text-transform: uppercase; color:#9e9e9e; font-style: italic;}
#liste_ronde button.action { display:flex;justify-content: space-between !important;align-items: center !important; width:200px; }
#liste_ronde .btn.histo {width: 50px; font-size: 1.25rem;margin-right: 0.25rem; align-items: center;border-width: 2px; border-bottom: 10px solid; text-align: center}
.btn-filter-ash{width: 60px; height: 50px; border: none;font-size: 1.5rem; margin-left: 1rem}
select.select-list{max-width: 300px;height: 50px; border-color: #fff; font-size: 1.2rem}
#liste_ronde .btn-iso-before{font-size: 1rem}
.btn-proto{height: auto; padding:1rem; margin: 0.5rem;border-radius: 8px;background-color:#2a2f37;border: 5px solid rgba(0,0,0,0.10);font-size: 1rem;box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25) !important;color:#fff; text-transform: uppercase;}
.btn-proto.lg{width: 200px;margin-right:2rem}
.btn-proto.sm .flex-btn{display: flex; align-items: center; height: 100%; justify-content: center;}
.btn-proto.sm{width: 230px; height: 95px;}
.btn-proto.lg svg, .btn-proto.lg i{font-size: 4em}
.wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 10px;grid-row-gap: 1em;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.precaution{font-size: 1rem;padding: 1rem;border: 10px solid rgba(0,0,0,.2);}
.retard{padding: 0.3rem 1rem; border: 10px solid #ffc107; color: #ffc107;display:flex;align-items: center;}

.btn-proto.quotidien,.btn-proto.q7{border-color: #015a98}
.btn-proto.opti, .btn-proto.fasttrack{border-color: #0397b6}
.btn-proto.entree{border-color: #38961b}
.btn-proto.sortiep{border-color: #ff4e00}
.btn-proto.sortie, .btn-proto.fermeture, .btn-proto.mep{border-color: #ff6c00 }
.btn-proto.transfert{border-color: #ffc000 }
.btn-proto.nu, .btn-proto.vide, .btn-proto.occupe{border-color: #58564f}
.btn-proto.af, .btn-proto.at{border-color: #000000}
.btn-proto.entredeux{border-color: #c9af00}
.btn-proto.q7{border-color: #015a98}

ul.nav-item-t2 li.nav-item{font-size: 1.3rem}
ul.nav-item-t2 li.nav-item button.nav-link{color: #fff}
ul.nav-item-t2 li.nav-item button.nav-link.active{background-color: transparent !important;border-bottom: 8px solid #0d6efd;border-radius: 0;}

.btn-app{display:block; width:100%; font-size: 1.25rem; padding: 1rem; margin-bottom: 1rem;border-width: 5px; background-color: #2a2f37; color: #fff}
.btn-outline-brown{border-color:#bf6a2b}
.btn-myaccount{left: 10px;top:10px}
.logo-c{width:100%; max-width:320px; height: auto; margin:auto;}
.qr-code{width:130px; height: 130px; margin:auto;}
.hr-t1{margin:10px auto; width:50px}
#video-container{
  height: calc(100% - 55px);
  display: flex;
}
#qr-video{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top:0;
    width: 100vw;
    height: 100vh;
    object-fit:cover;
    z-index: -1;
  }

.scan-region-highlight{
  position: static !important;
  margin: auto !important;
    width: 320px !important;
    height: 320px !important;
  }

.colum-fixed-first{
  width:100%; 
  white-space:nowrap; 
  text-align:left;
  text-overflow: ellipsis; 
  max-width: 250px;
  overflow:hidden;
}

  .sked-custom{position:relative; top:0;max-height:calc(100vh - 185px); overflow:auto;}
  .sked-tape__hours{position:sticky !important;top:24px!important;z-index:9!important;}
  .sked-tape__dates{position:sticky !important;top:0!important;z-index:9!important;}
  .sked-tape__time-frame{overflow:inherit !important;}
  .sked-tape__aside{position:sticky !important;left:0!important;z-index:99!important;}
  .sked-tape__event-row{border-bottom: 1px solid #454c53 !important;height: 50px !important;}
  .sked-tape__grid > li{border-right:1px solid #454c53 !important;}
  .sked-tape__location:not(:last-child){border-bottom: 1px solid #454c53 !important;}
  .sked-tape__location{padding: 0 10px !important;line-height: 50px !important;height: 50px !important;}

.am5exporting-icon svg path {
  fill: #fff !important;
  stroke: #fff !important;
}