@import url('kufam.css');
body,html{
    font-family: "Kufam", sans-serif !important;
    font-optical-sizing: auto !important;
    line-height:180%;
}
*{
    scrollbar-width: thin;
    scrollbar-color: #2594B6 #80CDE5;

}
*::-webkit-scrollbar {
    width: 8px;
}
*::-webkit-scrollbar-track {
    background: #80CDE5;
}
*::-webkit-scrollbar-thumb {
    background-color: #2594B6;
    border-radius: 3px;
    border: 1px solid #1F7C98;
}
@media (max-width: 1182px) {
    .navbar-header {
            float: none;
    }
    .navbar-left,.navbar-right {
            float: none !important;
    }
    .navbar-toggle {
            display: block;
    }
    .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
            display: none!important;
    }
    .navbar-nav {
            float: none!important;
            margin-top: 7.5px;
    }
    .navbar-nav>li {
            float: none;
    }
    .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
    }
    .collapse.in{
            display:block !important;
    }
}
.div-hide {
    display: none;
}
.classSideBar {
    cursor: pointer;
}
/*removes the calendar days*/
.alternate-dates {
    display: none;
}
.calendars-popup {
    z-index: 10000;
}
.d-none{
    display:none !important;
}
.d-inline{
    display:inline !important;
}
.d-block{
    display:block !important;
}
.d-inline-block{
    display:inline-block !important;
}
.d-flex{
    display: flex;
}
.vertical-off-4 {
	margin-top: 100px;
}
.login-form fieldset legend {
    padding: 5px;
    text-align: center;
    font-size: 20px;
    color: #2babd2;
    text-shadow: 0px 0px 3px #eae8e8;
    font-weight: 600;
}
.login-form fieldset label {
    color: #2babd2;
    text-shadow: 0px 0px 3px #eae8e8;
    font-weight: 600;
}
.login-button {
	padding: 10px;
	font-size: 15px;
}
.calendars-popup {
    z-index: 10000;
}
.create-modal {
	height: 500px;
	overflow: auto;
}
.edit-modal {
	height: 570px;
	overflow: auto;
}
.membre-photo {
	width: 100%;
	max-width: 128px;
	height: auto;
}
.upload-photo {
	height: 400px;
	width: 345px;
}
.div-hide {
	display: none;
}
.classSideBar {
	cursor: pointer;
}
/*removes the calendar days*/
.alternate-dates {
	display: none;
}
/* top nav */
.custom-nav{
    background-color: #f7f7f7 !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #c7d3dd !important;
    -webkit-box-shadow: 2px -20px 37px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 2px -20px 37px 0px rgba(0,0,0,0.5) !important;
    box-shadow: 2px -20px 37px 0px rgba(0,0,0,0.5) !important;
}
.mt-20px{
    margin-top:20px !important;
}
.mt-5px{
    margin-top:5px !important;
}
.mb-5px{
    margin-bottom:5px !important;
}
.mb-10px{
    margin-bottom:10px !important;
}
.mb-15px{
    margin-bottom:15px !important;
}
.mb-30px{
    margin-bottom:30px !important;
}
.custom-panel{
    padding: 20px 15px !important;
}
.custom-panel a{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
}
.panel-success .custom-panel a{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#488E49 !important;
}
.panel-success .custom-panel a:hover{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#3c763d !important;
}
.panel-warning .custom-panel a{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#967740 !important;
}
.panel-warning .custom-panel a:hover{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#8a6d3b !important;
}
.menu-break{
    height:15px !important;
}
.select2-container{
    width: 100% !important;
 }
