﻿.temaClaro {
    /*#region cores do tema*/
    --corPrimaria: #2cb3e4;
    --corSecundaria: #66cff5;
    --corUserIcon: #2cb3e4;
    --buttonPrimary: #2cb3e4;
    --buttonHover: #66cff5;
    --buttonDisabled: rgba(44, 179, 228, 0.6);
    --corHyperLink: #1b9ccc;
    --corCalendarioActive: #1b9ccc;
    --corRowSelecionada: rgba(44, 179, 228, 0.29);
    --corPeriodo: #d8d8d8;
    --corFonteMenuAtivo: #2cb3e4;
    /*#endregion*/
    /*#region paleta de cores Dashboard*/
    --paletaCor1: #28A4D1;
    --paletaCor2: #1FDEA9;
    /*#endregion*/
    --bancariaPrimeiroCardDetalhe: #f5f5f5;
    --btnSecondaryColor: #6c7293;
    --btnSecondaryBorder: #e2e5ec;
    --buttonDanger: #c72222;
    --buttonDangerHover: #fd6f6f;
    --buttonDangerDisabled: rgba(189, 0, 0, 0.4);
    --verde: #82bd00;
    --verdeEscuro: #3d5800;
    --vermelho: #bd0000;
    --vermelhoEscuro: #902121;
    --vermelhoClaro: #ff5151;
    --roxo: #7800c3;
    --azulClaro: #32c1a7;
    --azul: #004dc1;
    --branco: #fff;
    --amarelo: #e4b225;
    --cinzaClaro: #9a9a9a;
    --cinzaEscuro: #504f52;
    --padraoCard: #545454;
    --laranja: #d25d26;
    --iconesSideBar: #b8bac3;
    --corBackGround: #f5f5f5;
    --corContainers: #fff;
    --corContainersHover: #f0f3ff;
    --textColor: rgba(0, 0, 0, 0.87);
    --textColor2: #313131;
    --textColor3: #646c9a;
    --dxItemsColor: rgba(86, 86, 86, 0.54);
    --textoCalendario: #6c7293;
    --textoCalendarioAvailable: #43465a;
    --textoCalendarioOff: #7d8090;
    --textoCalendarioPeriod: #6c7293;
    --calendarioHoverBackground: #eee;
    --dxSelectItemBackground: #dddddd;
    --dropDownBorder: #909090;
    --selectFormControlBackground: #fff;
    --selectFormControlColor: #495057;
    --selectFormControlBorder: #e2e5ec;
    --graphHorizontalLines: rgb(224, 224, 224);
    --graphVerticalLines: rgba(0, 0, 0, 0.54);
    --gridBorderColor: #e2e5ec;
    --gridGroupedRow: #e0e0e0;
    --corInicialUsuario: #fff;
    --bordaIconesGrid: #ddd;
    --bordaPadrao: #ebedf2;
    --corGridZebradoRow: #f5f5f5;
    --gridColunaVerde: #6c9a05;
    --gridColunaVerdeClaro: #aada3f;
    --gridColunaAzul: #1c44d8;
    --gridColunaVermelho: #e80000;
    --gridColunaVermelhoEscuro: #b92525;
    --gridColunaVermelhoClaro: #ff5151;
    --gridColunaLaranja: #ff712e;
    --gridColunaLaranjaClaro: #bfa643;
    --gridColunaRoxo: rgb(27, 26, 156, 0.98);
    --gridColunaPreto: #333;
    --gridColunaAmareloClaro: #fff594;
    --gridColunaAmareloEscuro: #b9a700;
    --corAlertDangerBackground: rgba(253, 39, 39, 0.15);
    --corAlertDangerText: #fd4d4d;
    --corNotificationFooter: rgba(0, 0, 0, 0.6);
    --corCalendarioInconsistente: #af78c6;
    --corCalendarioNaoConciliada: #f95353;
    --corCalendarioSemVenda: #fff;
    --corCalendarioConciliada: #60cc5c;
    --corCalendarioParcialmenteConciliada: #e2c810;
    --corCalendarioConferenceSelecionado: #ececec;
    --corCalendarioConferenceHover: #f1f1f1;
    --buttonDefault: #dcdcdc;
    --buttonDefaultHover: #bdbdbd;
    --corTituloTermo: #6d6d6d;
    --rowLaranja: #d47807;
    --rowVerde: #65a018;
    --rowVermelha: #d02929;
    --rowAzul: #08449e;
    --rowCinza: #7d7d7d;
    --rowGridConciliada: rgba(64, 204, 58, 0.44);
    --rowGridDivergente: rgba(255, 195, 0, 0.42);
}

