body{
    /*font-weight: 300;*/
    font-weight: 400;/*Readability*/
    /*font-size:14px;*/
    font-size:15px;/*Readability*/
}
.btn{
    letter-spacing: 0.02rem !important;
}
/* width */
.sidebar-wrapper::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}
/* Handle */
.sidebar-wrapper::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.5);
    transition:all 0.3s;
}
/* Handle on hover */
.sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.2);
}

.full-select .bootstrap-select{
    width:100% !important
}

#conversationForm .timeline-body p, #conversationForm2 .timeline-body p{
    white-space: pre-wrap
}

.maj-date{
    margin-bottom:1rem;
    text-align:right;
    position:relative;
    background:#FFF;
    color: #CCC;
}
.maj-date span{
    background:#FFF;
    display: inline-block;
    position:relative;
    z-index:10;
    padding-left:10px;
}
.maj-date::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin-top:-1px;
    border-top:1px solid #CCC;
    z-index:0;
}

/* width */
[custom-scrollbar="white"]::-webkit-scrollbar {
    width: 10px;
}
/* Track */
[custom-scrollbar="white"]::-webkit-scrollbar-track {
    background: transparent;
}
/* Handle */
[custom-scrollbar="white"]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.5);
    transition:all 0.3s;
}
/* Handle on hover */
[custom-scrollbar="white"]::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.2);
}
/* width */
[custom-scrollbar="dark"]::-webkit-scrollbar {
    width: 10px;
}
/* Track */
[custom-scrollbar="dark"]::-webkit-scrollbar-track {
    background: transparent;
}
/* Handle */
[custom-scrollbar="dark"]::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5);
    transition:all 0.3s;
}
/* Handle on hover */
[custom-scrollbar="dark"]::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.2);
}

.calendar-table td{
    text-align: center;
}
.calendar-table td:first-child{
    text-align: left;
}

#loading-data-dashboard{
    padding:6px 24px;
    background: #e91e63;
    color: #FFF;
    z-index: 100;
    border-radius: 0;
    margin:0 15px;
    display: block;
    width:auto;
}

.alert.alert-primary {
    background-color: #e91e63;
}

.form-control.tiny-form-control{
    width: 25px;
    display: inline-block;
    text-align: center;
    padding-left: 0 !important;
}

.swal2-modal h2 {
    color: #595959;
    font-size: 30px;
    font-weight: 600;
    text-transform: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    margin-bottom: 20px;
    display: block;
}
/* Swal secondary */
.swal2-modal .btn.btn-secondary {
    color: #fff !important;
    background-color: #919191 !important;
    border-color: #919191 !important;
    box-shadow: 0 2px 2px 0 rgba(153,153,153,.14), 0 3px 1px -2px rgba(153,153,153,.2), 0 1px 5px 0 rgba(153,153,153,.12) !important;
}
.swal2-modal .btn.btn-secondary:hover {
    background-color: #999 !important;
    border-color: #999 !important;
    /*box-shadow: 0 14px 26px -12px rgba(233,30,99,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(233,30,99,.2) !important;*/
}
/* Swal primary */
.swal2-modal .btn.btn-primary {
    color: #fff !important;
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
    box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12) !important;
}
.swal2-modal .btn.btn-primary:hover {
    background-color: #ea2c6d !important;
    border-color: #ea2c6d !important;
    /*box-shadow: 0 14px 26px -12px rgba(233,30,99,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(233,30,99,.2) !important;*/
}
/* Swal danger */
.swal2-modal .btn.btn-danger {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    box-shadow: 0 2px 2px 0 rgba(244,67,54,.14), 0 3px 1px -2px rgba(244,67,54,.2), 0 1px 5px 0 rgba(244,67,54,.12) !important;
}
/* Swal warning */
.swal2-modal .btn.btn-warning {
    color: #fff !important;
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
    box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12) !important;
}
.swal2-modal .btn.btn-warning:hover {
    background-color: #f08f00 !important;
    border-color: #f08f00 !important;
    /*box-shadow: 0 14px 26px -12px rgba(255,152,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(255,152,0,.2) !important;*/
}


.swal2-icon.swal2-warning {
    font-family: 'Roboto';
    color: #e91e63;
    border-color: #e91e63 !important;
}

.sidebar .ps-scrollbar-x-rail{display:none !important}
#loginForm p.error{padding-left:54px;width:100%;color:#f44336 ;margin:0}
.modal .bootstrap-select select.border-danger + .btn.dropdown-toggle.select-with-transition {
    border: #f44336  1px solid !important;
}

.form-event > .row:first-child .remove_event_interne, .form-event > .row:first-child .remove_event_st{
    display: none;
}
.dropdown-menu .disabled{
    display:none;
}
.fc-event{
    background-color:transparent;
}
.bg-dispo{
    background: repeating-linear-gradient(
            -45deg,
            #a78572,
            #a78572 10px,
            #927160 10px,
            #927160 20px
    ) !important;
    border-color:#927160 !important;
}
.bg-indispo{
    background: repeating-linear-gradient(
            -45deg,
            #bc2e36,
            #bc2e36 10px,
            #bc4b4e 10px,
            #bc4b4e 20px
    ) !important;
    border-color:#bc2e36 !important;
}
.bg-badDate{
    background: repeating-linear-gradient(
            -45deg,
            #e91e63,
            #e91e63 10px,
            #f14b83 10px,
            #f14b83 20px
    ) !important;
    border-color:#bc2ea9 !important;
}
.add-event-drag{
    padding:8px;
    border:1px dotted #424242;
}
.draggable{
    cursor:move;
}
.fc.full-size .fc-view-harness{
    max-height:calc(100vh - 150px)
}
.fc-fullsize-button.active::before{
    content: "\e5d1";
    font-family: "Material Icons";
}
.fc-fullsize-button::before{
    content: "\e5d0";
    font-family: "Material Icons";
}
.swal2-modal {
    font-family: 'Roboto' !important;
}
#planning.full-size{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000000000;
    background: #eee;
    padding: 40px;
    overflow: auto;
    margin:0 !important
}
.fc button, .fc button.active, .fc button.active:focus, .fc button.active:hover, .fc button.btn-primary, .fc button.btn-primary.active, .fc button.btn-primary.active:focus, .fc button.btn-primary.active:hover, .fc button.btn-primary:active, .fc button.btn-primary:active:focus, .fc button.btn-primary:active:hover, .fc button.btn-primary:focus, .fc button.btn-primary:hover, .fc button:active, .fc button:active:focus, .fc button:active:hover, .fc button:focus, .fc button:hover, .open>.fc button.btn-primary.dropdown-toggle, .open>.fc button.btn-primary.dropdown-toggle:focus, .open>.fc button.btn-primary.dropdown-toggle:hover, .open>.fc button.dropdown-toggle, .open>.fc button.dropdown-toggle:focus, .open>.fc button.dropdown-toggle:hover {
    background-color: #ec407a;
    color: #fff;
    border-color: #ec407a;
}
#remember_me_label{padding: 0 25px 0 35px;margin-left: 20px;}
body.unload .trn{color:transparent !important;}
.formLoader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 666;
    background: rgba(238,238,238,0.6);
}
.formLoader::after {
    content: "\f1ce";
    font-family: FontAwesome;
    /* height: 80px; */
    /* width: 80px; */
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    font-size: 80px;
    margin:-40px 0 0 -40px;
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
    color: #178fcf;
}
.swal2-fade{z-index:-1;}
.swal2-fade.swal2-in{z-index:1060;}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.addingText {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    display: inline-block;
    height: 1rem;
    width: 6rem;
    position: relative;
    bottom: -0.2rem;
}

[data-show-for-role], [data-visible-for-role]{
    display:none;
}

.pac-container{
    z-index:9999999;
}

.sidebar .dropdown-item{
    white-space: initial;
}
.sidebar .bootstrap-select .dropdown-menu{
    max-width: 220px;
    left: 0 !important;
    min-width: 220px !important;
}

#calendar-title{
    font-size:1.4rem;
    margin:0;
}
.card .card-header .card-title {
    text-transform: initial;
}

#calendar{width:.5px;border:none;opacity:0;}

body .hide-no-project{display: none !important;}
body .hide-no-project.show-on-project{display: block !important;}

.role-1.specific-settings #calculForm .form-group .text-rose{color:#6c757d!important;transition:all 0.3s;}
.role-2.specific-settings #calculForm .form-group .text-rose{color:#6c757d!important;transition:all 0.3s;}
.role-1.specific-settings #calculForm .form-group{opacity:0.6;transition:all 0.3s;}
.role-2.specific-settings #calculForm .form-group{opacity:0.6;transition:all 0.3s;}

.specific-settings #calculForm .form-group.changed .text-rose{color:#e91e63!important}
.specific-settings #calculForm .form-group.changed{opacity:1}

.role-1.specific-settings #specificSettingsForm .form-group .text-rose{color:#6c757d!important;transition:all 0.3s;}
.role-2.specific-settings #specificSettingsForm .form-group .text-rose{color:#6c757d!important;transition:all 0.3s;}
.role-1.specific-settings #specificSettingsForm .form-group{opacity:0.6;transition:all 0.3s;}
.role-2.specific-settings #specificSettingsForm .form-group{opacity:0.6;transition:all 0.3s;}

.specific-settings #specificSettingsForm .form-group.changed .text-rose{color:#e91e63!important}
.specific-settings #specificSettingsForm .form-group.changed{opacity:1}

.role-1.generic-settings #genericSettingsForm .form-group .text-rose{color:#6c757d!important;transition:all 0.3s;}
.role-2.generic-settings #genericSettingsForm .form-group .text-rose{color:#6c757d!important;transition:all 0.3s;}
.role-1.generic-settings #genericSettingsForm .form-group{opacity:0.6;transition:all 0.3s;}
.role-2.generic-settings #genericSettingsForm .form-group{opacity:0.6;transition:all 0.3s;}

.generic-settings #genericSettingsForm .form-group.changed .text-rose{color:#e91e63!important}
.generic-settings #genericSettingsForm .form-group.changed{opacity:1}

.generic-settings #genericSettingsForm #datatables_creneaux .form-group{opacity:1}
.generic-settings #genericSettingsForm #datatables_creneaux .form-group input{opacity:1;}
.generic-settings #genericSettingsForm #datatables_creneaux .form-group input.changed{opacity:1}

.page-add-user .hide-add-users{display:none !important;}

.specific-settings .form-group:not(.used) .text-rose,
.global-settings .form-group:not(.used) .text-rose,
.generic-settings .form-group:not(.used) .text-rose,
.specific-settings .form-group:not(.used) .form-check-label,
.global-settings .form-group:not(.used) .form-check-label,
.generic-settings .form-group:not(.used) .form-check-label{
    position:relative;
}
/*.specific-settings .form-group:not(.used) .text-rose::after,*/
/*.global-settings .form-group:not(.used) .text-rose::after,*/
/*.generic-settings .form-group:not(.used) .text-rose::after,*/
/*.specific-settings .form-group:not(.used) .form-check-label::after,*/
/*.global-settings .form-group:not(.used) .form-check-label::after,*/
/*.generic-settings .form-group:not(.used) .form-check-label::after {*/
/*text-decoration: underline!important;*/
/*content: '';*/
/*width: 100%;*/
/*height: 1px;*/
/*border-top: 1px dotted red;*/
/*margin-top: -15px;*/
/*margin-bottom: 0;*/
/*left: 0;*/
/*bottom: 0px;*/
/*position: absolute;*/
/*display: inline-block;*/
/*}*/
.specific-settings .form-group:not(.used) .form-check-label::after,
.global-settings .form-group:not(.used) .form-check-label::after,
.generic-settings .form-group:not(.used) .form-check-label::after{
    left: 25px;
    right: 15px;
    width: auto;
}
.specific-settings .unused .text-rose,
.global-settings .unused .text-rose,
.generic-settings .unused .text-rose{
    /*color:#00bcd4!important;*/
}
.specific-settings .form-group.v1:not(.used),
.global-settings .form-group.v1:not(.used),
.generic-settings .form-group.v1:not(.used) {
    display:block;
}

.hide-close .close{display:none !important}


.row[style="display: block;"] {
    display: flex !important;
}
.row[style="display: block;"].d-none {
    display: none !important;
}
.card-header-buttons{padding:7.5px !important;}

.btn .material-icons, .btn:not(.btn-just-icon):not(.btn-fab) .fa {
    line-height: inherit;
}

.choseDate.enddate{
    /*visibility:hidden;*/
    /*display: none;*/
    transition: all 0.2s;
}

.stepValidated .choseDate.enddate{
    visibility:visible;
    display: block;
}

.blockChange{
    /*opacity:0.6;*/
    transition: all 0.2s;
}

