/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



:root {
    /*BODY*/
    --textoBody: black;
    /*TAMAÑO TEXTO*/
    --pequenio: 8px;
    --normal: 10px;
    --mediano: 11px;
    --grande: 13px;
    /*MENU*/
    --fondoMenu: #343a40;
    --textoMenu: white;
    --colorFlecha: white;
    /*TABLA*/
    --cabeceraTabla: #212529;
    --cabeceraTexto: white;
    --altura: 20px;
    --borde: #4f5962;
    /*MODAL*/
    --textoModal: 16px;
    --colortexto:white;

    
    /*COLORES VALENCIA*/
    --color1:#335c67;
    --color1Hover:#335c67e5;
    --color2:#8ea1a4;
    --color2Hover:#8ea1a4e5;
    --color3:#e9e5e0;
    --color3Hover:#e9e5e0e5;
    --color4:#e5c28f;
    --color4Hover:#e5c28fe5;
    --color5:#e09f3e;
    --color5Hover:#e09f3ee5;
    --color6:#ba6937;
    --color6Hover:#ba6937e5;
    --color7:#9f151a;
    --color7Hover:#9f151ae5;
    --color8:#540b0e;
    --color8Hover:#540b0ee5;
}

@font-face {
    font-family: 'Lato-Ligth';
    src: url('../../../fuentes/Lato-Light.ttf');
}

.imagenLogo{
    width: 100%;
}

body{
    font-family:'Quicksand', Georgia, 'Times New Roman', Times, serif;
}

.note-editable{
    font-family: 'Lato-Ligth' !important;
 }

.pequenio{
    font-size: var(--pequenio);
}

.normal{
    font-size: var(--normal);
}

.mediano{
    font-size: var(--mediano);
}

.grande{
    font-size: var(--grande);
}


.capaLogin{
    position: relative;
    background: white;
    overflow: hidden;
}

.contenidoLogin{
    position: relative;
    z-index: 2;
}

.capaLogin:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    background:url('../../../imagenes/fondo.jpg') no-repeat center center;
    background-size: cover;
}

.cursor{
    cursor: pointer;
}

.logoInicio{
	width: 50%;
}

.logoPrincipal{
	width: 80%;
}

img.imagenSistema{
    width: 20%;
}

img.imagenInicio{
    width: 50px;
    height: 50px;
    margin-left: 5px;
    object-fit: cover;
}

.oculto{
    display: none;
}

textarea {
    resize: none !important;
    height: 100px;
}
.fading-circle .circle:before, .folding-cube .cube:before {
    background-color: var(--color7);
}

.bordeLogin{
    border-radius:1.5rem
}

.la-photo:before {
    font-size: 30px;
}

.modal-header{
    background-color: var(--color7);
}
.modal-title{
    color: var(--colortexto);
}

.validacion{
    display: none;
}

body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after{
    content: "\f105";
    font-family: 'Line Awesome Free';
    font-weight: 900;

}
/*START TABS*/
.nav.nav-tabs.nav-iconfall .nav-item a.active,
.nav.nav-tabs.nav-iconfall .nav-item a.nav-link {
    color: var(--color1);
}

.nav.nav-tabs.nav-iconfall .nav-item a.nav-link:hover{
    color: var(--color1Hover);
}

.nav.nav-tabs.nav-iconfall .nav-item a i:after {
    background: var(--color7); 
}
/*END TABS*/


/*START COLLAPSE*/
.bordeColapsoColor{
    border: 1px solid var(--color7) !important
}
.textoColapsoColor{
    color: var(--color7) !important;
}
/*END COLLAPSE*/

/*START BLOCKUI*/
.blockMsg,.blockPage{
    background-color: transparent !important;
    border: transparent !important;
}
/*END BLOCKUI*/

/*START MODAL*/
/*.modal-backdrop.show {
    opacity: 0.5;
}*/

#general1.modal,#general2.modal,#confirma.modal,#alerta.modal{
    overflow-y: scroll !important;
}
/*END MODAL*/


/*START DATATABLE*/
#propietarioTabla_filter{
    display: none;
}

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

