/*
 * Shell visual do SOLE sobre AdminLTE 4 + Bootstrap 5.
 * Classes antigas (.box, .form-group, .col-xs-*) continuam via gebras-bs3-compat.css.
 */
.skin-gebras {
  --g-navy: #122739;
  --g-navy-2: #18344b;
  --g-red: #da0020;
  --g-red-hover: #b8001a;
  --g-canvas: #f3f5f8;
  --g-line: rgba(18, 39, 57, 0.08);
  --g-text: #1c2834;
  --g-muted: #5c6b7a;
  --g-surface: #ffffff;
  --g-radius: 10px;
  --g-radius-sm: 6px;
  --bs-body-font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-body-font-size: 0.875rem; /* 14px — base do AdminLTE 2 / Bootstrap 3 */
  --bs-body-line-height: 1.42857143;
  --bs-body-color: var(--g-text);
  --bs-primary: #122739;
  --bs-danger: #da0020;
  font-size: 0.875rem;
  line-height: 1.42857143;
  color: var(--g-text);
}

body.skin-gebras,
.skin-gebras .app-wrapper,
.skin-gebras .app-main,
.skin-gebras .app-content,
.skin-gebras .app-sidebar,
.skin-gebras .app-header {
  font-size: 0.875rem;
}

.skin-gebras .form-control,
.skin-gebras .form-select,
.skin-gebras .btn {
  font-size: 0.875rem;
}

.skin-gebras .table {
  font-size: 0.875rem;
}

.skin-gebras .app-wrapper,
.skin-gebras .app-main,
.skin-gebras .app-content,
.skin-gebras .content-wrapper {
  background-color: var(--g-canvas) !important;
}

.skin-gebras .bg-gebras-red,
.skin-gebras .app-header.bg-gebras-red {
  background-color: #DA0020 !important;
  border-bottom: 0;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.22);
}

.skin-gebras .app-header .nav-link {
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
}

.skin-gebras .app-header .nav-link:hover,
.skin-gebras .app-header .nav-link.active {
  background: rgba(0, 0, 0, 0.12);
  color: #fff !important;
}

.skin-gebras .app-header .ocurrency-alert {
  background-color: rgba(0, 0, 0, 0.18) !important;
}

.skin-gebras .app-header .ocurrency-alert:hover {
  background-color: rgba(0, 0, 0, 0.28) !important;
}

.skin-gebras .app-sidebar {
  background-color: var(--g-navy) !important;
  --bs-secondary-bg: var(--g-navy);
  --bs-tertiary-bg: var(--g-navy-2);
  scrollbar-width: thin;
  scrollbar-color: rgba(177, 191, 203, 0.45) transparent;
}

.skin-gebras .app-sidebar .sidebar-brand,
.skin-gebras .app-sidebar[data-bs-theme="dark"] .sidebar-brand {
  background-color: #DA0020 !important;
  background-image: none !important;
  border-bottom: 0;
  --bs-body-bg: #DA0020;
  --bs-secondary-bg: #DA0020;
  --bs-tertiary-bg: #DA0020;
}