.choseDate:hover, .choseDate.active{
    opacity:1;
}
.choseDate.inactive{
    opacity:1;
}
.choseDate.inactive input{
    background:#f5f5f5 !important;
}
.modal .modal-dialog {
    margin-top: 20px !important;
}
.form-group.is-focused .togglebutton label, .togglebutton label {
    color: #666;
}
a[disabled]{
    opacity:0.8;
}
[disabled][data-hide-if-disabled]{
    display:none;
}
[readonly]{
    opacity:0.8 !important;
}
input[readonly], textarea[readonly], select[readonly],.design-v2 .modal input[readonly] {
    opacity:1 !important;
    border:none !important;
    background: #f2f2f2 !important;
}
.mini-form-control{
    height:31px !important;
}
.fc button, .fc button.btn-primary {
    box-shadow: none !important;
}
.fc-event {
    box-shadow: none !important;
}

.bg-primary {
    background-color: #ea2c6d !important;
}
.bg-warning{
    background-color: #ff9800 !important;
}
.fc-license-message{display: none !important}
.step [disabled]{
    opacity:1 !important;
}
.step input{
    background-color:#FFF !important;
}
.step .text-rose{
    color:#333 !important;
    font-size: 14px;
}
.step{
    position:relative;
}
.table-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 150px !important;
}
/*button.delete-etape.btn.btn-sm.btn-fab {*/
/*    position: relative;*/
/*    top: -2px;*/
/*    margin-left: 15px;*/
/*    display: inline-block;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    line-height: 20px;*/
/*    min-width: 20px;*/
/*    border-radius: 0;*/
/*    background: #FFF;*/
/*    color: #424242;*/
/*    box-shadow:none;*/
/*}*/
.btn-dark{
    background-color: #2C3E50 !important;
    border-color: #2C3E50 !important;
}
/*button.delete-etape.btn.btn-sm.btn-fab .material-icons{*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/
/*button.edit-etape.btn.btn-sm.btn-fab {*/
/*    position: relative;*/
/*    top: -2px;*/
/*    margin-left: 15px;*/
/*    display: inline-block;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    line-height: 20px;*/
/*    min-width: 20px;*/
/*    border-radius: 0;*/
/*    background: #FFF;*/
/*    color: #424242;*/
/*    box-shadow:none;*/
/*}*/
/*button.edit-etape.btn.btn-sm.btn-fab:hover, button.delete-etape.btn.btn-sm.btn-fab:hover{*/
/*    color: #FFF;*/
/*    background: #424242;*/
/*}*/
/*button.edit-etape.btn.btn-sm.btn-fab .material-icons{*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/
.sidebar .sidebar-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
}
.showIfForfait{
    display: none;
}
.form-action{
    position: absolute;
    right: 2px;
    bottom: 15px;
    height: 35px;
    z-index:1;
    padding-top: 2px;
}
.form-action > *{
    display: inline-block;
    vertical-align: middle;
    margin:0 1px;
}
.form-action .novalidate{
    padding:0 8px;
    display: none;
    line-height: 30px;
    height: 30px;
}
.form-action .validate{
    padding:0 8px;
    display: none;
    line-height: 30px;
    height: 30px;
}
.form-action .revalidate{
    padding:0 8px;
    display: none;
    line-height: 30px;
    height: 30px;
}
.form-action .btn-fab{
    display:none;
}

.showIfAdvanced{
    display: none !important;
}
.advanced .showIfAdvanced{
    display: block !important;
}

.valid .form-action .validate{
    display: inline-block;
}
.novalid .form-action .novalidate{
    display: inline-block;
}

.blockChange .form-action .edit-field{
    display: inline-block;
}
.blockChanged .form-action .revalidate{
    display: inline-block;
}
.blockChanged .form-action .validate{
    display: none;
}
.onEdit .form-action .valid-field{
    display: inline-block;
}

.redoStep{
    display: none;
}
.needValidation .redoStep{
    display: block;
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition.select-mini {
    background: none;
    padding: 7px 10px !important;
    margin: 0;
    height: 29px;
}

.form-check label{
    color:#e91e63;
}
.dropdown-menu .dropdown-item:focus > span, .dropdown-menu .dropdown-item:hover > span, .dropdown-menu a:active > span, .dropdown-menu a:focus > span, .dropdown-menu a:hover > span{
    color:#fff !important;
}
#filterData.td-inline-block td{
    display: inline-block !important;
}
#ou{
    position:relative;
    text-transform: uppercase;
    font-size: 1.1rem;
    text-align: center;
    color:#666;
}
#ou::before{
    content:'';
    left:15px;
    right:50%;
    margin-right: 1.2rem;
    height:1px;
    display:block;
    background:#CCC;
    top:50%;
    margin-top:-1px;
    position:absolute;
}
#ou::after{
    content:'';
    right:15px;
    left:50%;
    margin-left: 1.2rem;
    height:1px;
    display:block;
    background:#CCC;
    top:50%;
    margin-top:-1px;
    position:absolute;
}

.etape .edit-field,
.etape .valid-field{
    display: none;
}
.etape .edit-field,
.etape .valid-field{
    display: none;
}

.select-modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 40px;
    border: 1px solid #CCC;
    height: 36px;
}

#generic-slots td{
    opacity:0.6;
}
#generic-slots td.changed{
    opacity:1;
}

.timeline>li>.timeline-badge{
    z-index:10;
}
.timeline>li>.timeline-badge.grey {
    background-color:#949494;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,0,0,.4);
}

.badge.badge-grey {
    background-color:#949494;
}

.timeline>li>.timeline-badge.blue {
    background-color:#178fcf;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(23,143,207,.4);
}

.badge.badge-blue {
    background-color:#178fcf;
}

.btn-blue {
    background-color:#178fcf;
}

.timeline.timeline-simple {
    padding:0;
}

.timeline-separator {
    border-bottom:1px solid #d5d5d5;
}

.timeline-separator-title {
    background:#d5d5d5;
    color:#fff;
    padding:5px 8px 5px 8px;
    display:inline-block;
}

.timeline-simple-0:before {
    background:#f3f3f3 !important;
}

.grey-light {
    color:#b5b5b5;
}

.card-header-grey {
    background:#d5d5d5 !important;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(181,181,181,.4) !important;
    padding:5px !important;
    padding-left:10px !important;
}

.bg-grey {
    background: #f3f3f3;
}

.card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.bg-rose, .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {
    background:#178fcf;
}
.card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text) {
    box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(30, 139, 233, 0.4);
}
.card .card-header-green {
    background:#4caf50;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,8, 0.4);
}
.card .card-header-rose-1 {
    background:#e91e63 !important;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99, 0.4) !important;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}
/* Hide HTML5 Up and Down arrows. */
input[type="time"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="time"] {
    -moz-appearance: textfield;
}
/* Hide the cancel button */
::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/* Hide the magnifying glass */
::-webkit-search-results-button {
    -webkit-appearance: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

i.material-icons.info-tooltip {
    font-size: 16px;
    position: relative;
    top: 3px;
    color:#AAA;
}
.form-check i.material-icons.info-tooltip {
    font-size: 16px;
    position: relative;
    top: 3px;
    margin-top: -2px;
    right: 0;
    color: #AAA;
    display: inline-block;
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background:none;
}
.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background:none;
    padding:12px 10px !important;
    margin:0;
    height:40px;
}
.bootstrap-select.custom-select .btn.dropdown-toggle.select-with-transition {
    padding: 10px 22px 10px 12px !important;
    height: auto;
}
.bootstrap-select.custom-select .btn.dropdown-toggle.select-with-transition::after{
    position: relative;
    right:-15px;
}
.bootstrap-select.custom-select.custom-select-sm .filter-option {
    display: inline !important;
    padding: 10px 0px !important;
}
.timeline-panel.panel-simple::before,
.timeline-panel.panel-simple::after{
    display: none !important;
}
.dropdown.bootstrap-select{
    background-color:rgba(255, 255, 255, 0.5) !important;
}
[data-only-for-admin]{
    display:none;
}
.role-1 [data-only-for-admin], .role-2 [data-only-for-admin]{
    display:block;
}
.role-1 .row[data-only-for-admin], .role-2 .row[data-only-for-admin]{
    display:flex;
}

[name="nb_places"]{
    width:40px;
}
.etape-separator{
    border:none;
}

.step.active > div{
    background:#FFF;
}

#simulation_form {
    width: 100%;
    max-width: 100%;
}
form#offerForm th {
    font-size: 0.85rem;
}

.dropdown.bootstrap-select{
    max-width: 100%;
}
/*.etapes .btn.delete-row {
    background: none;
    border: 1px solid #CCC;
    border-radius: 0;
    padding: 17px;
    box-shadow: none;
    top: -6px;
    color: #333;
    background: #FFF;
    margin-left: 18px;
}
.etapes .btn.delete-row .material-icons{
    line-height: 34px !important;
}*/

.waiting_time_block{
    padding:0 10px;
}

.chose_type_selector, .active.needValidation .chose_type_selector {
    border: #e91e63 1px solid !important;
    display: inline-block;
    border-radius: 3px;
}
.stepValidated .chose_type_selector{
    border-color: #626262 !important;
}
.chose_type_selector a {
    padding: 8px 20px;
    display: inline-block;
    color: #e91e63 !important;
    transition: all 0.3s;
    float:left;
    margin-top: -1px;
    margin-bottom: -1px;
}
.stepValidated .chose_type_selector a{
    color: #626262 !important;
}
.stepValidated.active .chose_type_selector a{
    color: #e91e63 !important;
}
.validateStep:disabled{
    opacity:0.6 !important;
}
select[disabled] + .btn.dropdown-toggle{
    opacity:0.4;
}
.stepValidated .chose_type_selector a:hover{
    color: #626262 !important;
    background:transparent !important;
}
.stepValidated .chose_type_selector a.active{
    background: #626262 !important;
    color: #FFF !important;
}
.chose_type_selector a.active, .chose_type_selector a:hover, .active.needValidation .chose_type_selector a.active, .active.needValidation .chose_type_selector a:hover {
    background: #e91e63 !important;
    color: #FFF !important;
}
.stepValidated .chose_type_selector a {
    cursor:default;
}
.active.step .chose_type_selector a {
    cursor:pointer;
}
.pointer {
    cursor:pointer;
}
tr.fc-list-event.fc-event {
    display: table-row;
    color:#000;
}

.active.step input, .active.step .filter-option-inner-inner{
    color:#e91e63;
}
.active.step .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background: none;
    padding: 8px 10px !important;
    margin: 0;
    height: 36px;
    border: 1px solid #D2D2D2 !important;
    font-size: 14px;
}
.step .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background: none;
    padding: 8px 10px !important;
    margin: 0;
    height: 36px;
    border: 1px solid #D2D2D2 !important;
    font-size: 14px;
    text-transform: inherit;
}
.step-header {
    background: #EEE;
    margin-bottom: 0px;
}
.step.active .step-header{
    margin-bottom: 20px;
}
.form-action{
    display: none;
}
.form-control-border .bmd-form-group .form-control{
    font-size: 14px;
}
body .gj-timepicker-md [role="right-icon"]{
    top:5px;
    right:4px;
}
body .mini-selectpicker .dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:70px !important;
    margin-left:5px;
}
body .med-selectpicker .dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:170px !important;
    margin-left:5px;
}
.timeline-badge .material-icons {
    line-height: 50px;
}
#simulation-result .timeline.timeline-simple:before{
    display: none;
}

.select-offer-to-quote .no-results{
    display:none;
}

div#txt p {
    margin-bottom: 0;
}
div#txt *, div#txt {
    color: #000 !important;
    font-weight: initial;
    font-style: normal;
    font-size: 12px;
    line-height:1.4;
}

.step .btn{
    text-transform: inherit !important;
}

.etape input{
    max-width:220px;
}

.gj-timepicker-md {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1;
    color: rgba(0,0,0,.87);
    margin-top: -35px;
    height: 34px;
    display: none;
    width:34px;
    margin-right: 1px;
    position: relative;
    float: right;
}
.picker.gj-textbox-md {
    width: 34px;
    height: 34px;
    border:none;
    display: block;
    font-size: 0;
    /* position: relative; */
}
gj-timepicker{
    display: none !important;
}
.step.active .gj-timepicker{
    display: block !important;
}

body .etape .form-group .dropdown.bootstrap-select {
    /*width: 90px !important;*/
    /*width: calc(100% - 44px) !important;*/
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f08f00;
    border-color: #804c00;
}

.select-date-icon {
    position: absolute;
    right: 5px;
    top: 31px;
    font-size: 16px;
    color: #000;
    pointer-events: none;
    cursor: pointer;
}

@media (min-width:1200px){
    .d-desktop-block{
        display:block;
    }
    .d-desktop-none{
        display:none;
    }
}

@media (max-width: 991px){
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px !important;
    }
}
@media (max-width:1500px){

}

