/* --------------------------------------------
// Style Guide Hogrefe 
// -------------------------------------------- */

:root {
    --indent-xxs: 1rem;
    --indent-xs: 2rem;
    --indent-sm: 4rem;
    --indent-md: 6rem;
    --indent-lg: 8rem;
    --indent-xl: 10rem;
    --title: #384646;
    --border-color: #E4E6EF;

    /* ---------------- Design System ---------------- */

    --ds-color-link: #155750;
    --ds-color-link-hover: #09221F;

    --ds-color-primary: #67D8D1;
    --ds-color-primary-light: #9AE6E1;
    --ds-color-primary-dark: #2AACA1;

    --ds-color-info: #C6D2D2;
    --ds-color-info-light: #ABBBBA;
    --ds-color-info-dark: #333333;

    --ds-color-warning: #E4EC37;
    --ds-color-warning-light: #EFEF7D;
    --ds-color-warning-dark: #A5AA10;

    --ds-color-error: #FA919F;
    --ds-color-error-light: #FCC7CD;
    --ds-color-error-dark: #F9586F;

    --ds-color-dark: #181C32;
    --ds-color-dark-light: #31313e;

    /* Buttons */

    --ds-color-btn-text: #0C0C0C;

    --ds-color-btn-primary: #B7EEE7;
    --ds-color-btn-primary-hover: #8fe6da;

    --ds-color-btn-success: #67D8D1;
    --ds-color-btn-success-hover: #67D8D1;

    --ds-color-btn-info: #C6D2D2;
    --ds-color-btn-info-hover: #C6D2D2;

    --ds-color-btn-warning: #E4EC37;
    --ds-color-btn-warning-hover: #E4EC37;

    --ds-color-btn-error: #FB919F;
    --ds-color-btn-error-hover: #FB919F;
}

/* ---------------- Begin Design System ---------------- */

html {
    scroll-behavior: smooth;
}

a {
    color: var(--ds-color-link);
}

a:hover {
    color: var(--ds-color-link-hover);
}

/* ---------------- Utils ---------------- */

.text-normal {
    font-weight: normal !important;
}

.spinner-border.text-primary {
    color: #2AACA1 !important;
}

/* ----------------------------------------------------------- */
/* All Pages
-------------------------------------------------------------- */

/* Dashboard */

.navi .navi-item .navi-link:hover,
.navi .navi-item .navi-link:hover .navi-text {
    color: var(--ds-color-primary-dark) !important;
}

.topbar-item-symbol-text {
    position: relative;
    bottom: -2px;
}

.topbar-item-symbol-name.symbol-label {
    border-radius: 120px !important;
    width: 25px !important;
    height: 25px !important;
}


.topbar-item-symbol-name.symbol-label span {
    font-weight: bold !important;
    font-size: 1.4rem !important;
    position: relative;
    bottom: -2px;
}

.offcanvas-item-symbol-name.symbol-label {
    border-radius: 120px !important;
    width: 55px !important;
    height: 55px !important;
    margin-right: 10px;
}


.offcanvas-item-symbol-name.symbol-label span {
    font-weight: bold !important;
    font-size: 2.5rem !important;
    position: relative;
    bottom: -2px;
}

.form-control.modal-input-code {
    color: #000 !important;
    margin-top: 1rem;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border: 2px dashed #181C32;
    letter-spacing: 5px;
}

.form-control.modal-input-code:active,
.form-control.modal-input-code:focus-visible,
.form-control.modal-input-code:focus {
    outline: none !important;
    border-color: #181C32 !important;
}

/* Maintenance */

.login.login-3 .maintenance-page.login-form {
    max-width: 550px;
    padding: 3rem 2rem !important;
}

.login.login-3 .maintenance-page.login-form .login-container-header {
    margin-bottom: 0 !important;
}

.login.login-3 .maintenance-page.login-form .login-container-header h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.login.login-3 .maintenance-page.login-form .login-container-header p {
    font-size: 1.4rem;
}