.skin-gebras .app-sidebar .brand-link,
.skin-gebras .app-sidebar[data-bs-theme="dark"] .brand-link {
  background-color: #DA0020 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}

.skin-gebras .app-sidebar .brand-link:hover,
.skin-gebras .app-sidebar[data-bs-theme="dark"] .brand-link:hover {
  background-color: #B8001A !important;
  color: #FFFFFF !important;
}

.skin-gebras .app-sidebar .brand-text {
  color: #FFFFFF !important;
  font-weight: 700;
}

.skin-gebras .sidebar-menu .nav-link {
  border-radius: 8px;
  margin: 1px 8px;
  color: #b1bfcb;
  font-size: 0.875rem;
}

.skin-gebras .sidebar-menu .nav-link:hover,
.skin-gebras .sidebar-menu .nav-link.active {
  background: var(--g-navy-2);
  color: #fff;
}

.skin-gebras .sidebar-menu .nav-link.active {
  box-shadow: inset 3px 0 0 var(--g-red);
}

.skin-gebras .sidebar-menu .nav-header {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 10px 14px 8px;
  margin: 10px 8px 4px;
  text-transform: uppercase;
  border-radius: 6px;
  border-left: 3px solid transparent;
  background: rgba(255, 255, 255, 0.04);
}

/* Cores distintas por categoria do menu lateral */
.skin-gebras .sidebar-menu .nav-header-tone-1 {
  color: #7dd3fc;
  border-left-color: #38bdf8;
  background: rgba(56, 189, 248, 0.12);
}
.skin-gebras .sidebar-menu .nav-header-tone-2 {
  color: #86efac;
  border-left-color: #22c55e;
  background: rgba(34, 197, 94, 0.12);
}
.skin-gebras .sidebar-menu .nav-header-tone-3 {
  color: #fcd34d;
  border-left-color: #f59e0b;
  background: rgba(245, 158, 11, 0.12);
}
.skin-gebras .sidebar-menu .nav-header-tone-4 {
  color: #f9a8d4;
  border-left-color: #ec4899;
  background: rgba(236, 72, 153, 0.12);
}
.skin-gebras .sidebar-menu .nav-header-tone-5 {
  color: #c4b5fd;
  border-left-color: #8b5cf6;
  background: rgba(139, 92, 246, 0.12);
}
.skin-gebras .sidebar-menu .nav-header-tone-6 {
  color: #fda4af;
  border-left-color: #f43f5e;
  background: rgba(244, 63, 94, 0.12);
}

.skin-gebras .sidebar-menu .nav-treeview .nav-link {
  margin-left: 12px;
}

.skin-gebras .sidebar-menu .nav-icon {
  width: 1.4rem;
  text-align: center;
  margin-right: 0.4rem;
}

.skin-gebras .app-footer {
  background: var(--g-canvas);
  border-top: 1px solid var(--g-line);
  color: var(--g-muted);
  font-size: 12px;
}

.skin-gebras .btn-primary {
  --bs-btn-bg: #122739;
  --bs-btn-border-color: #122739;
  --bs-btn-hover-bg: #18344b;
  --bs-btn-hover-border-color: #18344b;
  --bs-btn-active-bg: #18344b;
  --bs-btn-active-border-color: #18344b;
}

.skin-gebras .btn-info {
  --bs-btn-color: #122739;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: rgba(18, 39, 57, 0.22);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #122739;
  --bs-btn-hover-border-color: #122739;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #122739;
  --bs-btn-active-border-color: #122739;
}

.skin-gebras .btn-danger {
  --bs-btn-bg: #da0020;
  --bs-btn-border-color: #da0020;
  --bs-btn-hover-bg: #b8001a;
  --bs-btn-hover-border-color: #b8001a;
}

.skin-gebras .btn-success {
  --bs-btn-bg: #1e7f4f;
  --bs-btn-border-color: #1e7f4f;
  --bs-btn-hover-bg: #176440;
  --bs-btn-hover-border-color: #176440;
}

.skin-gebras .content-header > h1 {
  font-size: 1.375rem; /* ~22px na base 16; ~19px na base 14 */
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--g-text);
}

.skin-gebras .content-header > h1 > small {
  color: var(--g-muted);
  font-weight: 400;
}

.skin-gebras .box {
  border: 1px solid var(--g-line);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
}

.skin-gebras .box.box-primary {
  border-top: 3px solid #3c8dbc;
}

.skin-gebras .box.box-info {
  border-top: 3px solid #00c0ef;
}

.skin-gebras .box.box-danger {
  border-top: 1px solid var(--g-line);
}

.skin-gebras .box.box-warning {
  border-top: 3px solid #f39c12;
}

.skin-gebras .box.box-success {
  border-top: 3px solid #00a65a;
}

.skin-gebras .box.box-default {
  border-top: 3px solid #d2d6de;
}

.skin-gebras .box.box-solid {
  border-top-width: 0;
}