.active.step .chose_type_selector a:focus {
    box-shadow: 0px 0px 5px rgba(233,30,99,.8);
}
button.add-template.btn.btn-link.text-info:focus {
    text-decoration: underline !important;
}
button.add-template.btn.btn-link.text-info:focus {
    box-shadow: 0 0 6px 0px rgba(0, 149, 255, 0.4);
}

/*footer.footer{display:none !important}*/

/**Sélecteur de calendrier dans calendar-list**/
[data-id="calendar"] {
    min-width: 200px;
}

[data-action="delete"]{
    display: none !important;
}

pre {outline: 1px solid #ccc; padding: 5px; margin: 5px;
    font-size: 15px;
    line-height: 1.6; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }
.full-width-select{
    width:480px;
}
.full-width-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:100% !important;
}

[data-input] p label.text-rose, [data-input] p label{
    font-weight: 300;
    padding-left: 0;
    margin: 0;
    color:#3C4858;
    font-size: 14px;
    line-height: 1.5em;
}

.popover-body {
    padding: 10px;
}

.text-info {
    color: #0092cc!important;
}

button#add-etape {
    margin-left: 0px;
}

.modal-xl{
    width:1200px;
    max-width:100%;
}

.modal-xl .card-title small {
    font-size: 70%;
}
.modal-xl .card .card-header .card-title{
    margin-bottom: 0;
}

.nav-pills .nav-item .nav-link.active {
    color: #3C4858;
    background-color: #ffffff;
    box-shadow: none;
}
.nav-pills .nav-item .nav-link{
    font-weight: 300;
    text-transform: inherit;
    font-size: 14px;
}

td.plusNext, td.equalNext {
    position: relative;
}
td.plusNext::after {
    content: '+';
    position: absolute;
    right: -3px;
    top: 5px;
    color: #c7c7c7;
    font-weight: 500;
}
td.equalNext::after {
    content: '=';
    position: absolute;
    right: -4px;
    top: 5px;
    color: #c7c7c7;
    font-weight: 500;
}

.timeline-info::before, .timeline-info::after{
    display:none !important;
}
.timeline-info {
    width: inherit !important;
    float: none !important;
    margin-left: 14% !important;
    display: inline-block !important;
}

.modal-content .card-collapse .card-header a[aria-expanded=true] i{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.timeline-inverted .card .tab-content>.active {
    display: flex;
}

.timeline-panel .nav-tabs .nav-item .nav-link {
    color: #333 !important;
}

.timeline .nav-tabs .nav-item .material-icons {
    transform: initial !important;
    float: inherit !important;
    margin: 0 !important;
    margin-top: -10px !important;
}

.btn.btn-xs.btn-fab .material-icons {
    font-size: 14px;
    line-height: 20px;
}
.btn.btn-xs.btn-fab {
    height: 20px;
    min-width: 20px;
    width: 20px;
    font-size: 14px;
}
.form-check-solo{
    height: 20px;
    padding: 0;
    margin: 0;
}
.form-check-solo .form-check-label{
    position: absolute;
    height: 20px;
    top: 2px;
    left: 2px;
}
.dropdown.bootstrap-select.select-offer-to-quote {
    width: 125px !important;
}

.modal .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background: none;
    padding: 12px 10px !important;
    margin: 0;
    height: 40px;
    border: 1px solid #CCC !important;
}
.modal .bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background: none;
    padding: 10px 10px !important;
    margin: 0;
    height: 36px;
    border: 1px solid #CCC !important;
}

.bootstrap-select .btn.dropdown-toggle.select-with-border {
    background: none;
    padding: 10px 10px !important;
    margin: 0;
    height: 36px;
    border: 1px solid #CCC !important;
}

[sh-include-html="calendarForm"] .bmd-form-group .form-control[readonly]{
    border:none !important;
    background:none !important;
}

.form-control-simple[readonly]{
    border:none !important;
    background:none !important;
}

button.btn[data-toggle="modal"] {
    margin-top: -4px;
}
button.btn.btn-sm[data-toggle="modal"] {
    margin-top: -1px;
}
.main-panel>.content {
    margin-top: 30px;
    margin-top: 10px;
}

@media (max-width:771.67px) {
    .form-control-border .bmd-form-group .form-control {
        font-size: 14px;
        max-width: 100% !important;
    }
    .waiting_time_block{
        width:200px !important;
    }
    .waiting_time_block_container{
        width:100%;
    }
}

.showIfReuseAllowed{display:none}

.form-check.text-right .form-check-label{
    padding-right: 25px !important;
}
.form-check.text-right .form-check-label span{
    left:inherit;
    right:-1px;
    padding-right: 0;
}

td.text-muted {
    color: #a8a8a8 !important;
}

.fc-resource .fc-datagrid-cell-main{
    font-size:0;
}
.fc-resource .fc-datagrid-cell-main a{
    font-size:14px;
}

.fc .fc-view-harness{
    max-height:60vh;
}

.bg-turquoise{
    background-color:#1ab394 !important;
}


@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.btn.btn-fab.btn-sm.btn-mini .material-icons{
    font-size: 14px;
    line-height: 20px;
}
.btn.btn-fab.btn-sm.btn-mini{
    height:20px;
    width:20px;
    min-width:20px;
}

#filterData .form-group, #filterData .btn, #filterData label{
    margin-bottom: 0 !important;
}
#filterData .form-group{
    padding-bottom: 0 !important;
}

.btn.btn-sm{
    height:29px;
    margin-top: 0 !important;
}

/*.animated-background {*/
/*    animation-duration: 1.25s;*/
/*    animation-fill-mode: forwards;*/
/*    animation-iteration-count: infinite;*/
/*    animation-name: placeHolderShimmer;*/
/*    animation-timing-function: linear;*/
/*    background: #F6F6F6;*/
/*    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);*/
/*    background-size: 800px 104px;*/
/*    height: 96px;*/
/*    position: relative;*/
/*}*/
.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, rgba(0,0,0,0.06) 8%, rgba(0,0,0,0.033) 18%, rgba(0,0,0,0.06) 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}
.bootstrap-select .dropdown-item.active {
    background: #ec407a;
    color: #fff !important;
}
.text-line {
    height: 10px;
    width: 100%;
    min-width:120px;
    margin: 4px 0;
}

input[type="radio"] + .form-check-sign > .check.bg-secondary{
    background-color: #fff !important;
}
input[type="radio"]:checked + .form-check-sign > .check.bg-secondary{
    background-color: #6c757d!important;
}

#dashboard-2 > .card{
    overflow:auto;
}

.hide-add-users .btn.dropdown-toggle.btn-light{
    display:none !important;
}
.hide-add-users .bootstrap-select{
    width: auto !important;
}
.hide-add-users .bootstrap-select>select{
    position:relative !important;
    height : calc(2.125rem + 2px) !important;
    left:0 !important;
    width:auto !important;
    opacity:1 !important;
    padding: 5px 8px !important;
}
.card-footer, .card-header {
    padding: .9375rem 20px;
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: calc(100% - 1.75rem - 2%);
    }
}
@media (min-width: 992px){
    .modal-lg {
        max-width: 800px;
    }
}


.only-print{display:none !important}
@media (min-width: 1200px){
    .col-dash-6 {
        flex: 0 0 50%;
        max-width: 100%;
    }
}

@media (max-width:991.667px){
    #notifications-list{height:auto !important}
}
.mini-table{
    width:100%;
}
.table-mini tr{
    border-top:1px solid #CCC;
    font-size: 12px;
}
.table-mini .form-check .form-check-sign .check:before {
    position: absolute;
    content: "";
    transform: rotate(
            45deg);
    display: block;
    margin-top: -6px;
    margin-left: 5px;
    width: 0;
    color: #fff;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    animation: checkboxOff .3s forwards;
}
.table-mini .form-check .form-check-sign .check {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0,0,0,.54);
    overflow: hidden;
    z-index: 1;
    border-radius: 3px;
}
.table-mini .form-check .form-check-sign:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: rgba(0,0,0,.84);
    height: 10px;
    width: 10px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    top: 0;
    -webkit-transform: scale3d(2.3,2.3,1);
    -moz-transform: scale3d(2.3,2.3,1);
    -o-transform: scale3d(2.3,2.3,1);
    -ms-transform: scale3d(2.3,2.3,1);
    transform: scale3d(2.3,2.3,1);
}

#modalShowTrajet{
    z-index:1000000;
}

#outputVM { height: 600px; }
#fullMap { height: 600px; }

.nav-link {
    padding: 0.4rem 1rem;
}
.sidebar .nav li .dropdown-menu a, .sidebar .nav li a {
    margin: 5px 15px 0 !important;
    font-weight: 300;
}

.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a i, .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a i {
    font-size: 24px;
    line-height: 20px;
    width: 26px;
}
.sidebar .nav i {
    font-size: 24px;
    line-height: 20px;
}
.sidebar .nav p {
    margin: 0;
    line-height: 21px;
    font-size: 13px;
    position: relative;
    display: block;
    height: auto;
    white-space: nowrap;
    text-transform: none;
    font-weight: 300;
}

.btn.fc-event {
    margin-top: 0 !important;
    color: #fff;
    background-color: #999;
    border-color: #999;
    box-shadow: 0 2px 2px 0 rgb(153 153 153 / 14%), 0 3px 1px -2px rgb(153 153 153 / 20%), 0 1px 5px 0 rgb(153 153 153 / 12%);
}
.btn.fc-event:hover {
    box-shadow: 0 14px 26px -12px rgb(153 153 153 / 42%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(153 153 153 / 20%) !important;
    color: #fff;
    background-color: #919191;
    border-color: #7a7a7a;
}

#navbar {
    margin-bottom: -20px;
    margin-top: 5px;
    position: relative !important;
}
#navbar .nav-link.active{
    color:#1d1d1d;
}
.main-panel>.content {
    margin-top: 0;
    padding-top: 10px;
}
#minimizeSidebar{
    z-index: 10;
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: #6c6c6c;
}

.underlined{
    text-decoration: underline !important;
}

.reutilisation-th{
    display: none !important;
}
.reutilisation-th.visible{
    display: block !important;
}

.fc .fc-toolbar-title {
    font-size: 1.4rem;
    margin: 0;
}
.input-coeff .form-group{
    position: relative;
}
.input-coeff input{
    padding-left: 15px !important;
}
.input-coeff .form-group::before {
    content: 'x';
    position: absolute;
    left: 20px;
    bottom: 22px;
    color:#666;
}

.table-print, .table-print td, .table-print th {border: 1px solid #333;}
@media print{
    [class*="col-"]{width:100% !important;max-width:100%;display:block !important;flex:none;text-align:left !important;}
    .row{display:block !important}
    .modal{position:relative !important}
    .modal .modal-dialog{margin-top:0 !important}
    .print-page-break { page-break-before: always; } /* page-break-after works, as well */
    .only-print{display:block !important;}
    .wrapper {display: none !important}
    .material-icons{display: none !important}
    .modal-open{overflow: auto !important}
    .collapse{display:block !important;}
    .tab-content>.tab-pane{display:block !important;}
    .timeline-info{margin-left:0 !important}
    .timeline>li>.timeline-badge{display:none !important}
    .timeline.timeline-simple>li>.timeline-panel{width:100% !important;padding:0 !important;}
    .timeline-heading{text-align:left !important}
    #collapseFour>div, .card-body.p-3.tab-content,.p-3.small.form-group.bmd-form-group.text-left.bg-grey{padding:0 !important}
    .tab-content>.tab-pane.no-print{display:none !important;}
    .no-print{display: none !important}
    .btn{display:none !important}
    .card-collapse .card-header{border:none !important}
    #offerForm table{font-size:80%}
    body, td.text-muted, .badge, .text-gray, .grey-light{color:#000 !important;font-family:Arial}
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    border-radius: 25px;
    background-color: #999;
    padding: 15px;
    margin-top: -20px;
    margin-right: 15px;
    float: left;
}

input[data-enable-if][disabled] {
    background-color: #ccc!important;
}

.form-check .form-check-input[disabled]~.form-check-sign .check {
    border-color: #ccc;
    opacity: 0.4;
    background-color: #ccc;
}
.ct-chart {
    line-height: 1.1;
}

.ct-chart .ct-series-a .ct-slice-pie {
    fill:#26c6da!important;
}
.ct-chart .ct-series-b .ct-slice-pie {
    fill:#ffa726!important;
}
.ct-chart .ct-series-b .ct-slice-pie {
    stroke: none!important;
}
.prout {
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    background-color: #26c6da;
    border-radius: 15px;
}
.prout-1 {
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    background-color: #ffa726;
    border-radius: 15px;
}

#stats-content .col-xl-6 .card-chart {
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
}
.role-1 th[data-only-for-admin], .role-2 th[data-only-for-admin] {
    display: table-cell;
}

.bg-success-light{
    background-color:#e4ffe5 !important;
}

.step .segment-options [disabled]{
    opacity:0.4 !important;
}

/* Changement des styles de la messagerie */

.conversationForm .timeline.timeline-simple:before, #conversationForm2 .timeline.timeline-simple:before {
    display: none!important;
}

