:root {
    --cso-primary-light: #C1D1E0;
}

#app #header {
    border-bottom: 1px solid var(--cso-gray-200) !important;
    background: var(--cso-gray-200) !important;
}

/*.skin .main-header .logo { background-color:#2d789c;}
.skin .main-header .navbar { background-color:var(--cso-info);}*/

.content-wrapper, #wrapper {
    background-color: var(--cso-gray-100);
}

.skin .main-sidebar {
    background-color: var(--cso-gray-900);
}

.skin .sidebar-menu > li.header {
    color: var(--cso-white);
    background: var(--cso-primary);
    font-weight: bold;
}

.skin .sidebar a {
    color: var(--cso-white);
}

.skin .sidebar-menu > li.active > a,
.skin .sidebar-menu > li.menu-open > a,
.skin .sidebar-menu > li:hover > a {
    color: var(--cso-white);
    background: var(--cso-gray-700);
}

.navbar > .messages-menu > .dropdown-menu > li.header,
.navbar > .notifications-menu > .dropdown-menu > li.header,
.navbar > .tasks-menu > .dropdown-menu > li.header {
    background-color: var(--cso-primary);
    color: var(--cso-white);
}

.breadcrumb > .active {
    color: var(--cso-gray-600);
}

@media (max-width: 991px) {
    .content-header > .breadcrumb {
        background: var(--cso-white) !important;
    }
}

.small-box {
    border-radius: 7px;
    border-width: 2px;
    overflow: hidden;
}

    .small-box.classic-tile {
        background-color: var(--cso-gray-200) !important;
        color: var(--cso-gray-600) !important;
    }

    .small-box.fill-tile {
        color: var(--cso-white) !important;
    }

        .small-box.fill-tile > .inner > h3 {
            color: var(--cso-white);
        }

    .small-box h3 {
        color: var(--cso-primary);
    }

    .small-box .icon {
        font-size: 60px;
        top: 0px;
        transition: all .25s ease-out;
        -webkit-transition: all .25s ease-out;
    }

    .small-box:hover .icon {
        font-size: 60px;
        top: 0px;
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
    }

.box {
    border-radius: 5px;
    border-top: 5px solid var(--cso-gray-200);
    box-shadow: 0 0px 0px rgba(0,0,0,.1);
}

    .box.box-dark {
        border-top-color: var(--cso-gray-700);
    }

        .box.box-dark.box-border {
            border-bottom: 1px solid var(--cso-gray-700);
            border-left: 1px solid var(--cso-gray-700);
            border-right: 1px solid var(--cso-gray-700);
        }

.btn-dark {
    background-color: var(--cso-gray-700);
    border-color: var(--cso-gray-700);
    color: var(--cso-white);
}

    .btn-dark:after {
        background: var(--cso-gray-900);
    }

    .btn-dark.hover, .btn-dark:active, .btn-dark:hover, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:focus-visible, .btn-dark.show {
        background-color: var(--cso-white);
        border-color: var(--cso-gray-700);
        color: var(--cso-gray-700);
    }

.btn-light {
    background-color: var(--cso-gray-200);
    border-color: var(--cso-gray-200);
    color: var(--cso-gray-900);
}

    .btn-light:after {
        background: var(--cso-gray-600);
    }

    .btn-light.hover, .btn-light:active, .btn-light:hover, .btn-light:not(:disabled):not(.disabled):active, .btn-light:focus-visible, .btn-light.show {
        background-color: var(--cso-gray-200);
        border-color: var(--cso-gray-600);
        color: var(--cso-gray-800);
    }

/* --- Inputs ----------------------------------------------------------- */

.e-input-group.e-control-wrapper {
    border-radius: 30px;
    background-color: var(--cso-white);
    border-color: var(--cso-gray-200) !important;
}

    .e-input-group input.e-input::placeholder, .e-input-group.e-control-wrapper input.e-input::placeholder, .e-input-group textarea.e-input::placeholder, .e-input-group.e-control-wrapper textarea.e-input::placeholder {
        color: var(--cso-gray-600);
        font-style: italic;
    }

input.e-input {
    padding: .35rem !important;
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
    background: none;
    color: black;
    font-style: normal;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
    background: var(--cso-gray-100);
    border-color: var(--cso-gray-200) !important;
    opacity: 1;
    color: var(--cso-gray-500);
    -webkit-text-fill-color: var(--cso-gray-500);
}

.e-input-group.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
.e-input-group.e-valid-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
.e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled,
.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
    color: var(--cso-gray-700);
    -webkit-text-fill-color: var(--cso-gray-700);
}

.e-richtexteditor .e-rte-content, .e-richtexteditor .e-source-content {
    color: black;
}

