:root {
  --cattleya: #3c8dbc;
  --cattleya-2: #367fa9;
  --cattleya-dark: #3f6791;
  --primary: #3c8dbc;
  --success: #00a65a;
  --info: #00c0ef;
}

/* Colores Skin */
.th-bg-cattleya thead th,
.bg-cattleya {
  background-color: var(--cattleya) !important;
  color: #fff;
}
.dark-mode .th-bg-cattleya thead th,
.dark-mode .bg-cattleya {
  background-color: var(--cattleya-dark) !important;
  color: #fff;
}

a.bg-cattleya:hover,
a.bg-cattleya:focus,
button.bg-cattleya:hover,
button.bg-cattleya:focus {
  background-color: #0062cc !important;
}

.navbar-cattleya {
  background-color: var(--cattleya);
  color: #ffffff;
}

.navbar-cattleya.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cattleya.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cattleya.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cattleya.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cattleya.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cattleya.navbar-light .form-control-navbar,
.navbar-cattleya.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #0071eb;
  border-color: #0065d1;
  color: rgba(52, 58, 64, 0.8);
}

.navbar-cattleya.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.navbar-cattleya.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.navbar-cattleya.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.navbar-cattleya.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.navbar-cattleya.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.navbar-cattleya.navbar-light .form-control-navbar:focus,
.navbar-cattleya.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #006fe6;
  border-color: #0065d1 !important;
  color: #343a40;
}

.navbar-cattleya.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cattleya.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cattleya.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cattleya.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cattleya.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cattleya.navbar-dark .form-control-navbar,
.navbar-cattleya.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #1486ff;
  border-color: #2e93ff;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-cattleya.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.navbar-cattleya.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.navbar-cattleya.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.navbar-cattleya.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.navbar-cattleya.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.navbar-cattleya.navbar-dark .form-control-navbar:focus,
.navbar-cattleya.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #1a88ff;
  border-color: #2e93ff !important;
  color: #fff;
}