.conversationForm .timeline.timeline-simple>li>.timeline-panel, #conversationForm2 .timeline.timeline-simple>li>.timeline-panel  {
    width: 100%!important;
}

.conversationForm .timeline>li.timeline-inverted>.timeline-panel:before, .timeline>li.timeline-inverted>.timeline-panel:after, #conversationForm2 .timeline>li.timeline-inverted>.timeline-panel:before, .timeline>li.timeline-inverted>.timeline-panel:after {
    display: none!important;
}

#notifications-list {
    max-height: 430px;
}

@media (min-width: 768px){
    .dropdown-menu li>button {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

    .dropdown-menu li>button {
        outline:none;
        cursor: pointer;
        border: none;
        box-sizing: border-box;
        background: transparent;
        width: calc(100% - 0.625rem);
        display: flex;
        flex-flow: nowrap;
        align-items: center;
        color: #333;
        font-weight: 400;
        text-decoration: none;
        font-size: .8125rem;
        border-radius: 0.125rem;
        margin: 0 0.3125rem;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
        min-width: 7rem;
        padding: 0.625rem 1.25rem;
        overflow: hidden;
        line-height: 1.428571;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }

.dropdown-menu button:active, .dropdown-menu button:focus, .dropdown-menu button:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);
    background-color: #ec407a;
    color: #FFF;
}

.chartist-tooltip {
    z-index: 666!important;
    background: #FFFFFF!important;
}

.chartist-tooltip:before {
    border-top-color: #fff!important;
}


#simulation_form.v2 .label-simulation{
    color:#666 !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}

.rotate-45{
    transform:rotate(45deg) !important;
}

.bootstrap-select .btn.dropdown-toggle.select-with-border {
    background: none;
    padding: 8px 10px !important;
    margin: 0;
    height: 36px;
    border: 1px solid #D2D2D2 !important;
    font-size: 14px;
}

.ui-sortable-helper, .ui-sortable-placeholder{
    height:80px;
    width:100%;
    opacity: 0.4;
}

.move-intra-etape{
    cursor:move !important;
}

.button-spoiler .fa {
    font-size: 8px !important;
    position: relative;
    top: -2px !important;
}

.button-spoiler .fa {
    font-size: 8px !important;
    position: relative;
    top: -2px !important;
    transition:transform 0.3s;
}

.button-spoiler.button-spoiler-open .fa{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.etape-actions .dropdown-toggle::after {
    display:none !important;
}
.etape-actions .dropdown-menu {
    /*left: auto !important;*/
    left: 100% !important;
    /*right: calc(100% + 5px) !important;*/
    top: 0 !important;
    margin-top: 0;
    transform-origin: left top !important;
}

.etape .filter-option-inner-inner {
    text-transform: initial;
    color: #ec407a;
}

.intra-etapes .bootstrap-select{
    width:120px !important;
}

input[type="time"].simple-time::-webkit-calendar-picker-indicator {
    background: none;
    display:none;
}

.unsortable .move-intra-etape{
    visibility:hidden !important;
}

.button-spoiler.active::before {
    content: '\f071';
    color: #e91e63;
    font-family: 'FontAwesome';
    padding: 4px;
}

#simulation_form.v2 .form-control {
    font-size: 15px;
    color:#ec407a !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.select-hour .bootstrap-select{
    width:55px !important;
}

#simulation_form.v2 .btn.btn-sm.btn-info-text{
    font-size: .83rem;
    text-transform: inherit;
}

.remove-etape {
    position: absolute;
    top: 31px;
    left:40px;
}
.remove-inter-etape {
    position: absolute;
    top: 31px;
    left:40px;
}
.etape[data-type="etape"],
.etape[data-type="retour_identique"],
.inter-etape[data-type],
.etape[data-type="mise_a_disposition"],
.etape[data-type="depot_quote"]{
    margin-top: -77px;
}

.pac-container {
    width: 600px !important;
    max-width: 80vw;
}

.timeline>li.li-grey>.timeline-panel:before {
    border-right: 15px solid #949494;
    border-left: 0 solid #949494;
}

.timeline>li.li-success>.timeline-panel:before {
    border-right: 15px solid #4caf50;
    border-left: 0 solid #4caf50;
}

.timeline>li.li-warning>.timeline-panel:before {
    border-right: 15px solid #ff9800;
    border-left: 0 solid #ff9800;
}

.timeline>li.li-info>.timeline-panel:before {
    border-right: 15px solid #00bcd4;
    border-left: 0 solid #00bcd4;
}

#simulation-result .start_address {
    background: url(../../assets/img/pin.png) no-repeat 6px 0px;
    background-size: 40px auto;
    padding-left: 45px;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23ea2c6d"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>');
}
#simulation-result .end_address {
    background: url('../../assets/img/pin.png') no-repeat right 0px;
    background-size: 40px auto;
    padding-right: 45px;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23ea2c6d"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>');
}

.text-grey{
    color:#949494 !important;
}

.no-before .timeline-panel::before{
    display:none !important;
}

.popover {
    transition: opacity,transform .2s ease;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-size: .875rem;
    opacity:0;
}
.popover.show {
    transform: translate3d(0,5px,0);
    opacity: 1;
    z-index: 100000000000000;
}

.su-note-inner {
    padding: 1em;
    border-width: 1px;
    border-style: solid;
}

#datatables_creneaux th{
    font-size:14px;
}

#faq-content .h1, #faq-content h1 {
    font-size: 2rem;
    line-height: 1.15em;
}
#faq-content .su-note-inner {
    padding: 1em;
    border-width: 0px;
    border-style: solid;
    margin: 10px;
}
#faq-content li {
    margin-bottom: 5px;
}
#faq-content .h2, #faq-content h2 {
    font-size: 2rem;
}
#faq-content .h3, #faq-content h3 {
    font-size: 1.5rem;
    margin: 20px 0 20px;
    color: #888;
}
#faq-content .h4, #faq-content h4 {
    font-size: 1.3rem;
    margin: 20px 0 20px;
    color: #888;
}
#faq-content, #historique-content {
    background: #fff;
    padding: 40px;
}
#faq-content td {
    padding: 10px;
}
@media (max-width:900px){
    .mobile-scroll{
        overflow:auto;
        margin-bottom: 20px;
    }
}

/*Nouveau design*/

.design-v2 #simulation_form.v2 #advanced_container .filter-option-inner, #simulation_form.v2 #advanced_container .form-control {
    color: #3c4858 !important;
}
.design-v2 .label-text-grey{
    color : #3C4858!important;
}


.design-v2 .btn-dark + .dropdown-menu .dropdown-item:focus,
.design-v2 .btn-dark + .dropdown-menu .dropdown-item:hover,
.design-v2 .btn-dark + .dropdown-menu a:active,
.design-v2 .btn-dark + .dropdown-menu a:focus,
.design-v2 .btn-dark + .dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
    background-color: #2c3e50;
    color: #FFF;
    cursor: pointer;
}
.design-v2 .btn-dark + .dropdown-menu .dropdown-item:focus .text-muted,
.design-v2 .btn-dark + .dropdown-menu .dropdown-item:hover .text-muted,
.design-v2 .btn-dark + .dropdown-menu a:active .text-muted,
.design-v2 .btn-dark + .dropdown-menu a:focus .text-muted,
.design-v2 .btn-dark + .dropdown-menu a:hover .text-muted{
    color:#cfcfcf !important;
}

.design-v2 .btn-dark + .dropdown-menu .dropdown-item,
.design-v2 .btn-dark + .dropdown-menu li>a{
    width:calc(100% - 10px)
}

[data-toggle="popover"]{
    cursor:help;
}

.design-v2 .sidebar .nav li.active > a{
    background-color: rgba(200, 200, 200, .2) !important;
    color: #FFF !important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0, 0, 0, 0.4) !important;
}



.design-v2 #header-tab-content .card-header, .design-v2 .header-tab-content .card-header{
    overflow: hidden;
    background: #000 !important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
}
.design-v2 #header-tab-content .card-header::before, .design-v2 .header-tab-content .card-header::before {
    content: '';
    background-image: url("../img/bus.jpg");
    background-color: #000;
    background-position: 0 -20px;
    background-repeat: no-repeat;
    background-size: 1920px 1080px;
    background-attachment: fixed;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    opacity: 0.3;
}
.design-v2 #header-tab-content .card-header::after, .design-v2 .header-tab-content .card-header::after {
    content: '';
    background: #000000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    opacity: 1;
}
.design-v2 #header-tab-content .nav-tabs-navigation, .design-v2 .header-tab-content .nav-tabs-navigation {
    position: relative;
    z-index: 1;
}
.design-v2 .sidebar-background{
    background-image: url("../img/bus.jpg") !important;
    background-color: #000 !important;
    background-position: 0 -20px !important;
    background-repeat: no-repeat !important;
    background-size: 1920px 1080px !important;
    background-attachment: fixed !important;
}
.design-v2 .sidebar-background::before {
    content: '';
    background: linear-gradient(360deg, black, transparent);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    z-index: 0;
}
.design-v2 .sidebar-background {
    opacity: .3 !important;
}
.design-v2 .sidebar-background::after{
    display: none !important;
}

.design-v2 h4.card-title {
    position: relative;
    z-index: 10;
    margin: 0 !important;
}


.design-v2 .tooltip a:not(.btn),
.design-v2 .popover a:not(.btn),
.design-v2 .dataTable a:not(.btn),
.design-v2 #faq-content a:not(.btn),
.design-v2 .modal a:not(.btn),
.design-v2 #table_billings_edit a:not(.btn),
.design-v2 #demande_resume a:not(.btn),
.design-v2 .offers-repeater a:not(.btn){
    color: #1e1e1e !important;
    font-weight: 400;
    font-weight: 500;/*Readability*/
}

.design-v2 .dataTable a:not(.btn),
.design-v2 .offers-repeater a:not(btn){
    text-decoration: none;
}
.design-v2 .dataTable a:not(.btn):hover,
.design-v2 #faq-content a:not(.btn):hover,
.design-v2 #demande_resume a:not(.btn):hover,
.design-v2 #table_billings_edit a:not(.btn):hover,
.design-v2 .popover a:not(.btn):hover,
.design-v2 .offers-repeater a:not(btn):hover {
    color: #000000 !important;
    text-decoration: underline;
}

.design-v2 .form-check label,
.design-v2 .text-info,
.design-v2 .text-rose{
    color: #1e1e1e !important;
    font-weight: 400;
}

.design-v2 .btn.btn-primary, .swal2-modal .btn.btn-success, .swal2-modal .btn.btn-delete {
    color: #fff !important;
    background-color: #1c2125 !important;
    border-color: #1c2125 !important;
    border: 1px solid #000!important;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12)!important;
}
.design-v2 .btn.btn-primary:active,
.design-v2 .btn.btn-primary:focus,
.design-v2 .btn.btn-primary:hover,
.design-v2 .swal2-modal .btn.btn-success:active,
.design-v2 .swal2-modal .btn.btn-success:focus,
.design-v2 .swal2-modal .btn.btn-success:hover,
.design-v2 .swal2-modal .btn.btn-delete:active,
.design-v2 .swal2-modal .btn.btn-delete:focus,
.design-v2 .swal2-modal .btn.btn-delete:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 0, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)!important;
}

.design-v2 .bootstrap-select .dropdown-item.active {
    background: #1c2125;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12);
    color: #fff !important;
}
.design-v2 .dropdown-menu .dropdown-item:focus,
.design-v2 .dropdown-menu .dropdown-item:hover,
.design-v2 .dropdown-menu a:active,
.design-v2 .dropdown-menu a:focus,
.design-v2 .dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .4);
    background-color: #1c2125;
    color: #FFF;
}

.design-v2 .form-control-border .form-control,
.design-v2 .form-control-border .is-focused .form-control {
    background-image: linear-gradient(to top, #C62828 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 0px, rgba(210, 210, 210, 0) 0px);
}

.design-v2 .bg-primary {
    background-color: #1c2125 !important;
}
.design-v2 .text-content a {
    color: #1c2125 !important;
}
.design-v2 .footer a {
    color: #1c2125 !important;
}
.design-v2 .footer a:hover {
    text-decoration: underline;
}

.design-v2 .togglebutton label input[type=checkbox]:checked+.toggle {
    background-color: rgba(28, 33, 37, .8);
}
.design-v2 .togglebutton label input[type=checkbox]:checked+.toggle:after {
    border-color: #1c2125;
}

.design-v2 .card-collapse .card-header a:active,
.design-v2 .card-collapse .card-header a:hover,
.design-v2 .card-collapse .card-header a[aria-expanded=true] {
    color: #1c2125;
}

.design-v2 .form-check .form-check-label .circle .check {
    background-color: #1c2125;
}
.design-v2 .form-check .form-check-input:checked~.circle {
    border-color: #1c2125;
}

.design-v2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: #1c2125 !important;
}