.login.login-3 .maintenance-page.login-form .box {
    color: #FB919F;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    position: relative;
    transform: scale(.75);
    font-family: "Font Awesome 5 Free";
}

.login.login-3 .maintenance-page.login-form .box i {
    font-size: 90px;
    display: block;
    animation: gear1 3s linear infinite;
}

.login.login-3 .maintenance-page.login-form .box .before,
.login.login-3 .maintenance-page.login-form .box .after {
    content: "\f013";
    display: block;
    position: absolute;
    transform: rotate(0deg);
}

.login.login-3 .maintenance-page.login-form .box .before {
    color: #E4EC37;
    font-size: 65px;
    top: 7px;
    left: -54px;
    transform: rotate(-20deg);
    animation: gear2 3s linear infinite;
}

.login.login-3 .maintenance-page.login-form .box .after {
    color: #67D8D1;
    font-size: 75px;
    bottom: 52px;
    right: -54px;
    transform: rotate(20deg);
    animation: gear3 3s linear infinite;
}

@keyframes gear1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes gear2 {
    0% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(-380deg);
    }
}

@keyframes gear3 {
    0% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(-380deg);
    }
}

/* Login */

.password-strength-meter-container ul {
    padding: 0;
    list-style: none;
    margin: 10px 0 10px 15px;
}

.password-strength-meter-container ul li:before {
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-right: 5px;
}

.password-strength-meter-container ul li.invalid:before {
    content: "\f057";
}

.password-strength-meter-container ul li.valid:before {
    content: "\f058";
}

.password-strength-meter-container ul li.invalid {
    color: var(--ds-color-error-dark);
}

.password-strength-meter-container ul li.valid {
    color: var(--ds-color-primary-dark);
}

/* Footer */

.footer {
    background-color: #728F8D;
}

.footer .container-fluid {
    max-width: 992px;
    margin: 0 auto;
}

.footer .footer-link {
    color: #FFF;
    font-weight: bold;
    transition: .1s all;
}

.footer .footer-link:hover {
    opacity: .8;
}

/* Others */

.filter-content-row {
    display: grid;
    grid-template-columns: 1fr 160px 160px 150px 150px 150px;
    margin: 0 -10px;
}

/* ----------------------------------------------------------- */
/* Text Colors
-------------------------------------------------------------- */

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


/* ----------------------------------------------------------- */
/* Tooltip
-------------------------------------------------------------- */

.popover {
    max-width: 220px;
}

.popover-img {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
}

/* ----------------------------------------------------------- */
/* Form
-------------------------------------------------------------- */

.form-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--title);
    margin-bottom: 10px;
}

.form-title-divider {
    font-weight: bold;
    font-size: 1.2rem;
    margin-left: -60px;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
}


.form-title-divider:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    background: linear-gradient(to right, #E4E6EF, #fff);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #FFF !important;
    opacity: 1;
}

.form-group {
    margin-bottom: 1rem !important;
}

.form-control:focus {
    border-color: var(--success) !important;
}

.input-group:focus-within .input-group-text {
    border-color: var(--success);
}

.form-group label {
    font-size: .95rem !important;
}

.form-group.has-danger .form-control:focus {
    border-color: var(--danger) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    box-shadow: 0 0 0px 1000px #ffffff inset;
    -webkit-text-fill-color: #000000;
    transition: background-color 5000s ease-in-out 0s;
}

.select2.w-100+.select2-container {
    width: 100% !important;
}

/* Form Validation */

.input-group-text {
    border-right: none !important;
}

.form-group.has-success .input-group-text {
    border-top-color: var(--success) !important;
    border-left-color: var(--success) !important;
    border-bottom-color: var(--success) !important;
}

.form-group.has-danger .input-group-text {
    border-top-color: var(--danger) !important;
    border-left-color: var(--danger) !important;
    border-bottom-color: var(--danger) !important;
}

.fv-plugins-message-container .fv-help-block {
    color: var(--danger) !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
}