.temaEscuro {
    /*#region cores do tema*/
    --corPrimaria: #2cb3e4;
    --corSecundaria: #66cff5;
    --corUserIcon: #2cb3e4;
    --buttonPrimary: #2cb3e4;
    --buttonHover: #66cff5;
    --buttonDisabled: rgba(44, 179, 228, 0.6);
    --corHyperLink: #1b9ccc;
    --corCalendarioActive: #1b9ccc;
    --corRowSelecionada: rgba(44, 179, 228, 0.29);
    --corPeriodo: #d8d8d8;
    --corFonteMenuAtivo: #2cb3e4;
    /*#endregion*/
    /*#region paleta de cores Dashboard*/
    --paletaCor1: #28A4D1;
    --paletaCor2: #1FDEA9;
    /*#endregion*/
    --bancariaPrimeiroCardDetalhe: #3c3c3c;
    --btnSecondaryColor: #dcdcdc;
    --btnSecondaryBorder: #333333;
    --btnSecondaryBackgroundHover: #252525;
    --buttonDanger: #c72222;
    --buttonDangerHover: #fd6f6f;
    --buttonDangerDisabled: rgba(189, 0, 0, 0.4);
    --verde: #82bd00;
    --verdeEscuro: #3d5800;
    --vermelho: #ca0000;
    --vermelhoEscuro: #902121;
    --vermelhoClaro: #ff5151;
    --roxo: #9e5aff;
    --azulClaro: #1ecaaa;
    --azul: #3887fd;
    --branco: #fff;
    --amarelo: #e4b225;
    --cinzaClaro: #b7b7b7;
    --cinzaEscuro: #ababab;
    --padraoCard: #d0d0d0;
    --laranja: #d25d26;
    --iconesSideBar: #b8bac3;
    --corBackGround: #2f2f2f;
    --corContainers: #4c4c4c;
    --corContainersHover: #3c3c3c;
    --textColor: #dedede;
    --textColor2: rgb(224 224 224 / 84%);
    --textColor3: rgb(224 224 224 / 84%);
    --dxItemsColor: #9c9c9c;
    --textoCalendario: #d2d2d2;
    --textoCalendarioAvailable: #c3c3c3;
    --textoCalendarioOff: #868686;
    --textoCalendarioPeriod: #6d6d6d;
    --calendarioHoverBackground: #8e8c8c;
    --dxSelectItemBackground: #676767;
    --graphHorizontalLines: #888888;
    --graphVerticalLines: #ababab;
    --gridBorderColor: #ababab;
    --gridBorderColorBlack: #000000;
    --dropDownBorder: #909090;
    --selectFormControlBackground: #2f2f2f;
    --selectFormControlColor: #fff;
    --selectFormControlBorder: #2f2f2f;
    --corInicialUsuario: #fff;
    --bordaIconesGrid: #ddd;
    --bordaPadrao: #676767;
    --corGridZebradoRow: #424242;
    --gridColunaVerde: #7ab100;
    --gridColunaVerdeClaro: #bde65f;
    --gridColunaAzul: #18009e;
    --gridColunaVermelho: #d81313;
    --gridColunaVermelhoEscuro: #a91414;
    --gridColunaVermelhoClaro: #ff6262;
    --gridColunaLaranja: #ff712e;
    --gridColunaLaranjaClaro: #bfa643;
    --gridColunaRoxo: rgb(27, 26, 156, 0.98);
    --gridColunaPreto: #000;
    --gridColunaAmareloClaro: rgb(193 184 94 / 19%);
    --gridColunaAmareloEscuro: #dac71b;
    --corAlertDangerBackground: rgba(253, 39, 39, 0.15);
    --corAlertDangerText: #d45e5e;
    --corNotificationFooter: rgba(0, 0, 0, 0.6);
    --corCalendarioInconsistente: #af78c6;
    --corCalendarioNaoConciliada: #f95353;
    --corCalendarioSemVenda: #4c4c4c;
    --corCalendarioConciliada: #60cc5c;
    --corCalendarioParcialmenteConciliada: #e2c810;
    --corCalendarioConferenceSelecionado: #636363;
    --corCalendarioConferenceHover: #f1f1f1;
    --buttonDefault: #3a3a3a;
    --buttonDefaultHover: #252525;
    --corTituloTermo: #6d6d6d;
    --rowLaranja: #d47807;
    --rowVerde: #65a018;
    --rowVermelha: #dc2525;
    --rowAzul: #3586ff;
    --rowCinza: #9c9c9c;
    --rowGridConciliada: rgba(64, 204, 58, 0.44);
    --rowGridDivergente: rgba(255, 195, 0, 0.42);
}

    /*#region Classes para tema escuro*/

    .temaEscuro .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
        background-color: #2a2a2a;
    }

    .temaEscuro .d_div_adq .dx-dropdowneditor-icon {
        color: white !important;
    }

    .temaEscuro .adqRecebidosTo {
        color: #39df4b;
        font-size: 13px;
        font-weight: bold;
    }

    .temaEscuro .adqRecebidosN {
        color: #ff6130;
        font-size: 13px;
        font-weight: bold;
    }

    .temaEscuro .badge-success {
        color: var(--branco) !important;
        background-color: #239930;
        font-weight: bolder;
    }

    .temaEscuro .badge-successStatus {
        color: var(--branco) !important;
        background-color: #239930;
        font-weight: bolder;
    }

    .temaEscuro .badge-primary {
        color: var(--branco) !important;
        background-color: #4263dd;
        font-weight: bolder;
    }

    .temaEscuro .badge-primaryStatus {
        color: var(--branco) !important;
        background-color: #4263dd;
        font-weight: bolder;
    }

    .temaEscuro .badge-danger {
        background-color: #d13100;
        font-weight: bolder;
    }

    .temaEscuro .badge-dangerStatus {
        background-color: #d13100;
        font-weight: bolder;
    }

    .temaEscuro .d_div_label {
        color: var(--branco) !important;
    }

    .temaEscuro .d_selectBox_status {
        border: 1px solid var(--branco) !important;
    }

    .temaEscuro .bancariaCardIcon {
        background-color: #dddddd;
    }

    .temaEscuro .gridColunaComLogo {
        background-color: white;
    }

    .temaEscuro .d_selectBox_filtro {
        border: 1px solid var(--branco) !important;
    }

    .temaEscuro .d_textBox_adq {
        border: 1px solid var(--branco) !important;
    }

    .temaEscuro .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .temaEscuro .dx-datagrid-group-panel .dx-group-panel-item {
        background-color: var(--dxSelectItemBackground);
    }

    .temaEscuro .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) >
    td {
        border-color: transparent;
    }

    .temaEscuro .dx-datagrid-group-panel .dx-group-panel-item {
        border-color: var(--bordaPadrao);
    }

    .temaEscuro .iconHeader:hover {
        background-color: transparent;
    }

    .temaEscuro .popover,
    .temaEscuro .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused),
    .temaEscuro .tabs {
        background-color: var(--corContainers);
        border-color: var(--bordaPadrao);
    }

    .temaEscuro .popover-body {
        color: #d8d8d8;
    }

    .temaEscuro .bancariaQuantidadeRegistros {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #424242;
    }

    .temaEscuro .dx-tabs,
    .temaEscuro .dx-tabs-scrollable .dx-tabs-wrapper {
        border: 1px solid var(--corBackGround);
    }

    .temaEscuro .dx-tag-content {
        color: #e4e4e4;
    }

    .temaEscuro #dropDownSearch,
    .temaEscuro .dx-selectbox-popup-wrapper .dx-list,
    .temaEscuro input#dateRangePicker {
        background-color: #3a3a3a !important;
    }

    .temaEscuro .progress {
        background-color: #797979;
    }

    .temaEscuro .bancariaCardIcon {
        background-color: #dddddd;
    }

    .temaEscuro .bancariaValorPrevisto,
    .temaEscuro .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused),
    .temaEscuro .dx-datagrid-group-panel .dx-group-panel-item,
    .temaEscuro .dx-datagrid-group-panel .dx-group-panel-item >
    .dx-column-indicators >
    span.dx-header-filter.dx-header-filter-empty,
    .temaEscuro .dx-datagrid-group-panel .dx-group-panel-item >
    .dx-column-indicators >
    span.dx-sort.dx-sort-up,
    .temaEscuro .dx-datagrid-group-panel .dx-group-panel-item >
    .dx-column-indicators >
    span.dx-sort.dx-sort-down,
    .temaEscuro .dx-overlay-content {
        color: var(--textColor) !important;
    }

    .temaEscuro .btnBancariaSwitch,
    .temaEscuro .serverContainerBackground,
    .temaEscuro .tabs {
        background-color: var(--corContainers);
    }

    .temaEscuro .btnbancariaIcon {
        color: var(--textColor);
    }

    .temaEscuro .kt-widget24 .kt-widget24__details .kt-widget24__info .kt-widget24__title:hover,
    .temaEscuro .dx-calendar-cell,
    .temaEscuro .dx-calendar-body thead tr th,
    .temaEscuro .dx-calendar-navigator .dx-button .dx-button-text,
    .temaEscuro .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard),
    .temaEscuro .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button,
    .temaEscuro .dx-calendar-navigator .dx-button .dx-button-text,
    .temaEscuro .dx-calendar-navigator-previous-view.dx-button .dx-icon,
    .temaEscuro .dx-calendar-navigator-previous-month.dx-button .dx-icon,
    .temaEscuro .dx-calendar-navigator-next-view.dx-button .dx-icon,
    .temaEscuro .dx-calendar-navigator-next-month.dx-button .dx-icon,
    .temaEscuro .dx-calendar-cell.dx-calendar-other-view,
    .temaEscuro .dx-calendar-cell.dx-calendar-empty-cell,
    .temaEscuro .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a:hover,
    .temaEscuro .dx-calendar-cell.dx-state-hover span,
    .temaEscuro .dx-calendar-cell.dx-calendar-selected-date span {
        color: var(--textColor3) !important;
    }

    .temaEscuro .calendarioNaoConciliada,
    .temaEscuro .calendarioConciliada,
    .temaEscuro .calendarioParcialmenteConciliada {
        color: #fff !important;
    }

    .temaEscuro .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
        background-color: #232323;
    }

    .temaEscuro .dx-calendar-cell.dx-state-hover span {
        background-color: #636363;
    }

    .temaEscuro .listEmpresaSelecionada {
        color: #151515;
    }

    .temaEscuro .dx-field-item-label-text,
    .temaEscuro .dx-field-item-required-mark {
        color: #afafaf;
    }

    .temaEscuro .dx-popup-title,
    .temaEscuro .dx-tabpanel .dx-multiview-wrapper,
    .dx-tabpanel .dx-tab-selected:before {
        border-color: var(--gridBorderColor);
    }

    .temaEscuro .dx-item.dx-tab {
        border-color: var(--corBackGround);
    }