.skin-gebras .box > .box-header:first-child {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.skin-gebras .box > .box-header .box-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.skin-gebras .box > .box-header.with-border {
  border-bottom-color: var(--g-line);
}

.skin-gebras .box > .box-body,
.skin-gebras .no-header .box-body {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.skin-gebras .box > .box-footer {
  background: transparent;
  border-top-color: var(--g-line);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.skin-gebras .small-box {
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.08);
  overflow: hidden;
}

.skin-gebras .info-box {
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
}

.skin-gebras .info-box-icon {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.skin-gebras .box .table > thead > tr > th,
.skin-gebras .content .table > thead > tr > th {
  background: #f7f9fb;
  color: #3d4d5c;
  font-weight: 600;
  border-bottom: 1px solid var(--g-line);
}

.skin-gebras .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f8fafc;
}

.skin-gebras .form-control {
  border-radius: 6px;
  border-color: rgba(18, 39, 57, 0.16);
  box-shadow: none;
}

.skin-gebras .form-control:focus {
  border-color: var(--g-navy-2);
  box-shadow: 0 0 0 3px rgba(24, 52, 75, 0.12);
}

.skin-gebras .btn {
  border-radius: 6px;
}

.skin-gebras .main-footer {
  background: var(--g-canvas);
  border-top: 1px solid var(--g-line);
  color: var(--g-muted);
  font-size: 12px;
  padding: 12px 16px;
}

.skin-gebras::-webkit-scrollbar,
body.skin-gebras::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

.skin-gebras::-webkit-scrollbar-track,
body.skin-gebras::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.skin-gebras::-webkit-scrollbar-thumb,
body.skin-gebras::-webkit-scrollbar-thumb {
  background-color: rgba(18, 39, 57, 0.28);
  border: 2px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}

/* Telas novas podem usar card. O visual acompanha o .box. */
.skin-gebras .card {
  position: relative;
  background: #fff;
  border: 1px solid var(--g-line);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
  margin-bottom: 16px;
}

.skin-gebras .card-header {
  padding: 12px 16px;
  border-bottom: 1px solid var(--g-line);
  background: transparent;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.skin-gebras .card-body {
  padding: 16px;
}

.skin-gebras .card-footer {
  padding: 12px 16px;
  border-top: 1px solid var(--g-line);
  background: transparent;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

.skin-gebras .card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.skin-gebras .modal-content {
  border: 0;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(18, 39, 57, 0.18);
}

.skin-gebras .modal-header {
  border-bottom-color: var(--g-line);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.skin-gebras .modal-title {
  font-size: 16px;
  font-weight: 600;
}

.skin-gebras .modal-footer {
  border-top-color: var(--g-line);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.skin-gebras .alert {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
}

.skin-gebras .alert h4 {
  font-size: 15px;
  font-weight: 600;
}

.skin-gebras .dropdown-menu {
  border: 1px solid var(--g-line);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(18, 39, 57, 0.12);
  padding: 6px 0;
}

.skin-gebras .dropdown-menu > li > a {
  border-radius: 6px;
  margin: 0 6px;
  padding: 6px 10px;
}

.skin-gebras .nav-tabs-custom {
  border: 1px solid var(--g-line);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
}

.skin-gebras .nav-tabs-custom > .nav-tabs {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.skin-gebras .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #da0020;
}

.skin-gebras .pagination > li > a,
.skin-gebras .pagination > li > span {
  border-radius: 6px;
  margin: 0 2px;
}

.skin-gebras .select2-container--default .select2-selection--single,
.skin-gebras .select2-container--default .select2-selection--multiple {
  border-radius: 6px;
  border-color: rgba(18, 39, 57, 0.16);
}

.skin-gebras .select2-dropdown {
  border-color: rgba(18, 39, 57, 0.16);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(18, 39, 57, 0.12);
}

.skin-gebras .daterangepicker:not(.opensembed),
.skin-gebras .datepicker {
  border: 1px solid var(--g-line);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(18, 39, 57, 0.12);
}

.skin-gebras .dataTables_wrapper .dataTables_filter input,
.skin-gebras .dataTables_wrapper .dataTables_length select {
  border: 1px solid rgba(18, 39, 57, 0.16);
  border-radius: 6px;
  padding: 4px 8px;
}

.skin-gebras .g-filter.box.box-danger {
  border-top: 1px solid var(--g-line);
}

.skin-gebras .g-filter > .box-footer {
  display: flex;
  gap: 8px;
  align-items: center;
}

.skin-gebras .g-filter > .box-footer::before,
.skin-gebras .g-filter > .box-footer::after {
  display: none;
}

.skin-gebras .g-filter > .box-footer > [class*="col-"] {
  float: none;
  width: auto;
  padding: 0;
  flex: 1 1 0;
}

.skin-gebras .g-filter > .box-footer .btn {
  width: 100%;
}

.skin-gebras .btn-primary {
  background-color: #122739;
  border-color: #122739;
  color: #fff;
}

.skin-gebras .btn-primary:hover,
.skin-gebras .btn-primary:focus,
.skin-gebras .btn-primary:active,
.skin-gebras .btn-primary.active,
.skin-gebras .open > .dropdown-toggle.btn-primary {
  background-color: #18344b;
  border-color: #18344b;
  color: #fff;
}

.skin-gebras .btn-info {
  background-color: #fff;
  border-color: rgba(18, 39, 57, 0.22);
  color: #122739;
}

.skin-gebras .btn-info:hover,
.skin-gebras .btn-info:focus,
.skin-gebras .btn-info:active,
.skin-gebras .btn-info.active,
.skin-gebras .open > .dropdown-toggle.btn-info {
  background-color: #122739;
  border-color: #122739;
  color: #fff;
}

.skin-gebras .btn-success {
  background-color: #1e7f4f;
  border-color: #1e7f4f;
}

.skin-gebras .btn-success:hover,
.skin-gebras .btn-success:focus,
.skin-gebras .btn-success:active,
.skin-gebras .btn-success.active {
  background-color: #176440;
  border-color: #176440;
}

.skin-gebras .btn-danger {
  background-color: #da0020;
  border-color: #da0020;
}

.skin-gebras .btn-danger:hover,
.skin-gebras .btn-danger:focus,
.skin-gebras .btn-danger:active,
.skin-gebras .btn-danger.active {
  background-color: #b8001a;
  border-color: #b8001a;
}

.skin-gebras .input-group-addon {
  background-color: #f7f9fb;
  border-color: rgba(18, 39, 57, 0.16);
  color: #5c6b7a;
}

.skin-gebras .label-primary {
  background-color: #122739 !important;
}

.skin-gebras .label-info {
  background-color: #5c6b7a !important;
}

.skin-gebras .label-danger {
  background-color: #da0020 !important;
}

.skin-gebras .pagination > .active > a,
.skin-gebras .pagination > .active > a:hover,
.skin-gebras .pagination > .active > a:focus,
.skin-gebras .pagination > .active > span,
.skin-gebras .pagination > .active > span:hover {
  background-color: #122739;
  border-color: #122739;
}

.skin-gebras .form-group > label,
.skin-gebras .control-label {
  font-weight: 600;
  font-size: 13px;
  color: #3d4d5c;
}

.skin-gebras .table-bordered {
  border-color: var(--g-line);
}

.skin-gebras .table-bordered > thead > tr > th,
.skin-gebras .table-bordered > tbody > tr > th,
.skin-gebras .table-bordered > tfoot > tr > th,
.skin-gebras .table-bordered > thead > tr > td,
.skin-gebras .table-bordered > tbody > tr > td,
.skin-gebras .table-bordered > tfoot > tr > td {
  border-color: var(--g-line);
}

.skin-gebras .table > tbody > tr:hover {
  background-color: rgba(18, 39, 57, 0.04);
}

.skin-gebras .table .btn {
  padding: 4px 8px;
}

.skin-gebras div.dataTables_info,
.skin-gebras div.dataTables_length label,
.skin-gebras div.dataTables_filter label {
  color: var(--g-muted);
  font-weight: 400;
}

.skin-gebras div.dataTables_filter,
.skin-gebras div.dataTables_length {
  margin-bottom: 8px;
}

.skin-gebras .dt-button {
  border-radius: 6px !important;
  border: 1px solid rgba(18, 39, 57, 0.16) !important;
  background: #fff !important;
  background-image: none !important;
  color: #122739 !important;
  font-weight: 600;
  padding: 5px 12px !important;
  box-shadow: none !important;
}

.skin-gebras .dt-button:hover,
.skin-gebras .dt-button:focus {
  background: #122739 !important;
  border-color: #122739 !important;
  color: #fff !important;
}

/* ---- Pacote amplo: tipografia, conteúdo, indicadores, forms, plugins ---- */

.skin-gebras .content-wrapper > .content {
  padding: 16px 18px 28px;
}

.skin-gebras .content-header {
  padding: 18px 18px 8px;
}

.skin-gebras .content-header > .breadcrumb {
  background: transparent;
  font-size: 12px;
  top: 20px;
}

.skin-gebras .content-header > .breadcrumb > li > a {
  color: var(--g-muted);
}

.skin-gebras .content-header > .breadcrumb > li.active {
  color: var(--g-text);
}

.skin-gebras h1,
.skin-gebras h2,
.skin-gebras h3,
.skin-gebras h4 {
  letter-spacing: -0.01em;
}

.skin-gebras .btn-default {
  background: #fff;
  border-color: rgba(18, 39, 57, 0.18);
  color: var(--g-navy);
}

.skin-gebras .btn-default:hover,
.skin-gebras .btn-default:focus,
.skin-gebras .btn-default:active {
  background: #f3f5f8;
  border-color: rgba(18, 39, 57, 0.28);
  color: var(--g-navy);
}

.skin-gebras .btn-warning {
  background-color: #d97706;
  border-color: #d97706;
  color: #fff;
}

.skin-gebras .btn-warning:hover,
.skin-gebras .btn-warning:focus,
.skin-gebras .btn-warning:active {
  background-color: #b45309;
  border-color: #b45309;
  color: #fff;
}

.skin-gebras .btn:active {
  transform: translateY(1px);
}

/* Minimizar/fechar de cartão não são usados no SOLE */
.skin-gebras .box-tools [data-widget="collapse"],
.skin-gebras .box-tools [data-widget="remove"],
.skin-gebras .btn-box-tool[data-widget="collapse"],
.skin-gebras .btn-box-tool[data-widget="remove"] {
  display: none !important;
}

.skin-gebras .small-box {
  border: 1px solid transparent;
}

.skin-gebras .small-box > .inner {
  padding: 16px;
}

.skin-gebras .small-box h3 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.skin-gebras .small-box p {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.92;
}

.skin-gebras .small-box .icon {
  font-size: 72px;
  top: 8px;
  right: 12px;
  opacity: 0.18;
}

.skin-gebras .small-box:hover .icon {
  font-size: 76px;
}

.skin-gebras .small-box > .small-box-footer {
  padding: 6px 0;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.skin-gebras .info-box {
  border: 1px solid var(--g-line);
  min-height: 88px;
}

.skin-gebras .info-box-content {
  padding: 12px 14px;
}

.skin-gebras .info-box-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--g-muted);
}

.skin-gebras .info-box-number {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--g-text);
}

.skin-gebras .bg-aqua,
.skin-gebras .bg-light-blue,
.skin-gebras .bg-blue {
  background-color: var(--g-navy) !important;
}

.skin-gebras .bg-red {
  background-color: var(--g-red) !important;
}

.skin-gebras .bg-green {
  background-color: #1e7f4f !important;
}

.skin-gebras .bg-yellow {
  background-color: #d97706 !important;
}

.skin-gebras .bg-navy {
  background-color: var(--g-navy) !important;
}

.skin-gebras .progress {
  background: rgba(18, 39, 57, 0.08);
  border-radius: 999px;
  box-shadow: none;
  overflow: hidden;
}

.skin-gebras .progress-bar {
  border-radius: 999px;
  box-shadow: none;
}

.skin-gebras .progress-bar-aqua,
.skin-gebras .progress-bar-primary {
  background-color: var(--g-navy) !important;
}

.skin-gebras .progress-bar-danger,
.skin-gebras .progress-bar-red {
  background-color: var(--g-red) !important;
}

.skin-gebras .progress-bar-success,
.skin-gebras .progress-bar-green {
  background-color: #1e7f4f !important;
}

.skin-gebras .callout {
  border-radius: var(--g-radius);
  border-left-width: 4px;
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
  color: var(--g-text) !important;
}

.skin-gebras .callout h4 {
  font-size: 15px;
}

.skin-gebras .callout.callout-info {
  background-color: #eef3f8 !important;
  border-left-color: var(--g-navy);
  color: var(--g-text) !important;
}

.skin-gebras .callout.callout-info h4 {
  color: var(--g-navy);
}

.skin-gebras .callout.callout-danger {
  background-color: #fde8eb !important;
  border-left-color: var(--g-red);
  color: #7a1020 !important;
}

.skin-gebras .callout.callout-success {
  background-color: #e8f6ee !important;
  border-left-color: #1e7f4f;
  color: #145234 !important;
}

.skin-gebras .callout.callout-warning {
  background-color: #fff6e8 !important;
  border-left-color: #d97706;
  color: #7a4a10 !important;
}

.skin-gebras .callout a {
  color: inherit;
}

.skin-gebras .badge {
  border-radius: 999px;
  font-weight: 600;
  padding: 3px 8px;
}

.skin-gebras .label {
  border-radius: 999px;
  font-weight: 600;
  padding: 0.25em 0.65em;
}

.skin-gebras .nav-pills > li > a {
  border-radius: 8px;
}

.skin-gebras .nav-pills > li.active > a,
.skin-gebras .nav-pills > li.active > a:hover,
.skin-gebras .nav-pills > li.active > a:focus {
  background-color: var(--g-navy);
}

.skin-gebras .nav > li > a:hover,
.skin-gebras .nav > li > a:focus {
  background-color: rgba(18, 39, 57, 0.05);
}

.skin-gebras .breadcrumb {
  background: transparent;
  padding-left: 0;
}

.skin-gebras .well {
  background: #f7f9fb;
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius);
  box-shadow: none;
}

.skin-gebras .panel {
  border-radius: var(--g-radius);
  box-shadow: 0 1px 2px rgba(18, 39, 57, 0.05);
}

.skin-gebras .panel-heading {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.skin-gebras .tooltip-inner {
  border-radius: 6px;
  padding: 6px 10px;
  background: var(--g-navy);
}

.skin-gebras .tooltip.top .tooltip-arrow {
  border-top-color: var(--g-navy);
}

.skin-gebras .popover {
  border: 1px solid var(--g-line);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(18, 39, 57, 0.14);
}

.skin-gebras .popover-title {
  background: #f7f9fb;
  border-bottom-color: var(--g-line);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.skin-gebras .checkbox,
.skin-gebras .radio {
  margin-top: 8px;
  margin-bottom: 8px;
}

.skin-gebras .help-block {
  color: var(--g-muted);
  font-size: 12px;
}

.skin-gebras .input-group .form-control:first-child,
.skin-gebras .input-group-addon:first-child,
.skin-gebras .input-group-btn:first-child > .btn {
  border-top-left-radius: var(--g-radius-sm);
  border-bottom-left-radius: var(--g-radius-sm);
}

.skin-gebras .input-group .form-control:last-child,
.skin-gebras .input-group-addon:last-child,
.skin-gebras .input-group-btn:last-child > .btn {
  border-top-right-radius: var(--g-radius-sm);
  border-bottom-right-radius: var(--g-radius-sm);
}

.skin-gebras .select2-container--default .select2-selection--single {
  height: 34px;
  padding-top: 2px;
}

.skin-gebras .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}

.skin-gebras .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--g-navy);
}

.skin-gebras .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: rgba(18, 39, 57, 0.08);
}

.skin-gebras .datepicker table tr td.active,
.skin-gebras .datepicker table tr td.active:hover,
.skin-gebras .datepicker table tr td.active.disabled,
.skin-gebras .datepicker table tr td.active.disabled:hover,
.skin-gebras .datepicker table tr td.selected,
.skin-gebras .datepicker table tr td.selected:hover {
  background: var(--g-navy) !important;
  background-image: none !important;
}

.skin-gebras .datepicker table tr td.today {
  background: rgba(218, 0, 32, 0.12) !important;
  background-image: none !important;
  color: var(--g-red) !important;
}

.skin-gebras .daterangepicker td.active,
.skin-gebras .daterangepicker td.active:hover {
  background-color: var(--g-navy) !important;
  border-color: transparent;
}

.skin-gebras .daterangepicker td.in-range {
  background-color: rgba(18, 39, 57, 0.08);
}

.skin-gebras .daterangepicker .ranges li.active {
  background-color: var(--g-navy);
  border-color: var(--g-navy);
}

.skin-gebras .daterangepicker .applyBtn {
  background-color: var(--g-navy);
  border-color: var(--g-navy);
}

.skin-gebras .box.box-primary {
  border-top-color: var(--g-navy);
}

.skin-gebras .box.box-info {
  border-top-color: #5c6b7a;
}

.skin-gebras .box.box-success {
  border-top-color: #1e7f4f;
}

.skin-gebras .box.box-warning {
  border-top-color: #d97706;
}

.skin-gebras .box.box-solid.box-primary > .box-header {
  background: var(--g-navy);
  background-color: var(--g-navy);
}

.skin-gebras .box.box-solid.box-danger > .box-header {
  background: var(--g-red);
  background-color: var(--g-red);
}

.skin-gebras .box.box-solid.box-info > .box-header {
  background: #5c6b7a;
  background-color: #5c6b7a;
}

.skin-gebras .box.box-solid.box-success > .box-header {
  background: #1e7f4f;
  background-color: #1e7f4f;
}

.skin-gebras .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: var(--g-red);
}

