:root {
    --ck-z-default: 30060;
    --ecm-z-index: 20060;
    --ecm-white: #FFFFFF;
    --ecm-grey-5: #FAFAFA;
    --ecm-grey-10: #F5F5F5;
    --ecm-grey-20: #EEEEEE;
    --ecm-grey-30: #E0E0E0;
    --ecm-grey-40: #BBBBBB;
    --ecm-grey-50: #9E9E9E;
    --ecm-grey-60: #707070;
    --ecm-grey-70: #616161;
    --ecm-grey-80: #424242;
    --ecm-grey-90: #212121;
    --ecm-black: #000000;
    --ecm-blue: #3276B5;
    --ecm-blue-hoki: #67809F;
    --ecm-blue-soft: #4C87B9;
    --ecm-blue-dark: #5E738B;
    --ecm-blue-oleo: #94A0B2;
    --ecm-blue-steel: #4B77BE;
    --ecm-blue-sharp: #5c9bd170;
    --ecm-blue-madison: #578EBE;
    --ecm-blue-chambray: #2C3E50;
    --ecm-blue-ebonyclay: #22313F;
    --ecm-blue-whisper: #F8FAFB;
    --ecm-blue-ink: #1C4265;
    --ecm-blue-mist: #EBF2FA;
    --ecm-menu-blue: var(--ecm-blue-ink);
    --ecm-purple: #6121CF80;
    --ecm-purple-plum: #8775A7;
    --ecm-purple-medium: #BF55EC;
    --ecm-purple-studio: #8E44AD;
    --ecm-purple-wisteria: #9B59B6;
    --ecm-purple-seance: #9A12B3;
    --ecm-purple-intense: #8775a7;
    --ecm-purple-sharp: #796799;
    --ecm-purple-soft: #8877a9;
    --ecm-red: #D32F2F;
    --ecm-red-pink: #E08283;
    --ecm-red-sunglo: #E26A6A;
    --ecm-red-intense: #E35b5A;
    --ecm-red-thunderbird: #D91E18;
    --ecm-red-flamingo: #EF4836;
    --ecm-red-soft: #D05454;
    --ecm-red-haze: #F36A5A;
    --ecm-red-mint: #E43A45;
    --ecm-green: #32C5D2;
    --ecm-green-meadow: #1BBC9B;
    --ecm-green-seagreen: #1BA39C;
    --ecm-green-turquoise: #36D7B7;
    --ecm-green-haze: #44b6ae;
    --ecm-green-jungle: #26C281;
    --ecm-green-soft: #3fABA4;
    --ecm-green-dark: #4CAF50;
    --ecm-green-sharp: #2Ab4C0;
    --ecm-green-steel: #29B4B6;
    --ecm-yellow: #c49f47;
    --ecm-yellow-gold: #E87E04;
    --ecm-yellow-casablanca: #f2784b;
    --ecm-yellow-crusta: #f3c200;
    --ecm-yellow-lemon: #F7CA18;
    --ecm-yellow-saffron: #F4D03F;
    --ecm-yellow-soft: #c8d046;
    --ecm-yellow-haze: #c5bf66;
    --ecm-yellow-mint: #c5b96b;
    --ecm-tooltip-zindex: calc(var(--ecm-z-index) + 20000);
    --ecm-accordion-bg: #f3f5f9;
}

body {
    background-color: var(--ecm-blue-mist) !important;
}

.no-scroll {
    overflow: hidden !important;
}

.tooltip {
    z-index: var(--ecm-tooltip-zindex);
}

.ecm--page-fullscreen {
    overflow: hidden;
}

.ecm--fullscreen {
    z-index: var(--ecm-z-index);
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 !important;
}

.ck-editor__editable {
    min-height: 450px;
}

#ckeditor_container {
    display: none !important;
}

.cke_button_icon.cke_button__ellosmodelo_icon,
.cke_button_icon.cke_button__ellosmodeloprint_icon,
.cke_button_icon.cke_button__ellosmodelocreate_icon {
    display: none;
}

.cke_button_label.cke_button__ellosmodelo_label,
.cke_button_label.cke_button__ellosmodeloprint_label,
.cke_button_label.cke_button__ellosmodelocreate_label {
    display: inline-block;
}

.modal-open .datetimepicker,
.datetimepicker {
    z-index: 40062 !important;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
    white-space: normal;
}

.modal-open .select2-dropdown,
.select2-dropdown {
    z-index: 40062;
}

