/* Colores de la Web */
:root {
    --principal: #AD495C;
    --secudario: #E7A855;
    --principalClaro: rgba(173, 73, 92, 0.15);
}

.topbar .mailbox, .topbar .user-dd {
    width: 350px;
}

.page-wrapper > .container-fluid,
.page-wrapper > .container-lg,
.page-wrapper > .container-md,
.page-wrapper > .container-sm,
.page-wrapper > .container-xl,
.page-wrapper > .container-xxl {
    padding: 20px 30px;
    min-height: calc(100vh - 219px);
}

a, a.link:focus, a.link:hover {
    color: var(--principal);
}

a:focus, a:hover {
    color: var(--secudario);
}

[type=checkbox].material-inputs:checked.chk-col-indigo + label:before,
[type=checkbox].material-inputs:checked + label:before {
    border-right: 2px solid var(--principal);
    border-bottom: 2px solid var(--principal);
}

/* Formulario de Login y recuperation */
#loginform .logo img,
#recoverform .logo img {
    width: 100%;
}

#loginform button.btn.btn-info.d-block.w-100.waves-effect.waves-light,
#recoverform button.btn.d-block.w-100.btn-primary.text-uppercase,
button.btn.btn-success,
button.btn.btn-primary,
a.btn.btn-primary,
a.btn.btn-info {
    background-color: var(--principal);
    border-color: var(--principal);
}

#loginform button.btn.btn-info.d-block.w-100.waves-effect.waves-light:hover,
#recoverform button.btn.d-block.w-100.btn-primary.text-uppercase:hover,
button.btn.btn-success:hover,
button.btn.btn-primary:hover,
a.btn.btn-primary:hover,
a.btn.btn-info:hover {
    background-color: var(--secudario);
    border-color: var(--secudario);
}

a.btn.btn-outline-info,
button.btn.btn-outline-primary {
    color: var(--principal);
    border-color: var(--principal);
}

a.btn.btn-outline-info:hover,
button.btn.btn-outline-primary:hover {
    background-color: var(--principal);
    color: #FFF;
}

/* Calendario */
.fc-toolbar .fc-button-group {
    border-color: var(--principal);
}

.fc-toolbar .fc-button {
    color: var(--principal);
    background-color: #FFF;
    border: 1px solid var(--principal);
}

.fc-toolbar .fc-button:hover {
    color: #FFF;
    background-color: var(--principal);
    border: 1px solid var(--principal);
}

.fc-toolbar .fc-button.fc-state-active {
    background-color: var(--principal);
    color: #FFF;
}

/* Cabecera panel */
span.logo-text img.light-logo {
    width: 100%;
}

b.logo-icon img.light-logo {
    width: 100%;
}

#main-wrapper[data-sidebartype="full"] b.logo-icon img.light-logo {
    width: 65%;
}

i.ti-menu, i.ti-more, i.ti-close {
    color: var(--principal);
}

.d-flex.no-block.align-items-center.p-3.bg-info.text-white.mb-2 {
    background-color: var(--principal) !important;
}

a.btn.d-block.w-100.btn-info.rounded-pill {
    background-color: var(--principal);
    border-color: var(--principal);
}

a.btn.d-block.w-100.btn-info.rounded-pill:hover {
    background-color: var(--secudario);
    border-color: var(--secudario);
}

.breadcrumb-item a:focus, .breadcrumb-item a:hover {
    color: var(--secudario);
}

/* Titulo y migas de pan */
.page-titles .text-themecolor {
    color: var(--principal);
}

/* Sidebar */
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    font-size: 12px;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-item .sidebar-link span.badge,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-item .sidebar-link span.badge,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-link span.badge,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-link span.badge {
    background-color: var(--principal) !important;
    color: #FFF;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav > ul > .sidebar-item > .sidebar-link.active {
    background-color: var(--principal);
    font-size: 12px;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-item.selected .sidebar-link span.badge,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-item.selected .sidebar-link span.badge,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-link.active span.badge,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-link.active span.badge {
    background-color: #FFF !important;
    color: var(--principal);
}

.sidebar-nav ul .sidebar-item .sidebar-link i {
    font-size: 18px;
    margin-right: 15px;
    width: 15px;
}

.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
    overflow: visible;
}

.user-profile .profile-text > a {
    padding: 6px 10px;
}

.user-profile .profile-text > a:hover {
    background: var(--secudario);
}

.sidebar-nav .has-arrow::after {
    position: absolute;
    content: "";
    width: 0.55em;
    height: 0.55em;
    margin-left: 10px;
    top: 20px;
    right: 10px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer a:hover,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer a:hover {
    color: var(--principal);
}

.user-profile.position-relative {
    background: url('../imagenes/fondo_web.jpg') no-repeat center;
    background-size: cover;
}

/* Select 2 */
span.select2.select2-container.select2-container--default {
    min-width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--principal);
    border: 1px solid var(--principal);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #FFF;
    background-color: var(--principal);
    border: 1px solid var(--principal);
}

/* Tablas */
tr.table-info.border-info {
    border-color: var(--principal) !important;
    --bs-table-bg: var(--principalClaro);
}

/* Pagination */
a.page-link, a.page-link:hover, .page-item.disabled .page-link {
    color: var(--principal);
}

li.page-item.active span.page-link {
    background-color: var(--principal);
    border-color: var(--principal);
}

/* Portada */
.d-flex.flex-row.comment-row.p-3.border-start.border-info.border-3.bg-light-info.text-light {
    background-color: var(--principalClaro) !important;
    border-color: var(--principal) !important;
}

h5.font-weight-medium.text-info,
p.mb-1.fs-3.fw-normal.text-info {
    color: var(--principal) !important;
}

span.badge.font-weight-medium.py-1.bg-light-info.text-info {
    background-color: var(--principal) !important;
    color: #FFF !important;
}

span.text-info.fs-2 {
    color: var(--principal) !important;
}

/* Tabs */
.nav-link {
    color: var(--principal);
}

.nav-link:focus, .nav-link:hover {
    color: var(--secudario);
}

.nav-pills.custom-pills .nav-link.active {
    color: var(--secudario);
    border-bottom: 2px solid var(--secudario);
}

@media (max-width: 576px) {
    /* Cabecera panel */
    span.logo-text img.light-logo {
        width: 90%;
        margin-left: 0;
    }

    b.logo-icon img.light-logo {
        width: 50%;
    }
}