.skin-gebras .nav-tabs-custom > .tab-content {
  padding: 14px 16px;
}

.skin-gebras .alert-box {
  padding: 12px 18px 0;
}

.skin-gebras .alert {
  margin-bottom: 12px;
}

.skin-gebras .alert-danger,
.skin-gebras .alert-error {
  background-color: #fde8eb !important;
  color: #7a1020;
}

.skin-gebras .alert-danger h4,
.skin-gebras .alert-error h4 {
  color: var(--g-red);
}

.skin-gebras .alert-success {
  background-color: #e8f6ee !important;
  color: #145234;
}

.skin-gebras .alert-success h4 {
  color: #1e7f4f;
}

.skin-gebras .alert-info {
  background-color: #eef3f8 !important;
  color: #1c2834;
}

.skin-gebras .alert-info h4 {
  color: var(--g-navy);
}

.skin-gebras .alert-warning {
  background-color: #fff6e8 !important;
  color: #7a4a10;
}

.skin-gebras .alert-warning h4 {
  color: #b45309;
}

.skin-gebras .modal-header .close {
  opacity: 0.55;
  font-weight: 400;
}

.skin-gebras .modal-header .close:hover {
  opacity: 1;
}

.skin-gebras .modal-body {
  padding: 16px 18px;
}