.temaEscuroText {
    color: black !important;
}

.temaEscuro .dx-tab,
.temaEscuro .dx-tab .dx-icon {
    color: var(--textColor);
}

.temaEscuro .cieloEmailContainer,
.temaEscuro .dx-tabs-wrapper >
.dx-tab,
.temaEscuro .dx-tabs {
    background-color: var(--corContainers) !important;
}

.temaEscuro .dx-checkbox.dx-state-readonly .dx-checkbox-icon,
.temaEscuro .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: transparent;
}

.temaEscuro .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
    border-color: #404040;
}

.temaEscuro .dx-datagrid.dx-datagrid-borders >
.dx-datagrid-pager {
    border-color: var(--corContainers);
}

.temaEscuro i.flaticon2-bell-alarm-symbol,
.temaEscuro a.nav-link.active.show.trn,
.temaEscuro span#lblQtyNews,
.temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link > .nomeGrupoSideBar,
.temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .nomeGrupoSideBar,
.temaEscuro a.kt-notification__item:hover .kt-notification__item-icon i,
.temaEscuro .dx-datagrid-filter-panel .dx-icon-filter,
.temaEscuro .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.temaEscuro .dx-datagrid-headers .dx-datagrid-table .dx-row >
td .dx-sort-indicator,
.temaEscuro .dx-datagrid-headers .dx-datagrid-table .dx-row >
td .dx-sort,
.temaEscuro .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.temaEscuro .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.temaEscuro .loginPageLink,
.temaEscuro .btnExpandirDashboard,
.temaEscuro .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    color: var(--corPrimaria) !important;
}