.pagination .page-link {
    color: #486D76;
}

table.dataTable thead th,table.dataTable tbody td{
    vertical-align: middle;
}

.verticalNo{
    vertical-align: baseline !important;
}
/*END DATATABLE*/

.resaltado{
    background-color: var(--color7);
    color: white;
}

.tachado{
    text-decoration:line-through;
}

.listado{
    width: 34px !important;
    padding: 3px 8px !important;
    margin-bottom:5px !important;
    
}

.pBloque{
    border-color: var(--color4);
    color: var(--color4);
}

.pBloque:hover{
    border-color: var(--color4);
    background-color:var(--color4) ;
    color: white;
}

.sBloque{
    border-color: var(--color1);
    color: var(--color1);
}
.sBloque:hover{
    border-color: var(--color1);
    background-color:var(--color1) ;
    color: white;
}

.circulo{
    padding: 5px;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    content:">";
}

html body .content.app-content{
    overflow: hidden;
}

/*START PALETA DE COLORES*/
.color1Texto{
    color:var(--color1)
}
.color2Texto{
    color:var(--color2)
}
.color3Texto{
    color:var(--color3)
}
.color4Texto{
    color:var(--color4)
}
.color5Texto{
    color:var(--color5)
}
.color6Texto{
    color:var(--color6)
}
.color7Texto{
    color:var(--color7)
}
.color8Texto{
    color:var(--color8)
}

.color1{
    background-color: var(--color1) !important;
    color:white !important;
}
button.color1:hover{
    background-color: var(--color1Hover) !important;
}

.color2{
    background-color: var(--color2) !important;
    color:white !important;
}
button.color2:hover{
    background-color: var(--color2Hover) !important; 
}

.color3{
    background-color: var(--color3)!important;
    color:black !important;
}
button.color3:hover{
    background-color: var(--color3Hover) !important;
}

.color4{
    background-color: var(--color4) !important;
    color:white !important;
}
button.color4:hover{
    background-color: var(--color4Hover) !important;
}

.color5{
    background-color: var(--color5) !important;
    color:white !important;
}
button.color5:hover{
    background-color: var(--color5Hover) !important;
}

.color6{
    background-color: var(--color6) !important;
    color:white !important;
}
button.color6:hover{
    background-color: var(--color6Hover) !important;
}

.color7{
    background-color: var(--color7) !important;
    color:white !important;
}
button.color7:hover{
    background-color: var(--color7Hover) !important;
}

.color8{
    background-color: var(--color8) !important;
    color:white !important;
}
button.color8:hover{
    background-color: var(--color8Hover) !important;
}
/*END PALETA DE COLORES*/

/*START VALIDACION*/
.borrarErrores {
    border: #28d094;
    padding-right: calc(1.25em + 1.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328d094' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.3125em + 0.375rem);
    background-size: calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); 
    box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25);
}
.borrarErrores:focus {
    border-color: #28d094;
    box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25);
}

.errores{
    border: #ff4961;
    padding-right: calc(1.25em + 1.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff4961' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff4961' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.3125em + 0.375rem);
    background-size: calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); 
    box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.25); 
}

.errores:focus {
    border-color: #ff4961;
    box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.25); 
}

.borrarErroresSelect {
    border-color: #28d094;
    padding-right: calc((1em + 1.5rem) * 3 / 4 + 2rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23464855' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328d094' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); 
    box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25); 
}
.borrarErroresSelect:focus {
      border-color: #28d094;
      box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25); 
}

.erroresSelect {
    border-color: #ff4961;
    padding-right: calc((1em + 1.5rem) * 3 / 4 + 2rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23464855' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff4961' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff4961' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 2rem/calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); 
    box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.25); 
}
.erroresSelect:focus {
    border-color: #ff4961;
    box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.25); 
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    background-color: var(--color7);
}

.main-menu.menu-light .navigation > li.open > a {
    border-right: 4px solid var(--color7);
}


/*SELECT MULTIPLE*/
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__options .select2-results__option[aria-selected=true]  {
    background-color: var(--color1) !important;
}
/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */