:root {
    --primary-bg-alpha: #006fb138;
    --primary-bg: #154d70;
    --primary-border: #113e5a;
    --primary-box-shadow: 0 0 0 0.15rem rgba(21, 77, 112, 0.17);

    --success-bg-alpha: rgba(124, 204, 31, 0.22);
    --success-bg: #7CCC1F;
    --success-border: #7ecf1f;
    --success-box-shadow: 0 0 0 0.15rem rgba(124, 204, 31, 0.17);

    --danger-bg-alpha: rgba(220, 2, 12, 0.22);
    --danger-bg: #E6000A;
    --danger-border: #dc020c;
    --danger-box-shadow: 0 0 0 0.15rem rgba(220, 2, 12, 0.17);

    --warning-bg-alpha: rgba(230, 154, 12, 0.22);
    --warning-bg: #E69A0C;
    --warning-border: #d9910b;
    --warning-box-shadow: 0 0 0 0.15rem rgba(230, 154, 12, 0.17);

    --info-bg-alpha: rgba(41, 152, 221, 0.22);
    --info-bg: #2998dd;
    --info-border: #2998dd;
    --info-box-shadow: 0 0 0 0.15rem rgba(41, 152, 221, 0.17);

    --ck-z-default: 99999 !important;
    --ck-z-modal: calc(var(--ck-z-default) + 99999) !important;
}

.ck.ck-balloon-panel {
    z-index: 10054 !important;
}

#sidebar-menu a.active {
    background: #00000033;
}

table.table tr button.btn-sm {
    width: 30px;
    height: 28px;
}

.wizard-nav-error {
    color: var(--danger-bg) !important;
    padding-right: 30px !important;
    position: relative;
}

.wizard-nav-error::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f071";
    position: absolute;
    font-size: 11px;
    color: var(--danger-bg);
    right: 8px;
    opacity: 0.7;
}

.bg-primary {
    background-color: var(--primary-bg) !important;
}

.bg-danger {
    background-color: var(--danger-bg) !important;
}

.bg-success {
    background-color: var(--success-bg) !important;
}

.bg-info {
    background-color: var(--info-bg) !important;
}

.bg-warning {
    background-color: var(--warning-bg) !important;
}

.text-primary {
    color: var(--primary-bg) !important;
}

.text-danger {
    color: var(--danger-bg) !important;
}

.text-success {
    color: var(--success-bg) !important;
}

.text-info {
    color: var(--info-bg) !important;
}

.border-primary {
    border-color: var(--primary-bg) !important;
}

.border-danger {
    border-color: var(--danger-bg) !important;
}

.border-success {
    border-color: var(--success-bg) !important;
}

.border-info {
    border-color: var(--info-bg) !important;
}

.btn-primary, .btn-primary[disabled] {
    background-color: var(--primary-bg);
    border-color: var(--primary-border);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--danger-bg) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23E6000A'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E6000A' stroke='none'/%3e%3c/svg%3e");
}

.invalid-feedback {
    color: var(--danger-bg) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
    background-color: var(--primary-bg);
    border-color: var(--primary-border);
    box-shadow: var(--primary-box-shadow);
    filter: brightness(1.1);
}

.btn-success, .btn-success[disabled] {
    background-color: var(--success-bg);
    border-color: var(--success-border);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus {
    background-color: var(--success-bg);
    border-color: var(--success-border);
    box-shadow: var(--success-box-shadow);
    filter: brightness(1.1);
}

.btn-danger, .btn-danger[disabled] {
    background-color: var(--danger-bg);
    border-color: var(--danger-border);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:focus {
    background-color: var(--danger-bg);
    border-color: var(--danger-border);
    box-shadow: var(--danger-box-shadow);
    filter: brightness(1.1);
}

.btn-warning, .btn-warning[disabled] {
    background-color: var(--warning-bg);
    border-color: var(--warning-border);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:active:focus {
    background-color: var(--warning-bg);
    border-color: var(--warning-border);
    box-shadow: var(--warning-box-shadow);
    filter: brightness(1.1);
}

.btn-info, .btn-info[disabled] {
    background-color: var(--info-bg);
    border-color: var(--info-border);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:focus {
    background-color: var(--info-bg);
    border-color: var(--info-border);
    box-shadow: var(--info-box-shadow);
    filter: brightness(1.1);
}

.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected=true] {
    color: white;
}

body.loading-process #layout-wrapper .main-content {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.text-right {
    text-align: right;
}

header#page-topbar .navbar-brand-box {
    background: white;
}

table.dataTable tbody th, table.dataTable tbody td {
    vertical-align: middle;
}

body[data-sidebar=dark] .navbar-brand-box,
body[data-sidebar=dark] .vertical-menu {
    /*background: #080808;*/
    background: #0f1b22;
}

body[data-sidebar=dark] #sidebar-menu ul li a,
body[data-sidebar=dark] #sidebar-menu ul li a i,
body[data-sidebar=dark] .menu-title,
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: #dfdfdf;
}