.temaEscuro .kt-header__topbar-item.dropdown:hover,
.temaEscuro .kt-head.kt-head--skin-light,
.temaEscuro .kt-notification .kt-notification__item:hover {
    background-color: var(--corContainers);
}

    .temaEscuro .kt-head.kt-head--skin-light .kt-head__title {
        color: var(--textColor);
    }

@media (min-width: 1025px) {
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:hover >
    .kt-menu__link >
    .kt-menu__link-icon,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:hover >
    .kt-menu__link >
    .nomeGrupoSideBar,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__link >
    .kt-menu__link-icon,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--active >
    .kt-menu__link >
    .kt-menu__link-icon,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu.kt-aside-menu--dropdown .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu.kt-aside-menu--dropdown .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu.kt-aside-menu--dropdown .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu.kt-aside-menu--dropdown .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--hover >
    .kt-menu__link >
    .kt-menu__link-icon,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__link >
    .kt-menu__link-icon,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__link >
    .nomeGrupoSideBar,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__ver-arrow,
    .temaEscuro .kt-aside--minimize .kt-aside-menu .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu.kt-aside-menu--dropdown .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu.kt-aside-menu--dropdown .kt-menu__nav .kt-menu__item:not([data-ktmenu-submenu-mode='accordion']).kt-menu__item--hover >
    .kt-menu__submenu .kt-menu__subnav .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__ver-arrow {
        color: var(--corPrimaria) !important;
    }
}

