.cms-btn-interface {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #276671;
  --bs-btn-border-color: #276671;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1c4d55;
  --bs-btn-hover-border-color: #1c4d55;
  --bs-btn-focus-shadow-rgb: 135, 87, 237;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1c4d55;
  --bs-btn-active-border-color: #1c4d55;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #276671;
  --bs-btn-disabled-border-color: #276671;
}

.text-color1 {
  color: #2d5170 !important;
}

.text-color2 {
  color: #00accd !important;
}

.text-color3 {
  color: #183b04 !important;
}

.text-color4 {
  color: #FDC932 !important;
}

.text-color-interface {
  color: #363a56 !important;
}

.bg-color1 {
  background-color: #2d5170 !important;
}

.bg-color2 {
  background-color: #00accd !important;
}

.bg-color2-light {
  background-color: rgba(0, 172, 205, 0.25) !important;
}

.bg-color3 {
  background-color: #183b04 !important;
}

.bg-color4 {
  background-color: #FDC932 !important;
}

.bg-color-interface {
  background-color: #363a56 !important;
}

a.text-hover-color3:hover, .text-hover-color3:hover {
  color: #183b04 !important;
}

.w-inherit {
  width: inherit;
}

.app-ribbon-top-start .ribbon-label {
  top: 0;
  transform: translateX(10px) translateY(-4px);
  border-bottom-right-radius: 0.475rem;
  border-bottom-left-radius: 0.475rem;
  right: auto;
  left: 0;
}

[data-bs-theme=light] {
  --bs-app-bg-color: #ffffff;
  --bs-app-blank-bg-color: #ffffff;
  --bs-app-header-base-bg-color: #ffffff;
  --bs-app-header-base-border-bottom: 1px solid #F1F1F4;
  --bs-app-header-sticky-bg-color: #ffffff;
  --bs-app-header-sticky-border-bottom: 1px solid #F1F1F4;
  --bs-app-header-sticky-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  --bs-app-toolbar-base-border-bottom: 1px solid #F1F1F4;
  --bs-app-sidebar-base-bg-color: #2d5170;
  --bs-app-sidebar-base-box-shadow: none ;
}

[data-bs-theme=dark] {
  --bs-app-bg-color: #0F1014;
  --bs-app-blank-bg-color: #151521;
  --bs-app-header-base-bg-color: transparent;
  --bs-app-header-base-border-bottom: 1px solid #26272F;
  --bs-app-header-sticky-bg-color: #15171C;
  --bs-app-header-sticky-border-bottom: 1px solid #26272F;
  --bs-app-toolbar-base-border-bottom: 1px solid #26272F;
  --bs-app-header-sticky-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
  --bs-app-sidebar-base-bg-color: #0B0C10;
  --bs-app-sidebar-base-box-shadow: none ;
}

@media (min-width: 992px) {
  :root {
    --bs-app-header-height:110px;
    --bs-app-header-height-actual: 110px ;
  }
  [data-kt-app-header-sticky=on] {
    --bs-app-header-height: 80px;
    --bs-app-header-height-actual: 110px;
  }
  .app-sidebar-logo {
    height: calc(var(--bs-app-header-height-actual) + 1px);
  }
  [data-kt-app-header-minimize=on] .app-header {
    background-color: var(--bs-app-header-minimize-bg-color);
    box-shadow: var(--bs-app-header-minimize-box-shadow);
    border-bottom: var(--bs-app-header-minimize-border-bottom);
  }
}
body.body-login, [data-bs-theme=light] body.body-login {
  background-image: url("../../images/back/auth/bg10-654bb8c283a87f91c0a641b36d25a0c5.jpeg");
}

[data-bs-theme=dark] body.body-login {
  background-image: url("../../images/back/auth/bg10-dark-c144c3f8e3f474688fa85ce0daf197c3.jpeg");
}

.aside {
  background-color: #363a56;
}

.aside-menu {
  background-color: #363a56;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
  background-color: #324418;
}

.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: #9EC74F;
}

.navi .navi-item .navi-link:hover .navi-text {
  color: #183b04;
}

