:root {
    --theme_blue_master_color1: #163e54;
    --theme_blue_master_color2: #1b4a64;
    --theme_yellow_master_color1: #4c3208;
    --theme_yellow_master_color2: #6a4509;
    --theme_green_master_color1: #00361d;
    --theme_green_master_color2: #004827;
    --theme_purple_master_color1: #272546;
    --theme_purple_master_color2: #302e52;
    --theme_red_master_color1: #40110a;
    --theme_red_master_color2: #541f18;
    --bg_info: #007b99;
    --bg_primary: #063c5c;
    --bg_warning: #8f5700;
    --bg_success: #00562f;
    --bg_danger: #6e2118;
}

/* ========== BASE ========= */
body.layout-dark,
.layout-dark .content-wrapper,
.layout-dark .right-side,
.layout-dark .main-footer,
.layout-dark .main-header,
.layout-dark .wrapper {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

.layout-dark a {
    color: #90caf9;
}

.layout-dark a:hover,
.layout-dark a:focus {
    color: #64b5f6;
}

/* ========== HEADER ========= */
.layout-dark .skin-blue .main-header .navbar {
    background-color: #1f1f1f;
    border-bottom: 1px solid #333;
}

.layout-dark .skin-blue .main-header .logo {
    background-color: #1c1c1c;
    color: #f1f1f1;
    border-bottom: none;
}

.layout-dark .skin-blue .main-header .logo:hover {
    background-color: #111;
}

/* ========== SIDEBAR ========= */
.layout-dark .skin-blue .main-sidebar,
.layout-dark .skin-blue .left-side {
    background-color: #1a1a1a;
}

.layout-dark .sidebar-menu>li>a {
    color: #ccc;
}

.layout-dark .sidebar-menu>li:hover>a,
.layout-dark .sidebar-menu>li.active>a {
    background-color: #333;
    color: #fff;
}

.layout-dark .sidebar-menu .treeview-menu {
    background-color: #222;
}

.layout-dark .sidebar a {
    color: #ccc;
}

.layout-dark .sidebar a:hover {
    color: #fff;
}

/* ========== CONTENT BOXES ========= */
.layout-dark .box {
    background-color: #1e1e1e;
    border-color: #333;
    color: #ddd;
}

.layout-dark .box-header {
    border-bottom: 1px solid #333;
    color: #fff;
}

.layout-dark .box-title {
    color: #f1f1f1;
}

.layout-dark .box-body,
.layout-dark .box-footer {
    background-color: #1e1e1e;
    color: #ccc;
}

.layout-dark .box.box-primary {
    border-top-color: var(--bg_primary);
}

.layout-dark .box.box-solid.box-primary {
    border-color: var(--bg_primary);
}

.layout-dark .box.box-solid.box-primary>.box-header {
    background: var(--bg_primary);
    background-color: var(--bg_primary);
}

.layout-dark .box.box-info {
    border-top-color: var(--bg_info);
}

.layout-dark .box.box-solid.box-info {
    border-color: var(--bg_info);
}

.layout-dark .box.box-solid.box-info>.box-header {
    background: var(--bg_info);
    background-color: var(--bg_info);
}

.layout-dark .box.box-warning {
    border-top-color: var(--bg_warning);
}

.layout-dark .box.box-solid.box-warning {
    border-color: var(--bg_warning);
}

.layout-dark .box.box-solid.box-warning>.box-header {
    background: var(--bg_warning);
    background-color: var(--bg_warning);
}

.layout-dark .box.box-success {
    border-top-color: var(--bg_success);
}

.layout-dark .box.box-solid.box-success {
    border-color: var(--bg_success);
}

.layout-dark .box.box-solid.box-success>.box-header {
    background: var(--bg_success);
    background-color: var(--bg_success);
}

.layout-dark .box.box-danger {
    border-top-color: var(--bg_danger);
}

.layout-dark .box.box-solid.box-danger {
    border-color: var(--bg_danger);
}

.layout-dark .box.box-solid.box-danger>.box-header {
    background: var(--bg_danger);
    background-color: var(--bg_danger);
}

/* ========== TABLES ========= */
.layout-dark .table {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

.layout-dark .table>thead>tr>th {
    background-color: #222;
    color: #fafafa;
    border-bottom: 1px solid #282828;
}

.layout-dark .table>tbody>tr>td {
    border-top: 1px solid #333;
}

.layout-dark .table>tbody>tr:hover {
    background-color: #2a2a2a;
}

/* ========== FORMS ========= */
.layout-dark .form-control {
    background-color: #2a2a2a;
    color: #fff;
    border: 1px solid #555;
}

.layout-dark .form-control:focus {
    background-color: #333;
    color: #fff;
    border-color: #777;
}

.layout-dark .input-group .input-group-addon {
    border-color: #555;
    background-color: #2a2a2a;
}

/* ========== LABELS / BADGES ========= */
.layout-dark .label,
.layout-dark .badge {
    background-color: #444;
    color: #fff;
}

.layout-dark .badge-success {
    background-color: var(--bg_success);
}

.layout-dark .badge-info {
    background-color: var(--bg_info);
}

.layout-dark .badge-warning {
    background-color: var(--bg_warning);
}

.layout-dark .badge-danger {
    background-color: var(--bg_danger);
}

/* ========== CALLOUTS ========= */
.layout-dark .callout {
    background-color: #222;
    border-left: 5px solid #555;
    color: #ddd;
}

/* ========== ALERTS ========= */
.layout-dark .alert {
    background-color: #2a2a2a;
    border-color: #444;
    color: #ddd;
}

/* ========== MODALS ========= */
.layout-dark .modal-content {
    background-color: #1f1f1f;
    color: #fff;
    border: 1px solid #444;
}

.layout-dark .modal-header {
    border-bottom: 1px solid #333;
}

.layout-dark .modal-footer {
    border-top: 1px solid #333;
}

/* ========== BUTTONS ========= */
.layout-dark .btn {
    background-color: #333;
    color: #ddd;
    border-color: #555;
}

.layout-dark .btn:hover {
    background-color: #444;
    color: #fff;
    border-color: #777;
}

.layout-dark .btn-primary {
    background-color: #10496a;
    border-color: #2a678b;
}

.layout-dark .btn-primary:hover,
.layout-dark .btn-primary:active,
.layout-dark .btn-primary.hover {
    background-color: #1a5474;
    border-color: #2b64ab;
}

.layout-dark .btn-danger {
    background-color: #70251c;
    border-color: #9d2a1b;
}

.layout-dark .btn-danger:hover,
.layout-dark .btn-danger:active,
.layout-dark .btn-danger.hover {
    background-color: #882c22;
    border-color: #b83220;
}

.layout-dark .btn-warning {
    background-color: #70480e;
    border-color: #915b0d;
}

.layout-dark .btn-warning:hover,
.layout-dark .btn-warning:active,
.layout-dark .btn-warning.hover {
    background-color: #815411;
    border-color: #a5660e;
}

.layout-dark .btn-info {
    background-color: #005c72;
    border-color: #0083a3;
}

.layout-dark .btn-info:hover,
.layout-dark .btn-info:active,
.layout-dark .btn-info.hover {
    background-color: #01667f;
    border-color: #0090b4;
}

.layout-dark .btn-success {
    background-color: #004626;
    border-color: #005e33;
}

.layout-dark .btn-success:hover,
.layout-dark .btn-success:active,
.layout-dark .btn-success.hover {
    background-color: #005d33;
    border-color: #00723f;
}

.layout-dark .btn.disabled,
.layout-dark .btn[disabled],
.layout-dark [disabled] .btn {
    opacity: 0.50;
}

/* ========== DROPDOWNS ========= */
.layout-dark .dropdown-menu,
.layout-dark .dropup .dropdown-menu {
    background-color: #1f1f1f !important;
    color: #ccc;
    border: 1px solid #333;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
}

.layout-dark .dropdown-menu>li>a,
.layout-dark .dropup .dropdown-menu>li>a {
    color: #ccc;
}

.layout-dark .dropdown-menu>li>a:hover,
.layout-dark .dropup ul.submenu li a:hover,
.layout-dark .dropup .dropdown-menu li a:hover,
.layout-dark .dropdown ul.submenu li a:hover {
    background-color: #333 !important;
    color: #fff;
}

.layout-dark .dropup .dropdown-menu li a,
.layout-dark .dropdown .dropdown-menu li a {
    color: #afafaf;
}

.layout-dark .dropdown-menu>.divider,
.layout-dark .dropdown-menu .divider {
    background-color: #444444;
}

.layout-dark .dropup ul.submenu,
.layout-dark .dropdown ul.submenu {
    background: #1f1f1f !important;
    border-color: #4c4c4c;
}

/* ========== ALERTS ========= */
.layout-dark .bg-aqua,
.layout-dark .callout.callout-info,
.layout-dark .alert-info,
.layout-dark .label-info,
.layout-dark .modal-info .modal-body {
    background-color: #004758 !important;
}

.layout-dark .alert-info {
    border-color: #0a6378 !important;
}

.layout-dark .bg-yellow,
.layout-dark .callout.callout-warning,
.layout-dark .alert-warning,
.layout-dark .label-warning,
.layout-dark .modal-warning .modal-body {
    background-color: #583805 !important;
}

.layout-dark .alert-warning {
    border-color: #7e4f03;
}

.layout-dark .bg-green,
.layout-dark .callout.callout-success,
.layout-dark .alert-success,
.layout-dark .label-success,
.layout-dark .modal-success .modal-body {
    background-color: #002c18 !important;
}

.layout-dark .alert-success {
    border-color: #003e22;
}

.layout-dark .bg-red,
.layout-dark .callout.callout-danger,
.layout-dark .alert-danger,
.layout-dark .alert-error,
.layout-dark .label-danger,
.layout-dark .modal-danger .modal-body {
    background-color: #421711 !important;
}

.layout-dark .alert-danger,
.layout-dark .alert-error {
    border-color: #681d13;
}

/* =========== SELECT2 ===========*/
.layout-dark .select2-container .select2-choice {
    background-color: #2a2a2a;
    background-image: none;
    color: #e0e0e0;
    border: 1px solid #555;
}

.layout-dark .select2-container.select2-drop-above .select2-choice {
    background-color: #2a2a2a;
    background-image: none;
    border-color: #555;
}

.layout-dark .select2-container .select2-choice .select2-arrow {
    background: #444;
    border-left: 1px solid #555;
}

.layout-dark .select2-drop,
.layout-dark .select2-drop.select2-drop-above {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #555;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    border-top: none;
}

.layout-dark .select2-search input {
    background-color: #1f1f1f;
    color: #f0f0f0;
    border: 1px solid #555;
}

.layout-dark .select2-results {
    background-color: #2a2a2a;
    color: #e0e0e0;
}

.layout-dark .select2-results .select2-highlighted {
    background-color: #3a3a3a;
    color: #fff;
}

.layout-dark .select2-container .select2-choice abbr {
    background: none;
}

.layout-dark .select2-container .select2-choice .select2-arrow b {
    background-color: none;
}

.layout-dark .select2-search input {
    background: url(../../../plugins/select2/select2.png) no-repeat 100% -22px;
}

.layout-dark .select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.layout-dark .select2-dropdown-open .select2-choice .select2-arrow {
    background: none;
    border-left: none;
}

.layout-dark .form-control[disabled] {
    background-color: #4a4a4a;
    color: #fff;
    border: 1px solid #747474;
}

.layout-dark .select2-container-multi .select2-choices {
    background-color: #2a2a2a;
    background-image: none;
    border-color: #555;
}

.layout-dark .select2-container-multi .select2-choices .select2-search-choice {
    color: #cdcdcd;
    border: 1px solid #525252;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #565656;
    background-image: none;
}

.layout-dark .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    filter: brightness(3);
}

/* =========== PAGINATION =========== */
.layout-dark .pagination>.active>a,
.layout-dark .pagination>.active>a:focus,
.layout-dark .pagination>.active>a:hover,
.layout-dark .pagination>.active>span,
.layout-dark .pagination>.active>span:focus,
.layout-dark .pagination>.active>span:hover {
    color: #EEE;
    background-color: #10496a;
    border-color: #2a678b;
}

.layout-dark .pagination>li>a {
    background: #30383c;
    color: #dfdfdf;
}

.layout-dark .pagination>li>a,
.layout-dark .pagination>li>span {
    border-color: #565656;
}

.layout-dark .pagination>li>a:focus,
.layout-dark .pagination>li>a:hover,
.layout-dark .pagination>li>span:focus,
.layout-dark .pagination>li>span:hover {
    background-color: #4b5356;
}

.layout-dark .pagination>.disabled>a,
.layout-dark .pagination>.disabled>a:focus,
.layout-dark .pagination>.disabled>a:hover,
.layout-dark .pagination>.disabled>span,
.layout-dark .pagination>.disabled>span:focus,
.layout-dark .pagination>.disabled>span:hover {
    opacity: 0.5;
    border-color: inherit;
}

/* ========== NAV TABS CUSTOM ========= */
.layout-dark .nav-tabs-custom {
    background: #1e1e1e;
}

.layout-dark .nav-tabs-custom>.nav-tabs>li.active>a,
.layout-dark .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #1e1e1e;
    color: #c7c7c7;
}