/* ----------------------------------------------------------- */
/* Radios
-------------------------------------------------------------- */

.radio-inline .radio span {
    margin-right: 0.5rem !important;
    position: relative !important;
    top: -1px !important;
}

.radio.ds-radio-primary>input:checked~span {
    background: var(--ds-color-primary-dark);
}

/* ----------------------------------------------------------- */
/* Checkbox
-------------------------------------------------------------- */

.checkbox.ds-checkbox>span:after {
    top: -1px;
    position: relative;
}

.checkbox.ds-checkbox.checkbox-lg {
    font-size: 1.05rem !important;
}

.checkbox.checkbox.ds-checkbox.ds-checkbox-primary>input:checked~span {
    background-color: var(--ds-color-primary-dark);
}

/* ----------------------------------------------------------- */
/* Buttons
-------------------------------------------------------------- */

.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 0 !important;
}

.ds-btn:disabled {
    opacity: .55 !important;
}

.ds-btn {
    outline: none;
    font-weight: bold;
    font-size: 1.15rem;
    text-align: center;
    padding: 12px 25px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    color: var(--ds-color-btn-text);
    border: 1px solid rgba(0, 0, 0, .15) !important;
    letter-spacing: normal !important;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .15s all;
}

.ds-btn:hover {
    color: var(--ds-color-btn-text) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.ds-btn i {
    margin-right: 0.5rem !important;
}

.ds-btn .la {
    font-size: 1.3rem;
    margin-right: .25rem !important;
    vertical-align: inherit;
    position: relative;
    bottom: 0;
}

.ds-btn-xs {
    font-size: .95rem !important;
    padding: 6px 12px !important;
    border-radius: 5px;
    letter-spacing: normal !important;
}

.ds-btn-sm {
    font-size: 1.1rem !important;
    padding: 10px 15px !important;
    letter-spacing: normal !important;
}

.ds-btn-lg {
    font-size: 1.25rem !important;
    padding: 18px 30px !important;
}

.ds-btn-primary {
    background: var(--ds-color-btn-primary);
}

.ds-btn-success {
    background: var(--ds-color-btn-success);
}

.ds-btn-info {
    background: var(--ds-color-btn-info);
}

.ds-btn-warning {
    background: var(--ds-color-btn-warning);
}

.ds-btn-error {
    background: var(--ds-color-btn-error);
}

.ds-btn-transparent,
.ds-btn-transparent:hover {
    background: none !important;
    border: none !important;
}

/* ----------------------------------------------------------- */
/* Alerts
-------------------------------------------------------------- */

.alert.alert-custom.ds-alert {
    border-radius: 10px;
    padding: 1.5rem 1.5rem;
}

.alert.alert-custom.ds-alert .alert-icon {
    top: -2px;
    position: relative;
    align-items: flex-start;
}

.alert.alert-custom.ds-alert .alert-icon i {
    opacity: 1 !important;
    font-size: 1.4rem;
    margin-top: 2px;
}

.alert.alert-custom.ds-alert .alert-text-title {
    font-size: 1.3rem;
    line-height: normal;
    font-weight: bold;
    margin: 0 0 .75rem;
    display: block;
}

.alert.alert-custom.ds-alert .alert-text-msg,
.alert.alert-custom.ds-alert .alert-text-msg p,
.alert.alert-custom.ds-alert .alert-text-msg ul li {
    font-size: 1rem;
    font-weight: normal;
}

.alert.alert-custom.ds-alert .alert-text-msg p {
    line-height: 1.3;
}

.alert.alert-custom.ds-alert .alert-text-msg p {
    margin-bottom: .5rem;
}

.alert.alert-custom.ds-alert .alert-text-msg p:last-child {
    margin: 0;
}


.alert.alert-custom.ds-alert .alert-text-actions {
    margin-top: .5rem;
}

/* Warning */

.alert.alert-custom.ds-alert.alert-warning {
    background-color: #EFEF7D;
    border-color: #EFEF7D;
}

.alert.alert-custom.ds-alert.alert-warning .alert-icon i {
    color: #171717;
}

.alert.alert-custom.ds-alert.alert-warning .alert-text-title,
.alert.alert-custom.ds-alert.alert-warning .alert-text-msg {
    color: #171717;
}

/* Info */

.alert.alert-custom.ds-alert.alert-info {
    background-color: #C6D2D2;
    border-color: #C6D2D2;
}

.alert.alert-custom.ds-alert.alert-info .alert-icon i {
    color: #171717;
}

.alert.alert-custom.ds-alert.alert-info .alert-text-title,
.alert.alert-custom.ds-alert.alert-info .alert-text-msg {
    color: #171717;
}

/* Primary */

.alert.alert-custom.ds-alert.alert-primary {
    background-color: #B7EEE7;
    border-color: #B7EEE7;
}

.alert.alert-custom.ds-alert.alert-primary .alert-icon i {
    color: #171717;
}

.alert.alert-custom.ds-alert.alert-primary .alert-text-title,
.alert.alert-custom.ds-alert.alert-primary .alert-text-msg {
    color: #171717;
}

/* Danger */

.alert.alert-custom.ds-alert.alert-danger {
    background-color: #FC909D;
    border-color: #FC909D;
}

.alert.alert-custom.ds-alert.alert-danger .alert-icon i {
    color: #171717;
}

.alert.alert-custom.ds-alert.alert-danger .alert-text-title,
.alert.alert-custom.ds-alert.alert-danger .alert-text-msg {
    color: #171717;
}

/* Success */

.alert.alert-custom.ds-alert.alert-success {
    background-color: #67D8D1;
    border-color: #67D8D1;
}

.alert.alert-custom.ds-alert.alert-success .alert-icon i {
    color: #171717;
}

.alert.alert-custom.ds-alert.alert-success .alert-text-title,
.alert.alert-custom.ds-alert.alert-success .alert-text-msg {
    color: #171717;
}

/* Outline Warning */

.ds-alert-outline.alert.alert-custom.ds-alert.alert-warning {
    background-color: #faffc9;
    border-color: #EFEF7D;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-warning .alert-icon i {
    color: #A5AA10;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-warning .alert-text-title,
.ds-alert-outline.alert.alert-custom.ds-alert.alert-warning .alert-text-msg {
    color: #171717;
}

/* Outline Info */

.ds-alert-outline.alert.alert-custom.ds-alert.alert-info {
    background-color: #F8FCFF;
    border-color: #C6D2D2;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-info .alert-icon i {
    color: #C6D2D2;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-info .alert-text-title,
.ds-alert-outline.alert.alert-custom.ds-alert.alert-info .alert-text-msg {
    color: #171717;
}

/* Outline Primary */

.ds-alert-outline.alert.alert-custom.ds-alert.alert-primary {
    background-color: #F9FFFE;
    border-color: #B7EEE7;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-primary .alert-icon i {
    color: #B7EEE7;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-primary .alert-text-title,
.ds-alert-outline.alert.alert-custom.ds-alert.alert-primary .alert-text-msg {
    color: #171717;
}

/* Outline Danger */

.ds-alert-outline.alert.alert-custom.ds-alert.alert-danger {
    background-color: #FFF5F6;
    border-color: #FC909D;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-danger .alert-icon i {
    color: #FC909D;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-danger .alert-text-title,
.ds-alert-outline.alert.alert-custom.ds-alert.alert-danger .alert-text-msg {
    color: #171717;
}

/* Outline Success */

.ds-alert-outline.alert.alert-custom.ds-alert.alert-success {
    background-color: #F3FFFE;
    border-color: #67D8D1;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-success .alert-icon i {
    color: #67D8D1;
}

.ds-alert-outline.alert.alert-custom.ds-alert.alert-success .alert-text-title,
.ds-alert-outline.alert.alert-custom.ds-alert.alert-success .alert-text-msg {
    color: #171717;
}

/* ----------------------------------------------------------- */
/* Toast
-------------------------------------------------------------- */

#toast-container>div {
    padding-left: 45px;
    background-size: 20px;
    opacity: 1 !important;
    font-weight: bold;
}

#toast-container>.toast-success {
    background-color: #13b1a1 !important;
}

#toast-container .toast-message {
    font-size: 1.2rem;
    line-height: normal;
}

/* ----------------------------------------------------------- */
/* Modal
-------------------------------------------------------------- */

.modal.ds-modal {
    overflow-y: auto !important;
}

.modal.ds-modal .modal-header .modal-title {
    color: #181C32;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: normal;
}

.modal.ds-modal .modal-header .close i {
    color: #3F4254;
    font-size: 1rem;
    position: relative;
}

.modal.ds-modal .modal-header .close:hover i,
.modal.ds-modal .modal-header .close:hover .ki {
    color: #181C32 !important;
}

.modal.ds-modal .modal-body p {
    font-size: 1.1rem;
}

.modal.ds-modal .modal-body p:first-child {
    margin: 0 !important;
}

/* Modals Custom */

#modalTutorial .modal-body span {
    font-size: 1.2rem;
    display: block;
    text-align: center;
}

#redirectModalTutorial .modal-dialog {
    margin: 0 auto !important;
}