.design-v2 #simulation_form.v2 .form-control{
    color:#1c2125 !important;
}


.design-v2 #header-tab-statut-conv .btn.btn-info {
    color: #fff;
    background-color: #1c2125;
    border-color: #1c2125;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.design-v2 #header-tab-statut-conv .btn-info:hover{
    background-color: #272d33;
    border-color: #272d33;
}
.design-v2 #header-tab-statut-conv .btn-info:not(:disabled):not(.disabled).active,
.design-v2 #header-tab-statut-conv .btn-info:not(:disabled):not(.disabled):active,
.design-v2 #header-tab-statut-conv .show>.btn-info.dropdown-toggle {
    background-color: #343c42;
    border-color: #343c42;
}

.design-v2 #header-tab-statut-conv .btn.btn-info.active.focus,
.design-v2 #header-tab-statut-conv .btn.btn-info.active:focus,
.design-v2 #header-tab-statut-conv .btn.btn-info.active:hover,
.design-v2 #header-tab-statut-conv .btn.btn-info:active.focus,
.design-v2 #header-tab-statut-conv .btn.btn-info:active:focus,
.design-v2 #header-tab-statut-conv .btn.btn-info:active:hover,
.design-v2 #header-tab-statut-conv .open>.btn.btn-info.dropdown-toggle.focus,
.design-v2 #header-tab-statut-conv .open>.btn.btn-info.dropdown-toggle:focus,
.design-v2 #header-tab-statut-conv .open>.btn.btn-info.dropdown-toggle:hover,
.design-v2 #header-tab-statut-conv .show>.btn.btn-info.dropdown-toggle.focus,
.design-v2 #header-tab-statut-conv .show>.btn.btn-info.dropdown-toggle:focus,
.design-v2 #header-tab-statut-conv .show>.btn.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #374048;
    border-color: #374048;
}

.design-v2 .card .card-header-rose .card-icon,
.design-v2 .card .card-header-rose .card-text,
.design-v2 .card .card-header-rose:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
}
.design-v2 .card .card-header-rose .card-icon,
.design-v2 .card .card-header-rose .card-text,
.design-v2 .card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.design-v2 .card.bg-rose, .card.card-rotate.bg-rose .back,
.design-v2 .card.card-rotate.bg-rose .front {
    background: #2b2d31;
}

.design-v2 .nav-pills.nav-pills-info .nav-item .nav-link.active,
.design-v2 .nav-pills.nav-pills-info .nav-item .nav-link.active:focus,
.design-v2 .nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #1c2125;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .4);
    color: #fff !important;
}

.design-v2 .modal:not(#simulation-result) .text-rose{
    color:#C62828 !important;
}
.design-v2 .modal .form-check-label{
    font-weight: 300 !important;
    font-weight: 400 !important;
}
.design-v2 .modal input{
    background-color:#FFF !important;
}

.design-v2 .btn.btn-outline-secondary{
    padding-top:11px;
    padding-bottom:11px;
}

.design-v2 .btn.btn-outline-success,
.design-v2 .btn.btn-outline-danger,
.design-v2 .btn.btn-outline-warning,
.design-v2 .btn.btn-outline-primary,
.design-v2 .btn.btn-outline-secondary,
.design-v2 .btn.btn-outline-info{
    background: #FFF;
}

.design-v2 .alert.alert-primary {
    background-color: #2b2b2e;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .4);
}
.design-v2 .badge-primary {
    background-color: #2b2b2e;
}
.design-v2 .alert a{
    text-decoration: underline;
    color:#000;
}
.design-v2 .alert span {
    display: block;
    max-width: 100%;
    white-space: nowrap;
}

.design-v2 .sidebar .nav .caret {
    margin-top: 8px;
    position: absolute;
    right: 6px;
}

.design-v2.generic-settings #genericSettingsForm .form-group.changed .text-rose{
    color:#1c2125 !important;
}

.design-v2 .card .card-header-rose-1 {
    background: #1c2125 !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgb(0 0 0 / 40%) !important;
}

.design-v2 .etape .filter-option-inner-inner {
    color: #3c4858 !important;
}

.design-v2 .form-check .form-check-sign .check{
    background:#FFF;
}
#affichage_container > div{
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1), 0 7px 10px -5px rgb(0 0 0 / 20%) !important;;
}
#affichage_container > div::after{
    content:'';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    right: 21px;
    top:0;
}

/*.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
    font-size: .875rem;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    color: #3C4858;
    font-weight: 300;
}*/
input#search_in_datatable {
    min-width: 210px;
}

#bulk_actions{
    z-index: 1;
    background:#eee;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display:none;
}
#bulk_actions.active{
    position: sticky;
    bottom:0;
    display:flex;
    animation: bulkIn 110ms ease-out;
}
@keyframes bulkIn {
    from { transform: translateY(12px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

#bulk_actions .btn.disabled, #bulk_actions .btn:disabled {
    opacity: .4;
}

.validation-error{
    color: #f44336;
    margin-top: -0.7rem;
    z-index: 1;
    position: relative;
}

.pagination>.page-item>.page-link, .pagination>.page-item>span, label, div#datatables_info {
    color: #4F4F4F; /*Readability*/
}
.btn, .btn.btn-default{
    background-color: #898989; /*Readability*/
    border-color: #898989; /*Readability*/
}
th.sorting_asc, th.sorting_desc {
    font-weight: 500 !important;
}

#bulkAction + .select2{
    box-shadow: 0px 1px 4px #c5b4b4 !important;/*Readability*/
}
#filterData .select2 .select2-selection {
    border: 1px solid #acacac !important;
    background: #FFF !important;
    border-radius: .2rem !important;
}
#filterData .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #FFF transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -3px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
#filterData .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    background: #000;
    border-radius: 0 .2rem .2rem 0;
    transition: background 0.2s;
}
#filterData .select2-container--default:hover .select2-selection--single .select2-selection__arrow {
    background: #393939;
}

#filterData input#search_in_datatable, #filterData input.search_in_datatable {
    height: 30px;/*Readability*/
    background-image: linear-gradient(to top, #ec407a 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 0px, rgba(255, 255, 255, 0) 0px);/*Readability*/
    border: 1px solid #acacac;/*Readability*/
    background-color: #FFF !important;/*Readability*/
}

span#select2-bulkAction-container {
    font-size: 0.9rem;/*Readability*/
}

.design-v2 a:not(.btn).text-muted{
    color:#3C4858 !important;/*Readability*/
    font-weight:400;/*Readability*/
}

.design-v2 table.dataTable#datatables thead .sorting_asc:before, .design-v2 table.dataTable#datatables thead .sorting_desc:after {
    display: inline-block !important;/*Readability*/
    position: relative;/*Readability*/
    top: 3px;/*Readability*/
    right: 0;/*Readability*/
}

.design-v2 table.dataTable#datatables thead .sorting_asc:after, .design-v2 table.dataTable#datatables thead .sorting_desc:after {
    display: inline-block !important;/*Readability*/
    position: relative;/*Readability*/
    top: -1px;/*Readability*/
    right: -3px;/*Readability*/
    opacity: 1;/*Readability*/
    content: 'south';/*Readability*/
    font-size: 14px;/*Readability*/
    vertical-align: bottom;/*Readability*/
}
.design-v2 table.dataTable#datatables thead .sorting_asc:after {
    content: 'north';/*Readability*/
}
.design-v2 table.dataTable#datatables thead .sorting_asc:before{
    display: none !important;/*Readability*/
}

.design-v2 .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;/*Readability*/
}

.design-v2 .navbar .collapse .navbar-nav .nav-item .nav-link{
    transition:all 0.25s ease;/*Readability*/
}
.design-v2 .navbar .collapse .navbar-nav .nav-item .nav-link:hover{
    color:#000;/*Readability*/
}

input#search_in_datatable {
    min-width: 230px;/*Readability*/
}

.repeater-header{
    padding-top:10px;
    padding-bottom:10px;
    background:#FFF;
    position:sticky;
    top:0;
    z-index:10;
}
.repeater-header::after{
    content:'';
    display:block;
    position: absolute;
    bottom:0;
    left:15px;
    right:15px;
    border-bottom: 1px solid #CCC;
}

.change-card-disabled span, .change-card-disabled input, .change-card-disabled label, .change-card-disabled button.btn.dropdown-toggle{
    opacity:0.6 !important;
}
.change-card-disabled:hover span, .change-card-disabled:hover input, .change-card-disabled:hover label, .change-card-disabled button.btn.dropdown-toggle:hover{
    opacity:0.8 !important;
}
.change-card{
    position:relative;
}
.change-card-info{
    position:absolute;
    left: 1.5rem;
    top:6px;
    font-size:14px;
}
.change-card-disabled .change-card-info::before {
    content: 'close';
    font-family: 'Material Icons';
    color: #f44336;
    font-size: 22px;
    position: relative;
    top: 6px;
}
.change-card-disabled{
    background: #f5f5f5;
}
.change-card-enabled{
    background: #ffffff;
}
.change-card-enabled .change-card-info::before{
    content:'done';
    font-family: 'Material Icons';
    color:#4caf50;
    font-size: 22px;
    position: relative;
    top: 6px;
}
.change-card-checkbox{
    position: absolute;
    top:1rem;
    right:1.5rem;
}


.change-card-checkbox input[type=checkbox], .change-card-checkbox input[type=radio]{
    height: 0;
    width: 0;
    visibility: hidden;
    display:none;
}

.change-card-checkbox label {
    cursor: pointer;
    text-indent: -9999px;
    width: 30px;
    height: 15px;
    background: grey;
    display: block;
    border-radius: 15px;
    position: relative;
}

.change-card-checkbox label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #fff;
    border-radius: 10px;
    transition: 0.3s;
}

.change-card-checkbox input:checked + label {
    background: #bada55;
}

.change-card-checkbox input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.change-card-checkbox label:active:after {
    width: 5px;
}


.radio-card{
    padding:1.5rem;
    border-radius: 6px;
    background:#f5f5f5;
    transition:all 150ms cubic-bezier(.694, .0482, .335, 1);
    cursor:pointer;
    height: 100%;
}
.radio-card-header *{
    cursor:pointer;
}
.radio-card.active, .radio-card:hover{
    box-shadow: 0 .9px 4px rgba(0,0,0,0.08),0 2.6px 8px rgba(0,0,0,0.06),0 5.7px 12px rgba(0,0,0,0.05),0 15px 15px rgba(0,0,0,0.04);
    background:#FFF;
}
.radio-card.disabled{
    opacity:0.6;
}

.radio-card-header{
    text-align:left;
}
.radio-card-header .radio-card-radio{
    display:none;
}
.radio-card .radio-card-header label{
    padding-left:0 !important;
    margin-top:0 !important;
}
.radio-card.active .radio-card-header label{
    font-weight:500;
}


.radio-card-header::after{
    content:'close';
    font-family: 'Material Icons';
    font-size:24px;
    display:none;
}
.radio-card.active .radio-card-header::after {
    content: 'east';
    color: #4caf50;
    display: inline-block;
    position: relative;
    top: 4px;
}
.radio-card.active .radio-card-header-medium::after {
    content: 'east';
    color: #4caf50;
    display: inline-block;
    position: relative;
    top: 1px;
    left: 2px;
    font-size: 0.9rem;
}


.radio-card-header::after{
    content:'';
    height:16px;
    width:16px;
    border-radius:4px;
    display:block;
    background:#FFF;
    border:1px solid #838383;
    position: absolute !important;
    right: 30px !important;
    margin-top: -8px;
    top:50% !important;
    left:inherit !important;
    bottom:inherit !important;
}
.radio-card.active .radio-card-header::after{
    content:'';
    background: #FFF;
    border:1px solid #1e1e1e;
}
.radio-card .radio-card-header::before {
    content: 'close';
    font-family: 'Material Icons';
    font-size: 13px;
    display: block;
    position: absolute !important;
    right: 30px !important;
    margin-top: -10px;
    margin-right: 1px;
    top: 50% !important;
    left: inherit !important;
    bottom: inherit !important;
    z-index: 10;
    font-weight: 800;
    color: #808080;
}
.radio-card.active .radio-card-header::before {
    content: 'check';
    font-family: 'Material Icons';
    font-size: 13px;
    display: block;
    position: absolute !important;
    right: 30px !important;
    margin-top: -10px;
    margin-right: 1px;
    top: 50% !important;
    left: inherit !important;
    bottom: inherit !important;
    z-index: 10;
    font-weight: 800;
    color: #00921e;
}
/*
.change-card-enabled{
    border:1px solid #4caf50;
    background: #edfde9;
}*/
.modal-dialog .modal-body {
    padding: 24px 24px 0 24px;
    margin-bottom: 0;
}
.modal-actions {
    position: sticky;
    bottom: 0;
    background: #f8f9fa;
    z-index: 10;
    margin-top: 1rem;
    margin-left: -24px;
    margin-right: -24px;
    border-top: 1px solid #dee2e6 !important;
    padding-bottom:0.5rem;
    padding-top: 0.5rem;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}