.layout-dark .nav-tabs-custom {
    background: #1e1e1e;
}

.layout-dark .nav-tabs-custom>.tab-content {
    background: #1e1e1e;
}

.layout-dark .nav-tabs-custom>.nav-tabs>li.active>a {
    border-right-color: #2c2c2c;
}

.layout-dark .nav-tabs-custom>.nav-tabs {
    border-bottom-color: #2c2c2c;
}

.layout-dark .nav-tabs-custom>.nav-tabs>li.active>a {
    border-left-color: #2c2c2c;
}

/* ==== INTERVENCOES MANUAIS ==== */
.layout-dark.skin-blue .main-header .logo {
    background-color: var(--theme_blue_master_color1);
}

.layout-dark.skin-blue .main-header .navbar {
    background-color: var(--theme_blue_master_color2);
}

.layout-dark.skin-yellow .main-header .logo {
    background-color: var(--theme_yellow_master_color1);
}

.layout-dark.skin-yellow .main-header .navbar {
    background-color: var(--theme_yellow_master_color2);
}

.layout-dark.skin-green .main-header .logo {
    background-color: var(--theme_green_master_color1);
}

.layout-dark.skin-green .main-header .navbar {
    background-color: var(--theme_green_master_color2);
}

.layout-dark.skin-purple .main-header .logo {
    background-color: var(--theme_purple_master_color1);
}