.dark-mode .navbar-cattleya {
  background-color: var(--cattleya-dark);
  color: #fff;
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar::-webkit-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar::-moz-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar::-ms-input-placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar::placeholder {
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar,
.dark-mode .navbar-cattleya.navbar-light .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #395d83;
  border-color: #315071;
  color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus::-moz-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
  color: #343a40;
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus::placeholder {
  color: #343a40;
}

.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-cattleya.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #375a7f;
  border-color: #315071 !important;
  color: #343a40;
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar,
.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar {
  background-color: #45719f;
  border-color: #4d7eb1;
  color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus::-moz-placeholder {
  color: #fff;
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
  color: #fff;
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus::placeholder {
  color: #fff;
}

.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-cattleya.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar {
  background-color: #4774a3;
  border-color: #4d7eb1 !important;
  color: #fff;
}

/* end navbar */

/* sidebar */
.layout-navbar-fixed .wrapper .sidebar-dark-cattleya .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-cattleya .brand-link:not([class*="navbar"]) {
  background-color: #343a40;
}

.sidebar-dark-cattleya .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-cattleya .nav-sidebar>.nav-item>.nav-link.active {
  background-color: var(--cattleya) !important;
  color: #fff;
}

.sidebar-dark-cattleya .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-cattleya .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: #007bff;
}

.dark-mode .sidebar-dark-cattleya .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-cattleya .nav-sidebar>.nav-item>.nav-link.active {
  background-color: var(--cattleya-dark);
  color: #fff;
}

.dark-mode .sidebar-dark-cattleya .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-cattleya .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
  border-color: var(--cattleya-dark);
}

/* end sidebar */

/* nav-tab-custom */
.nav-tabs-custom .nav-tabs li.header {
  line-height: 30px;
  padding: 0 10px;
  /* font-size: 1.2rem; */
  color: #444;

  border-top: 2px solid #ddd;
  margin-bottom: -1px;
  margin-right: 5px;
  background-color: #F4F4F4;
}
.nav-tabs-custom .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs-custom .nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  /* border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; */
}

/* .nav-tabs-custom .nav-tabs .nav-link:hover, 
.nav-tabs-custom .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
} */

/* .nav-tabs-custom .nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
} */

.nav-tabs-custom .nav-tabs .nav-link.active,
.nav-tabs-custom .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs-custom .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-tabs-custom > .nav-tabs>li {
  /*border-top: 3px solid #ddd;*/
  margin-right: 2px;

}
.nav-tabs-custom .nav-item.show .nav-link.active {
  border-top: 2px solid var(--cattleya);
}
.nav-tabs-custom .nav-item.show .nav-link:hover {
  border-top: 2px solid var(--cattleya-2);
}
.nav-tabs-custom .nav-tabs .nav-link:not(.active) {
  border-top: 2px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #f4f4f4ab;
  color: #9F9F9D;
  margin-bottom: -3px;
}

.dark-mode .nav-tabs-custom .nav-tabs {
  border-color: #56606a;
}

.dark-mode .nav-tabs-custom .nav-tabs .nav-link:focus,
.dark-mode .nav-tabs-custom .nav-tabs .nav-link:hover {
  border-color: #56606a;
}

.dark-mode .nav-tabs-custom .nav-tabs li.header {
  background-color: #343a40;
  color: #838080;
}
.dark-mode .nav-tabs-custom .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs-custom .nav-tabs .nav-link.active {
  background-color: #343a40;
  border-color: #56606a #56606a transparent #56606a;
  color: #fff;
}
.dark-mode .nav-tabs-custom .nav-tabs .nav-link:not(.active) {
  /* border-top: 2px solid #83808026;
  border-left: 1px solid #83808026;
  border-right: 1px solid #83808026; */
  background-color: #414549;
  border-color: transparent;
  /* border-color: 2px solid #83808026 1px solid #83808026 transparent 1px solid #83808026; */
  /* color: #838080;
  margin-bottom: 0px; */
}

.dark-mode .nav-tabs-custom.flex-column .nav-item.show .nav-link.active,
.dark-mode .nav-tabs-custom.flex-column .nav-item.show .nav-link:focus,
.dark-mode .nav-tabs-custom.flex-column .nav-item.show .nav-link:hover,
.dark-mode .nav-tabs-custom.flex-column .nav-link.active,
.dark-mode .nav-tabs-custom.flex-column .nav-link:focus,
.dark-mode .nav-tabs-custom.flex-column .nav-link:hover {
  border-color: #56606a transparent #56606a #56606a;
}

.dark-mode .nav-tabs-custom .nav-tabs.flex-column .nav-item.show .nav-link:focus,
.dark-mode .nav-tabs-custom .nav-tabs.flex-column .nav-item.show .nav-link:hover,
.dark-mode .nav-tabs-custom .nav-tabs.flex-column .nav-link:focus,
.dark-mode .nav-tabs-custom .nav-tabs.flex-column .nav-link:hover {
  background-color: #3f474e;
}

.dark-mode .nav-tabs-custom .nav-tabs.flex-column.nav-tabs-right {
  border-color: #56606a;
}

.dark-mode .nav-tabs-custom .nav-tabs.flex-column.nav-tabs-right .nav-link.active,
.dark-mode .nav-tabs-custom .nav-tabs.flex-column.nav-tabs-right .nav-link:focus,
.dark-mode .nav-tabs-custom .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
  border-color: #56606a #56606a #56606a transparent;
}
/* end nav-tab-custom */

/* card */
.card-primary:not(.card-outline) > .card-header {
  background-color: var(--primary) !important;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #ffffff !important;
}

.card-primary:not(.card-outline) > .card-header a.active {
  color: #1F2D3D !important;
}

.card-primary.card-outline:not(.card-outline-tabs) {
  border-top: 2px solid var(--primary) !important;
}

.card-primary.card-outline-tabs > .card-header a:hover {
  border-top: 2px solid var(--primary);
}

.card-primary.card-outline-tabs > .card-header a.active,
.card-primary.card-outline-tabs > .card-header a.active:hover {
  border-top: 2px solid var(--primary);
}

.dark-mode .card-primary.card-outline-tabs > .card-header a:hover {
  border-top: 2px solid var(--primary) !important;
}

/* .dark-mode .card-primary.card-outline:not(.card-outline-tabs), */
.dark-mode .card-primary.card-outline-tabs > .card-header a.active,
.dark-mode .card-primary.card-outline-tabs > .card-header a.active:hover {
  border-top: 2px solid var(--cattleya-dark) !important;
}
/* end card */