@media (max-width: 1024px) {
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__heading .kt-menu__link-icon,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__link .kt-menu__link-icon,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__heading .kt-menu__link-icon,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__link .kt-menu__link-icon,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here >
    .kt-menu__heading .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--here >
    .kt-menu__link .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__heading .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--here >
    .kt-menu__link .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__link-icon,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__link-icon,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__link-text,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__heading .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item.kt-menu__item--open >
    .kt-menu__link .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__heading .kt-menu__ver-arrow,
    .temaEscuro .kt-aside-menu .kt-menu__nav >
    .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover >
    .kt-menu__link .kt-menu__ver-arrow {
        color: var(--corPrimaria);
    }
}

.temaEscuro .kt-notification .kt-notification__item,
.temaEscuro .kt-notification .kt-notification__custom {
    border-color: var(--corContainers);
}

.temaEscuro a.btn.btn-label-brand,
.temaEscuro button.btn.btn-label-brand,
.temaEscuro input.btn.btn-label-brand {
    color: var(--corPrimaria) !important;
}

.temaEscuro .dx-show-clear-button .dx-icon-clear {
    background-color: var(--corBackGround);
    color: var(--textColor);
}

.temaEscuro .dx-list-item.dx-state-hover,
.temaEscuro .dx-list-item.dx-state-active,
.temaEscuro .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.temaEscuro .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: var(--corPrimaria);
}

.temaEscuro .dx-datagrid .dx-link,
.temaEscuro .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.temaEscuro .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,
.temaEscuro .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,
.temaEscuro .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,
.temaEscuro .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active,
.temaEscuro .btn.btn-label-primary,
.temaEscuro .gridToggler,
.temaEscuro .dx-tab.dx-tab-selected,
.temaEscuro .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.temaEscuro .dx-datagrid-filter-panel .dx-icon-filter,
.temaEscuro .dx-tab.dx-tab-selected .dx-icon,
.temaEscuro a.kt-link.kt-login__signup-link {
    color: var(--corPrimaria);
}
/*#endregion Classes para tema escuro*/

.logoFooterContainer {
    display: none;
}

.upperLine {
    display: none;
}

.outterLine {
    width: 100%;
}

.logoMinimized {
    left: 4px;
}


div.left-panel-login {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