@media (min-width: 992px) {
  .brand {
    background-color: #363a56;
  }
  .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] {
    fill: #9EC74F;
  }
}
.btn.btn-color1 {
  background-color: #2d5170;
  border-color: #363a56;
  color: #FFFFFF;
}
.btn.btn-color1:hover:not(:disabled):not(.disabled), .btn.btn-color1:focus, .btn.btn-color1.active {
  background-color: #00accd !important;
}
.btn.btn-color1:hover:not(:disabled):not(.disabled) .svg-icon svg .a, .btn.btn-color1:focus .svg-icon svg .a, .btn.btn-color1.active .svg-icon svg .a {
  fill: #2d5170;
}
.btn.btn-color1 .svg-icon svg .a {
  fill: #FFFFFF;
}
.btn.btn-color1.btn-checkbox-selected {
  background-color: #FFFFFF;
  color: #2d5170;
}
.btn.btn-color1.btn-checkbox-selected:hover:not(:disabled):not(.disabled), .btn.btn-color1.btn-checkbox-selected:focus, .btn.btn-color1.btn-checkbox-selected.active {
  background-color: #FFFFFF !important;
  color: #2d5170 !important;
}
.btn.btn-color-white.second-color1 {
  background-color: #FFFFFF;
  border-color: #ee9c37;
  color: #ee9c37;
}
.btn.btn-color-white.second-color1:hover:not(:disabled):not(.disabled), .btn.btn-color-white.second-color1:focus, .btn.btn-color-white.second-color1.active {
  color: #FFFFFF;
  background-color: #ee9c37 !important;
}
.btn.btn-color-white.second-color1:hover:not(:disabled):not(.disabled) i, .btn.btn-color-white.second-color1:focus i, .btn.btn-color-white.second-color1.active i {
  color: #FFFFFF;
}
.btn.btn-color-white.second-color1.with-anim::after {
  background: #ee9c37;
}
.btn.btn-color-white.second-color1 i {
  color: #ee9c37;
}
.btn.btn-color2 {
  background-color: #9EC74F;
  border-color: #9EC74F;
  color: #FFFFFF;
}
.btn.btn-color2:hover:not(:disabled):not(.disabled), .btn.btn-color2:focus, .btn.btn-color2.active {
  background-color: #b0d763;
}
.btn.btn-color2:hover:not(:disabled):not(.disabled) .svg-icon svg .a, .btn.btn-color2:focus .svg-icon svg .a, .btn.btn-color2.active .svg-icon svg .a {
  fill: #9EC74F;
}
.btn.btn-color2 .svg-icon svg .a {
  fill: #FFFFFF;
}
.btn.btn-color2.btn-checkbox-selected {
  background-color: #FFFFFF;
  color: #9EC74F;
}
.btn.btn-color2.btn-checkbox-selected:hover:not(:disabled):not(.disabled), .btn.btn-color2.btn-checkbox-selected:focus, .btn.btn-color2.btn-checkbox-selected.active {
  background-color: #FFFFFF !important;
  color: #9EC74F !important;
}
.btn.btn-color-white.second-color2 {
  background-color: #FFFFFF;
  border-color: #9EC74F;
  color: #9EC74F;
}
.btn.btn-color-white.second-color2:hover:not(:disabled):not(.disabled), .btn.btn-color-white.second-color2:focus, .btn.btn-color-white.second-color2.active {
  color: #FFFFFF;
  background-color: #9EC74F !important;
}
.btn.btn-color-white.second-color2:hover:not(:disabled):not(.disabled) i, .btn.btn-color-white.second-color2:focus i, .btn.btn-color-white.second-color2.active i {
  color: #FFFFFF;
}
.btn.btn-color-white.second-color2.with-anim::after {
  background: #9EC74F;
}
.btn.btn-color-white.second-color2 i {
  color: #9EC74F;
}

/*
 * Custom Bootstrap Theme
 * Primary: #5820A7 (Purple)
 * Danger: #E30050 (Red)
 * Warning: #FFA500 (Orange)
 * Light: #F5F5F5 (Light Gray)
 * Dark: #3A3B3C (Dark Gray)
 */