.select2-dropdown.select2--borderless,
.select2-selection.select2--borderless {
    border: none;
}

.modal-flex--dialog {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-flex--dialog .modal-content {
    width: 60%;
}

.form-control.has-required,
.form-control.has-required ~ .cke,
.form-control.has-required ~ .btn-group .multiselect,
.form-control.has-required.input--checkbox ~ span,
.has-required.input--arquivo {
    border-color: #e73d4a;
}

.has-required.input--arquivo.campo--default {
    background-color: #e73d4a;
}

.control-label-hint {
    margin-left: .2rem;
    font-size: 12px;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
#arvore_categorias {
    font-size: 1.2rem;
    height: auto;
    max-height: 65vh;
    overflow: auto;
    min-height: 100px;
}

.cursor--auto {
    cursor: auto !important;
}

.cursor--pointer {
    cursor: pointer !important;
}
.ecm--truncate {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ecm--truncate-2x {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ecm--truncate-3x {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.input--search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.input--search .input-search--icon {
    position: relative;
    right: -20px;
    font-size: 12px;
    color: var(--ecm-blue-dark);
}

.input--search .input-search--text {
    width: 100%;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 2px 7px 1px rgb(94 94 94 / 25%);
    padding: 5px 1rem 5px 3rem;
    height: 25px;
    text-align: center;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--ecm-blue-dark);
}

.input--search input::-webkit-input-placeholder,
.input--search input:-moz-placeholder,
.input--search input::-moz-placeholder,
.input--search input:-ms-input-placeholder {
    color: var(--ecm-blue-dark);
}

.input--search .input-search--icon:has(+ input:focus) {
    color: var(--ecm-grey-40);
}

.input--search input:focus::-webkit-input-placeholder {
    color: var(--ecm-grey-40);
}

.input--search input:focus:-moz-placeholder {
    color: var(--ecm-grey-40);
}

.input--search input:focus::-moz-placeholder {
    color: var(--ecm-grey-40);
}

.input--search input:focus:-ms-input-placeholder {
    color: var(--ecm-grey-40);
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.datetimepicker.dropdown-menu {
    z-index: 40062 !important;
}
.campo--sequencial-lista {
    display: flex;
    flex-direction: row;
}

.campo--sequencial-lista > input {
    flex: 1;
    min-width: 180px;
}

.cp--modal-departamentos {
    overflow: auto;
    height: 100%;
    max-height: 60vh;
    margin-bottom: 2rem;
}

.jconfirm .jconfirm-box {
    max-width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    text-align: center;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: none;
    display: flex;
}

.select2-results__group {
    padding: 6px !important;
}

.ecm-red {
    color: var(--ecm-red);
}

.ecm-white {
    color: var(--ecm-white);
}

.ecm-grey-5 {
    color: var(--ecm-grey-5);
}

.ecm-grey-10 {
    color: var(--ecm-grey-10);
}

.ecm-grey-20 {
    color: var(--ecm-grey-20);
}

.ecm-grey-30 {
    color: var(--ecm-grey-30);
}

.ecm-grey-40 {
    color: var(--ecm-grey-40);
}

.ecm-grey-50 {
    color: var(--ecm-grey-50);
}

.ecm-grey-60 {
    color: var(--ecm-grey-60);
}

.ecm-grey-70 {
    color: var(--ecm-grey-70);
}

.ecm-grey-80 {
    color: var(--ecm-grey-80);
}

.ecm-grey-90 {
    color: var(--ecm-grey-90);
}

.ecm-black {
    color: var(--ecm-black);
}

.ecm-blue {
    color: var(--ecm-blue);
}

.ecm-blue-hoki {
    color: var(--ecm-blue-hoki);
}

.ecm-blue-soft {
    color: var(--ecm-blue-soft);
}

.ecm-blue-dark {
    color: var(--ecm-blue-dark);
}

.ecm-blue-oleo {
    color: var(--ecm-blue-oleo);
}

.ecm-blue-steel {
    color: var(--ecm-blue-steel);
}

.ecm-blue-sharp {
    color: var(--ecm-blue-sharp);
}

.ecm-blue-madison {
    color: var(--ecm-blue-madison);
}

.ecm-blue-chambray {
    color: var(--ecm-blue-chambray);
}

.ecm-blue-ebonyclay {
    color: var(--ecm-blue-ebonyclay);
}

.ecm-blue-whisper {
    color: var(--ecm-blue-whisper);
}

.ecm-blue-ink {
    color: var(--ecm-blue-ink);
}

.ecm-blue-mist {
    color: var(--ecm-blue-mist);
}

.ecm-menu-blue {
    color: var(--ecm-menu-blue);
}

.ecm-purple {
    color: var(--ecm-purple);
}

.ecm-purple-plum {
    color: var(--ecm-purple-plum);
}

.ecm-purple-medium {
    color: var(--ecm-purple-medium);
}

.ecm-purple-studio {
    color: var(--ecm-purple-studio);
}

.ecm-purple-wisteria {
    color: var(--ecm-purple-wisteria);
}

.ecm-purple-seance {
    color: var(--ecm-purple-seance);
}

.ecm-purple-intense {
    color: var(--ecm-purple-intense);
}

.ecm-purple-sharp {
    color: var(--ecm-purple-sharp);
}

.ecm-purple-soft {
    color: var(--ecm-purple-soft);
}

.ecm-red-pink {
    color: var(--ecm-red-pink);
}

.ecm-red-sunglo {
    color: var(--ecm-red-sunglo);
}

.ecm-red-intense {
    color: var(--ecm-red-intense);
}

.ecm-red-thunderbird {
    color: var(--ecm-red-thunderbird);
}

.ecm-red-flamingo {
    color: var(--ecm-red-flamingo);
}

.ecm-red-soft {
    color: var(--ecm-red-soft);
}

.ecm-red-haze {
    color: var(--ecm-red-haze);
}

.ecm-red-mint {
    color: var(--ecm-red-mint);
}

.ecm-green {
    color: var(--ecm-green);
}

.ecm-green-meadow {
    color: var(--ecm-green-meadow);
}

.ecm-green-seagreen {
    color: var(--ecm-green-seagreen);
}

.ecm-green-turquoise {
    color: var(--ecm-green-turquoise);
}

.ecm-green-haze {
    color: var(--ecm-green-haze);
}

.ecm-green-jungle {
    color: var(--ecm-green-jungle);
}

.ecm-green-soft {
    color: var(--ecm-green-soft);
}

.ecm-green-dark {
    color: var(--ecm-green-dark);
}

.ecm-green-sharp {
    color: var(--ecm-green-sharp);
}

.ecm-green-steel {
    color: var(--ecm-green-steel);
}

.ecm-yellow {
    color: var(--ecm-yellow);
}

.ecm-yellow-gold {
    color: var(--ecm-yellow-gold);
}

.ecm-yellow-casablanca {
    color: var(--ecm-yellow-casablanca);
}

.ecm-yellow-crusta {
    color: var(--ecm-yellow-crusta);
}

.ecm-yellow-lemon {
    color: var(--ecm-yellow-lemon);
}

.ecm-yellow-saffron {
    color: var(--ecm-yellow-saffron);
}

.ecm-yellow-soft {
    color: var(--ecm-yellow-soft);
}

.ecm-yellow-haze {
    color: var(--ecm-yellow-haze);
}

.ecm-yellow-mint {
    color: var(--ecm-yellow-mint);
}
.titulo-com-icone {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.html-preview {
    max-width: 300px;
    max-height: 200px;
    overflow: hidden;
    background-color: white;
    border: solid 1px var(--ecm-grey-50);
    padding: 10px;
}
.table--scrollable {
    position: relative;
    overflow-y: scroll;
}
.table--scrollable table thead {
    position: sticky;
    top: 0;
}
.d-flex {
    display: flex;
}
.d-flex.justify-content-center {
    justify-content: center;
}
.d-flex.align-items-center {
    align-items: center;
}
.d-flex.flex-column {
    flex-direction: column;
}
.d-flex.gap-1 {
    gap: 1rem;
}
.d-flex.gap-2 {
    gap: 2rem;
}
.d-flex.gap-3 {
    gap: 3rem;
}
.d-flex.gap-4 {
    gap: 4rem;
}
.d-flex.gap-5 {
    gap: 5rem;
}
.d-flex .flex-grow {
    flex-grow: 1;
}
.m-0 {
    margin: 0;
}
.custom-switch {
    margin: 0;
    padding: 0;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    width: auto;
    cursor: pointer;
}
.custom-switch .control {
    display: none;
}
.custom-switch .switch {
    display: flex;
    width: 200%;
    height: 100%;
    transition: all .5s ease-in-out;
}
.custom-switch .control:checked + .switch {
    transform: translateX(-50%);
}
.custom-switch .switch i {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}