.layout-dark.skin-purple .main-header .navbar {
    background-color: var(--theme_purple_master_color2);
}

.layout-dark.skin-red .main-header .logo {
    background-color: var(--theme_red_master_color1);
}

.layout-dark.skin-red .main-header .navbar {
    background-color: var(--theme_red_master_color2);
}

.layout-dark .content-header>.breadcrumb {
    background: #222d32;
}

.layout-dark .main-footer {
    border-color: #1a2226;
}

.layout-dark .custom_bg_light_green {
    background-color: #38583f;
}

.layout-dark .custom_bg_light_yellow {
    background-color: #6f7546;
}

.layout-dark .custom_bg_light_orange {
    background-color: #5e4919;
}

.layout-dark .custom_bg_light_blue {
    background-color: #324c58;
}

.layout-dark .custom_bg_light_red {
    background-color: #644343;
}

.layout-dark .custom_bg_light_gray {
    background-color: #464646;
}

.layout-dark .debug_select_box {
    color: #FFF;
    border-color: #AAA;
}

.layout-dark .db_query_list_type {
    background-color: #626262;
    border-color: #AAA;
}

.layout-dark .navbar-nav>.user-menu>.dropdown-menu>.user-body {
    background-color: #222D32;
    border: none;
}

.layout-dark .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #1a2226;
}