.container-fluid .modal-actions{
    margin-left:-39px;
    margin-right:-39px;
}
.modal-actions hr {
    display:none;
}
#calendar_year_modal_copy{
    position:fixed !important;
}

#calendar_form_edit .card-collapse .card-header a i{
    top:0;
}
tr.active td{
    background:#e9ffd8;
}

.nav-pills .nav-item{
    background:#FFF;
}

.modal {
    position: fixed !important;
}

.td-actions {
    display: table-cell !important;
    white-space: nowrap !important;
    font-size: 8px;
}

.design-v2 .dataTable a:not(.btn).badge-icon ,
.design-v2 .dataTable .badge-icon {
    padding: 1px 6px;
    display: inline-block;
    background: #efefef;
    color: #6e6e6e !important;
    border-radius: 20px;
    font-weight: 800;
    transition:all 0.2s;
    white-space: nowrap;
}
.design-v2 .dataTable a:not(.btn).badge-icon:hover{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.44);
    text-decoration: none;
}
.badge-icon > i {
    font-size: 12px;
    position: relative;
    top: -2px;
}
.badge-icon.big-icon > i {
    font-size: 19px;
    position: relative;
    top: 4px;
    margin-top: -10px;
    display: inline-block;
}
.design-v2 .dataTable a:not(.btn).badge-icon.current-year ,
.design-v2 .dataTable .badge-icon.current-year {
    background: #edf7ff;
    color: #325373 !important;
}
.design-v2 .dataTable a:not(.btn).badge-icon:hover{
    background: #e0f1ff;
}
.design-v2 .copy_year_calendar .text-info{
    color:#0092cc!important;
}
.no-wrap{
    white-space: nowrap !important;
}



















.copy-card {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    padding: 15px;
    background: #f5f5f5;
    /* padding-top: 0px; */
    margin-top: 25px;
}
.copy-card .radio-card {
    padding: 1.5rem;
    border-radius: 6px;
    transition: all 150ms
    cubic-bezier(.694, .0482, .335, 1);
    cursor: pointer;
    height: 100%;
    background: #fff;
    border: 1px solid #dedede;
    position: relative;
}
.copy-card .radio-card.active, .radio-card:hover {
    box-shadow: 0 .9px 4px rgba(0, 0, 0, 0.08), 0 2.6px 8px rgba(0, 0, 0, 0.06), 0 5.7px 12px rgba(0, 0, 0, 0.05), 0 15px 15px rgba(0, 0, 0, 0.04);
    background: #FFF;
}
.copy-card .radio-card.active::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 0px;
    transition: all 0.2s;
}
.copy-card .radio-card.active::after {
    height: 6px;
    background: #5dab19;
    border-radius: 0 0 4px 4px;
}
.copy-card .radio-card .radio-card-header::before {
    content: 'close';
    font-family: 'Material Icons';
    font-size: 13px;
    display: block;
    position: absolute !important;
    right: 15px !important;
    margin-top: -10px;
    margin-right: 1px;
    top: 50% !important;
    left: inherit !important;
    bottom: inherit !important;
    z-index: 10;
    font-weight: 800;
    color: #808080;
}
.copy-card .radio-card.active .radio-card-header::before {
    content: 'check';
    font-family: 'Material Icons';
    font-size: 24px;
    display: block;
    position: absolute !important;
    right: 8px !important;
    margin-top: -10px;
    margin-right: 1px;
    top: 50% !important;
    left: inherit !important;
    bottom: inherit !important;
    z-index: 10;
    font-weight: 800;
    color: #00921e;
    /* transform: scale(1.2); */
}

.copy-card .radio-card-header::after {
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 4px;
    display: block;
    background: #FFF;
    border: 1px solid #838383;
    position: absolute !important;
    right: 15px !important;
    margin-top: -8px;
    top: 50% !important;
    left: inherit !important;
    bottom: inherit !important;
    transition: all 0.2s;
}
.copy-card .radio-card.active .radio-card-header::after {
    content: '';
    background: #FFF;
    border: 1px solid #3f3f3f;
    /* transform: scale(1.2); */
}
.copy-card .radio-card.active .radio-card-header label {
    font-weight: 800;
}
.copy-card .radio-card.active .radio-card-header-medium::after {
    color: #4caf50;
    display: inline-block;
    position: relative;
    top: 1px;
    left: 2px;
    font-size: 0.9rem;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    right: 9px !important;
}

.copy-card .radio-card.disabled .radio-card-header::after,
.copy-card .radio-card.disabled .radio-card-header::before{
    display:none !important;
}

.radio-card-header p {
    max-width: calc(100% - 30px);
}










.design-v2 table#datatables>tbody>tr.even {
    position: relative;
    background: #FFF !important;
}
.design-v2 table#datatables.table-hover tbody tr:hover {
    background-color: #f5f5f5 !important;
}

.design-v2 .btn.btn-outline-success, .design-v2 .btn.btn-outline-danger, .design-v2 .btn.btn-outline-warning, .design-v2 .btn.btn-outline-primary, .design-v2 .btn.btn-outline-secondary, .design-v2 .btn.btn-outline-info , .design-v2 .btn.btn-outline {
    background: #FFF !important;
}

.design-v2 .material-icons.looks{
    font-size: 18px;
    vertical-align: sub;
}

.design-v2 .btn-link{
    background:transparent !important;
    /*text-transform: inherit !important;*/
}


tr .btn-ninja{
    visibility: hidden;
}
tr:hover .btn-ninja{
    visibility: visible;
}
.tab-content .tab-pane .td-actions {
    /*vertical-align: middle;*/
    position:relative;
}



.design-v2 .btn-link .text-info.material-icons{
    font-weight: normal;
    color:#0092cc!important;
}

.design-v2 .dropdown-kebab .btn-link, .design-v2 .dropdown-meatball .btn-link{
    text-transform: inherit !important;
}

.design-v2 .dropdown-kebab p {
    font-size: 0.8rem;
    text-align: left;
    padding-left: 1.85rem;
    font-style:italic;
    color: #666;
}

.design-v2 .btn-kebab .material-icons{
    color:#3C4858;
    font-size:28px;
}
.design-v2 .btn-keb[disabled]{
    color: #5d6269;
}
.design-v2 .btn-kebab:focus .material-icons,
.design-v2 .btn-kebab:hover .material-icons{
    color:#000;
}

.design-v2 .dataTable .btn.btn-kebab{
    transition: background 0.2s !important;
    width:40px !important;
    height:40px !important;
    background:#d0d0d000 !important;
}
.design-v2 .dataTable .btn.btn-kebab:focus,
.design-v2 .dataTable .btn.btn-kebab:hover,
#table_billings_edit .btn-kebab:hover,
#table_billings_edit .btn-kebab:focus{
    background: #d0d0d0 !important;
}
#table_billings_edit .btn-kebab{
    background-color: transparent;
    box-shadow: none;
}

.dropdown-kebab {
    position: absolute;
    top:0px;
    right: 40px;
    min-width: 160px;
    padding: 6px 0;
    background:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    transform-origin: top right;
    z-index:10;

    /* caché par défaut avec anim prête */
    visibility: hidden;
    opacity: 0;
    transform: scale(.85);
    pointer-events: none;
    transition:
            opacity .18s ease,
            transform .2s cubic-bezier(.16,1,.3,1),
            visibility 0s linear .2s; /* devient hidden après l'anim */
}

.btn-keb > i {
    vertical-align: baseline;
    margin-left: -1.2rem;
    width: 1.2rem;
    font-size: 1rem;
    position: relative;
    top: 3px;
}

.dropdown-meatball {
    white-space: nowrap;
    position: absolute;
    top: 0px;
    left: 47px;
    min-width: 160px;
    padding: 6px 0;
    background:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    transform-origin: top right;
    z-index:5;

    /* caché par défaut avec anim prête */
    visibility: hidden;
    opacity: 0;
    transform: scale(.85);
    pointer-events: none;
    transition:
            opacity .18s ease,
            transform .2s cubic-bezier(.16,1,.3,1),
            visibility 0s linear .2s; /* devient hidden après l'anim */
}

.dropdown-kebab.is-open,
.dropdown-meatball.is-open{
    visibility: visible;          /* visible immédiatement */
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
    transition:
            opacity .18s ease,
            transform .2s cubic-bezier(.16,1,.3,1),
            visibility 0s;              /* pas de délai sur l’ouverture */
}




.dropdown-kebab .btn-link:hover,
.dropdown-kebab .btn-link:focus,
.dropdown-meatball .btn-link:hover,
.dropdown-meatball .btn-link:focus{
    background-color: #f5f5f5;
    color: #000;
}

@keyframes fadeInLeft {
    /*from { opacity: 0; transform: translate(-5px, 0); }
    to { opacity: 1; transform: translate(0, 0); }*/
    from { opacity: 0; transform: scale(0); }
    to { opacity: 1; transform: scale(1); }
}


/* Style des boutons internes */
.dropdown-kebab .btn-link,
.dropdown-meatball .btn-link{
    display: block;
    width: 100%;
    text-align: left;
    color: #333;
    padding: 6px 15px;
    text-decoration: none;
    background: none;
    border: 0;
    font-size: 0.9rem;
}

.btn-keb{
    display: block;
    width: 100%;
    text-align: left;
    color: #333;
    padding: 6px 30px;
    text-decoration: none !important;
    font-weight:400 !important;
    background: none;
    border: 0;
    cursor:pointer;
    outline:none !important;
    font-size: 0.9rem;
}
.btn-keb.offer-change-status{
    padding: 3px 30px;
}
.btn-keb:hover,
.btn-keb:focus{
    background-color: #d0d0d0;
    color: #000;
}

/* OUVERTURE NORMALE (vers le bas) */
.dropdown-kebab.drop-down {
    top: 0px;
    transform-origin: top right;
}

/* OUVERTURE VERS LE HAUT */
.dropdown-kebab.drop-up {
    bottom: 0px;
    top: auto;
    transform-origin: bottom right;
}

.more_infos {
    position: relative;
}
.more_infos [data-linked-card]{
    display:none;
}
button.close-more_infos {
    font-size: 14px;
    border: none;
    cursor:pointer;
    outline:none;
    background: none;
}
button.close-more_infos::after {
    content:'remove';
    display:inline-block;
    font-family: 'Material Icons';
    font-size:1rem;
    position: relative;
    top: 3px;
}
button.close-more_infos.active::after {
    content:'add';
}
.form-check .form-check-input[readonly]+.form-check-sign .check {
    border: none;
}

.trip_color.text-info{
    color:#0092cc!important;
}


.toggle {
    position: relative;
    box-sizing: border-box;
}
.toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}
.toggle input[type=checkbox]:checked + label:before {
    background: #4BD865;
}
.toggle input[type=checkbox]:checked + label:after {
    left: 23px;
}
.toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 0;
}
.toggle label:before {
    content: "";
    width: 50px;
    height: 29px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    box-sizing: border-box;
    transition: 0.2s ease-in;
}
.toggle label:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: 0.2s ease-in;
}

.design-v2 [name="copy_to_year"] + .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.5625rem;
    line-height: 34px !important;
}

/*Test Design service / modal billing*/
.service-v2 input[name="start_address"], .service-v2 input[name="end_address"], .service-v2 input[name="start_date"], .service-v2 input[name="start_hours"] ,.service-v2 input[name="end_date"], .service-v2 input[name="end_hours"]{
    font-weight: 500!important;
}
.service-v2 .etape[data-type="etape"] input, .service-v2 .etape[data-type="etape"] select, .service-v2 .etape[data-type="etape"] .ou, .service-v2 .etape[data-type="etape"] .filter-option-inner-inner, .service-v2 .etape[data-type="etape"] .select2-selection__rendered,
.service-v2 .etape[data-type="mise_a_disposition"] input, .service-v2 .etape[data-type="mise_a_disposition"] select, .service-v2 .etape[data-type="mise_a_disposition"] .ou, .service-v2 .etape[data-type="mise_a_disposition"] .filter-option-inner-inner, .service-v2 .etape[data-type="mise_a_disposition"] .select2-selection__rendered {
    color: var(--input-etape-text-color) !important;
}
.service-v2 .add-intra-etape:hover {
    box-shadow:0 6px 12px rgba(0,0,0,.175);
}

.modal-right {
    box-shadow: 0 0 15px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease;
}

.modal-right:hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.12);
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
}