#redirectModalTutorial p {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: bold;
}

#redirectModalTutorial .redirect-text {
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: normal;
}

/* ----------------------------------------------------------- */
/* Backgrounds
-------------------------------------------------------------- */

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

.ds-bg-light {
    background-color: #F9F9F9 !important;
}

/* ----------------------------------------------------------- */
/* Table
-------------------------------------------------------------- */

.dataTables_wrapper .dataTables_length {
    float: left !important;
}

.dataTables_wrapper .dataTables_info {
    float: left !important;
    padding-top: .5rem !important;
}

.dataTables_wrapper .dataTable th.sorting_desc,
.dataTables_wrapper .dataTable td.sorting_desc {
    color: #e9eaff !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active>.page-link,
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled)>.page-link {
    color: #e9eaff !important;
    background-color: #31313e !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item>.page-link {
    color: #181C32 !important;
}


.dataTables_wrapper div.dataTables_length select {
    margin: 0 .5rem !important;
}

.dataTables_wrapper .dataTable th.sorting:before,
.dataTables_wrapper .dataTable th.sorting:after,
.dataTables_wrapper .dataTable td.sorting:before,
.dataTables_wrapper .dataTable td.sorting:after {
    font-weight: normal !important;
}

.ds-table.table.dataTable thead .sorting:before,
.ds-table.table.dataTable thead .sorting_asc:before,
.ds-table.table.dataTable thead .sorting_desc:before,
.ds-table.table.dataTable thead .sorting_asc_disabled:before,
.ds-table.table.dataTable thead .sorting_desc_disabled:before {
    opacity: 0.6;
    font-weight: normal;
    right: 1.5em !important;
}