.layout-dark.skin-blue .main-header li.user-header {
    background-color: var(--theme_blue_master_color2);
}

.layout-dark.skin-red .main-header li.user-header {
    background-color: var(--theme_red_master_color2);
}

.layout-dark.skin-green .main-header li.user-header {
    background-color: var(--theme_green_master_color2);
}

.layout-dark.skin-yellow .main-header li.user-header {
    background-color: var(--theme_yellow_master_color2);
}

.layout-dark.skin-purple .main-header li.user-header {
    background-color: var(--theme_purple_master_color2);
}

.layout-dark .user-menu .dropdown-menu {
    background-color: #3c3c3c;
}

.layout-dark .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #b3b3b3 !important;
}

.layout-dark .content-header>.breadcrumb>li>a {
    color: #578eac;
}

.layout-dark .breadcrumb>li>span {
    color: #7e8b93;
}

.layout-dark .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #999;
}

.layout-dark .table-bordered {
    border: 1px solid #282828;
}

.layout-dark .table-bordered>thead>tr>th,
.layout-dark .table-bordered>tbody>tr>th,
.layout-dark .table-bordered>tfoot>tr>th,
.layout-dark .table-bordered>thead>tr>td,
.layout-dark .table-bordered>tbody>tr>td,
.layout-dark .table-bordered>tfoot>tr>td {
    border: 1px solid #282828;
}

