body {
font-weight: 400;
font-size: 15px;
}
.btn {
letter-spacing: 0.02rem !important;
}
.sidebar-wrapper::-webkit-scrollbar {
width: 10px;
}
.sidebar-wrapper::-webkit-scrollbar-track {
background: 0 0;
}
.sidebar-wrapper::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.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;
}
[custom-scrollbar="white"]::-webkit-scrollbar {
width: 10px;
}
[custom-scrollbar="white"]::-webkit-scrollbar-track {
background: 0 0;
}
[custom-scrollbar="white"]::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
[custom-scrollbar="white"]::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.2);
}
[custom-scrollbar="dark"]::-webkit-scrollbar {
width: 10px;
}
[custom-scrollbar="dark"]::-webkit-scrollbar-track {
background: 0 0;
}
[custom-scrollbar="dark"]::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.5);
transition: 0.3s;
}
[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 0 20px;
padding: 0;
line-height: 1.2;
display: block;
}
.swal2-modal .btn.btn-secondary {
box-shadow:
0 2px 2px 0 rgba(153, 153, 153, 0.14),
0 3px 1px -2px rgba(153, 153, 153, 0.2),
0 1px 5px 0 rgba(153, 153, 153, 0.12) !important;
}
.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, 0.14),
0 3px 1px -2px rgba(233, 30, 99, 0.2),
0 1px 5px 0 rgba(233, 30, 99, 0.12) !important;
}
.swal2-modal .btn.btn-primary:hover {
background-color: #ea2c6d !important;
border-color: #ea2c6d !important;
}
.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, 0.14),
0 3px 1px -2px rgba(244, 67, 54, 0.2),
0 1px 5px 0 rgba(244, 67, 54, 0.12) !important;
}
.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, 0.14),
0 3px 1px -2px rgba(255, 152, 0, 0.2),
0 1px 5px 0 rgba(255, 152, 0, 0.12) !important;
}
.swal2-modal .btn.btn-warning:hover {
background-color: #f08f00 !important;
border-color: #f08f00 !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: 1px solid #f44336 !important;
}
.dropdown-menu .disabled,
.form-event > .row:first-child .remove_event_interne,
.form-event > .row:first-child .remove_event_st {
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;
position: absolute;
left: 50%;
top: 50%;
display: block;
font-size: 80px;
margin: -40px 0 0 -40px;
-webkit-animation: 1s linear infinite fa-spin;
animation: 1s linear infinite fa-spin;
color: #178fcf;
}
.swal2-fade {
z-index: -1;
}
.swal2-fade.swal2-in {
z-index: 1060;
}
.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, #eee 8%, #ddd 18%, #eee 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: 0.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,
.role-2.specific-settings #calculForm .form-group .text-rose {
color: #6c757d !important;
transition: 0.3s;
}
.role-1.specific-settings #calculForm .form-group,
.role-2.specific-settings #calculForm .form-group {
opacity: 0.6;
transition: 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,
.role-2.specific-settings #specificSettingsForm .form-group .text-rose {
color: #6c757d !important;
transition: 0.3s;
}
.role-1.specific-settings #specificSettingsForm .form-group,
.role-2.specific-settings #specificSettingsForm .form-group {
opacity: 0.6;
transition: 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,
.role-2.generic-settings #genericSettingsForm .form-group .text-rose {
color: #6c757d !important;
transition: 0.3s;
}
.role-1.generic-settings #genericSettingsForm .form-group,
.role-2.generic-settings #genericSettingsForm .form-group {
opacity: 0.6;
transition: 0.3s;
}
.generic-settings #genericSettingsForm .form-group.changed .text-rose {
color: #e91e63 !important;
}
.generic-settings #genericSettingsForm #datatables_creneaux .form-group,
.generic-settings #genericSettingsForm #datatables_creneaux .form-group input,
.generic-settings #genericSettingsForm #datatables_creneaux .form-group input.changed,
.generic-settings #genericSettingsForm .form-group.changed {
opacity: 1;
}
.page-add-user .hide-add-users {
display: none !important;
}
.generic-settings .form-group:not(.used) .form-check-label,
.generic-settings .form-group:not(.used) .text-rose,
.global-settings .form-group:not(.used) .form-check-label,
.global-settings .form-group:not(.used) .text-rose,
.specific-settings .form-group:not(.used) .form-check-label,
.specific-settings .form-group:not(.used) .text-rose {
position: relative;
}
.generic-settings .form-group:not(.used) .form-check-label::after,
.global-settings .form-group:not(.used) .form-check-label::after,
.specific-settings .form-group:not(.used) .form-check-label::after {
left: 25px;
right: 15px;
width: auto;
}
.generic-settings .form-group.v1:not(.used),
.global-settings .form-group.v1:not(.used),
.specific-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 {
transition: 0.2s;
}
.stepValidated .choseDate.enddate {
visibility: visible;
display: block;
}
.blockChange {
transition: 0.2s;
}
.choseDate.active,
.choseDate.inactive,
.choseDate:hover {
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;
}
.design-v2 .modal input[readonly],
input[readonly],
select[readonly],
textarea[readonly] {
opacity: 1 !important;
border: none !important;
background: #f2f2f2 !important;
}
.mini-form-control {
height: 31px !important;
}
.fc button,
.fc button.btn-primary,
.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;
}
.btn-dark {
background-color: #2c3e50 !important;
border-color: #2c3e50 !important;
}
.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,
.form-action .revalidate,
.form-action .validate {
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;
}
.blockChange .form-action .edit-field,
.blockChanged .form-action .revalidate,
.novalid .form-action .novalidate,
.valid .form-action .validate {
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: 0 0;
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;
}
.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, 0.14),
0 7px 10px -5px rgba(0, 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, 0.14),
0 7px 10px -5px rgba(23, 143, 207, 0.4);
}
.badge.badge-blue,
.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;
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, 0.14),
0 7px 10px -5px rgba(181, 181, 181, 0.4) !important;
padding: 5px 5px 5px 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, 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, 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, 0.14),
0 7px 10px -5px rgba(233, 30, 99, 0.4) !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"],
input[type="time"] {
-moz-appearance: textfield;
}
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
::-webkit-search-cancel-button {
-webkit-appearance: none;
}
::-webkit-search-results-button {
-webkit-appearance: none;
}
input[type="date"]::-webkit-inner-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: 0 0;
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 0 !important;
}
.timeline-panel.panel-simple::after,
.timeline-panel.panel-simple::before {
display: none !important;
}
.dropdown.bootstrap-select {
background-color: rgba(255, 255, 255, 0.5) !important;
max-width: 100%;
}
[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;
}
.waiting_time_block {
padding: 0 10px;
}
.active.needValidation .chose_type_selector,
.chose_type_selector {
border: 1px solid #e91e63 !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: 0.3s;
float: left;
margin-top: -1px;
margin-bottom: -1px;
}
.stepValidated .chose_type_selector a {
color: #626262 !important;
cursor: default;
}
.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: 0 0 !important;
}
.stepValidated .chose_type_selector a.active {
background: #626262 !important;
color: #fff !important;
}
.active.needValidation .chose_type_selector a.active,
.active.needValidation .chose_type_selector a:hover,
.chose_type_selector a.active,
.chose_type_selector a:hover {
background: #e91e63 !important;
color: #fff !important;
}
.active.step .chose_type_selector a,
.pointer {
cursor: pointer;
}
tr.fc-list-event.fc-event {
display: table-row;
color: #000;
}
.active.step .filter-option-inner-inner,
.active.step input {
color: #e91e63;
}
.active.step .bootstrap-select .btn.dropdown-toggle.select-with-transition {
background: 0 0;
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: 0 0;
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: 0;
}
.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,
.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: 0.04em;
line-height: 1;
color: rgba(0, 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;
}
gj-timepicker {
display: none !important;
}
.step.active .gj-timepicker {
display: block !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) {
width: 150px !important;
}
}
.active.step .chose_type_selector a:focus {
box-shadow: 0 0 5px rgba(233, 30, 99, 0.8);
}
button.add-template.btn.btn-link.text-info:focus {
text-decoration: underline !important;
box-shadow: 0 0 6px 0 rgba(0, 149, 255, 0.4);
}
[data-id="calendar"] {
min-width: 200px;
}
[data-action="delete"] {
display: none !important;
}
pre {
outline: #ccc solid 1px;
padding: 5px;
margin: 5px;
font-size: 15px;
line-height: 1.6;
}
.string {
color: green;
}
.number {
color: #ff8c00;
}
.boolean {
color: #00f;
}
.null {
color: #ff00ff;
}
.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,
[data-input] p label.text-rose {
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: 0;
}
.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: #fff;
box-shadow: none;
}
.nav-pills .nav-item .nav-link {
font-weight: 300;
text-transform: inherit;
font-size: 14px;
}
td.equalNext,
td.plusNext {
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::after,
.timeline-info::before {
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(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.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: -10px 0 0 !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: 0 0;
padding: 10px !important;
margin: 0;
border: 1px solid #ccc !important;
height: 36px;
}
.form-control-simple[readonly],
[sh-include-html="calendarForm"] .bmd-form-group .form-control[readonly] {
border: none !important;
background: 0 0 !important;
}
button.btn[data-toggle="modal"] {
margin-top: -4px;
}
button.btn.btn-sm[data-toggle="modal"] {
margin-top: -1px;
}
@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 .btn,
#filterData .form-group,
#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, 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: 0.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: 0.3s forwards checkboxOff;
}
.table-mini .form-check .form-check-sign .check {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid rgba(0, 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, 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;
}
#fullMap,
#outputVM {
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;
}
.only-print {
display: block !important;
}
.material-icons,
.wrapper {
display: none !important;
}
.modal-open {
overflow: auto !important;
}
.collapse,
.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;
}
.btn,
.no-print,
.tab-content > .tab-pane.no-print {
display: none !important;
}
.card-collapse .card-header {
border: none !important;
}
#offerForm table {
font-size: 80%;
}
.badge,
.grey-light,
.text-gray,
body,
td.text-muted {
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;
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;
}
#conversationForm2 .timeline.timeline-simple:before,
.conversationForm .timeline.timeline-simple:before {
display: none !important;
}
#conversationForm2 .timeline.timeline-simple > li > .timeline-panel,
.conversationForm .timeline.timeline-simple > li > .timeline-panel {
width: 100% !important;
}
#conversationForm2 .timeline > li.timeline-inverted > .timeline-panel:before,
.conversationForm .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: 0;
cursor: pointer;
border: none;
box-sizing: border-box;
background: 0 0;
width: calc(100% - 0.625rem);
display: flex;
flex-flow: nowrap;
align-items: center;
color: #333;
font-weight: 400;
text-decoration: none;
font-size: 0.8125rem;
border-radius: 0.125rem;
margin: 0 0.3125rem;
-webkit-transition: 150ms linear;
-moz-transition: 150ms linear;
-o-transition: 150ms linear;
-ms-transition: all 150ms linear;
transition: 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, 0.14),
0 7px 10px -5px rgba(156, 39, 176, 0.4);
background-color: #ec407a;
color: #fff;
}
.chartist-tooltip {
z-index: 666 !important;
background: #fff !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: 0 0;
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;
transition: transform 0.3s;
}
.button-spoiler.button-spoiler-open .fa {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.etape-actions .dropdown-toggle::after {
display: none !important;
}
.etape-actions .dropdown-menu {
left: 100% !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: 0 0;
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: 0.83rem;
text-transform: inherit;
}
.remove-etape,
.remove-inter-etape {
position: absolute;
top: 31px;
left: 40px;
}
.etape[data-type="depot_quote"],
.etape[data-type="etape"],
.etape[data-type="mise_a_disposition"],
.etape[data-type="retour_identique"],
.inter-etape[data-type] {
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('data:image/svg+xml;utf-8,')
6px 0/40px auto no-repeat;
padding-left: 45px;
}
#simulation-result .end_address {
background: url('data:image/svg+xml;utf-8,')
right 0/40px auto no-repeat;
padding-right: 45px;
}
.text-grey {
color: #949494 !important;
}
.no-before .timeline-panel::before {
display: none !important;
}
.popover {
transition:
opacity,
transform 0.2s;
-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: 0.875rem;
opacity: 0;
max-width:320px;
}
.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: 0;
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;
color: #888;
}
#faq-content .h4,
#faq-content h4 {
font-size: 1.3rem;
margin: 20px 0;
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;
}
}
#simulation_form.v2 #advanced_container .form-control,
.design-v2 #simulation_form.v2 #advanced_container .filter-option-inner,
.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, 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, 0.2) !important;
color: #fff !important;
box-shadow:
0 4px 20px 0 rgba(0, 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, 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: #000;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 50%, #000 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;
opacity: 0.3 !important;
}
.design-v2 .sidebar-background::before {
content: "";
background: linear-gradient(360deg, #000, transparent);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 400px;
z-index: 0;
}
.design-v2 .sidebar-background::after {
display: none !important;
}
.design-v2 h4.card-title {
position: relative;
z-index: 10;
margin: 0 !important;
}
.design-v2 #demande_resume a:not(.btn),
.design-v2 #faq-content a:not(.btn),
.design-v2 #table_billings_edit a:not(.btn),
.design-v2 .dataTable a:not(.btn),
.design-v2 .modal a:not(.btn),
.design-v2 .offers-repeater a:not(.btn),
.design-v2 .popover a:not(.btn),
.design-v2 .tooltip a:not(.btn) {
color: #1e1e1e !important;
font-weight: 500;
}
.design-v2 .dataTable a:not(.btn),
.design-v2 .offers-repeater a:not(btn) {
text-decoration: none;
}
.design-v2 #demande_resume a:not(.btn):hover,
.design-v2 #faq-content a:not(.btn):hover,
.design-v2 #table_billings_edit a:not(.btn):hover,
.design-v2 .dataTable a:not(.btn):hover,
.design-v2 .offers-repeater a:not(btn):hover,
.design-v2 .popover a:not(.btn):hover {
color: #000 !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-delete,
.swal2-modal .btn.btn-success {
color: #fff !important;
background-color: #1c2125 !important;
border: 1px solid #000 !important;
box-shadow:
0 2px 2px 0 rgba(153, 153, 153, 0.14),
0 3px 1px -2px rgba(153, 153, 153, 0.2),
0 1px 5px 0 rgba(153, 153, 153, 0.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-delete:active,
.design-v2 .swal2-modal .btn.btn-delete:focus,
.design-v2 .swal2-modal .btn.btn-delete: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 {
box-shadow:
0 14px 26px -12px rgba(0, 0, 0, 0.42),
0 4px 23px 0 rgba(0, 0, 0, 0.12),
0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
.design-v2 .bootstrap-select .dropdown-item.active {
background: #1c2125;
box-shadow:
0 2px 2px 0 rgba(153, 153, 153, 0.14),
0 3px 1px -2px rgba(153, 153, 153, 0.2),
0 1px 5px 0 rgba(153, 153, 153, 0.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, 0.14),
0 7px 10px -5px rgba(0, 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 0, rgba(210, 210, 210, 0) 0);
}
.design-v2 .bg-primary {
background-color: #1c2125 !important;
}
.design-v2 .footer a,
.design-v2 .text-content 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, 0.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 #simulation_form.v2 .form-control,
.design-v2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
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, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 1px 5px 0 rgba(0, 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, 0.14),
0 7px 10px -5px rgba(0, 0, 0, 0.4);
}
.card.card-rotate.bg-rose .back,
.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,
.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, 0.14),
0 7px 10px -5px rgba(0, 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: 400 !important;
}
.design-v2 .modal input {
background-color: #fff !important;
}
.design-v2 .btn.btn-outline-secondary {
padding-top: 11px;
padding-bottom: 11px;
}
.design-v2 .alert.alert-primary {
background-color: #2b2b2e;
box-shadow:
0 4px 20px 0 rgba(0, 0, 0, 0.14),
0 7px 10px -5px rgba(0, 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, 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, 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;
}
input#search_in_datatable {
min-width: 210px;
min-width: 230px;
}
#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: 110ms ease-out bulkIn;
}
@keyframes bulkIn {
from {
transform: translateY(12px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
#bulk_actions .btn.disabled,
#bulk_actions .btn:disabled {
opacity: 0.4;
}
.validation-error {
color: #f44336;
margin-top: -0.7rem;
z-index: 1;
position: relative;
}
.pagination > .page-item > .page-link,
.pagination > .page-item > span,
div#datatables_info,
label {
color: #4f4f4f;
}
.btn,
.btn.btn-default {
background-color: #898989;
border-color: #898989;
}
th.sorting_asc,
th.sorting_desc {
font-weight: 500 !important;
}
#bulkAction + .select2 {
box-shadow: 0 1px 4px #c5b4b4 !important;
}
#filterData .select2 .select2-selection {
border: 1px solid #acacac !important;
background: #fff !important;
border-radius: 0.2rem !important;
}
#filterData .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 5px 4px 0;
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: 0;
right: 0;
width: 20px;
background: #000;
border-radius: 0 0.2rem 0.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;
background-image: linear-gradient(to top, #ec407a 2px, rgba(156, 39, 176, 0) 2px),
linear-gradient(to top, #d2d2d2 0, rgba(255, 255, 255, 0) 0);
border: 1px solid #acacac;
background-color: #fff !important;
}
span#select2-bulkAction-container {
font-size: 0.9rem;
}
.design-v2 a:not(.btn).text-muted {
color: #3c4858 !important;
font-weight: 400;
}
.design-v2 table.dataTable#datatables thead .sorting_asc:before,
.design-v2 table.dataTable#datatables thead .sorting_desc:after {
display: inline-block !important;
position: relative;
top: 3px;
right: 0;
}
.design-v2 table.dataTable#datatables thead .sorting_asc:after,
.design-v2 table.dataTable#datatables thead .sorting_desc:after {
display: inline-block !important;
position: relative;
top: -1px;
right: -3px;
opacity: 1;
content: "south";
font-size: 14px;
vertical-align: bottom;
}
.design-v2 table.dataTable#datatables thead .sorting_asc:after {
content: "north";
}
.design-v2 table.dataTable#datatables thead .sorting_asc:before {
display: none !important;
}
.design-v2 .table-striped > tbody > tr:nth-of-type(odd) {
background-color: #fff;
}
.design-v2 .navbar .collapse .navbar-nav .nav-item .nav-link {
transition: 0.25s;
}
.design-v2 .navbar .collapse .navbar-nav .nav-item .nav-link:hover {
color: #000;
}
.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 button.btn.dropdown-toggle,
.change-card-disabled input,
.change-card-disabled label,
.change-card-disabled span {
opacity: 0.6 !important;
}
.change-card-disabled button.btn.dropdown-toggle:hover,
.change-card-disabled:hover input,
.change-card-disabled:hover label,
.change-card-disabled:hover span {
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: #fff;
}
.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: 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
cursor: pointer;
height: 100%;
}
.radio-card-header * {
cursor: pointer;
}
.radio-card.active,
.radio-card:hover {
box-shadow:
0 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;
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: "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.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: grey;
}
.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;
}
.modal-dialog .modal-body {
padding: 24px 24px 0;
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: 0.3rem;
border-bottom-right-radius: 0.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 .badge-icon,
.design-v2 .dataTable a:not(.btn).badge-icon {
padding: 1px 6px;
display: inline-block;
background: #efefef;
color: #6e6e6e !important;
border-radius: 20px;
font-weight: 800;
transition: 0.2s;
white-space: nowrap;
}
.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 .badge-icon.current-year,
.design-v2 .dataTable a:not(.btn).badge-icon.current-year {
background: #edf7ff;
color: #325373 !important;
}
.design-v2 .dataTable a:not(.btn).badge-icon:hover {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
text-decoration: none;
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, 0.14);
padding: 15px;
background: #f5f5f5;
margin-top: 25px;
}
.copy-card .radio-card {
padding: 1.5rem;
border-radius: 6px;
transition: 150ms cubic-bezier(0.694, 0.0482, 0.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 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;
transition: 0.2s;
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: grey;
}
.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;
}
.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: 0.2s;
}
.copy-card .radio-card.active .radio-card-header::after {
content: "";
background: #fff;
border: 1px solid #3f3f3f;
}
.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 .material-icons.looks {
font-size: 18px;
vertical-align: sub;
}
.design-v2 .btn-link {
background: 0 0 !important;
}
tr .btn-ninja {
visibility: hidden;
}
tr:hover .btn-ninja {
visibility: visible;
}
.tab-content .tab-pane .td-actions {
position: relative;
}
.design-v2 .btn-link .text-info.material-icons {
font-weight: 400;
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;
}
#table_billings_edit .btn-kebab:focus,
#table_billings_edit .btn-kebab:hover,
.design-v2 .dataTable .btn.btn-kebab:focus,
.design-v2 .dataTable .btn.btn-kebab:hover {
background: #d0d0d0 !important;
}
#table_billings_edit .btn-kebab {
background-color: transparent;
box-shadow: none;
}
.dropdown-kebab {
position: absolute;
top: 0;
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, 0.175);
transform-origin: top right;
z-index: 10;
visibility: hidden;
opacity: 0;
transform: scale(0.85);
pointer-events: none;
transition:
opacity 0.18s,
transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
visibility linear 0.2s;
}
.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: 0;
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, 0.175);
transform-origin: top right;
z-index: 5;
visibility: hidden;
opacity: 0;
transform: scale(0.85);
pointer-events: none;
transition:
opacity 0.18s,
transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
visibility linear 0.2s;
}
.dropdown-kebab.is-open,
.dropdown-meatball.is-open {
visibility: visible;
opacity: 1;
transform: scale(1);
pointer-events: auto;
transition:
opacity 0.18s,
transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
visibility;
}
.dropdown-kebab .btn-link:focus,
.dropdown-kebab .btn-link:hover,
.dropdown-meatball .btn-link:focus,
.dropdown-meatball .btn-link:hover {
background-color: #f5f5f5;
color: #000;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(1);
}
}
.dropdown-kebab .btn-link,
.dropdown-meatball .btn-link {
display: block;
width: 100%;
text-align: left;
color: #333;
padding: 6px 15px;
text-decoration: none;
background: 0 0;
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: 0 0;
border: 0;
cursor: pointer;
outline: 0 !important;
font-size: 0.9rem;
}
.btn-keb.offer-change-status {
padding: 3px 30px;
}
.btn-keb:focus,
.btn-keb:hover {
background-color: #d0d0d0;
color: #000;
}
.dropdown-kebab.drop-down {
top: 0;
transform-origin: top right;
}
.dropdown-kebab.drop-up {
bottom: 0;
top: auto;
transform-origin: bottom right;
}
/* --- Submenu flyout gauche dans le kebab --- */
.btn-keb-has-sub {
display: flex;
align-items: center;
justify-content: space-between;
/*position: relative;*/
}
.btn-keb-has-sub .keb-chevron {
margin-left: auto;
font-size: 1rem;
flex-shrink: 0;
/* chevron pointe à gauche */
transform: rotate(180deg);
transition: transform 0.2s ease;
}
.btn-keb-has-sub.is-open .keb-chevron {
transform: rotate(0deg);
}
.keb-submenu {
position: absolute;
top: 0;
right: calc(100% + 4px); /* collé à gauche du kebab */
min-width: 220px;
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: 20;
/* caché par défaut — même mécanique que le kebab */
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;
}
.keb-submenu.is-open {
visibility: visible;
opacity: 1;
transform: scale(1);
pointer-events: auto;
transition:
opacity .18s ease,
transform .2s cubic-bezier(.16,1,.3,1),
visibility 0s;
}
.keb-submenu .btn-keb {
font-size: 0.85rem;
}
.more_infos {
position: relative;
}
.more_infos [data-linked-card] {
display: none;
}
button.close-more_infos {
font-size: 14px;
border: none;
cursor: pointer;
outline: 0;
background: 0 0;
}
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;
}
.service-v2 input[name="end_address"],
.service-v2 input[name="end_date"],
.service-v2 input[name="end_hours"],
.service-v2 input[name="start_address"],
.service-v2 input[name="start_date"],
.service-v2 input[name="start_hours"] {
font-weight: 500 !important;
}
.service-v2 .etape[data-type="etape"] .filter-option-inner-inner,
.service-v2 .etape[data-type="etape"] .ou,
.service-v2 .etape[data-type="etape"] .select2-selection__rendered,
.service-v2 .etape[data-type="etape"] input,
.service-v2 .etape[data-type="etape"] select,
.service-v2 .etape[data-type="mise_a_disposition"] .filter-option-inner-inner,
.service-v2 .etape[data-type="mise_a_disposition"] .ou,
.service-v2 .etape[data-type="mise_a_disposition"] .select2-selection__rendered,
.service-v2 .etape[data-type="mise_a_disposition"] input,
.service-v2 .etape[data-type="mise_a_disposition"] select {
color: var(--input-etape-text-color) !important;
}
.service-v2 .add-intra-etape:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.modal-right {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
transition: box-shadow 0.3s;
}
.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;
align-items: center;
text-decoration: none;
color: inherit;
white-space: nowrap;
}
.link-hover-icon .open-icon {
font-size: 16px;
opacity: 0;
transition:
opacity 0.2s,
transform 0.2s;
}
.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: 0.2rem 0 0 0.2rem;
border-left: 8px solid #5bbe00 !important;
}
.design-v2 .btn.btn-edit::before {
content: "";
width: 8px;
position: absolute;
left: -1px;
top: -1px;
bottom: -1px;
border-radius: 0.2rem 0 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: 0.2rem 0 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: 0.2rem 0 0 0.2rem;
border-left: 8px solid #7000ff !important;
}
.swal2-modal .btn.btn-delete,
.swal2-modal .btn.btn-duplicate {
color: #fff !important;
background-color: #1c2125 !important;
border-color: #1c2125 !important;
}
.calendar-weeks #datatables tbody td,
.calendars #datatables tbody td,
.demandes-b2c #datatables tbody td,
.depots #datatables tbody td,
.relays #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;
}
.mod-light .additionnal-cost,
.mod-light .driver-cost,
.mod-light .food-cost,
.mod-light .hotel-cost,
.mod-light .tva {
font-weight: 400 !important;
color: #d0d0d0 !important;
}
.depots li.select2-results__option--disabled[data-select2-id*="select2-data-select2-reusable_filter-result"]::before,
.mod-light th.additionnal-cost::before,
.mod-light th.driver-cost::before,
.mod-light th.food-cost::before,
.mod-light th.hotel-cost::before,
.mod-light th.tva::before {
content: "workspace_premium";
font-family: "Material Icons";
color: #ff9800 !important;
opacity: 0.8;
}
a[disabled],
button[disabled] {
cursor: not-allowed !important;
}
.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;
}
.client-card {
width: 33%;
position: relative;
transition:
background-color 0.2s,
box-shadow 0.2s;
}
.client-carousel {
gap: 10px;
scroll-behavior: smooth;
overflow: auto;
}
.carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
.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;
}
#clientFormWrapper {
background: #fff;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
.design-v2 .btn.btn-outline,
.design-v2 .btn.btn-outline-danger,
.design-v2 .btn.btn-outline-info,
.design-v2 .btn.btn-outline-primary,
.design-v2 .btn.btn-outline-secondary,
.design-v2 .btn.btn-outline-success,
.design-v2 .btn.btn-outline-warning {
background: #fff !important;
border: 1px solid #1c2125 !important;
box-shadow: none !important;
color: #1c2125 !important;
border-left: 8px solid #1c2125 !important;
}
.design-v2 .btn.btn-outline-danger:hover,
.design-v2 .btn.btn-outline-info:hover,
.design-v2 .btn.btn-outline-primary:hover,
.design-v2 .btn.btn-outline-secondary:hover,
.design-v2 .btn.btn-outline-success:hover,
.design-v2 .btn.btn-outline-warning:hover,
.design-v2 .btn.btn-outline:hover {
box-shadow:
0 14px 26px -12px rgba(153, 153, 153, 0.42),
0 4px 23px 0 rgba(0, 0, 0, 0.12),
0 8px 10px -5px rgba(153, 153, 153, 0.2) !important;
}
.design-v2 #content tbody tr {
background-color: #fff !important;
}
.swal2-modal .btn.btn-secondary {
background: #fff !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: #fff !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, 0.42),
0 4px 23px 0 rgba(0, 0, 0, 0.12),
0 8px 10px -5px rgba(153, 153, 153, 0.2) !important;
}
.sidebar {
z-index: 100;
}
.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;
}
.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;
}
.mail-composer {
position: fixed;
bottom: 0;
right: 0;
width: 800px;
max-width: 90%;
height: 100vh;
overflow: hidden;
background-color: #fff;
border-radius: 0;
display: none;
flex-direction: column;
z-index: 1060;
box-shadow:
0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12),
0 5px 5px -3px rgba(0, 0, 0, 0.2),
0 0 160px 160px rgba(0, 0, 0, 0.2);
}
.mail-composer.fullscreen {
width: 100vw;
height: 100vh;
max-width: 100%;
max-height: none;
bottom: 0;
right: 0;
border-radius: 0;
}
.mail-composer.minimized {
height: 40px;
overflow: hidden;
min-height: 0;
width: 360px;
}
.mail-composer .mail-header {
cursor: pointer;
user-select: none;
}
.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;
}
.mail-composer .mail-footer {
background: #f8f9fa;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.mail-composer.minimized .mail-footer {
z-index: -1;
}
.mail-composer .mail-actions .btn {
color: #fff !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 .form-control.form-control-sm,
.mail-composer .note-editable,
.mail-composer .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #3c4858 !important;
font-weight: 400 !important;
font-size: 0.9rem !important;
}
@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,
.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 {
padding: 1rem 0;
background: #f8f9fa;
z-index: 10;
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-offer_status-container,
#select2-offer_status-results li,
#select2-status-container,
#select2-status-results li {
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-32::before {
content: 'mark_email_unread';
font-family: 'Material Icons';
font-size: 1rem;
position: absolute;
left: 5px;
text-transform: lowercase;
}
.opt-status-33::before {
content: 'mail_lock';
font-family: 'Material Icons';
font-size: 1rem;
position: absolute;
left: 5px;
text-transform: lowercase;
}
.opt-status-1::before {
content: 'email';
font-family: 'Material Icons Two Tone';
font-size: 1rem;
position: absolute;
left: 5px;
text-transform: lowercase;
}
.opt-status-11::before {
content: 'mark_email_read';
font-family: 'Material Icons Two Tone';
font-size: 1rem;
position: absolute;
left: 5px;
text-transform: lowercase;
}
.opt-status-12::before {
content: 'mark_email_unread';
font-family: 'Material Icons Two Tone';
font-size: 1rem;
position: absolute;
left: 5px;
text-transform: lowercase;
}
.opt-status-13::before {
content: 'mail_lock';
font-family: 'Material Icons Two Tone';
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;
}
.btn-password {
background: 0 0 !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;
}
.btn-password:hover i {
color: #000;
}
.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, 0.1);
padding-bottom: 0.6rem;
margin-bottom: 1rem;
}
#advanced_settings_container .card.change-card {
padding: 0 !important;
box-shadow: none !important;
background: 0 0 !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 button.btn.dropdown-toggle,
#advanced_settings_container .change-card-disabled button.btn.dropdown-toggle:hover,
#advanced_settings_container .change-card-disabled input,
#advanced_settings_container .change-card-disabled label,
#advanced_settings_container .change-card-disabled span,
#advanced_settings_container .change-card-disabled:hover input,
#advanced_settings_container .change-card-disabled:hover label,
#advanced_settings_container .change-card-disabled:hover span {
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 #header-tab-content,
body.simulation .card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
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: 2s linear infinite reverse fa-spin;
animation: 2s linear infinite reverse fa-spin;
}
.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-add-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-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 .bloc-etape-options-button {
position: relative;
right: 0;
top: 0;
padding: 0;
text-align: right;
}
.v3 #content .inter-etape .bloc-etape-options-button {
position: absolute;
right: 0;
top: 1.4rem;
padding: 0;
text-align: right;
}
.v3 #content #simulation_form .etape[data-step="1"] .remove-etape,
.v3 #content .etape[data-type="depot_final"] .remove-etape,
.v3 #content .etape[data-type="depot_initial"] .remove-etape {
opacity: 0.2;
cursor: not-allowed;
pointer-events: none;
visibility: visible !important;
}
.v3 #content .etape[data-type="depot_final"] .action-remove-etape,
.v3 #content .etape[data-type="depot_initial"] .action-remove-etape,
.v3 #content .etape[data-type="depot_initial"] + .etape .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.focus .bloc-etape,
.etape:hover .bloc-etape {
box-shadow:
0 5px 5px 0 rgb(0 0 0 / 20%),
0 7px 10px -5px rgb(143 143 143 / 4%) !important;
}
.clear {
clear: both;
width: 100%;
height: 0;
display: block;
}
#simulation-sidebar .nav-link {
text-transform: initial !important;
font-size: 0.9rem;
font-weight: 400;
}
.seeTrajet,
.timeline-trajet::before {
display: none !important;
}
.step-sub-actions {
min-width: 80px;
text-align: right;
}
.v3 #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;
}
.etape-error-box {
position: fixed;
right: 20px;
top: 100px;
width: 320px;
background: #fff8f0;
border: 1px solid #fb8;
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: #fff;
padding: 10px;
font-weight: 700;
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: 700;
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: #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 td,
.swal-content th {
padding: 4px 8px;
text-align: left;
}
.swal-content th {
background: #f0f0f0;
}
.design-v2 .note-editor.note-frame {
margin-top: 0;
border: none !important;
}
.design-v2 .panel-heading.note-toolbar {
text-align: right;
}
.note-editor.note-airframe .note-editing-area,
.note-editor.note-frame .note-editing-area {
overflow: hidden;
border: 1px solid rgba(0, 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;
}
body.filter-open{
overflow:hidden;
}
.dropdown-filter {
position: fixed;
overflow: visible;
width: 420px;
top: 0;
bottom: 0;
right: 0;
visibility: hidden;
z-index: 10000;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, 0.4);
transform: translateX(100%);
transition:transform 0.2s ease;
}
.dropdown-filter .select2-selection__placeholder, .dropdown-filter .opt-status-{
text-transform: initial;
font-size: 0.9rem;
}
.dropdown-filter legend {
font-size: 0.95rem;
}
.dropdown-filter.open{
visibility:visible;
transform: translateX(0);
}
.dropdown-filter__body {
overflow-y: auto;
max-height: 100vh;
overflow-x: hidden;
}
.dropdown-filter hr{
border-top: 1px solid rgba(0, 0, 0, .2);
margin-bottom: 0;
margin-top: 0;
}
.dropdown-filter input{
border:1px solid #acacac;
background-image: none !important;
padding-left: 8px;
padding-right: 8px;
}
#filterData .dropdown-filter .select2, .dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100% !important;
}
/* Styles pour les labels */
.filter-block .label-form {
display: block;
margin-bottom: 0.3rem;
font-weight: 400;
color: #707070;
font-size: 0.9rem;
padding-left: 0!important;
}
.filter-block input{
font-weight: 500;
color:#000;
}
.dropdown-filter .select2-container--default .select2-selection--single .select2-selection__placeholder,
.dropdown-filter .select2-selection__rendered{
font-weight: 500 !important;
color:#000 !important;
}
.filter-title, #filterData .filter-title{
font-size:1rem !important;
color:#000 !important;
font-weight: 400 !important;
margin-bottom: 0.5rem !important;
}
.filter-header{
position: sticky;
top:0;
background:#FFF;
border-bottom: 1px solid rgba(0, 0, 0, .2);
z-index:10;
}
.filter-footer{
position: sticky;
bottom:0;
background:#FFF;
border-top: 1px solid rgba(0, 0, 0, .2);
z-index:10;
}
button#close_filter {
color: #000 !important;
font-size: 1rem;
line-height: 1;
font-weight: 600;
}
.reset-bloc{
color: #000 !important;
line-height: 1;
}
.filter-block{
position:relative;
padding-top: 1rem;
padding-bottom: 1.2rem;
}
.filter-block.is-active::before {
content: '';
height: 100%;
width: 0;
display: block;
position: absolute;
left: 0.9rem;
top: 0;
border-left: 0.4rem solid #C21E86;
padding-left: calc(1rem - 3px);
}
#filter_count_badge {
display: inline-block;
height: 1.6rem;
width: 1.6rem;
background: #C21E86;
color: #FFF;
font-size: 1rem;
margin-left: 0.4rem;
vertical-align: middle;
line-height: 1.6rem;
text-align: center;
border-radius: 50%;
font-weight: 600;
position: absolute;
top: -0.8rem;
right: -0.8rem;
}
/* --- Filter Presets Chips --- */
.filter-presets {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
}
.filter-presets__label {
font-size: 0.7rem;
color: #888;
margin-right: 2px;
white-space: nowrap;
}
.filter-preset-btn {
display: inline-flex;
align-items: center;
padding: 2px 8px;
font-size: 0.72rem;
line-height: 1.6;
border: 1px solid #c8d0da;
border-radius: 20px;
background: #fff;
color: #555;
cursor: pointer;
transition: background 0.15s, border-color 0.15s, color 0.15s;
white-space: nowrap;
}
.filter-preset-btn:hover {
background: #eef2ff;
border-color: #6c7ef7;
color: #3b4abf;
}
.filter-preset-btn:focus-visible {
outline: 2px solid #6c7ef7;
outline-offset: 2px;
}
.filter-preset-btn.is-active {
background: #3b4abf;
border-color: #3b4abf;
color: #fff;
font-weight: 500;
}
#reset_filters{
color:#000 !important;
}
#bg_overlay{
position:fixed;
left:0;
top: 0;
right: 0;
bottom:0;
z-index:1024;
background: rgba(0,0,0,0.4);
cursor: pointer;
}
button#dropdown_filters {
border-left-width: 1px !important;
}