.ds-table.table.dataTable a,
.ds-table.table.dataTable .link,
.ds-table.table.dataTable a.link {
    font-weight: bold !important;
    color: #31313e !important;
    font-size: 1.2rem;
    line-height: normal;
}

.ds-table.table.dataTable .icon-ds.icon-gerar {
    font-size: 1.4rem;
    vertical-align: text-bottom;
}

.ds-table.table.dataTable a .icon-codigo,
.ds-table.table.dataTable .link .icon-codigo,
.ds-table.table.dataTable a.link .icon-codigo {
    font-size: .8rem;
    position: relative;
    top: -2px;
}

.ds-table.table.dataTable a .flaticon2,
.ds-table.table.dataTable .link .flaticon2,
.ds-table.table.dataTable a.link .flaticon2 {
    position: relative;
    top: -1px;
    left: -1px;
}

.ds-table.table.dataTable a .la,
.ds-table.table.dataTable .link .la,
.ds-table.table.dataTable a.link .la {
    font-size: 1.4rem;
    position: relative;
    margin-right: -2px;
    margin-left: -1px;
}

.ds-table.table.dataTable .link {
    margin-right: 1rem;
}


.ds-table.table.dataTable .link:last-child {
    margin-right: 0 !important;
}

.ds-table.table.dataTable th,
.ds-table.table.dataTable th.sorting_asc {
    color: #181C32 !important;
    background-color: #fff;
}

