/* Estilos comunes tanto para vistas de panel administativo y sitio web */

.tab-content .item-container {
    margin-top: 15px;
}

.tab-content .item-container span {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #2D3436;
}

.tab-content .label {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #636E72;
    width: 250px;
    margin-bottom: 15px;
}

.tab-content .titulo-detalle {
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.02em;
    color: #2D3436;
}

.tab-content .subtitulo-detalle {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #2D3436;
    padding-bottom: 10px;
    border-bottom: 1px solid #DFE6E9;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}


.tab-content#myTabContent {
    width: 100%;
}

.btn.btn-active-primary.show,
.btn.btn-active-primary:focus:not(.btn-active),
a.btn.btn-active-primary:hover,
.page-item.active .page-link {
    background-color: #236b5e !important;
}


.menu-state-title-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title {
    color: #f58634 !important;
}

.page-link:hover {
    background-color: #236b5e66 !important;
    color: #236b5e !important;
}

.img-mini {
    width: 120px;
    height: 120px;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.texto {
    color: black;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 2px;
    position: absolute;
    bottom: 8px;
    width: 25%;
    text-align: center;
    background: white;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.form-label {
    margin-bottom: 0.5rem;
    font-size: 15px;
    font-weight: 500;
    color: #3f4254;
}

.btn:disabled {
    background-color: var(--primary-color) !important;
}