.e-richtexteditor.e-disabled .e-rte-content, .e-richtexteditor.e-disabled .e-source-content {
    color: var(--cso-gray-700);
}

.e-colorpicker-container.e-disabled .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
.e-colorpicker-container.e-disabled .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
    background: var(--cso-gray-100);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 2px var(--cso-primary);
    border-color: transparent;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group-.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 2px var(--cso-primary) !important;
}

/* Input en erreur (contour rouge) */
/*.form-group.has-error .e-input-group, .form-group.has-error .e-input-group-.e-control-wrapper.e-input-focus {
    box-shadow: 0 0 0 2px #dd4b39 !important;
}*/

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    margin-right: 0;
    background-color: transparent;
    border-radius: 30px;
    border-color: transparent;
    width: 40px;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error) {
    border-radius: 30px;
    background-color: var(--cso-white);
    border-color: var(--cso-gray-200) !important;
    color: black;
}

.e-input-group, .e-input-group.e-control-wrapper {
    background-color: var(--cso-white);
    color: black;
}

    .e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
        margin-right: 0;
        background-color: transparent;
        border-radius: 30px;
        width: 40px;
    }

.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(135deg);
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
    background-color: var(--cso-white);
    border-color: var(--cso-gray-200) !important;
}

.e-btn-icon.e-selected-color {
    border: 1px solid var(--cso-gray-200) !important;
}

/* ReadOnly */
.e-input-group.readonly:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.readonly .e-input-group-icon,
.e-input-group.readonly.e-control-wrapper .e-input-group-icon,
.numeric-textbox-readonly .e-input-group-icon,
.numeric-textbox-disabled .e-input-group-icon {
    background: var(--cso-gray-100);
}

/* --- End : Inputs ----------------------------------------------------- */

.e-radio + label::before,
.e-radio:disabled + label::before,
.e-radio:disabled:checked + label::before {
    background-color: var(--cso-white);
    border: 2px solid var(--cso-gray-400);
}

.e-radio:checked + label::before {
    background-color: var(--cso-white);
    border-color: var(--cso-gray-400);
}

.e-radio:checked + label:hover::before, .e-radio:checked:focus + label::before {
    border-color: var(--cso-gray-400);
}

.radio-button-group.disabled > div > span,
.radio-button-group > div > span.disabled {
    color: var(--cso-gray-500);
}

.customRadio .e-radio:disabled:checked + label {
    border-color: var(--cso-gray-400);
    background-color: var(--cso-gray-400);
}

.e-radio:disabled + label .e-label,
.e-radio:disabled + label em {
    color: var(--cso-gray-500);
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    background-color: var(--cso-white);
    border: 2px solid var(--cso-gray-400);
}

    .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check,
    .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
        background-color: var(--cso-primary);
        border: 2px solid var(--cso-primary);
        color: var(--cso-white);
    }

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: var(--cso-primary);
    border: 2px solid var(--cso-primary);
    color: var(--cso-gray-100);
}

.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: var(--cso-primary);
    border: 2px solid var(--cso-primary);
    color: var(--cso-gray-100);
}

/*.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
    background-color: var(--cso-white);
}*/

.e-checkbox-wrapper:hover .e-frame, .e-css.e-checkbox-wrapper:hover .e-frame {
    background-color: var(--cso-white);
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-treeview .e-list-item > .e-text-content:has(.e-list-text > .cso-treeview-template:not(.selectable)) > .e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--cso-gray-400);
    border-color: var(--cso-gray-400);
    color: var(--cso-white);
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame,
.e-treeview .e-list-item > .e-text-content:has(.e-list-text > .cso-treeview-template:not(.selectable)) > .e-checkbox-wrapper .e-frame {
    background-color: var(--cso-gray-100);
    border-color: var(--cso-gray-200);
}

.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
    border-color: var(--cso-gray-400);
    background-color: var(--cso-white);
}

.e-switch-wrapper:hover .e-switch-inner, .e-css.e-switch-wrapper:hover .e-switch-inner {
    border-color: var(--cso-gray-400);
}

.e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle {
    background-color: var(--cso-gray-500);
}

.e-switch-wrapper.e-switch-disabled .e-switch-handle, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-handle {
    background-color: var(--cso-gray-200);
}

.e-switch-wrapper.e-switch-disabled .e-switch-inner, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner {
    background: white;
    border-color: var(--cso-gray-200);
}

    .e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on {
        background-color: var(--cso-gray-200);
        border-color: var(--cso-gray-200);
    }

    .e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-off, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-off {
        background-color: white;
        border-color: var(--cso-gray-200);
    }

.e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active {
    background-color: var(--cso-white);
}

.e-switch-wrapper:hover .e-switch-inner, .e-css.e-switch-wrapper:hover .e-switch-inner {
    background-color: var(--cso-white);
}