.ds-table.table.dataTable.rounded {
    border-radius: 0.5rem !important;
}

.ds-table.table.dataTable.rounded th:first-child {
    border-radius: 0.5rem 0 0 0;
}

.ds-table.table.dataTable.rounded th:last-child {
    border-radius: 0 0.5rem 0 0;
}

.ds-table.table.dataTable th {
    font-size: 1rem;
    font-weight: bold;
    padding: .75rem 1rem;
}

.ds-table.table.dataTable td {
    font-size: 1rem;
    padding: .75rem 1rem;
}

.ds-table.table.dataTable.table-striped tbody tr {
    background-color: #fff;
    /*background-color: #f1f2f5;*/
}

.ds-table.table.dataTable.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.dataTables_wrapper .container-filtros.d-flex {
    justify-content: flex-end !important;
}

.dt-buttons.btn-group,
.dataTables_wrapper .dataTables_length {
    display: none;
}

/* ----------------------------------------------------------- */
/* Wizard
-------------------------------------------------------------- */

.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
    width: 100%;
    margin: 0 !important;
}

.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label {
    padding: 1rem 1rem !important;
}

.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
    color: var(--ds-color-primary-dark) !important;
}

.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar:after {
    background: var(--ds-color-primary-dark) !important;
}

.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label {
    color: var(--ds-color-dark) !important;
}

.wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-bar:after {
    background-color: var(--ds-color-dark) !important;
}

[data-wizard-type="step-content"] .wizard-step-content-title {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: .5rem;
    color: var(--ds-color-dark) !important;
}


[data-wizard-type="step-content"] p {
    font-size: 1rem;
    color: var(--ds-color-dark-light) !important;
}

[data-wizard-type="step-content"] .step-content-info {
    margin: 2rem 0;
    text-align: center;
}

/* ----------------------------------------------------------- */
/* Alert
-------------------------------------------------------------- */

.swal2-popup {
    top: -50px !important;
    width: 26em !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .25) !important;
}

.swal2-popup .swal2-title,
.swal2-html-container {
    display: flex;
    font-size: 1.1rem;
    color: #3F4254;
}

.swal2-html-container strong {
    font-size: 1.2rem;
}

.swal2-styled {
    margin: 0.35em 0.5em !important;
}

.swal2-actions {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    margin: 1.5rem auto 0 auto !important;
    gap: 15px;
}

.swal2-actions .btn,
.swal2-actions.my-actions .btn {
    font-size: 1.3rem;
    padding: 10px 25px;
    line-height: normal;
    font-weight: bold !important;
}

.swal2-container .swal2-popup {
    padding: 2rem;
}

.swal2-container .swal2-popup .swal2-icon {
    margin: 0 !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-success [class^=swal2-x-mark-line] {
    background-color: var(--ds-color-primary-dark);
}

.swal2-container .swal2-popup .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: var(--ds-color-error-dark);
}

.swal2-container .swal2-popup .swal2-icon.swal2-icon.swal2-warning {
    border-color: var(--ds-color-info-dark);
    color: var(--ds-color-info-dark);
}

.swal2-container .swal2-popup .swal2-actions button {
    width: 100%;
}

.swal2-actions.my-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
}

.swal2-actions.my-actions .ds-btn {
    width: 50% !important;
}

/* ----------------------------------------------------------- */
/* Svg icon colors
-------------------------------------------------------------- */

.svg-icon.svg-icon-red svg g [fill] {
    fill: var(--ds-color-error) !important;
}

.svg-icon.svg-icon-yellow svg g [fill] {
    fill: var(--ds-color-warning) !important;
}