:root {
  /* Base theme colors */
  --color-primary: #2d5170;
  --color-danger: #E30050;
  --color-warning: #FFA500;
  --color-light: #F5F5F5;
  --color-dark: #3A3B3C;
  /* Lighter/darker variants */
  --color-primary-light: #00accd;
  --color-primary-dark: #2d5170;
  --color-danger-light: #f02667;
  --color-danger-dark: #c2004a;
  --color-warning-light: #ffb733;
  --color-warning-dark: #e69500;
  /* Override Bootstrap variables */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 88, 32, 167;
  --bs-secondary-rgb: 0, 172, 205;
  --bs-danger: var(--color-danger);
  --bs-danger-rgb: 227, 0, 80;
  --bs-warning: var(--color-warning);
  --bs-warning-rgb: 255, 165, 0;
  --bs-light: var(--color-light);
  --bs-light-rgb: 245, 245, 245;
  --bs-dark: var(--color-dark);
  --bs-dark-rgb: 58, 59, 60;
  /* Link colors */
  --bs-link-color: var(--color-primary);
  --bs-link-color-rgb: 88, 32, 167;
  --bs-link-hover-color: var(--color-primary-dark);
  --bs-link-hover-color-rgb: 71, 26, 136;
}

/* Button overrides */
.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.btn-outline-primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary-light {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: #fff;
}

.btn-primary-light:hover,
.btn-primary-light:focus,
.btn-primary-light:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.btn-outline-primary-light {
  color: var(--color-primary-light);
  border-color: var(--color-primary-light);
  background-color: transparent;
}

.btn-outline-primary-light:hover,
.btn-outline-primary-light:focus,
.btn-outline-primary-light:active {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: #fff;
}

.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
}

.btn-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: #212529;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: var(--color-warning-dark);
  border-color: var(--color-warning-dark);
  color: #212529;
}

/* Form elements */
.form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.form-select:focus,
.form-control:focus {
  border-color: var(--color-primary-light);
  box-shadow: 0 0 0 0.25rem rgba(45, 81, 112, 0.25);
}

/* Alerts */
.alert-primary {
  background-color: rgba(45, 81, 112, 0.15);
  border-color: rgba(45, 81, 112, 0.3);
  color: var(--color-primary-dark);
}

.alert-danger {
  background-color: rgba(227, 0, 80, 0.15);
  border-color: rgba(227, 0, 80, 0.3);
  color: var(--color-danger-dark);
}

.alert-warning {
  background-color: rgba(255, 165, 0, 0.15);
  border-color: rgba(255, 165, 0, 0.3);
  color: #856404;
}

/* Badges */
.badge.bg-primary {
  background-color: var(--color-primary) !important;
}

.badge.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.badge.bg-danger {
  background-color: var(--color-danger) !important;
}

.badge.bg-warning {
  background-color: var(--color-warning) !important;
  color: #212529;
}

/* Progress bars */
.progress-bar {
  background-color: var(--color-primary);
}

.progress-bar-danger {
  background-color: var(--color-danger);
}

.progress-bar-warning {
  background-color: var(--color-warning);
}

/* Links */
a {
  color: var(--color-primary);
}

a:hover {
  color: var(---color-primary-light) !important;
}

.link-primary {
  color: var(--color-primary) !important;
}

/* Navs */
.nav-link.active {
  color: var(--color-primary) !important;
}

.nav-tabs .nav-link.active {
  color: var(--color-primary);
  border-color: var(--bs-border-color) var(--bs-border-color) #fff;
}

.nav-pills .nav-link.active {
  background-color: var(--color-primary);
}

/* Pagination */
.page-item.active .page-link {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.page-link:hover {
  color: var(--color-primary-dark);
}

/* List group */
.list-group-item.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

/* Spinners */
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: var(--color-primary) !important;
}

/*Text*/
.text-primary {
  color: var(--color-primary) !important;
}

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

.btn.btn-color1:active:not(.btn-active),
.btn.btn-color1.show,
.btn.btn-color1:focus:not(.btn-active) {
  background-color: var(--color-primary-light) !important;
}

body {
  background-color: #EEF0F8;
}

/* public/assets/css/custom.css */

/*# sourceMappingURL=back_app.output.css.map */