.select2-search--dropdown .select2-search__field {
    width: 100% !important;
}
th.dt-center, td.dt-center { text-align: center; }
.dataTables_filter input{
    padding:4px 10px !important;
    border-width: 1px !important;
    border-style: solid !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -khtml-border-radius: 5px !important;
    border-radius: 5px !important;
    font-weight:400 !important;
}
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-left-n{
    text-align: left;
}
.text-right{
    text-align: right !important;
}
.text-right-n{
    text-align: right;
}
.text-justify{
    text-align: justify !important;
}
html[dir='rtl'] .dropdown-menu-app {
    left:0 !important;
    right:auto !important;
}
.dropdown-menu-app{
    right:0 !important;
    left:auto !important;
}
.dropdown-menu-app li{
    padding: 5px 0px !important;
}
.dropdown-menu-app a.disabled, .dropdown-menu a.disabled, .disabled{
    pointer-events: none !important;
    opacity:0.45 !important;
}
.dropdown-menu-app a{
    cursor:pointer !important;
}
.dataTables_wrapper label{
    font-weight: 500 !important;
}
.required{
    font-weight:700;
    color:#BD0000;
    font-size:20px;
    font-family:serif;
    margin:-10px 3px;
}
.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.fade-scale.in {
    opacity: 1;
    transform: scale(1);
}
.glyphicon{
    top:2px !important;
    position:relative !important;
}
.badge {
    padding: 5px 7px !important;
    line-height: 100% !important;
    border-radius: 15px !important;
    margin-bottom: 5px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.20);
    box-shadow: 0 1px 3px rgba(0,0,0,.20);
}
html[dir='ltr'] .custom-badge {
    padding: 5px 7px !important;
    float: right !important;
    margin-right:10px !important;
}
html[dir='rtl'] .custom-badge {
    padding: 5px 7px !important;
    float: left !important;
    margin-left:10px !important;
}
.badge-pending, .btn-pending, .demande-attente {
    color: #333;
    background-color: #FFD966;
}
.badge-preparation, .btn-preparation {
    color: #222;
    background-color: #85DBDB;
}
.badge-prepared, .btn-prepared {
    color: #fff;
    background-color: #3FC6C6;
}
.badge-on-the-way, .btn-on-the-way {
    color: #fff;
    background-color: #999900;
}
.badge-delivered, .btn-delivered {
    color: #fff;
    background-color: #336600;
}
.badge-canceled, .btn-canceled {
    color: #fff;
    background-color: #606060;
}
.badge-returned, .btn-returned, .demande-refusee {
    color: #fff;
    background-color: #FF6600;
}
.badge-refused, .btn-refused {
    color: #fff;
    background-color: #CC0000;
}
.badge-expired, .btn-expired {
    color: #fff;
    background-color: #996600;
}
.badge-subscription, .demande-validee {
    color: #222;
    background-color: #E0FD8B;
    border:1px solid #8EBD00;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.25);
}
.badge-subscription-dates, .badge-sortant {
    color: #fff;
    background-color: #669999;
    border:1px solid #5A8787;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.25);
}
.badge-red{
    background-color:#F9343B;
    border:1px solid #D0060D;
    color:#fff;
}
.badge-green, .badge-entrant {
    background-color:#66CC00;
    border:1px solid #57AD00;
    color:#fff;
}
.badge-lemon{
    background-color:#CCFF00;
    border:1px solid #B8E600;
    color:#222;
}
.badge-yellow{
    background-color:#FFE494;
    border:1px solid #FFC105;
    color:#222;
}
.badge-blue{
    background-color:#0099FF;
    border:1px solid #0081D6;
    color:#fff;
}
.badge-blue-0089cc {
    background-color: #0089CC;
    border: 1px solid #0029CC;
    color: #fff;
}

.badge-etudiant {
    background-color:#EBFFD6;
    border:2px solid #D4FFA8;
    color:#222;
}

.badge-enseignant {
    background-color:#DBFAFF;
    border:2px solid #A8F3FF;
    color:#222;
}

.badge-employe {
    background-color:#F1EADF;
    border:2px solid #E6DAC6;
    color:#222;
}