.e-switch-wrapper:hover .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
    background-color: var(--cso-gray-100);
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
    background-color: var(--cso-gray-100);
    border-color: var(--cso-gray-100);
    border-radius: 25px 0 0 25px;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn {
    border-color: var(--cso-gray-100);
}

.e-colorpicker-wrapper .e-btn.e-icon-btn {
    background-color: var(--cso-gray-100);
    border-radius: 0 25px 25px 0;
    padding: 8px 19px 7px 19px;
    color: var(--cso-gray-800);
}

.e-colorpicker-wrapper .e-icon-btn:hover {
    color: var(--cso-gray-700);
}

.e-grid {
    border-radius: 0;
}

    .e-grid .e-groupdroparea, .e-grid .e-gridheader, .e-grid .e-groupdroparea.e-grouped, .e-grid .e-groupdroparea.e-hover, .e-grid th.e-headercell[aria-sort=ascending] .e-headertext, .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
        background-color: var(--cso-info);
        color: var(--cso-white);
    }

        .e-grid .e-gridheader .e-table {
            background-color: var(--cso-info) !important;
        }

    .e-grid .e-headercell, .e-grid .e-detailheadercell {
        background-color: var(--cso-info);
    }

    .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop), .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
        color: var(--cso-white);
    }

    .e-grid .e-filtered::before {
        color: var(--cso-primary);
    }

    .e-grid .e-groupheadercell, .e-grid.e-groupheadercell:hover {
        border-radius: 20px !important;
    }

.e-table .e-altrow.e-row, .e-row.index0 {
    background-color: var(--cso-gray-100);
}

.e-treegrid .e-treegridexpand::before, .e-treegrid .e-treegridcollapse::before {
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.e-grid:not(.grid-no-selection-background) td.e-active,
.e-listbox-container li.e-list-item.e-selected {
    background: var(--cso-primary-light);
    font-weight: 700;
    color: var(--cso-info) !important;
}

.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
    background: var(--cso-primary-light);
    font-weight: 700;
    color: var(--cso-info) !important;
    /*border-color: #fff;*/
}

    .e-dropdownbase .e-list-item.e-active label,
    .e-dropdownbase .e-list-item.e-active.e-hover label {
        color: var(--cso-info) !important;
    }

.e-grid .e-summarycontent {
    border-color: var(--cso-gray-300);
}

.dropdown-menu {
    border-color: transparent;
}

.navbar > .user-menu > .dropdown-menu {
    border-radius: 0;
    background-color: var(--cso-primary);
}

.skin .main-header li.user-header {
    background-color: var(--cso-primary);
    font-weight: bold;
    height: auto !important;
}

.navbar > .user-menu > .dropdown-menu > li.user-header > p {
    color: var(--cso-white);
}

.navbar > .user-menu > .dropdown-menu > li.user-header > img {
    border: 2px solid var(--cso-white);
}

.user-panel > .image > img {
    border: 2px solid var(--cso-white);
}

.navbar > .user-menu > .dropdown-menu > li.user-header > .tile-header {
    color: var(--cso-white);
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.navbar > .user-menu > .dropdown-menu > li.user-header > .tile-content {
    background: var(--cso-white);
    margin: 0 -10px -10px -10px;
}

.e-pager .e-pagercontainer {
    background-color: var(--cso-gray-200);
    border-color: var(--cso-gray-300);
    border-radius: 30px;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: var(--cso-info);
    color: var(--cso-white);
}

.e-listview .e-list-item.e-active {
    background-color: var(--cso-primary);
}

.e-treeview .e-list-item div.e-icons::before {
    content: ' ' !important;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.e-treeview .e-list-item.e-active > .e-fullrow,
.e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
    background-color: var(--cso-primary-light);
    border: 1px solid var(--cso-primary-light);
    color: var(--cso-info);
    box-shadow: none;
}

.e-accordion {
    background: var(--cso-gray-100);
    border: 0px;
    border-radius: 0px;
}

    .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
        background: var(--cso-info) !important;
        border-radius: 0px;
    }

    .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
        background: var(--cso-primary) !important;
    }

    .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-toggle-icon {
        color: var(--cso-white) !important;
        font-weight: bold !important;
    }

    .e-accordion .e-acrdn-item.e-select {
        background: var(--cso-info) !important;
    }

    .e-accordion .e-acrdn-item .e-toggle-ico {
        color: var(--cso-white) !important;
        font-weight: bold !important;
    }

    .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
        color: var(--cso-gray-900);
        background: var(--cso-gray-100);
        border-top: 0px;
    }

    .e-accordion .e-acrdn-item, .e-accordion .e-acrdn-item.e-select:last-child {
        border-radius: 0px;
    }

