/* Fix modals */
.modal-backdrop { z-index: 1040 !important; }
.modal { z-index: 1045 !important; }
.modal-dialog { z-index: 1046 !important; }
.modal.show { pointer-events: auto !important; }

.btn-primary {
    background-image: url("../svg/fondo-moddo.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:0;
}

.app-sidebar-header {
    background-image: url("../svg/fondo-moddo.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:0;
} 

/* ===========================
   TEMA MODDO
   =========================== */
:root {
    /* Color principal */
    --bs-primary:             #1a848b;
    --bs-primary-rgb:         26, 132, 139;
    --bs-link-color:          #1a848b;
    --bs-link-hover-color:    #276379;

    /* Fondo general */
    --bs-body-bg:             #0f2e31;
    --bs-body-color:          #d4ecec;

    /* Cards, header y superficies */
    --bs-card-bg:             #163a3e;
    --bs-border-color:        rgba(255,255,255,0.08);
    --bs-border-color-translucent: rgba(255,255,255,0.08);

    --clr-bg-gray:            #122e31;
    --clr-bg-gray-2:          #163a3e;
    --clr-bg-gray-3:          #0f2e31;
    --clr-bg-gray-4:          #1a4045;
    --clr-bg-gray-secondary:  #1a4045;

    /* Sidebar */
    --app-sidebar-bg:             #0b2427;
    --app-sidebar-menu-color:     rgba(255,255,255,0.7);
    --app-sidebar-menu-hover-bg:  #276379;
    --app-sidebar-header-border:  rgba(255,255,255,0.1);
    --app-sidebar-active-nav-link-shadow: 0px 2px 6px rgba(26,132,139,0.5);

    /* Textos */
    --clr-text-custom-secondary:  rgba(255,255,255,0.8);
    --clr-text-custom-body:       rgba(212,236,236,0.8);
    --clr-text-custom-paragraph:  #8ab8bb;
    --clr-text-custom-dark:       #d4ecec;
    --clr-text-custom-black:      #d4ecec;
}


/* Texto blanco en sidebar */
.app-sidebar .nav-link,
.app-sidebar .app-sidebar-menu-title {
    color: rgba(255,255,255,0.85) !important;
}
.app-sidebar .nav-link:hover,
.app-sidebar .nav-link.active {
    color: #ffffff !important;
    background-color: #276379 !important;
}


.btn-primary {
    background-color: #1a848b;
    border-color: #276379;
}
.btn-primary:hover {
    background-color: #276379;
    border-color: #1a848b;
}

.card {
    border:1px solid #dcdcdc;
}

.app-sidebar-footer .text-muted, .app-footer .text-muted {
    color:#fff !important;
}

.card-body {
    color:#000;
}

.modal-content {
    background-color:#ededed;
}

.form-control:focus, .form-control-icon:focus {
    background-color:#fff;
}