body .navigation-selector .navigation-items {
    /*width: 450px;*/
    min-width: 250px;
    margin-top: 25px;
}

body .navigation-selector .row .navigation-items:last-child {
    border-right: none;
}

body .navigation-selector .navigation-items.border-right {
    border-right: #ffffff17 solid 2px;
}

body .navigation-selector .row .navigation-items-child:last-child {
    border-right: none;
}

body .navigation-selector .navigation-items-child.border-right {
    border-right: #ffffff17 solid 2px;
}

body .navigation-selector .navigation-items {
    min-height: 150px;
    padding-left: 30px;
}

body .navigation-selector .navigation-items h3 {
    font-weight: 400;
    font-size: 1.5em;
}

body .navigation-selector .navigation-items ul {
    padding-left: 0;
}

body .navigation-selector .navigation-items ul li {
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 30px;
}

body .navigation-selector .navigation-items ul li a {
    color: #dfdfdf;
    font-size: 13px;
}

body .navigation-selector .navigation-items ul li a:hover {
    color: white;
}

body.vertical-collpsed .navigation-selector {
    width: calc(100% - 70px);
    left: 70px;
}

header#page-topbar .navbar-header {
    border-bottom: #7ccc1f 2px solid;
}

body .navigation-selector {
    display: none;
    /*background: #1a1a1aeb;*/
    background: #092130fa;
    width: calc(100% - 250px);
    height: calc(100% - 68px);
    position: fixed;
    top: 68px;
    left: 250px;
    z-index: 10000;
    padding: 50px;
    color: white;
    animation-duration: 0.3s;
}

body .navigation-selector.visible {
    display: flex;
}

body .navigation-selector .navigation-section {
    display: none;
}

body .navigation-selector .item-selection {
    max-width: 300px;
    min-width: 300px;
    box-shadow: #0000007d 2px 2px 2px;
    opacity: 0.9;
}

body .navigation-selector .item-selection i {
    font-size: 2.1em;
}

body .navigation-selector .item-selection:hover {
    opacity: 1;
}

body .navigation-selector .navigation-section.visible {
    display: flex;
}

body .navigation-selector .navigation-section h5 {
    font-size: 13px;
}

body .navigation-selector .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
    font-size: 1.5em;
    outline: 0;
    border: none !important;
    filter: invert(1);
}

body.navigation-selector-open,
body.documentor-open {
    overflow: hidden !important;
    height: 100vh;
}

.documentor-backdrop {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    animation-duration: 300ms !important;
}

.documentor-backdrop .documentor-content {
    position: fixed;
    background: white;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 3em;
    padding: 24px 30px;
    max-width: 353px;
    min-width: 300px;
}

.documentor-backdrop .documentor-content #btnCloseDocumentor {
    position: absolute;
    top: 10px;
    right: 10px;
    outline: none;
    border: 0;
    background: transparent;
    opacity: .7;
}

.documentor-backdrop .documentor-content #btnCloseDocumentor:hover {
    opacity: 1;
}

body.navigation-selector-open div.main-content div.page-content {
    filter: blur(3px);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #004066 !important;
}

body.navigation-selector-open.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    width: 70px !important;
}

.invalid-feedback ul {
    padding-left: 0;
}

.invalid-feedback ul li {
    list-style-type: none;
}

.form-group.form-invalid input {
    border-color: #f46a6a;
    padding-right: calc(1.5em + .94rem);
}

@media (max-width: 1080px) {
    body .navigation-selector .navigation-items:not(:first-child) {
        border-right: none !important;
    }

    body .navigation-selector .navigation-items {
        border-right: none !important;
        padding: 15px !important;
        width: 50%;
    }
}

@media (max-width: 994px) {
    body:not(.sidebar-enable) .navigation-selector {
        left: 0px;
        width: 100%;
    }
}

@media (max-width: 600px) {
    body .navigation-selector {
        background: #080808fa;
        width: 100%;
        left: 0px;
    }
}