.layout-dark .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #141414;
}

.layout-dark hr {
    border-top-color: #323232;
}

.layout-dark code {
    color: #bf2048;
    background-color: #000000;
}

.layout-dark .table>tbody>tr.highlight {
    background-color: #36350e;
}

.layout-dark .bg-blue {
    background-color: var(--theme_blue_master_color2) !important;
}

.layout-dark .opcao_icone_form.selected {
    box-shadow: 0px 0px 7px #498fdd;
    background-color: #03507e;
}

.layout-dark {
    color: #d9d9d9;
    background-color: #141414;
    border-color: #101010;
}

.layout-dark pre {
    color: #b3b3b3;
    background-color: #323232;
    border-color: #646464;
}

.layout-dark .progress {
    background-color: #282828;
}

.layout-dark .progress-bar-green,
.layout-dark .progress-bar-success {
    background-color: #003612;
}

.layout-dark .progress-bar-red,
.layout-dark .progress-bar-danger {
    background-color: #44110a;
}

.layout-dark .progress-bar-yellow,
.layout-dark .progress-bar-warning {
    background-color: #402904;
}

.layout-dark .progress-bar-aqua,
.layout-dark .progress-bar-info {
    background-color: #00303c;
}

.layout-dark .progress-bar-light-blue,
.layout-dark .progress-bar-primary {
    background-color: #0a2636;
}

.layout-dark.skin-red .main-header .logo:hover,
.layout-dark.skin-red .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--theme_red_master_color1);
}

.layout-dark.skin-blue .main-header .logo:hover,
.layout-dark.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--theme_blue_master_color1);
}

.layout-dark.skin-green .main-header .logo:hover,
.layout-dark.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--theme_green_master_color1);
}

.layout-dark.skin-yellow .main-header .logo:hover,
.layout-dark.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--theme_yellow_master_color1);
}

.layout-dark.skin-purple .main-header .logo:hover,
.layout-dark.skin-purple .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--theme_purple_master_color1);
}

.layout-dark .main-header>a.logo:hover,
.layout-dark .main-header .navbar .sidebar-toggle:hover {
    filter: saturate(1.2) brightness(1.2);
}