.svg-icon.svg-icon-primary svg g [fill],
.svg-icon.svg-icon-turquoise svg g [fill] {
    fill: var(--color-turquoise) !important;
}

.svg-icon.svg-icon-turquoise-dark svg g [fill] {
    fill: var(--color-turquoise-dark) !important;
}

.svg-icon.svg-icon-turquoise-modal-dark svg g [fill] {
    fill: var(--color-turquoise-modal-dark) !important;
}

/* ----------------------------------------------------------- */
/* Symbol colors
-------------------------------------------------------------- */

.symbol.symbol-red .symbol-label {
    background-color: var(--ds-color-error);
    color: var(--ds-color-error-light);
}

.symbol.symbol-yellow-light .symbol-label {
    background-color: var(--ds-color-warning-light);
    color: var(--ds-color-warning);
}

/* ----------------------------------------------------------- */
/* Labels e badges
-------------------------------------------------------------- */

.label.label-inline.ds-label {
    height: 22px;
    font-weight: bold;
    font-size: .8rem;
    border: 1px solid;
    padding: 0 .75rem;
    line-height: normal;
    vertical-align: middle;
}

.label.label-inline.ds-label-primary {
    color: #09221F;
    background-color: #B7EEE7;
    border-color: #29ADA0;
}

.label.label-inline.ds-label-success {
    color: #000000;
    background-color: #1FDECB;
    border-color: #20ab9c;
}

.label.label-inline.ds-label-info {
    color: #0C0C0C;
    background-color: #C6D2D2;
    border-color: #C6D2D2;
}

.label.label-inline.ds-label-warning {
    color: #434307;
    background-color: #EFEF7D;
    border-color: #c7c74c;
}

.label.label-inline.ds-label-danger {
    color: #70020F;
    background-color: #FBC7CD;
    border-color: #B46D75;
}


/* ----------------------------------------------------------- */
/* Navs
-------------------------------------------------------------- */

.ds-nav-tabs .nav-tabs {
    margin-bottom: 40px;
}

.ds-nav-tabs .nav.nav-tabs.nav-tabs-line .nav-link {
    padding-top: 0 !important;
}

.ds-nav-tabs .nav.nav-tabs.nav-tabs-line .nav-link.active {
    font-weight: bold;
}

.ds-nav-tabs .nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.ds-nav-tabs .nav.nav-tabs.nav-tabs-line .nav-link.active,
.ds-nav-tabs .nav.nav-tabs.nav-tabs-line .show>.nav-link {
    color: var(--ds-color-dark);
    border-bottom: 1px solid var(--ds-color-dark);
}



