/* 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;
}
.swal2-modal .btn {
    position: relative;
    padding: 12px 30px !important;
    margin: .3125rem 15px !important;
    font-size: .75rem !important;
    font-weight: 400 !important;
    color:#FFF !important;
    line-height: 1.428571;
    text-decoration: none;
    text-transform: uppercase;
    border: 0 !important;
    border-radius: .2rem !important;
    outline: 0;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
}
/* 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;
}
.swal2-modal .btn.btn-danger:hover {
    background-color: #f33527 !important;
    border-color: #f33527 !important;
    /*box-shadow: 0 14px 26px -12px rgba(244,67,54,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(244,67,54,.2) !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.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;
}

.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;
}

.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:44px;
}

.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{
    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 {
    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 {
    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 {
    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;
}
.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 .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 {
    color: #fff !important;
    background-color: #1c2125 !important;
    border-color: #1c2125 !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);
}
.design-v2 .btn.btn-primary:active,
.design-v2 .btn.btn-primary:focus,
.design-v2 .btn.btn-primary: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);
}

.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 .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;
}
.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 .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;
}
#bulk_actions.active{
    position: sticky;
    bottom:0;
}

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