.link-hover-icon {
    display: inline-flex; /* garantit que texte + icône restent sur la même ligne */
    align-items: center;  /* aligne verticalement */
    text-decoration: none;
    color: inherit;
    white-space: nowrap; /* empêche le retour à la ligne */
}

.link-hover-icon .open-icon {
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.link-hover-icon:hover .open-icon {
    opacity: 1;
    transform: translateY(0);
}

.design-v2 .btn.btn-add::before, .swal2-modal .btn.btn-success::before  {
    content: '';
    width: 8px;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: .2rem 0 0 .2rem;
    border-left:8px solid #5bbe00 !important;
}
/*.swal2-modal .btn.btn-success{*/
/*    background-color: #1c9417 !important;*/
/*    border-left:none !important;*/
/*}*/
/*.swal2-modal .btn.btn-success:hover{*/
/*    background-color: #127a0d !important;*/
/*    border-left:none !important;*/
/*}*/
.design-v2 .btn.btn-edit::before {
    content: '';
    width: 8px;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: .2rem 0 0 .2rem;
    border-left: 8px solid #00aebe !important;
}
.design-v2 .btn.btn-delete::before {
    content: '';
    width: 8px;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: .2rem 0 0 .2rem;
    border-left:8px solid #be1c00 !important;
}
.design-v2 .btn.btn-duplicate::before {
    content: '';
    width: 8px;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: .2rem 0 0 .2rem;
    border-left:8px solid #7000ff !important;
}
.swal2-modal .btn.btn-duplicate{
    color: #fff !important;
    background-color: #1c2125 !important;
    border-color: #1c2125 !important;
}
.swal2-modal .btn.btn-delete{
    color: #fff !important;
    background-color: #1c2125 !important;
    border-color: #1c2125 !important;
}

.demandes-b2c #datatables tbody td,
.depots #datatables tbody td,
.relays #datatables tbody td,
.calendar-weeks #datatables tbody td,
.calendars #datatables tbody td,
.vehicles #datatables tbody td{
    vertical-align: middle !important;
}

.design-v2 .dataTable>tbody>tr>td.bulk,
.design-v2 .dataTable>thead>tr>th.bulk{
    max-width: 30px !important;
    padding: 12px 0 12px 8px !important;
}
.design-v2 .dataTable>tbody>tr>td.small-cell,
.design-v2 .dataTable>thead>tr>th.small-cell{
    padding-right: 12px !important;
}

.modal .modal-actions .btn.btn-primary{
    min-width:170px;
}

/*
.design-v2 .dataTable>tbody>tr>td>span>a[data-toggle="modal"],
.design-v2 .dataTable>tbody>tr>td>a[data-toggle="modal"] {
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px;
    text-decoration-color: #727272 !important;
}*/

.mod-light .driver-cost,
.mod-light .tva,
.mod-light .additionnal-cost,
.mod-light .hotel-cost,
.mod-light .food-cost{
    font-weight: 400 !important;
    color:#d0d0d0 !important;
}
.mod-light th.driver-cost::before,
.mod-light th.tva::before,
.mod-light th.additionnal-cost::before,
.mod-light th.hotel-cost::before,
.mod-light th.food-cost::before{
    content:'workspace_premium';
    font-family: 'Material Icons';
    color:#ff9800 !important;
    opacity:0.8;
}

.depots li.select2-results__option--disabled[data-select2-id*="select2-data-select2-reusable_filter-result"]::before{
    content:'workspace_premium';
    font-family: 'Material Icons';
    color:#ff9800 !important;
    opacity:0.8;
}

a[disabled], button[disabled]{
    cursor:not-allowed !important;
}

.main-panel>.content {
    /*overflow-x: auto;*/
}

.offer-tag{
    display:inline-block;
    padding:3px 6px 2px 2px;
    background:#fff;
    border-radius:16px;
    font-size:14px;
    border:1px solid #e1e1e1;
    line-height:1
}
.offer-tag i{
    font-size: 16px;
    margin-top: -10px;
    position: relative;
    display: inline-block;
    top: 4px;
}



/*Style pour le système globale des clients*/

.client-card {
    width: 33%;
    position: relative;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.client-carousel {
    gap: 10px;
    scroll-behavior: smooth;
    overflow: auto;
}

.carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

/*Gris*/
.client-card.active-card {
    background-color: #e9ffd8;
    border: 1px solid #e9ffd8;
}

mark[class^="highlight-"] {
    padding: 0 2px;
    border-radius: 2px;
    transition: background-color 0.3s, color 0.3s;
}

mark.highlight-yellow {
    background-color: #fff81a;
}



.carousel-nav.prev { left: 0; }
.carousel-nav.next { right: 0; }


#mapClientWrapper {
    transition: opacity 0.3s ease;
}

#clientFormWrapper {
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.design-v2 .btn.btn-outline-success,
.design-v2 .btn.btn-outline-danger,
.design-v2 .btn.btn-outline-warning,
.design-v2 .btn.btn-outline-primary,
.design-v2 .btn.btn-outline-secondary,
.design-v2 .btn.btn-outline-info,
.design-v2 .btn.btn-outline {
    background: #ffffff !important;
    border: 1px solid #1c2125 !important;
    box-shadow: none !important;
    color: #1c2125 !important;
    border-left: 8px solid #1c2125 !important;
}

.design-v2 .btn.btn-outline-success:hover,
.design-v2 .btn.btn-outline-danger:hover,
.design-v2 .btn.btn-outline-warning:hover,
.design-v2 .btn.btn-outline-primary:hover,
.design-v2 .btn.btn-outline-secondary:hover,
.design-v2 .btn.btn-outline-info:hover,
.design-v2 .btn.btn-outline:hover {
    box-shadow: 0 14px 26px -12px rgba(153, 153, 153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153, 153, 153, .2) !important;
}

.design-v2 #content tbody tr {
    background-color: #ffffff !important;
}

.swal2-modal .btn.btn-secondary {
    background: #ffffff !important;
    border: 1px solid #1c2125 !important;
    box-shadow: none !important;
    color: #1c2125 !important;
    border-left: 8px solid #1c2125 !important;
}

.swal2-modal .btn.btn-secondary:hover{
    background: #ffffff !important;
    border: 1px solid #1c2125 !important;
    color: #1c2125 !important;
    border-left: 8px solid #1c2125 !important;
    box-shadow: 0 14px 26px -12px rgba(153, 153, 153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153, 153, 153, .2) !important;
}

.sidebar {
    /*z-index: 100;*/
    z-index: 1021;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px !important;
}

.design-v2 .btn-group .btn.btn-outline-secondary {
    border-left-width: 1px !important;
}

.bootstrap-datetimepicker-widget .datepicker-days table.table-condensed tbody td.day {
    color: #000; /* ta couleur */
}

.bootstrap-datetimepicker-widget.dropdown-menu
.datepicker-days table.table-condensed tbody td.day,
.bootstrap-datetimepicker-widget.dropdown-menu
.datepicker-days table.table-condensed tbody td.day div,
.bootstrap-datetimepicker-widget.dropdown-menu
.datepicker-days table.table-condensed tbody td.day.active,
.bootstrap-datetimepicker-widget.dropdown-menu
.datepicker-days table.table-condensed tbody td.day.active div,
.bootstrap-datetimepicker-widget.dropdown-menu
.datepicker-days table.table-condensed tbody td.day.today,
.bootstrap-datetimepicker-widget.dropdown-menu
.datepicker-days table.table-condensed tbody td.day.today div {
    z-index: 0;
}

/**-------------------------------------------------------**/
/**-------------------------------------------------------**/
/**----------------FORMULAIRE ENVOI MAIL------------------**/
/**-------------------------------------------------------**/
/**-------------------------------------------------------**/
/* --- Bloc principal Gmail-like --- */
/* --- Bloc principal Gmail-like --- */

.mail-composer {
    position: fixed;
    bottom: 0px;
    /*right: 20px;*/
    right: 0px;
    width: 800px;
    max-width: 90%;
    height:100vh;
    /*max-height: 95vh;
    min-height: 90vh;*/
    overflow: hidden;
    background-color: #fff;
    border-radius: 0;
    display: none; /* caché par défaut */
    flex-direction: column;
    z-index: 1060;
    /*transition: all 0.3s ease-in-out;*/
    /*box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);*/
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2), 0 0 160px 160px rgba(0, 0, 0, .2);
}

/* Variante plein écran */

.mail-composer.fullscreen {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: none;
    bottom: 0;
    right: 0;
    border-radius: 0;
}

/* Variante réduite */

.mail-composer.minimized {
    height: 40px;
    overflow: hidden;
    min-height: 0;
    width: 360px;
}

/* Header */

.mail-composer .mail-header {
    cursor: pointer; /* draggable possible */
    user-select: none;
}

/* Corps scrollable */

.mail-composer .mail-body {
    flex: 1;
    overflow-y: auto;
    max-height: calc(100vh - 92px);
}

.mail-composer.fullscreen .mail-body {
    max-height: calc(100vh - 92px);
}

#mailComposer .select2-container--default .select2-selection--single {
    background: #FFF !important;
    border: 1px solid #CCC !important;
    box-sizing: border-box;
    height: 30px;
}

form#formSendMail {
    position: initial !important;
}

/* Footer */

.mail-composer .mail-footer {
    background: #f8f9fa;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.mail-composer.minimized .mail-footer {
    z-index: -1;
}

/* Actions header */

.mail-composer .mail-actions .btn {
    color: white !important;
    opacity: 0.8;
}

.mail-composer .mail-actions .btn:hover {
    opacity: 1;
}

.mail-composer .form-control.form-control-sm {
    height: 30px;
    line-height: 30px;
}

.mail-composer .select2-container--default .select2-selection--single .select2-selection__rendered,
.mail-composer .form-control.form-control-sm,
.mail-composer .note-editable {
    color: #3C4858 !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    .mail-composer {
        width: 95%;
        right: 2.5%;
        bottom: 10px;
        max-height: 85vh;
    }
}


#formSendMail label {
    padding-left: 0;
    position: relative !important;
    top: 0 !important;
    font-size: 0.9rem !important;
    color: #4F4F4F !important;
    margin: 0 !important;
}

#formSendMail .note-toolbar .btn, .design-v2 .note-toolbar .btn {
    font-size: 13px;
    background: #e6e6e6 !important;
    color: #0e0e0e;
    box-shadow: none;
    line-height: 30px !important;
    height: 30px !important;
    padding: 0 15px;
    width: auto;
}

#formSendMail .dropdown-toggle:after {
    display: none !important;
}

#formSendMail .btn.btn-link {
    color: #004e70;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
    text-transform: inherit;
    background: #f5f5f5 !important;
}

#formSendMail .btn.btn-link:hover {
    background: #ececec !important;
}

#formSendMail .btn.btn-link.active {
    background: #e8f2ff !important;
}

#formSendMail .mail-header .mail-title i{
    font-size:16px;
    position:relative;
    top:-1px;
}

.no-shadows {
    box-shadow: none !important;
}


@media (max-width: 1610px) and (min-width: 992px) {
    .main-panel {
        width: calc(100% - 210px);
    }

    .sidebar {
        width: 220px;
    }

    .sidebar .sidebar-wrapper {
        width: 220px;
    }

    body .dataTable > tbody > tr > td, body .dataTable > tbody > tr > th, body .dataTable > tfoot > tr > td, body .dataTable > tfoot > tr > th, body .dataTable > thead > tr > td, body .dataTable > thead > tr > th {
        padding: 12px 20px 12px 8px !important;
    }
}


.modal-dialog .modal-header {
    border-bottom: none;
    padding: 1rem 0;
    background: #f8f9fa;
    z-index: 10;
    /*position: relative;*/
    position: sticky;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #dee2e6 !important;
}

.modal-dialog .modal-header h3 {
    margin: 0;
    font-weight: 400;
}

.modal-dialog .modal-header .close {
    height: 100%;
    right: 1rem;
}


#select2-status-results li, #select2-offer_status-results li, #select2-offer_status-container, #select2-status-container {
    padding-left: 25px !important;
}

.opt-status-3::before {
    content: 'email';
    font-family: 'Material Icons';
    font-size: 1rem;
    position: absolute;
    left: 5px;
    text-transform: lowercase;
}

.opt-status-31::before {
    content: 'mark_email_read';
    font-family: 'Material Icons';
    font-size: 1rem;
    position: absolute;
    left: 5px;
    text-transform: lowercase;
}

.opt-status-1::before {
    content: 'check';
    font-family: 'Material Icons';
    font-size: 1rem;
    position: absolute;
    left: 5px;
    text-transform: lowercase;
}

.opt-status-11::before {
    content: 'outgoing_mail';
    font-family: 'Material Icons';
    font-size: 1rem;
    position: absolute;
    left: 5px;
    text-transform: lowercase;
}