.table > :not(caption) > * > * {
    padding: .55rem 0.75rem;
}

.dataTables_wrapper .col-sm-12 {
    overflow: auto;
}

.menu_section_n2 {
    margin-top: 40px;
}

.wizard.wizard-sm .steps .number {
    width: 20px;
    height: 20px;
    line-height: 18px;
}

.sf-toolbar .sf-minitoolbar {
    left: 0 !important;
    right: initial;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    background: transparent;
}

.offcanvas {
    box-shadow: #00000047 0px 0px 9px;
}

.offcanvas .offcanvas-header {
    z-index: 1;
    background: white;
    padding-bottom: 0;
}

.offcanvas .offcanvas-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
}

.offcanvas .offcanvas-container form[name^="app_"] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
}

.offcanvas-footer.offcanvas-footer-actions-bar {
    padding: 0.7rem 1.5rem;
    background: #f9f9f9;
}

.offcanvas-modal {
    background: #0000003b;
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
}

.offcanvas-modal .offcanvas-modal-header {
    background: white;
    padding: 1.25em 1.25em 0.25em 1.25em;
}

.offcanvas-modal .offcanvas-modal-header .btn-prev {
    padding: .25em .5em;
    color: grey !important;
    margin-top: -0.25em;
}

.offcanvas-modal .offcanvas-modal-header .btn-prev:hover {
    background: #eff2f7;
}

.offcanvas-modal .offcanvas-modal-content {
    background: white;
    padding: 1em 3em 3em;
    box-shadow: #0000000f 1px 2px 5px;
}

.page-item.active .page-link {
    background-color: var(--primary-bg);
    border-color: var(--primary-border);
}

.page-link:focus {
    box-shadow: var(--primary-box-shadow);
}

.wizard .steps .current a .number, .wizard .steps .current a:active .number, .wizard .steps .current a:hover .number {
    background-color: var(--primary-bg);
    border: 2px solid var(--primary-bg);
}

.wizard .steps .current a, .wizard .steps .current a:active, .wizard .steps .current a:hover {
    background-color: var(--primary-bg-alpha);
}

.wizard .steps > ul > li a {
    background-color: #c7dfee5c;
}

.wizard.material .steps > ul > li a {
    background-color: transparent;
    border-bottom: transparent solid 3px;
}

.wizard.material .steps .current a, .wizard.material .steps .current a:active, .wizard.material .steps .current a:hover {
    background-color: transparent;
    color: var(--success-bg);
    border-bottom: var(--success-bg) solid 3px;
}

.wizard.material .steps ul {
    position: relative;
}

.wizard.material .steps ul li {
    z-index: 1;
}

.wizard.material .steps ul::after {
    width: 100%;
    height: 1px;
    background: #eff2f7;
    content: "";
    bottom: 0;
    position: absolute;
}

.form-check-input:checked {
    background-color: var(--primary-bg);
    border-color: var(--primary-border);
}

.offcanvas-body .wizard .steps ul li a {
    display: flex;
    justify-content: center;
    height: 100%;
    vertical-align: middle;
    align-items: center;
}

.offcanvas-body .wizard .steps ul li a i {
    font-size: 1.45em;
    flex: 1;
    max-width: fit-content;
    margin-right: .5rem !important;
}

.offcanvas-body .wizard .steps ul li a span {
    flex: 1;
    justify-content: center;
    max-width: fit-content;
}

.dt-search-input-maximized .dataTables_filter {
    width: 100%;
}

.dt-search-input-maximized .dataTables_filter label {
    width: 100%;
}

.dt-search-input-maximized .dataTables_filter label input {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 10px;
    border: #eff2f7 solid 1px;
    padding-left: 31px;
    font-weight: 500;
}

.dt-search-input-maximized .dataTables_filter label::before {
    font-family: boxicons !important;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    content: "\eb2c";
    width: 20px;
    height: 20px;
    position: absolute;
    margin: 10px 13px;
}

.dt-search-input-maximized .dataTables_length select {
    width: 100% !important;
    padding: 10px;
    text-align: center;
    border: #eff2f7 solid 1px;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-bg);
}

.bg-primary {
    background-color: var(--primary-bg) !important;
}

.card.collapsed-vertical .card-body {
    display: none;
}

.card.collapsed-horizontal .card-body {
    display: none;
}

.card.collapsed-vertical {
    min-height: 36px;
}

.card.collapsed-horizontal {
    min-height: 36px;
    width: 40px;

}