.image-fluid{
    display:inline !important;
    width:100% !important;
    height:auto !important;
    border:0 !important;
}
.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.navbar-toggle .icon-bar {
    background: #337ab9 !important;
    font-size:15px !important;
}
.navbar-nav i {
    font-size:15px !important;
}
.app-logo{
    position:relative;
    top:-5px;
    max-width:32px;
    width:100%;
    height:auto;
    margin:0;
}
.connexion-centre{
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
}
.modal-header{
    background-image: -webkit-linear-gradient(top,#57BEDD 0,#28A4C9 100%);
    background-image: -o-linear-gradient(top,#57BEDD 0,#28A4C9 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#57BEDD),to(#28A4C9));
    background-image: linear-gradient(to bottom,#57BEDD 0,#28A4C9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff57BEDD', endColorstr='#ff28A4C9', GradientType=0);
    background-repeat: repeat-x;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header:hover{
    background-image: -webkit-linear-gradient(top,#28A4C9 0,#57BEDD 100%);
    background-image: -o-linear-gradient(top,#28A4C9 0,#57BEDD 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#28A4C9),to(#57BEDD));
    background-image: linear-gradient(to bottom,#28A4C9 0,#57BEDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff28A4C9', endColorstr='#ff57BEDD', GradientType=0);
    background-repeat: repeat-x;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-footer{
    background-image: -webkit-linear-gradient(bottom,#F3F3F3 0,#EEEEEE 100%);
    background-image: -o-linear-gradient(bottom,#F3F3F3 0,#EEEEEE 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#F3F3F3),to(#EEEEEE));
    background-image: linear-gradient(to top,#F3F3F3 0,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEEEEEE', endColorstr='#ffF3F3F3', GradientType=0);
    background-repeat: repeat-x;
    padding: 10px !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.modal-title{
    color:#fff;
    font-size:18px;
    font-weight:600;
}
.modal-fullpage{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: 0 !important;
}
.modal-footer-fullpage{
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.modal-fullpage .modal-content{
    height: 100% !important;
    position:relative !important;
}
.modal-fullpage .modal-header, .modal-fullpage .modal-footer, .modal-fullpage .modal-content{
    border-radius: 0 !important;
}
.tab-pane{
    padding-top:15px;
}
.ajouterMdpGroup, .ajouterCreerCompte, .modifierMdpGroup, .modifierCreerCompte{
    display:none;
}
.dataTable tbody td{
    /*vertical-align: middle !important;*/
}
.champs-requis{
    font-weight:900;
    color:#B20000;
    font-size:16px;
    font-family:arial;
    margin-right:4px;
}
.dropdown-menu > li > a {
    font-weight: 500 !important;
    color: #fff !important;
    transition: all 0.8 !important;
    cursor:pointer !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #2797B9 !important;
    background-image:none !important;
    transition: all 0.8 !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #258DAD !important;
    background-image: none !important;
}
.dropdown-menu:not(.datepicker-dropdown) {
    background-color: #2fadd3 !important;
    right:0;
}
.datepicker-dropdown {
    background-color: #2fadd3 !important;
    right:unset;
}
ul.suggestion-list, ul.tip-list, ul.alert-list {
    list-style: none;
    padding: 0;
}
ul.suggestion-list > li, ul.tip-list > li {
    padding-left: 1.3em;
    cursor:pointer;
}
ul.suggestion-list > li:before {
    content: "\f138"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    position: relative;
    top: 0px;
    font-weight: 600;
}
ul.tip-list > li:before {
    content: "\f2f3"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    width: 1.3em; /* same as padding-left set on li */
    position: relative;
    top: 0px;
    font-weight: 600;
}
html[dir="ltr"] ul.tip-list > li:before {
    margin-right:1rem;
}
html[dir="rtl"] ul.tip-list > li:before {
    margin-left:1rem;
}
.suggestion-box{
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 3px;
    padding:5px 15px;
    background-color:#F3F3F3;
}
table.dataTable.nowrap th:not (.dataTables_empty), table.dataTable.nowrap td:not (.dataTables_empty) {
    vertical-align: top !important;
}
.addElementContainer{
    margin-bottom:25px;
    float: left;
}
.filterMenu{
    margin-right:-15px !important;
}
.filtre-label{
    font-weight:600;
    color:#2E6CA3;
    cursor:pointer;
}
.d-none{
    display:none !important;
}
.d-none2{
    display:none;
}
.d-block{
    display:block !important;
}
.filter-toggle{
    margin-top:-5px !important;
    float:right;
    display:inline-block !important;
    color:#4CBADA !important;
    font-size:24px !important;
}
table.dataTable.no-footer {
    border-bottom: none !important;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(107, 107, 107, 0.1) !important;
    -moz-box-shadow: 0px 10px 10px 0px rgba(107, 107, 107, 0.1) !important;
    box-shadow: 0px 10px 10px 0px rgba(107, 107, 107, 0.1) !important;
}
table.dataTable {
    border-collapse: separate !important;
    border-spacing: 1px !important;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #35afd4 !important;
    border-radius:3px !important;
}
.bg-app-custom {
    color: #fff;
    background-color: #51bbdb;
}
.bg-app-custom:hover {
    color: #fff;
    background-color: #38B1D6;
}
.table-bordered {
    border: 1px solid #fff !important;
}
table.dataTable tbody tr {
    background-color: #fafafa !important;
}
table.dataTable tbody tr.even {
    background-color: #FDFDFD !important;
}
table.dataTable.nowrap th {
    text-shadow: 0px 1px 2px #393939;
}
.arriere-plan{
    color: #424242;
    background-color: #e6e4e4;
}
.file-default-preview{
    padding:5px;
}
.file-preview {
    transition: all 0.5s;
    background-color:#D7E8EE;
}
.file-preview img{
    transition: all 0.5s;
    border-radius:3px;
}
.file-preview:hover {
    transition: all 0.5s;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0 2px 15px rgba(232, 225, 181, 0.8);
    -moz-box-shadow: 0 2px 15px rgba(232, 225, 181, 0.8);
    box-shadow: 0 2px 15px rgba(232, 225, 181, 0.8);
}
#supprimerPhotoContainer{
    clear:both;
    padding-top:10px;
}
#supprimerPhotoContainer span{
    line-height:200%;
}
.breadcrumb {
    border: 1px solid #51bbdb;
}
.breadcrumb-footer {
    color: #238AA9;
    border: 1px solid #DAD7D7;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    text-align:right;
    width:100%;
    position:fixed;
    bottom:-20px;
    left:0;
    right:0;
    opacity:0.8;
}
.no-sort::after { display: none !important; }
.no-sort { background-image:none !important;pointer-events: none!important; cursor: default!important; }
.iframe-badge{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    min-height:450px;
    border:0;
}
.iframe-exportation, .iframe-questionnaire{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    min-height:200px;
    border:0;
}
.iframe-details{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    min-height:450px;
    border:0;
}
.iframe-container {
    background:url(../images/ajax-loader-big.gif) center center no-repeat;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.dataTables_empty {
    padding-top:40px !important;
    padding-bottom:40px !important;
    vertical-align: middle !important;
    font-weight:500 !important;
}
.toggle.btn {
    /*min-width:100% !important;*/
}
.checkbox label, .radio label {
    font-weight: 700 !important;
}
nav .navbar-nav > li > a:not(.menu-active), .fc-col-header-cell-cushion, .breadcrumb > li > a, .breadcrumb a, .nav-tabs > li > a{
    color: #387f95 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.8 !important;
}
.panel-coloured{
    background: #EAF6FB url('../images/dark-stripes-light2.png');
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}
.panel{
    margin-bottom:55px;
}
.scroll-td{
    max-height:150px;
    overflow-y:auto;
    overflow-x:auto;
    padding:0;
    margin:0;
    width:100%;
}
.scroll-td li{
    padding:0;
    margin:0;
    list-style:none !important;
}
.heure-pointage{
    margin-bottom:5px;
}
.horaires-jour{
    display:none;
}
.has-pointer{
    cursor:pointer !important;
}
.d-inline-block{
    display:inline-block !important;
}
.timer-input{
    width:calc(100% - 90px) !important;
}
.timer-input2{
    width:calc(100% - 30px) !important;
}
.timer-clear{
    width:26px !important;
}
.direction-ltr{
    direction:ltr !important;
}
.disabled{
    pointer-events: none !important;
    opacity: 0.6 !important;
}
.custom-panel{
    padding: 20px 15px !important;
}
.custom-panel a{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
}
.panel-success .custom-panel a{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#488E49 !important;
}
.panel-success .custom-panel a:hover{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#3c763d !important;
}
.panel-warning .custom-panel a{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#967740 !important;
}
.panel-warning .custom-panel a:hover{
    text-decoration: none !important;
    text-transform:uppercase;
    font-weight:600;
    color:#8a6d3b !important;
}
.panel-warning:hover{
    border-color: #b0a388;
    transition: all 0.8s;
}
.custom-panel-administrateur{
    position:relative;
}
.custom-panel-administrateur:before {
    content: "\f509";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-employe{
    position:relative;
}
.custom-panel-employe:before {
    content: "\f82d";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-livreur{
    position:relative;
}
.custom-panel-livreur:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-entreprise{
    position:relative;
}
.custom-panel-entreprise:before {
    content: "\f1ad";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-restaurant{
    position:relative;
}
.custom-panel-restaurant:before {
    content: "\f86b";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-commande{
    position:relative;
}
.custom-panel-commande:before {
    content: "\f847";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-specialite{
    position:relative;
}
.custom-panel-specialite:before {
    content: "\f521";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-categorie{
    position:relative;
}
.custom-panel-categorie:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-nourriture{
    position:relative;
}
.custom-panel-nourriture:before {
    content: "\f2e6";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-menu{
    position:relative;
}
.custom-panel-menu:before {
    content: "\f543";
    font-family: "Font Awesome 5 Pro";
    right:5px;
    position:absolute;
    top:0;
    font-size: 45px;
    font-weight: 300 !important;
 }
.custom-panel-calendar{
    padding: 15px 10px !important;
    font-size:18px;
}
.menu-break{
    height:15px !important;
}
th.dt-center, td.dt-center { text-align: center; }
.dataTables_filter input{
    padding:4px 10px !important;
    border-width: 1px !important;
    border-style: solid !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -khtml-border-radius: 5px !important;
    border-radius: 5px !important;
    font-weight:400 !important;
}
.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    float: none !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    display: block !important;
    float: right !important;
    font-size: 18px !important;
    color: #fff !important;
    margin-top:-4px;
}
.select2-results__option[aria-selected=true] { display: none !important;}
.hide-select{
    display:none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%) !important;
    background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2)) !important;
    background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color: #28a4c9 !important;
    color: #fff !important;
}
.datepicker td, .datepicker th {
    color: #fff;
}
.datepicker table tr td.old, .datepicker table tr td.new {
    color: #cecece !important;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: #6ecae6 !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #6ecae6 !important;
}
.buttons-print, .buttons-copy, .buttons-csv, .buttons-pdf, .buttons-excel{
    border-radius:4px !important;
    background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%) !important;
    background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2)) !important;
    background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color: #28a4c9 !important;
    color: #fff !important;
    font-size:15px !important;
    font-weight:600 !important;
}
.no-resize{
    resize: none !important;
}
.table-rtl{
    direction: ltr !important;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}
.krajee-default.file-preview-frame {
    float: none !important;
}
.krajee-default .file-caption-info, .krajee-default .file-size-info {
    width: auto !important;
}
.krajee-default .file-upload-indicator {
    display: none !important;
}
.table > thead > tr > th, .table > tfoot > tr > th {
    vertical-align: middle !important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 5px 18px !important;
}
.total-retard{
    font-size: 13px;
    padding: 3px 5px;
    border-radius: 5px;
    border: 1px solid #f9f1ca;
    margin: 0px 5px;
    color: #131313;
    font-weight: 500;
    background-color: #faf5da;
}
.warning-deletion{
    margin-bottom:20px;
    text-align:center;
    padding:5px;
    border:1px solid #CC0000;
    border-radius:3px;
    background-color:#FFFF7A;
    color:#222;
    font-weight:600;
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.2);
    box-shadow: 0 2px 7px rgba(0,0,0,.2);
}
.icon-submenu{
    margin-right:5px;
}
.modal-header2{
    background-image: -webkit-linear-gradient(top,#FF0000 0,#B80000 100%);
    background-image: -o-linear-gradient(top,#FF0000 0,#B80000 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FF0000),to(#B80000));
    background-image: linear-gradient(to bottom,#FF0000 0,#B80000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header3{
    background-image: -webkit-linear-gradient(top,#FFCC33 0,#FF9900 100%);
    background-image: -o-linear-gradient(top,#FFCC33 0,#FF9900 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFCC33),to(#FF9900));
    background-image: linear-gradient(to bottom,#FFCC33 0,#FF9900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC33', endColorstr='#FF9900', GradientType=0);
    background-repeat: repeat-x;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header4{
    background-image: -webkit-linear-gradient(top,#53AD53 0,#418641 100%);
    background-image: -o-linear-gradient(top,#53AD53 0,#418641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#53AD53),to(#418641));
    background-image: linear-gradient(to bottom,#53AD53 0,#418641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53AD53', endColorstr='#418641', GradientType=0);
    background-repeat: repeat-x;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.filter-toggle > .fa-sliders-v-square{
    color: #2f70a9 !important;
    font-size: 30px !important;
    line-height: 35px !important;
}
.padding-zero{
    padding:0!important;
}
.margin-zero{
    margin:0!important;
}
.lang-icon{
    font-size:20px;
}
.padding-lang-icon{
    padding:0px 4px !important;
}
.drop-menu-lang{
    min-width:auto !important;
    right:auto !important;
}
.drop-menu-lang > li > a {
    padding: 3px 10px !important;
    font-weight:400 !important;
}
.version{
    font-size:11px !important;
    color:#A0A0A0 !important;
}
.menu-active, .menu-active:hover, .menu-active:focus, .menu-active:active{
    background: #51BBDB !important;
    background-color: #51BBDB !important;
    color: #fff !important;
    text-shadow: 0px 1px 2px #393939 !important;
}
.menu-active a, .menu-active:hover a, .menu-active:focus a, .menu-active:active a{
    color: #fff !important;
    text-shadow: 0px 1px 2px #393939 !important;
}
.avatar{
    position:relative;
    height:40px !important;
    width:auto !important;
    border:0;
    padding:0;
    display:inline-block !important;
    border-radius:100% !important;
    border:2px solid #53BCDC;
    margin:-15px auto;
}
.menu-active .avatar{
    border: 3px solid #A6DCED !important;
}
.cb-mt-5px{
    margin-top:5px !important;
}
.text-200{
    font-weight: 200 !important;
}
.text-300{
    font-weight: 300 !important;
}
.text-400{
    font-weight: 400 !important;
}
.text-600{
    font-weight: 600 !important;
}
.text-700{
    font-weight: 700 !important;
}
.text-800{
    font-weight: 800 !important;
}
.text-900{
    font-weight: 900 !important;
}
@media (max-width:991px){
    .refresh-interval{
        margin-top:10px;
    }
}
@media (max-width:480px){
    .breadcrumb-footer-mobile {
      text-align: center !important;
    }
    .conteneur-recherche{
        padding-bottom:200px;
    }
    .recherche-titre-h3{
        font-size:16px;
    }
    h4{
        font-size:15.5px;
    }
    .text-muted{
        font-size:13.5px;
    }
    .fa-filter{
        font-size:12px;
    }
    .label-for-mobile{
        text-align: center !important;
    }
    #pagination{
        width:auto !important;
    }
    .addElementContainer{
        margin-bottom:25px;
        float: none;
        text-align:center;
    }
    .addElementContainerLeft{
        float: none;
    }
    .addElementContainerRight{
        float: none;
    }
    .deleteElementContainer{
        margin-right: auto;
    }
    .brand-logo{
        top:-10px;
        height:40px;
    }
    .filterMenu{
        margin-right:0 !important;
    }
    .dtr-details{
        display:block !important;
        width:100%;
    }
    .dtr-title{
        margin-bottom:5px;
        width:100%;
        border-bottom: 2px dotted #eee;
    }
    .dtr-data, .dtr-title{
        display:block;
        white-space: normal;
    }
    .brand-name{
        display: inline-block;
    }
    nav.navbar{
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
    }
    .app-master-container {
        margin-top: 50px !important;
    }
    .panel-heading{
        text-align:center;
    }
    .breadcrumb{
        text-align: center;
    }
    .form-group, .checkbox{
        text-align: center !important;
    }
    .col-mobile{
        padding:10px 0 !important;
        align-items: center !important;
        text-align:center !important;
        display:inline-flex !important;
    }
    .toggleFiltresCommandesBtn {
        float: none !important;
        margin-bottom: -40px !important;
    }
    .text-left,.text-right{
        text-align:center !important;
    }
}
.select2-results__message{
    display:none;
}
.panel-heading i{
    font-size: 18px;
}
.panel-heading{
    text-shadow: 0px 1px 2px #dbd6d6 !important;
}
.rotate-360{
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    transform: rotate(360deg);
}
.rotate-360-reverse{
    -moz-transition: 1.2s;
    -o-transition: 1.2s;
    -webkit-transition: 1.2s;
    transition: 1.2s;
    transform: rotate(-360deg);
}
.app-master-container{
    margin-bottom: 25px;
}
.body-fixed-navigation .app-master-container{
    padding-top:60px;
}
.body-fixed-navigation nav{
    position: fixed;
    width: 100%;
}
@media (max-width:480px){
    .app-master-container {
        margin-top: 50px !important;
    }
    .body-fixed-navigation .app-master-container{
        padding-top:10px;
    }
}
.breadcrumb {
    transition: all 0.5s;
    border: 1px solid #E3E3E3;
}
.close i{
    position: relative;
    top: 4px;
}
.membre-photo{
    border: 2px solid #D6D6D6;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #d3ecf4;
    border: 1px solid #a6d2df;
    border-bottom-color: transparent;
}
.nav-tabs > li:hover > a, .nav-tabs > li > a:hover {
    background-color: #E2F3F8;
    border: 1px solid #DAF0F6;
    border-bottom-color: transparent;
}
.tab-content{
    margin-top:-2px;
    border: 1px solid #d3ecf4;
    padding: 10px;
    border-radius: 5px;
    margin-bottom:10px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.tab-content > .active {
    height: 100% !important;
}
.modal-fa-loader{
    display: block;
    margin-right:auto;
    margin-left:auto;
    padding:25px;
    text-align:center;
}
.p-all-15px{
    padding:15px !important;
}
hr.resultat-sep {
    margin-top:10px;
    margin-bottom:10px;
    clear:both;
    width:100%;
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(226, 192, 24, 0), rgba(226, 192, 24, 0.25), rgba(226, 192, 24, 0));
    transition: all 0.6s;
}
hr.resultat-sep:hover {
    background-image: linear-gradient(to right, rgba(249, 52, 59, 0), rgba(249, 52, 59, 0.25), rgba(249, 52, 59, 0));
    transition: all 0.6s;
}
hr.hr-dt {
    margin-top:5px;
    margin-bottom:5px;
    clear:both;
    width:100%;
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(81, 187, 219, 0), rgba(81, 187, 219, 0.25), rgba(81, 187, 219, 0));
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1.8 !important;
}
.btnEnMasse{
    display:none;
}
.tip{
    color: #5b5858;
    font-size: 12.5px;
    margin-top: 8px;
    border: 1px solid #EDE8C4;
    padding: 4px;
    border-radius: 4px;
    background-color: #F2EFDC;
    margin-bottom: 0px;
}
.badge{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
    filter: alpha(opacity=70) !important;
    -moz-opacity: 0.7 !important;
    -khtml-opacity: 0.7 !important;
    opacity: 0.7 !important;
}
.fs12px{
    font-size:12px;
}
.fs14px{
    font-size:14px;
}
.stats-total-span{
    display: inline-block;
    padding: 2px 5px 0px 5px;
    border: 1px solid #4098b3;
    line-height: 16px;
    border-radius: 3px;
    background-color: #51bbdb;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    transition:all 0.7s;
    cursor:pointer;
}
.stats-total-span:hover{
    border-color: #368096;
    background-color: #34B0D5;
    box-shadow: 0 1px 3px rgba(0,0,0,.20);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.20);
    transition:all 0.9s;
}
.stats-total-span-noclick{
  display: inline-block;
  padding: 2px 5px 0px 5px;
  border: 1px solid #c6c6c6;
  line-height: 16px;
  border-radius: 3px;
  background-color: #e7e7e7;
  color: #333;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
  transition: all 0.7s;
}
.stats-total-span-noclick:hover{
    border-color: #BABABA;
    background-color: #c6c6c6;
    box-shadow: 0 1px 3px rgba(0,0,0,.20);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.20);
    transition:all 0.9s;
}
.stats-total-span-red{
    display: inline-block;
    padding: 2px 5px 0px 5px;
    border: 1px solid #F70810;
    line-height: 16px;
    border-radius: 3px;
    background-color: #F9343B;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    transition:all 0.7s;
}
.stats-total-span-red:hover{
    border-color: #D0060D;
    background-color: #F70810;
    box-shadow: 0 1px 3px rgba(0,0,0,.20);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.20);
    transition:all 0.9s;
}
.dt-va-middle{
    vertical-align: middle !important;
}
.dt-details-icon{
    font-size: 15px;
    color: #31b131;
}
.app-credits-phone{
    direction:ltr!important;
    display:inline-block!important;
}
.fa-18px{
    font-size:18px!important;
}
.pad25px{
    padding:15px!important;
}
#verification{
    min-width: 100px !important;
    width:auto !important;
    min-height: 34px !important;
    height:auto !important;
    border-radius: 5px !important;
    border: 2px solid #E0E0E0 !important;
    display: inline-block !important;
    position: relative !important;
}
html[dir="rtl"] #verification{
    float: left !important;
}
html[dir="ltr"] #verification{
    float: right !important;
}

.connexion-logo{
    max-width: 96px;
    width: 100%;
    height: auto;
    border: 0;
    margin-top: -10px;
    margin-bottom: 15px;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

.demande-image{
    max-width: 128px;
    width: 100%;
    height: auto;
    border: 0;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

.image-container{
    background:url(../images/ajax-loader-big.gif) center center no-repeat;
    min-height:256px !important;
    max-height:600px !important;
    overflow-x:hidden;
    overflow-y:auto;
}

.image-container img{
    max-width:600px !important;
    max-height:600px !important;
    width: 100%;
    height: auto;
    border: 0;
    margin-right:auto;
    margin-left:auto;
    display:block !important;
    background-color:#fff !important;
}

.fa-valider{
    color:#66CC00 !important;
}

.fa-refuser{
    color:#FFB23D !important;
}

.bg-refusee{
    background-color:#FFF5E5 !important;
    border-radius:5px;
    margin-top:0;
    margin-bottom:0;
    color:#222;
    padding:7px;
    border:1px solid #FFB23D !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 5px rgba(0,0,0,.25);
}

.fa-supprimer, .fa-red{
    color:#CC0000 !important;
}

.copy-text{
    cursor:pointer !important;
    font-size:14px !important;
    color: #2E6CA3;
}

html[dir='rtl'] .copy-text{
    float:right !important;
}

html[dir='ltr'] .copy-text{
    float:left !important;
}

.demande-rfid {
    color: #222 !important;
    background-color: #EFDCEE !important;
    border:2px solid #E4C4E2 !important;
    padding:5px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.25);
}

.demande-email {
    color: #222 !important;
    background-color: #F0E6BE !important;
    border:2px solid #E8D99C !important;
    padding:5px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.25);
}

.demande-rfid i, .demande-email i {
    color: #222 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.25);
}

.validee{
    color:#478F00 !important;
    background-color: #fff !important;
    display:inline-block;
    padding:3px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: normal !important;
}

.demande-refusee{
    max-width:200px !important;
    margin:auto !important;
}

.dt-demande-refusee{
    max-width:300px !important;
}

.charte-container {  }
.charte-title { color: #0385A5; font-size: 20px; font-weight: bold; margin-bottom: 5px; text-align: center; }
.charte-subtitle { color: #666; font-size: 14px; margin-bottom: 20px; text-align: center; }
.charte-box { font-size: 14px; line-height: 1.8; color: #333; text-align: start; }
.charte-box h3 { margin-top: 0; color: #333; font-size: 14px; }
.charte-box h4 { color: #0385A5; margin: 15px 0 5px 0; font-size: 13px; border-bottom: 1px solid #eee; padding-bottom: 3px; }
.charte-box p { margin: 0 0 10px 0; text-align: justify; }
.charte-alert{background: #c6e4ec;border-inline-start: 4px solid #04b4e0;padding: 10px;color: #064554;border-radius: 4px;}

.tip-custom-fa{font-size: 22px !important;position: relative !important;top: 4px !important;color: #3070a9 !important;}