.skin-gebras .modal-footer {
  padding: 12px 18px;
  background: #fafbfc;
}

.skin-gebras .main-header .navbar .nav > li > a {
  height: 50px;
  line-height: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.skin-gebras .ocurrency-alert {
  background-color: rgba(0, 0, 0, 0.18) !important;
}

.skin-gebras .ocurrency-alert:hover {
  background-color: rgba(0, 0, 0, 0.28) !important;
}

.skin-gebras .user-panel2 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skin-gebras .user-panel2 .info2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-3px);
}

.skin-gebras .user-panel2 .info2 a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.skin-gebras .user-panel2 .select-install-box .select2-container--default {
  width: 100% !important;
}

.skin-gebras .user-image img,
.skin-gebras .img-circle2 {
  border: 2px solid rgba(255, 255, 255, 0.18);
}

.skin-gebras .sidebar a {
  transition: background-color 120ms ease-out, color 120ms ease-out;
}

.skin-gebras .table > thead > tr > th {
  vertical-align: middle;
}

.skin-gebras .table > tbody > tr > td {
  vertical-align: middle;
}

.skin-gebras .pagination > li > a,
.skin-gebras .pagination > li > span {
  color: var(--g-navy);
  border-color: rgba(18, 39, 57, 0.12);
}

.skin-gebras .pagination > li > a:hover {
  background: rgba(18, 39, 57, 0.06);
  color: var(--g-navy);
}

.skin-gebras .list-group-item {
  border-color: var(--g-line);
}

.skin-gebras .list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.skin-gebras .list-group-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.skin-gebras .list-group-item.active,
.skin-gebras .list-group-item.active:hover,
.skin-gebras .list-group-item.active:focus {
  background-color: var(--g-navy);
  border-color: var(--g-navy);
}

.skin-gebras pre,
.skin-gebras code {
  border-radius: 6px;
}

.skin-gebras .pace .pace-progress {
  background: var(--g-red) !important;
}

.skin-gebras #mask {
  background-color: rgba(18, 39, 57, 0.45);
  opacity: 1;
}

@media (max-width: 768px) {
  .skin-gebras .content-wrapper > .content {
    padding: 12px;
  }

  .skin-gebras .g-filter > .box-footer {
    flex-wrap: wrap;
  }

  .skin-gebras .g-filter > .box-footer > [class*="col-"] {
    flex: 1 1 100%;
  }
}