.card .btn-collapse-card,
.card .btn-collapse-card:focus,
.card .btn-collapse-card:active {
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.card .btn-collapse-card[data-collapse-direction="vertical"] i::before {
    content: "\f077";
}

.card.collapsed .btn-collapse-card[data-collapse-direction="vertical"] i::before {
    content: "\f078";
}

.card .btn-collapse-card[data-collapse-direction="horizontal"] i::before {
    content: "\f054";
}

.card.collapsed .btn-collapse-card[data-collapse-direction="horizontal"] i::before {
    content: "\f053";
}

.col-flex {
    flex: 1;
}

.col-fit-width-content {
    width: auto;
    /*flex: 0 1;*/
}

.card.collapsed-horizontal .collapsed-title .inner span {
    margin: 38px 0px 20px 10px;
    white-space: nowrap;
    display: block;
    writing-mode: vertical-rl;

}

.card.collapsed-vertical .collapsed-title {
    padding: 7px 0px 0px 20px;
    font-size: 15px;
    margin: 0 0 7px 0;
    font-weight: 600;
}

.context-menu-item {
    padding-left: 30px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin: 0px 6px;
    border: transparent solid 1px;
}

.context-menu-icon::before {
    left: 6px !important;
    color: black !important;
    font-size: 1.1em;
}

.context-menu-icon.context-menu-hover::before {
    color: black !important;
}

.context-menu-item.context-menu-hover {
    background-color: #e5e5e5 !important;
    border: #d9d9d9 solid 1px;
    border-radius: 3px;
    color: black !important;
}

.context-menu-list {
    padding: 7px 0px !important;
}

.context-menu-icon-custom-source-code:before {
    content: '';
    background: url('/assets/images/icons/source-code.png');
    background-size: cover;
    height: 15px !important;
    width: 15px !important;
}

.card-wizard {
    margin-top: 35px;
}

.card-wizard .wizard .steps {
    /*display: block;*/
    /*margin-left: 20px;*/
    border-radius: 0.25rem 0.25rem 0 0;
    overflow: hidden;
    margin-bottom: -25px;
    padding-left: 9px;
    margin-top: -36px;
}

.card-wizard .wizard .steps ul {
    /*width: fit-content;*/
}

.card-wizard .wizard .steps .current a {
    background-color: white;
}

.card-wizard .wizard .steps > ul > li {
    display: inline-block;
    width: auto;
}

.card-wizard .wizard .steps > ul > a, .card-wizard .wizard .steps > ul > li {
    flex-basis: inherit;
    flex-grow: inherit;
}

.input-suffix .form-group label::after {
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 2px;
    right: 17px;
    font-weight: 400;
    color: #495057;
}

.input-suffix-age .form-group input {
    padding-right: 41px;
    text-align: right;
}

.input-suffix-age .form-group label::after {
    content: 'ans';
}

.form-note-container {
    padding: 8px 8px;
    border: #e7eff6 solid 1px;
    background: #f8f8fb;
    border-radius: 3px;
    box-shadow: #0000001f 2px 2px 2px;
}

.form-note-container .header-profile-user {
    height: 37px;
    width: 37px;
}

.note-message .note-message-content {
    margin-top: 5px;
    padding: 8px 8px;
    border: #e7eff6 solid 1px;
    background: #f8f8fb;
    border-radius: 3px;
    box-shadow: #0000001f 2px 2px 2px;
}

.note-message .note-message-content .header-profile-user {
    height: 37px;
    width: 37px;
    margin-top: 7px;
}

.note-message .note-message-footer {
    padding: 6px 0;
}

.note-message .note-message-footer a {
    margin: 0 2px;
}

.offcanvas#pdfjsViewer .offcanvas-body {
    padding: 0px;
    padding-top: 8px;
}

.filter-bar {
    border: #eff2f7 solid 1px;
    min-height: 39px;
    background: #f8f8fb;
    border-bottom: #0000001c solid 1px;
}

.filter-bar .filter-bar-label {
    margin: 10px;
}

.filter-bar .filter-bar-label i {
    font-weight: 600;
}

.filter-bar .filter-bar-label span {
    margin-left: 5px;
}

.filter-bar .select2-container .select2-selection--single {
    border-top: 0;
    border-bottom: 0;
    border-radius: 0 !important;
    height: 37px;
}

.filter-bar .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
    text-align: center;
}

.filter-bar .select2-results__option {
    text-align: center;
}

.offcanvas-header .btn-reload {
    background: none;
    border: 0;
    margin-top: 2px;
    color: #7ccc1f !important;
}