/* ----------------------------------------------------------- */
/* Aside menu
-------------------------------------------------------------- */

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: var(--ds-color-warning) !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: var(--ds-color-warning) !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: var(--ds-color-warning-dark) !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon {
    color: var(--ds-color-warning-dark) !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon.svg-icon svg g [fill] {
    fill: var(--ds-color-warning-dark) !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-bullet.menu-bullet-dot>span,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-bullet.menu-bullet-dot>span {
    background-color: var(--ds-color-warning-dark) !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-bullet.menu-bullet-line>span,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-bullet.menu-bullet-line>span {
    background-color: var(--ds-color-warning-dark) !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-bullet.menu-bullet-dot>span,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-bullet.menu-bullet-dot>span {
    background-color: var(--ds-color-warning-dark) !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-bullet.menu-bullet-line>span,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-bullet.menu-bullet-line>span {
    background-color: var(--ds-color-warning-dark) !important;
}

/* Anno.js by @iamdanfox */
.anno {
    position: absolute;
    padding: 15px;
    z-index: 5000;
    width: 310px;
    cursor: default;
    text-transform: none;
    text-align: left;
    line-height: 0.9em;
    -webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -moz-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -ms-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -webkit-transition-property: opacity, margin;
    -moz-transition-property: opacity, margin;
    transition-property: opacity, margin;
}

.anno .anno-inner {
    border-radius: 5px;
    position: relative;
    background: white;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.35);
}

.anno .anno-inner .anno-content {
    padding: 15px 20px;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 15px;
    color: #171717;
}

.anno .anno-inner .anno-btn-container {
    text-align: right;
}

.anno .anno-inner .anno-btn-container .anno-btn {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    color: var(--ds-color-btn-text);
    letter-spacing: normal !important;
    border-radius: 4px;
    background: var(--ds-color-btn-primary);
    border: 1px solid rgba(0, 0, 0, .15) !important;
    margin: 0 20px 15px -10px;
    padding: 8px 15px;
    height: auto;
    width: auto;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 150ms cubic-bezier(0.68, 0, 0.265, 1);
    -moz-transition: all 150ms cubic-bezier(0.68, 0, 0.265, 1);
    -ms-transition: all 150ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 150ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 150ms cubic-bezier(0.68, 0, 0.265, 1);
}

.anno .anno-inner .anno-btn-container .anno-btn:hover,
.anno .anno-inner .anno-btn-container .anno-btn:active {
    color: var(--ds-color-btn-text) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.anno .anno-inner .anno-btn-container .anno-btn.anno-btn-low-importance {
    background: none;
    color: #bbbbbd;
}

.anno .anno-inner .anno-btn-container .anno-btn.anno-btn-low-importance:hover {
    color: #78787b;
}

.anno .anno-arrow {
    position: absolute;
    border: 8px solid white;
}

.anno.anno-target-center-bottom .anno-arrow,
.anno.anno-target-bottom .anno-arrow {
    top: 100%;
    left: 20px;
    border-bottom: none;
    border-color: white transparent;
}

.anno.anno-target-center-bottom.anno-hidden,
.anno.anno-target-bottom.anno-hidden {
    margin-top: -20px;
}

.anno.anno-target-center-left .anno-arrow,
.anno.anno-target-left .anno-arrow {
    right: 100%;
    top: 15px;
    border-left: none;
    border-color: transparent white;
}

.anno.anno-target-center-left.anno-hidden,
.anno.anno-target-left.anno-hidden {
    margin-left: 20px;
}

.anno.anno-target-center-top .anno-arrow,
.anno.anno-target-top .anno-arrow {
    bottom: 100%;
    left: 20px;
    border-top: none;
    border-color: white transparent;
}

.anno.anno-target-center-top.anno-hidden,
.anno.anno-target-top.anno-hidden {
    margin-top: 20px;
}

.anno.anno-target-center-right .anno-arrow,
.anno.anno-target-right .anno-arrow {
    left: 100%;
    top: 15px;
    border-right: none;
    border-color: transparent white;
}

.anno.anno-target-center-right.anno-hidden,
.anno.anno-target-right.anno-hidden {
    margin-left: -20px;
}

.anno.anno-target-center-left .anno-arrow,
.anno.anno-target-center-right .anno-arrow {
    top: 50%;
    margin-top: -8px;
}

.anno.anno-target-center-bottom .anno-arrow,
.anno.anno-target-center-top .anno-arrow {
    left: 50%;
    margin-left: -8px;
}

.anno.anno-hidden {
    opacity: 0;
}

.anno.anno-width-400 {
    width: 400px;
}

.anno.anno-width-250 {
    width: 250px;
}

.anno.anno-width-200 {
    width: 200px;
}

.anno.anno-width-175 {
    width: 175px;
}

.anno.anno-width-150 {
    width: 150px;
}

.anno-overlay {
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /*pointer-events:none; // allows clickthrough*/
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -moz-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -ms-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
    transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
}

.anno-overlay.anno-hidden {
    pointer-events: none;
    opacity: 0;
}

.anno-emphasise-target {
    z-index: 1001 !important;
}

/* Highlight de teste recém-salvo no histórico */
.highlight-row {
    background-color: #e8f5e9 !important;
    transition: background-color 1s ease;
}

.highlight-row-fade {
    background-color: transparent !important;
}