/*===========================================================================================
	ESTILOS PERSONALIZADOS
	Version: 1.0
	Author: PREVENET

    IMPORTANTE: NO REESCRIBIR o SOBREESCRIBIR ESTILOS, PERSONALIZAR SIEMPRE QUE SEA POSIBLE.  
=============================================================================================*/

/*INICIA: LOGO. (Bold + Light)*/

@font-face {
    font-family: logoBold;
    src: url(LCTrinidadBold.ttf);
}

@font-face {
    font-family: logoLight;
    src: url(LCTrinidadLight.ttf);
}

.logo-bold {
    font-family: logoBold;
    font-weight: normal !important;
    font-size: 2rem !important;
}

.logo-light {
    font-family: logoLight;
    font-weight: normal !important;
}

.main-menu .navbar-header a.navbar-brand span.brand-logo img {
    height: 2.9rem !important;
    max-width: 100% !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    padding-left: 0.5rem !important;
}

ul.nav a.modern-nav-toggle {
    margin: 2.2rem 0 !important;
}

html.dark-layout .main-menu .navbar-header .navbar-brand .brand-text {
    color: #fff;
}

.avatar.avatar-lg .avatar-content {
    width: 40px;
    height: 40px;
}

/*FIN: LOGO. (Bold + Light)*/

/*Feather*/
.size-32 {
    width: 32px;
    height: 32px;
}

.size-24 {
    width: 24px;
    height: 24px;
}

.size-20 {
    width: 20px;
    height: 20px;
}

.size-16 {
    width: 16px;
    height: 16px;
}

/*Alerts*/
.alert-pre {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}


/*kendoNumericTextBox*/
.k-numeric-wrap .k-input {
    color: red;
    padding: 0.571rem 1rem !important;
    height: auto !important;
    font-family: "Montserrat", Helvetica, Arial, serif !important;
}

/*Semaforos*/
.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: #ffff00 !important;
    background-color: rgba(255, 255, 0, 1) !important;
}

.bg-violet {
    --bs-bg-opacity: 1;
    background-color: #BA55D3 !important;
    background-color: rgba(186, 85, 211, 1) !important;
    color: #FFFFFF !important;
}

/*Modales. Requiere utilizar explicitamente los siguientes estilos.*/
.modal-dialog-content {
    height: 80%;
}

.modal-body-scroll {
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}

/*Alert*/
.alert-border {
    background-color: #dc3545;
    background-color: rgba(220, 53, 69, 0.15);
    border-left: 4px solid #dc3545;
    border-radius: 8px;
}