.opt-status-2::before {
    content: 'do_not_disturb';
    font-family: 'Material Icons';
    font-size: 1rem;
    position: absolute;
    left: 5px;
    text-transform: lowercase;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px !important;
}

.sticky-top-billing {
    z-index: 9;
}

/* Bouton œil minimaliste */
.btn-password {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-password i {
    font-size: 20px;
    color: #555;
    transition: 0.2s ease;
}

.btn-password:hover i {
    color: #000;
}

/* Correction bordures input-group */
.password-wrapper .input-group-append {
    border-left: none !important;
}

.password-wrapper .form-control {
    border-right: none !important;
}








.timeline .trajet-badge{
    line-height:1.2;
    position:absolute;
    left: 0;
    margin-left: 0;
    top: 75px;
    width: 14%;
    padding-right: 39px;
    text-align: center;
}

.timeline .timeline-heading .h4{
    font-size:0.9rem;
}

.timeline .inter-etape-attente{
    padding-left: 30%;
}
.timeline .inter-etape-attente + .timeline-panel{
    width:70% !important;
}
.timeline .inter-etape-attente + .timeline-panel::before{
    display:none;
}

.timeline .dated-elements-timeline:not(:empty){
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom: .6rem;
    margin-bottom: 1rem;
}

#advanced_settings_container .card.change-card {
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
#advanced_settings_container .card.change-card .change-card-checkbox {
    z-index: 5;
    top: 0;
    right: 0;
    display:none;
}
#advanced_settings_container .card.change-card .change-card-info {
    display: none;
}
#advanced_settings_container .card.change-card .form-group{
    padding-top: 0 !important;
    margin-top: 0;
}
#advanced_settings_container .card.change-card .form-group .classic-label{
    padding-right: 2rem !important;
    line-height: 0.6;
}
#advanced_settings_container .card .form-check{
    margin-top: 0;
}
#advanced_settings_container .change-card-disabled span, #advanced_settings_container .change-card-disabled input, #advanced_settings_container .change-card-disabled label, #advanced_settings_container .change-card-disabled button.btn.dropdown-toggle{
    opacity:1 !important;
}
#advanced_settings_container .change-card-disabled:hover span, #advanced_settings_container .change-card-disabled:hover input, #advanced_settings_container .change-card-disabled:hover label, #advanced_settings_container .change-card-disabled button.btn.dropdown-toggle:hover{
    opacity:1 !important;
}
#advanced_settings_container .change-card-checkbox label {
    background: #cbcbcb;
}
#advanced_settings_container .change-card-checkbox input:checked + label {
    background: #bada55;
}
#advanced_settings_container .dropdown.bootstrap-select{
    width:100% !important;
}
.v3 #advanced_settings_container .change-card .label-simulation{
    color:#1e1e1e !important
}

#simulation-sidebar{
    position: sticky;
    top: 0;
    max-height: calc(100vh - 60px);
}
#simulation-sidebar .tab-content{
    max-height: 100%;
    overflow: auto;
    position: absolute;
    top: 50px;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    width: auto;
    margin-bottom: 0 !important;
    min-height: 600px;
}
#simulation_sidebar {
    max-width: 725px;
    padding: 0 1rem;
}
#formulaire-col{
    max-width:755px;
}
#simulation-sidebar .nav-link[href="#simulation"]{
    display:none !important;
}
body.simulation .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image){
    margin-top: 0 !important;
}
body.simulation #header-tab-content{
    margin-top: 0 !important;
}
body.simulation #content{
    padding-top: 20px;
}
@media(max-width:1500px){
    #formulaire-col{
        display:none !important;
    }
    #simulation-sidebar{
        position:relative;
        max-height: initial;
    }
    #simulation-sidebar .tab-content{
        position:relative;
        top:0;
        right:0;
        bottom:0;
        left:0;
    }
    #simulation-sidebar .nav-link[href="#simulation"]{
        display:block !important;
    }
}
.fa-spin-reverse {
    -webkit-animation: fa-spin 2s infinite linear reverse;
    animation: fa-spin 2s infinite linear reverse;
}
.trajet-step-point{
    display: block;height: 26px;width: 26px;border-radius: 50%;line-height: 26px;font-size: 14px;text-align: center;background: #000;color: #fff;font-weight: 600;
}
.bloc-etape .bloc-etape-options-button, .step-sub-actions{
    display: none !important;
}
.v3 #content .etape[data-type="depot_initial"] .etape-actions{
    display: block !important;
}
.v3 #content .etape[data-type="depot_final"] .action-calculate-etape,
.v3 #content .etape[data-type="depot_initial"] .action-calculate-etape,
.v3 #content .etape[data-type="depot_initial"] .action-remove-etape,
.v3 #content .etape[data-type="depot_initial"] .action-add-etape,
.v3 #content .etape[data-type="depot_initial"] .action-replace-etape,
.v3 #content .etape[data-type="depot_initial"] .action-replace-inter-etape{
    display: none !important;
}
.v3 .simulation-initial{
    max-width:100% !important;
}
.v3 #content .etape[data-type="depot_initial"] + .etape .action-remove-etape, .v3 #content .etape[data-type="depot_final"] .action-remove-etape {
    /*opacity: 0 !important;
    visibility: hidden;
    display: inline-block !important;*/
}
.v3 #content .bloc-etape-options-button {
    position: relative;
    right: 0;
    top: 0rem;
    padding: 0;
    text-align: right;
}
.v3 #content .inter-etape .bloc-etape-options-button {
    position: absolute;
    right: 0;
    /*top: -0.2rem;*/
    top: 1.4rem;
    padding: 0;
    text-align: right;
}
.v3 #content #simulation_form .etape[data-step="1"] .remove-etape,
.v3 #content .etape[data-type="depot_initial"] .remove-etape,
.v3 #content .etape[data-type="depot_final"] .remove-etape{
    opacity: 0.2;
    cursor: not-allowed;
    pointer-events: none;
    visibility: visible !important;
}
.v3 #content .etape[data-type="depot_initial"] + .etape .action-remove-etape,
.v3 #content .etape[data-type="depot_final"] .action-remove-etape,
.v3 #content .etape[data-type="depot_initial"] .action-remove-etape {
    display:block !important;
}
.v3 #content .etape-header {
    margin-top: -50px;
}

div#carte {
    height: 100%;
}
#mapTest{
    max-height:100%;
}
.v3 .etape .bloc-etape {
    transition: box-shadow 0.4s;
}
/*.etape:hover .bloc-etape, .etape.focus .bloc-etape {
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%), 0 7px 10px -5px rgb(143 143 143 / 4%) !important;
}*/

.depot-initial.focus  .bloc-etape,
.simple-etape.focus  .bloc-etape,
.depot-final.focus  .bloc-etape,
.inter-etape.focus,
.depot-initial:hover  .bloc-etape,
.simple-etape:hover  .bloc-etape,
.depot-final:hover  .bloc-etape,
.inter-etape:hover{
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%), 0 7px 10px -5px rgb(143 143 143 / 4%) !important;
}

/*#simulation-sidebar .nav-link .material-icons {*/
/*    vertical-align: middle;*/
/*    margin-right: 0;*/
/*}*/
/*#simulation-sidebar .nav-link span.nav-link-title {*/
/*    width: 0;*/
/*    display: inline-block;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    vertical-align: middle;*/
/*    transition: all 0.2s;*/
/*    opacity: 0;*/
/*}*/
/*#simulation-sidebar .nav-link:hover span.nav-link-title,*/
/*#simulation-sidebar .nav-link.active span.nav-link-title {*/
/*    !*width: 120px;*!*/
/*    width: auto;*/
/*    opacity: 1;*/
/*    padding-left: 10px;*/
/*}*/
/*#simulation-sidebar #nb_settings_override {*/
/*    top: -5px;*/
/*    right:inherit;*/
/*    left: 30px;*/
/*}*/


.clear{
    clear:both;
    width:100%;
    height:0;
    display:block;
}
#simulation-sidebar .nav-link{
    text-transform: initial !important;
    font-size:0.9rem;
    font-weight: 400;
}
.timeline-trajet::before{
    display: none !important;
}

.seeTrajet{
    display:none !important;
}

.step-sub-actions{
    min-width:80px;
    text-align: right;
}

.v3 .main-panel #simulation_form .button-spoiler:hover,
.v3 .main-panel #simulation_form .button-spoiler.active{
    color:#f44336 !important
}
.v3 #simulation_form .button-spoiler.active::before{
    display: none !important;
}
.v3 #simulation_form .spoiler{
    width:100% !important;
}

    /*.action-remove-etape{
        float: right;
        margin-right: -1rem !important;
    }
    .design-v2 .intra-etape-actions{
        max-width: 601px;
        margin-left: auto;
        margin-right: 136px;
        margin-bottom: 0;
    }
    .v3 .bloc-inter-etape:not(:empty){
        padding-left: 63px !important;
    }
    .design-v2 .intra-etape-header{
        max-width: 601px;
        margin-left: auto;
        margin-right: 136px;
        margin-bottom: 0;
    }
    .design-v2 .inter-etape .intra-etape-header{
        margin-right: 0px;
        padding-right: 0px;
    }
    .design-v2 #simulation_form.v2 .intra-etape-header .label-simulation{
        font-size:1rem !important;
        font-weight: 400 !important;
        color: #3C4858 !important;
    }
    .design-v2 .intra-etape-body{
        !*box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .08), 0 7px 10px -5px rgb(143 143 143 / 4%);*!
        border-left: 10px solid #acacac;
        background-color: #f8f9fa !important;
        max-width: 602px;
        margin-left: auto;
        margin-right: 150px;
        margin-bottom: 0;
        border-radius: 4px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .design-v2 .inter-etape .intra-etape-body{
        background-color: #fff !important;
        margin-right: 0px;
    }
    .v3 .intra-etape{
        padding-top: 1rem !important;
    }

    .v3 .intra-etapes-container::after, .v3 .intra-etapes-container::before{
        display:none !important;
    }
    .v3 .step-settings::before{
        padding-top: 10px;
    }
    .v3 .intra-etapes-container{
        padding-top: 1rem !important;
        padding-bottom: 0.5rem !important;
    }

    .intra-etape-actions .dropdown-menu {
        left: 100% !important;
        top: 0 !important;
        margin-top: 0;
        transform-origin: left top !important;
    }

    .move-intra-etape{
        position:absolute !important;
        left:-30px !important;
    }

    .intra-etape-body [name="stop_address"]{
        max-width:100% !important;
        min-width: initial !important;
        width:280px !important;
    }*/



.etape-error-box {
    position: fixed;
    right: 20px;
    top: 100px;
    width: 320px;
    background: #fff8f0;
    border: 1px solid #ffbb88;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 6px;
    padding: 0;
    z-index: 99999;
    display: none;
}

.etape-error-header {
    background: #ff9a5c;
    color: white;
    padding: 10px;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.etape-error-close {
    cursor: pointer;
    font-size: 16px;
}

.etape-error-content {
    padding: 12px;
    font-size: 14px;
}

.log-box {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 350px;
    max-height: 400px;
    overflow-y: auto;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 13px;
    padding: 10px;
    z-index: 9999;
}

.log-header {
    font-weight: bold;
    margin-bottom: 10px;
}

.log-entry {
    padding: 6px;
    border-bottom: 1px solid #ccc;
}

.log-entry:last-child {
    border-bottom: none;
}

.btn-fab.dropdown-toggle:after{
    display: none !important;
}

#suggestions{
    text-align: left;
}

#nb_settings_override:empty{
    display:none;
}
#nb_settings_override {
    position: absolute;
    top: -4px;
    border: 1px solid #504040;
    right: -6px;
    font-size: 9px;
    /*background: #d22316;*/
    background: #ff9800;
    color: #fff;
    min-width: 20px;
    padding: 0 5px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 19px;
    vertical-align: middle;
    display: block;
}
#advanced_settings_container .change-card-enabled .classic-label, .v3 #advanced_settings_container .change-card-enabled .label-simulation{
    color: #ff9800 !important;
}
.action-calculate-etape {
    position: absolute;
    right: 0;
    bottom: 3px;
}
.nav-link{
    position:relative;
}

label.classic-label {
    padding: 0;
    color: #1e1e1e !important;
    font-weight: 400;
}

.header-tab-content .card-header, #header-tab-content .card-header{
    height:56px;
}

.swal-content table {
    width: 100%;
    border-collapse: collapse;
}
.swal-content th, .swal-content td {
    padding: 4px 8px;
    text-align: left;
}
.swal-content th {
    background: #f0f0f0;
}

/*Sumernote*/
.design-v2 .note-editor.note-frame{
    margin-top: 0px;
    border:none !important;
}
.design-v2 .panel-heading.note-toolbar {
    text-align: left;
}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .2);
}
.note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group {
    margin-bottom: 0 !important;
}
#formSendMail .validation-error {
    margin-left: 50px;
    margin-top: -5px;
}