/*!
 * Hotel de Playa - Theme Overrides
 * Sobrescritura para SB Admin 2
 */

/* SIDEBAR - Azul Océano */
.bg-gradient-primary {
    background-color: #0A5E7F !important;
    background-image: linear-gradient(180deg, #0A5E7F 10%, #053D52 100%) !important;
}

.sidebar {
    background-color: #0A5E7F !important;
}

.sidebar-dark {
    background-color: #0A5E7F !important;
}

    /* Brand */
    .sidebar-dark .sidebar-brand {
        color: #ffffff !important;
        font-weight: 600 !important;
    }

        .sidebar-dark .sidebar-brand:hover {
            color: #D4A574 !important;
            text-decoration: none !important;
        }

    /* Nav Links */
    .sidebar-dark .nav-item .nav-link {
        color: rgba(255, 255, 255, 0.8) !important;
    }

        .sidebar-dark .nav-item .nav-link:hover {
            color: #ffffff !important;
            background-color: rgba(255, 255, 255, 0.1) !important;
        }

        .sidebar-dark .nav-item .nav-link.active {
            color: #ffffff !important;
            font-weight: 600 !important;
            border-left: 4px solid #D4A574 !important;
            background-color: rgba(255, 255, 255, 0.15) !important;
        }

        /* Icons */
        .sidebar-dark .nav-item .nav-link i {
            color: #E5C8A6 !important;
        }

        .sidebar-dark .nav-item .nav-link:hover i,
        .sidebar-dark .nav-item .nav-link.active i {
            color: #ffffff !important;
        }

    /* Collapse Menu */
    .sidebar-dark .collapse-inner {
        background-color: #ffffff !important;
        border-radius: 0.5rem !important;
    }

    .sidebar-dark .collapse-item {
        color: #2C3E4D !important;
    }

        .sidebar-dark .collapse-item:hover {
            background-color: #F7F5F0 !important;
            color: #0A5E7F !important;
        }

        .sidebar-dark .collapse-item.active {
            color: #0A5E7F !important;
            font-weight: 600 !important;
            background-color: #F7F5F0 !important;
        }

    /* Divider */
    .sidebar-dark hr.sidebar-divider {
        border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

/* Toggle */
#sidebarToggle {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

    #sidebarToggle:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
    }

/* NAVBAR */
.topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E8E5DF !important;
}

.navbar-light .navbar-nav .nav-item .nav-link {
    color: #2C3E4D !important;
}

    .navbar-light .navbar-nav .nav-item .nav-link:hover {
        color: #0A5E7F !important;
    }

/* Dropdown */
.topbar .dropdown-menu {
    border: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.topbar .dropdown-item {
    color: #2C3E4D !important;
}

    .topbar .dropdown-item:hover {
        background-color: #F7F5F0 !important;
        color: #0A5E7F !important;
    }

.text-gray-600 {
    color: #7A8E99 !important;
}

/* BUTTONS */
.btn-primary {
    background-color: #0A5E7F !important;
    border-color: #0A5E7F !important;
    color: #ffffff !important;
}

    .btn-primary:hover {
        background-color: #053D52 !important;
        border-color: #053D52 !important;
    }

.btn-secondary {
    background-color: #D4A574 !important;
    border-color: #D4A574 !important;
    color: #ffffff !important;
}

    .btn-secondary:hover {
        background-color: #B88C5A !important;
        border-color: #B88C5A !important;
    }

.btn-success {
    background-color: #25A89A !important;
    border-color: #25A89A !important;
    color: #ffffff !important;
}

.btn-danger {
    background-color: #D85B52 !important;
    border-color: #D85B52 !important;
    color: #ffffff !important;
}

.btn-warning {
    background-color: #E8A043 !important;
    border-color: #E8A043 !important;
    color: #ffffff !important;
}

.btn-info {
    background-color: #00A0C6 !important;
    border-color: #00A0C6 !important;
    color: #ffffff !important;
}

/* CARDS */
.card {
    border: 1px solid #E8E5DF !important;
    border-radius: 0.5rem !important;
}

.card-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E8E5DF !important;
    color: #0A5E7F !important;
    font-weight: 600 !important;
}

/* TABLES */
.table thead th {
    background-color: #0A5E7F !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border: none !important;
}

.table tbody tr:hover {
    background-color: #F7F5F0 !important;
}

/* FORMS */
.form-control {
    border: 1px solid #E8E5DF !important;
    border-radius: 0.35rem !important;
}

    .form-control:focus {
        border-color: #0A5E7F !important;
        box-shadow: 0 0 0 0.2rem rgba(10, 94, 127, 0.25) !important;
    }

label {
    color: #2C3E4D !important;
    font-weight: 500 !important;
}

/* ALERTS */
.alert-success {
    background-color: #E8F5F2 !important;
    color: #1a7f7a !important;
    border-left: 4px solid #25A89A !important;
}

.alert-info {
    background-color: #E0F7FA !important;
    color: #0085a1 !important;
    border-left: 4px solid #00A0C6 !important;
}

.alert-warning {
    background-color: #FFF3E0 !important;
    color: #d48c2f !important;
    border-left: 4px solid #E8A043 !important;
}

.alert-danger {
    background-color: #FFEBEE !important;
    color: #c64439 !important;
    border-left: 4px solid #D85B52 !important;
}

/* BADGES */
.badge-primary {
    background-color: #0A5E7F !important;
    color: #ffffff !important;
}

.badge-secondary {
    background-color: #D4A574 !important;
    color: #ffffff !important;
}

.badge-success {
    background-color: #25A89A !important;
    color: #ffffff !important;
}

.badge-info {
    background-color: #00A0C6 !important;
    color: #ffffff !important;
}

.badge-warning {
    background-color: #E8A043 !important;
    color: #ffffff !important;
}

.badge-danger {
    background-color: #D85B52 !important;
    color: #ffffff !important;
}

/* TEXT COLORS */
.text-primary {
    color: #0A5E7F !important;
}

.text-secondary {
    color: #D4A574 !important;
}

.text-success {
    color: #25A89A !important;
}

.text-info {
    color: #00A0C6 !important;
}

.text-warning {
    color: #E8A043 !important;
}

.text-danger {
    color: #D85B52 !important;
}

.text-dark {
    color: #2C3E4D !important;
}

/* BACKGROUNDS */
.bg-primary {
    background-color: #0A5E7F !important;
}

.bg-secondary {
    background-color: #D4A574 !important;
}

.bg-success {
    background-color: #25A89A !important;
}

.bg-info {
    background-color: #00A0C6 !important;
}

.bg-warning {
    background-color: #E8A043 !important;
}

.bg-danger {
    background-color: #D85B52 !important;
}

.bg-light {
    background-color: #F7F5F0 !important;
}

/* FOOTER */
footer.sticky-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #E8E5DF !important;
}

    footer.sticky-footer .copyright {
        color: #7A8E99 !important;
    }

/* SCROLL TO TOP */
.scroll-to-top {
    background-color: #0A5E7F !important;
    color: #ffffff !important;
}

    .scroll-to-top:hover {
        background-color: #053D52 !important;
    }

/* PAGINATION */
.page-link {
    color: #0A5E7F !important;
}

.page-item.active .page-link {
    background-color: #0A5E7F !important;
    border-color: #0A5E7F !important;
    color: #ffffff !important;
}

/* BODY BACKGROUND */
body {
    background-color: #F7F5F0 !important;
}

#content-wrapper, #content {
    background-color: #F7F5F0 !important;
}