.e-symbolpalette .e-symbol-draggable:hover {
    /*.e-symbolpalette .e-symbol-hover*/
    background: var(--cso-gray-200) !important;
    border-radius: 6px !important;
    border: 2px dotted var(--cso-gray-300) !important;
}

.e-symbolpalette .e-symbol-selected {
    background: var(--cso-gray-200) !important;
    border-radius: 6px !important;
    border: 2px dotted var(--cso-primary) !important;
}

.e-accordion .e-acrdn-item.e-selected.e-select {
    border: 0px !important;
}

.e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-control.e-tbar-btn.e-btn:hover, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-control.e-tbar-btn.e-btn:hover {
    border: 1px solid var(--cso-primary);
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
    background: var(--cso-info);
    border: 1px solid var(--cso-info) !important;
    border-radius: 3px !important;
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
    background: var(--cso-primary);
    border-radius: 3px !important;
}

.e-toolbar .e-tbar-btn:hover {
    background: var(--cso-primary);
}

.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
    background: var(--cso-primary);
}

.modal-content {
    border-radius: 5px;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-body {
    background-color: var(--cso-white);
}

    .modal-body .tab-content {
        background-color: var(--cso-white);
        border: 1px solid var(--cso-gray-200);
        border-top: 0;
    }

/* --- DropdownMenu --------------------------------------------------------- */
/* Light */
.e-dropdown-btn.drpdwn-light, .e-dropdown-btn.e-btn.drpdwn-light {
    color: var(--cso-gray-900);
    background-color: var(--cso-gray-200);
    border-color: var(--cso-gray-200);
}

    .e-dropdown-btn.drpdwn-light:hover, .e-dropdown-btn.e-btn.drpdwn-light:hover, .e-dropdown-btn.drpdwn-light:focus, .e-dropdown-btn.e-btn.drpdwn-light:focus {
        color: var(--cso-gray-800);
        background-color: var(--cso-gray-200);
        border-color: var(--cso-gray-600);
    }

    .e-dropdown-btn.drpdwn-light > .e-btn-icon.e-icons.e-caret, .e-dropdown-btn.e-btn.drpdwn-light > .e-btn-icon.e-icons.e-caret {
        color: var(--cso-gray-900);
    }

    .e-dropdown-btn.drpdwn-light:hover > .e-btn-icon.e-icons.e-caret, .e-dropdown-btn.e-btn.drpdwn-light:hover > .e-btn-icon.e-icons.e-caret {
        color: var(--cso-gray-800);
    }

/* Dark */
.e-dropdown-btn.drpdwn-dark, .e-dropdown-btn.e-btn.drpdwn-dark {
    color: var(--cso-white);
    background-color: var(--cso-gray-700);
    border-color: var(--cso-gray-700);
}

    .e-dropdown-btn.drpdwn-dark:hover, .e-dropdown-btn.e-btn.drpdwn-dark:hover, .e-dropdown-btn.drpdwn-dark:focus, .e-dropdown-btn.e-btn.drpdwn-dark:focus {
        color: var(--cso-gray-700);
        background-color: var(--cso-white);
        border-color: var(--cso-gray-700);
    }

        .e-dropdown-btn.drpdwn-dark:hover > .e-btn-icon.e-icons.e-caret, .e-dropdown-btn.e-btn.drpdwn-dark:hover > .e-btn-icon.e-icons.e-caret {
            color: var(--cso-gray-700);
        }
/* --- End : DropdownMenu --------------------------------------------------------- */

.btn-checkbox.e-checkbox-disabled {
    opacity: 1;
    color: var(--cso-gray-500);
    background-color: var(--cso-gray-200);
    border-color: var(--cso-gray-200);
}

.box.small-title.box-light > .box-header {
    border-color: var(--cso-gray-200);
}

.box.small-title.box-dark > .box-header {
    border-color: var(--cso-gray-700);
}

/* Timeline : Cercle*/
.timelineComponent > li > div > span.tml-dark:nth-child(2)::before {
    background-color: var(--cso-gray-700);
}

.timelineComponent > li > div > span.tml-light:nth-child(2)::before {
    background-color: var(--cso-gray-200);
}

.e-input-group.e-control-wrapper.e-disabled.translation-textbox .e-input-group-icon:hover {
    background-color: var(--cso-gray-200);
}

/* ===== Scrollbar CSS ===== */
/* Default */
* {
    scrollbar-color: var(--cso-gray-400) transparent;
}

/* Lateral menu */
.sidebar-mini .main-sidebar {
    scrollbar-color: var(--cso-gray-600) transparent;
}
/* === */

.input-placeholder {
    color: var(--cso-gray-600);
}