/* Imports Styles */

@import url('all.min.css');
@import url('materialize.css');
@import url('utils-boot.css');

/* Imports Fonts */

@font-face {
    font-family: GravuCon;
    src: url('../fonts/GravuConBla.otf') format('opentype');
    font-weight: bolder;
}

@font-face {
    font-family: GravuCon;
    src: url('../fonts/GravuConBol.otf') format('opentype');
    font-weight: bold;
}

@font-face {
    font-family: GravuCon;
    src: url('../fonts/GravuConReg.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: GravuCon;
    src: url('../fonts/GravuConLig.otf') format('opentype');
    font-weight: lighter;
}

/* Fuentes */

@media only screen and (min-width: 1550px){

    html {
        font-size: 15px;
    }
}

@media only screen and (min-width: 2000px){

    html {
        font-size: 16px;
    }
}


@media only screen and (max-width: 992px){
    
    #Main{
        width: 100%;
    }

    #Main-content{
        top: 130px;
    }

}

/* Body */

body{
    background-color: #FFF;
    background-color: #f3f3f4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-family: GravuCon, 'Arial Narrow', arial !important;
}


button,
input,
optgroup,
select,
textarea {
    font-family: GravuCon, 'Arial Narrow', arial !important;
}

.btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {
    font-size: 16px;
}

.btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i{
    font-size: 1rem;
}

.input-field > label{
    font-size: 1.1rem;
}

/* HomePage */

#container-full{
    /* max-width: 1800px; */
    margin: 0 auto;
    height: 100vh;
}

.simple-pagination{
    height: 100%;
}

.simple-pagination ul.pagination{
    /*position: absolute;
    bottom: 0px;*/
    width: 100%;
    padding-right: 2em;
}

ul.pagination-list{
    position: relative;
    padding-bottom: 1em;
}

.dropdown-content li {
    min-height: 26px;
    line-height: 1.0rem;
}

.dropdown-content li > a, .dropdown-content li > span {
    padding: 6px 12px;

}

@media only screen and (max-width: 600px) { 
    
    #container-full{
        flex-direction: column;
    }

    .container-title-submodule{
        margin-top: 1.2rem !important;
        margin-bottom: 1.2rem !important;
    }

    .container-title-submodule img{
        width: 200px;
    }

    .container-languages{
        align-self: center !important;
    }

    .container-link-footer{
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

@media only screen and (max-width: 992px) {

    #container-full{
        flex-direction: column;
    }

    .container-languages{
        align-self: flex-end;
        font-size: .9rem;
    }

    #container-full h5{
        font-size: 1rem;
    }

    #container-full-v2 h5 {
        text-align: center;
    }
}

@media only screen and (min-width: 993px){

    #container-full-v2.row > .col.m6 {
        width: 35%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

@media only screen and (min-width: 2000px){
    
    #container-full > div{
        display: flex;
    }

    #container-full-v2.row > .col.l3 {
        width: 20%;
        width: 400px;
        margin-left: auto;
        left: auto;
        right: auto;
        padding-left: 1.8rem !important;
        padding-right: 1.8rem !important;
    }

    #container-full-v2.row > .col.l6 {
        width: 60%;
        /* width: auto; */
        flex: 1;
        margin-left: auto;
        left: auto;
        right: auto;
    }

}

/* Section 1 - Login */

#column-1{
    background-color: #fff;
    position: relative;
    height: 100%;
    z-index: 5;
    overflow-y: auto;
    height: 100vh;
    padding-top: 4rem !important;
}

#column-1 [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 2px solid #ffffff;
}

#column-1 [type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
}

#column-1 input:not([type]), 
#column-1 input[type=text]:not(.browser-default), 
#column-1 input[type=password]:not(.browser-default), 
#column-1 input[type=email]:not(.browser-default), 
#column-1 input[type=url]:not(.browser-default), 
#column-1 input[type=time]:not(.browser-default), 
#column-1 input[type=date]:not(.browser-default), 
#column-1 input[type=datetime]:not(.browser-default), 
#column-1 input[type=datetime-local]:not(.browser-default), 
#column-1 input[type=tel]:not(.browser-default), 
#column-1 input[type=number]:not(.browser-default), 
#column-1 input[type=search]:not(.browser-default), 
#column-1 textarea.materialize-textarea{
    border-bottom: 1px solid #ffffff !important;
}

#column-1 input:not([type]):focus:not([readonly]) + label, 
#column-1 input[type=text]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=password]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=email]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=url]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=time]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=date]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=tel]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=number]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 input[type=search]:not(.browser-default):focus:not([readonly]) + label, 
#column-1 textarea.materialize-textarea:focus:not([readonly]) + label{
    color: #ffffff;
}

#column-1 .input-field > label{
    color: #ffffff;
}

#column-1 input.valid:not([type]), 
#column-1 input.valid:not([type]):focus, 
#column-1 input.valid[type=text]:not(.browser-default), 
#column-1 input.valid[type=text]:not(.browser-default):focus, 
#column-1 input.valid[type=password]:not(.browser-default), 
#column-1 input.valid[type=password]:not(.browser-default):focus, 
#column-1 input.valid[type=email]:not(.browser-default), 
#column-1 input.valid[type=email]:not(.browser-default):focus, 
#column-1 input.valid[type=url]:not(.browser-default), 
#column-1 input.valid[type=url]:not(.browser-default):focus, 
#column-1 input.valid[type=time]:not(.browser-default), 
#column-1 input.valid[type=time]:not(.browser-default):focus, 
#column-1 input.valid[type=date]:not(.browser-default), 
#column-1 input.valid[type=date]:not(.browser-default):focus, 
#column-1 input.valid[type=datetime]:not(.browser-default), 
#column-1 input.valid[type=datetime]:not(.browser-default):focus, 
#column-1 input.valid[type=datetime-local]:not(.browser-default), 
#column-1 input.valid[type=datetime-local]:not(.browser-default):focus, 
#column-1 input.valid[type=tel]:not(.browser-default), 
#column-1 input.valid[type=tel]:not(.browser-default):focus, 
#column-1 input.valid[type=number]:not(.browser-default), 
#column-1 input.valid[type=number]:not(.browser-default):focus, 
#column-1 input.valid[type=search]:not(.browser-default), 
#column-1 input.valid[type=search]:not(.browser-default):focus, 
#column-1 textarea.materialize-textarea.valid, 
#column-1 textarea.materialize-textarea.valid:focus, 
#column-1 .select-wrapper.valid > input.select-dropdown{
    border-bottom: 1px solid #ffffff !important;
    -webkit-box-shadow: 0 1px 0 0 #ffffff !important;
    box-shadow: 0 1px 0 0 #ffffff !important;
}

#column-1 input:not([type]):focus:not([readonly]), 
#column-1 input[type=text]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=password]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=email]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=url]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=time]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=date]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=datetime]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=tel]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=number]:not(.browser-default):focus:not([readonly]), 
#column-1 input[type=search]:not(.browser-default):focus:not([readonly]), 
#column-1 textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ffffff !important;
    -webkit-box-shadow: 0 1px 0 0 #ffffff !important;
    box-shadow: 0 1px 0 0 #ffffff !important;
}

#column-1 input{
    color: #fff;
}

#column-1 .tabs{
    background-color: transparent;
}

#column-1 .tabs .tab a{
    color: #FFF;
}

#column-1 .tabs .indicator{
    background-color: #FFF;
}

#column-1 .tab a.active {
    color: #FFF !important;
    background-color: transparent !important;
    font-weight: 500;
}

#column-1 .tabs .tab a:hover{
    background-color: transparent;
}

@media only screen and (max-width: 600px){

    #column-1{
        height: auto;
        padding: 1rem !important;
    }
    
    #column-1 .container-logos{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    #column-1 #logo-Homepage{
        width: 200px;
        margin-bottom: 0 !important;
    }    
}

@media only screen and (max-width: 992px){

    #column-1{
        height: auto;
        padding: 1rem !important;
    }

    #column-1 .container-logos{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #column-1 .container-logos #logo-homepage{
        width: 180px;
        margin: 0 !important;
    }

    #column-1 img{
        width: 250px;
    }

}

@media only screen and (min-width: 1550px){

    #logo-homepage{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

#column-2{
    background-color: #f2f2f2;
    height: 100%;
    background-image: url(../images/edifici.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    padding: 0;
}

#column-2:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 600px){
    
    #column-2{
        height: auto;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media only screen and (max-width: 992px){
    
    #column-2{
        height: auto;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    
    #column-2{
        display: none !important;
    }
}

#column-3{
    background-color: #fff;
    z-index: 5;
    position: relative;
    height: 100%;
    overflow-y: auto;
    height: 100vh;
}

@media only screen and (max-width: 600px){
    
    #column-3{
        height: auto;
    }
}

@media only screen and (max-width: 992px){
   
    #column-3{
        height: auto;
    }
}

/* Seccion noticias / comunicados */

.item-new p{
    font-size: .9rem;
}

.item-new a:hover{
    text-decoration: none;
}

.item-new a:hover h6{
    text-decoration: underline;
}

/* Seccion login */

#section-login .nav-tabs .nav-link{
    border-radius: 0 !important;
    padding: 1rem 1rem;
    color: #495057;
    font-weight: 100;
    background-color: #F5F5F5;
    border-bottom-color: rgb(222, 226, 230);
}

#section-login .nav-tabs .nav-link.active{
    background-color: #fff;
    border-bottom-color: transparent;
}

#section-login{
    box-shadow: 0 3px 6px #d3d3d3;
}

/* Seccion Navegacion izquierda principal */

#NavLeft-1{
    position: fixed;
    min-height: 100vh;
    width: 280px;
    position: fixed;
    display: flex;
    flex-direction: column;
    padding: 25px 0;
    z-index: 999;
    transform: initial;
    color: #fff !important;
    background-color: #9E0054 !important;
    /* height: auto; */
    height: 100%;
    transform: translateX(-105%);
    padding-bottom: 10px;
}

@media only screen and (min-width: 993px){
    #NavLeft-1{
        width: 250px;
        transition: width .4s ease;
        transform: translateX(0) !important;
        padding-bottom: 25px;
    }
}


#NavLeft-1 a {
    display: block;
    padding: 14px 16px;
    padding: 0.675rem 1.5rem;
    color: hsla(0,0%,100%,.8);
    font-size: 15px;
    text-decoration: none;
    color: #495057;
    line-height: 30px;
}

#NavLeft-1 a:hover {
    color: #000;
    background: rgba(197, 197, 197, 0.12);
}

#NavLeft-1.sidenav i{
    float: none;
    /* margin: 0; */
}

#NavLeft-1  a, #NavLeft-1  i{
    color: hsla(0,0%,100%,.8) !important;
}

#NavLeft-1  .link-nav-active, #NavLeft-1  .link-nav-active i{
    color: #000 !important;
}

#NavLeft-1.sidenav .collapsible-body{
    background-color: rgb(145, 45, 85) !important;
    /* background-color: rgb(79 29 49) !important; */
    background-color: rgb(115 31 65) !important;
}

#NavLeft-1 .collapsible-header{
    display: flex !important;
    line-height: normal;
    height: inherit;
    min-height: 48px;
}

#NavLeft-1 .collapsible-body li a,
#NavLeft-1-mobile .collapsible-body li a{
    padding-left: 2.5rem !important;
    display: flex;
    align-items: center;
    line-height: initial;
    font-size: 1rem !important;
    min-height: 48px;
    height: auto !important;
    padding-left: 4rem !important;
}

@media only screen and (min-width: 993px){
    #NavLeft-1 .collapsible-body li a,
    #NavLeft-1-mobile .collapsible-body li a{
        padding-left: 3rem !important;
    }

}

#NavLeft-1 .collapsible-body li i,
#NavLeft-1-mobile .collapsible-body li i{
    height: auto;
    line-height: initial;
    font-size: 18px;
    margin-right: 1rem;
    text-align: center;
    width: 25px !important;
}

#NavLeft-1 .link-nav-active,
#NavLeft-1 .link-nav-active a,
#NavLeft-1-mobile .link-nav-active,
#NavLeft-1-mobile .link-nav-active a{
    background-color: #FFF !important;
    color: #000 !important;
}

#NavLeft-1 .icon-menu-left,
#NavLeft-1-mobile .icon-menu-left {
    width: 25px !important;
    margin-right: 1rem !important;
    display: flex;
    justify-content: center;
}

/* Seccion de contenido */

#Main {
    width: calc(100% - 250px);
    float: right;
    min-height: 100vh;
    background: #f3f3f4;
    transition: all .4s ease;
}

@media only screen and (max-width: 992px){
    
    #Main{
        width: 100%;
    }
}

/* Seccion barra superior */

#NavTop-1 {
    background: #fff!important;
    box-shadow: 0px 1px 3px 1px #e8e8e9;
    width: calc(100% - 250px);
    display: flex;
    align-items: center;
    position: fixed;
    height: 65px;
    z-index: 10;
    flex-direction: column;
    transition: width .4s ease;
}

@media only screen and (max-width: 992px){
    
    #NavTop-1{
        width: 100%;
        height: 130px;
    }
}

.nav-top{
    padding: 0 50px;
    padding: 0 1.5rem;
}

@media only screen and (max-width: 992px){
    
    .nav-top{
        padding: 0 20px;
    }
}

@media only screen and (min-width: 1550px){

    .nav-top{
        padding: 0 2.25rem;
    }
}

#dropdown-perfil{
    top: 100% !important;
}


/* Seccion contenido principal */

#Main-content {
    position: relative;
    top: 75px;
    top: 65px;
    min-height: calc(100vh - 65px);
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 992px){
    
    #Main-content{
        top: 130px;
    }
}

#Main-inner-content {
    width: 100%;
    padding: 30px 50px;
    padding: 20px 40px;
    padding: 1.5rem 0.75rem 0.75rem 0.75rem;
    background: #f3f3f4;
}

#Main-inner-content > .container-fluid > .row > .col {
    padding: 0 0.75rem;
}

@media only screen and (max-width: 992px){
    
    #Main-inner-content .position-sticky{
        position: static !important;
    }
}

@media only screen and (min-width: 1550px){
  
    #Main-inner-content{
        padding: 1.5rem 1.5rem;
    }
}

/* Seccion columna interior */

#NavLeft-2{
    margin: 1.5rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFF;
    position: relative;
    z-index: 1;
    transition: all .4s ease;
}

@media only screen and (min-width: 1201px){

    #NavLeft-2{
        width: 300px;
        flex-shrink: 0;
        margin: 0;
        box-shadow: none;
    }
}

@media only screen and (min-width: 1550px){

    #NavLeft-2{
        width: 360px;
    }
}

.content-Main-content{
    flex: auto;
}

.content-Main-content > section#NavLeft-2:nth-child(1){
    border-right: 1px solid #ddd;
    margin-bottom: 0.75rem;
}
.content-Main-content > section#NavLeft-2:nth-child(2){
    border-left: 1px solid #ddd;
    margin-bottom: 2.25rem;
}

@media only screen and (min-width: 1201px){

    .content-Main-content > section#NavLeft-2:nth-child(1){
        margin: 0;
    }
    .content-Main-content > section#NavLeft-2:nth-child(2){
        margin: 0;
    }
}

/* Colapse de opciones para estadisticas */

.NavLeft-2-stadistics{
    box-shadow: none;
}

.NavLeft-2-stadistics .collapsible-header{
    background-color: #9e0054;
    color: #fff;
}

.NavLeft-2-stadistics .collapsible-body{
    padding: 1rem;
}

.NavLeft-2-stadistics .row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.NavLeft-2-stadistics .row .input-field{
    margin-left: 0;
}

.NavLeft-2-stadistics [type="checkbox"] + span:not(.lever){
    display: flex;
    align-items: center;
    height: auto;
}

.NavLeft-2-stadistics [type="checkbox"] + span:not(.lever):before, 
.NavLeft-2-stadistics [type="checkbox"]:not(.filled-in) + span:not(.lever):after{
    bottom: 0;
    margin: auto;
}

.left-row-stadistic{
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.left-row-stadistic iframe{
    width: 100%;
    height: calc(75vh);
}

.menu-list-items{
    width: 100%;
    background-color: #eee;
    position: absolute;
    height: 100%;
    background-color: #eee;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 15;
    top: 0;
    padding: 1rem;
    transition: all .4s ease;
}

.menu-list-items > div {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.menu-list-items i {
    font-size: 1.5rem;
    padding: .2rem;
    cursor: pointer;
}

.menu-list-items .collection-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.menu-list-items .collection-item > div{
    display: flex;
    align-items: center;
}

.toggle-menu-list-items{
    right: -101%;
    box-shadow: none;
}

.toggle-navleft-2{
    /* right: -101% !important; */
    width: 70px !important;
    font-size: 0 !important;
    /* padding: 0 !important; */
    /* display: none; */
}

.toggle-navleft-2 .col *{
    display: none !important;
}

.toggle-navleft-2 .col > div, 
.toggle-navleft-2 .col > div > div:nth-child(1), 
.toggle-navleft-2 .col > div > div:nth-child(1) i{
    display: block !important;
    font-size: 1rem;
}

.NavLeft-2-stadistics{
    /* overflow: hidden; */
}

.button-toggle-navleft-2{
    cursor: pointer;
}

.NavLeft-2-parametros{
    
}

.NavLeft-2-parametros .collapsible li{
    position: relative;
}

.Main-inner-parametros{
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}


@media only screen and (min-width: 993px){

    /* .NavLeft-2-stadistics{
        width: 37% !important;
    } */
}

@media only screen and (min-width: 1201px){

    #NavLeft-2.NavLeft-2-stadistics{
        /* width: 37%; */
        width: 40%;
    }
    #NavLeft-2.NavLeft-2-parametros{
        width: 65%;

    }
}


@media only screen and (min-width: 1550px){

    .menu-list-items{
        width: 70%;
    }
}

.collapsible-header-container-buttons{
    position: absolute;
    top: 0;
    right: 1rem;
    height: 55px;
    padding: .5rem;
}

.collapsible-header-container-buttons i{
    font-size: 20px;
}

/* Hover icon */

.hover-icon{
    padding: .5rem;
}

.hover-icon:hover{
    background-color: #eee;
    cursor: pointer;
}

/* Seccion 3 - Inicio */

.rowguinda:before{
    content: '';
    background-color: #9E0054 !important;
    top: 100%;
    height: 100px;
    background-color: #9E0054 !important;
    width: 100%;
    top: 0;
    right: 0;
    height: 200px;
    position: absolute;
}

/* Seccion Barra de Navegacion ( BreadCrum ) */

.bread-row{
    border-bottom: 1px solid #ddd;
    padding: 0 50px;
    padding: 0 1.5rem;
}

.bread-row a, .bread-row i{
    color: rgb(137 137 137);
}

.bread-row a:last-child {
    color: #333;
    font-weight: bold;
}

@media only screen and (max-width: 992px){
    
    .bread-row{
        padding: 0 20px;
    }
}

@media only screen and (min-width: 1550px){
    .bread-row{
        padding: 0 2.25rem;
    }
}

/* Seccion Pie de pagina */

#container-footer-main{
    background-color: #444444;
    color: #fff;
    position: relative;
    z-index: 5;
}

#footer-main{
    height: 10vh;
    font-size: 0.9rem;
    justify-content: space-around !important;
    padding: 0.6rem 0;
}

#footer-main a:hover{
    text-decoration: underline !important;
}

@media only screen and (max-width: 600px){
    
    #footer-main{
        height: auto;
    }

    #footer-main p{
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}

.sidenav li > a {
    font-size: 16px !important;
}

@media only screen and (max-width: 992px){
    
    .sidenav li > a {
        padding: 0 32px !important;
        height: 4rem;
        line-height: 4rem;
    }
}

/* Paginacion */

.pagination li.active {
    background-color: #9E0054;
}

.pagination li.disabled a{
    pointer-events: none;
    color: #ccc;
}

.pagination-content{
    display: flex;
    flex-direction: column;
}

.pagination-content .pagination-list{
    /* margin-bottom: 1rem !important; */
    margin-top: 0;
    padding-bottom: 0 !important;
}

.pagination-content .pagination{
    /* margin-top: auto !important; */
    padding-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: .7rem;
}

.pagination-list li{
    margin-bottom: 0.3rem;
}

.pagination-list li:last-child{
    margin-bottom: 0 !important;
}

/* Modales */

@media only screen and (min-width: 993px){
    
    .modal{
        width: 65%;
    }
}

/* secciones form */

.subSection-title{
    margin-top: 0;
    font-weight: 700;
}

.subSection-subTitle{
    margin-top: 0;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 110%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.subSection-new{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Button Groups */

.icon-dropdown-menu{
    margin-left: auto !important;
    height: auto !important;
    margin-right: 0 !important;
    font-size: 1rem !important;
}

.dropdownAction{
    width: 250px !important;
}

.dropdownAction a{
    display: flex !important;
    align-items: center;
}

.icon-actions{
    font-size: 20px;
}

.font-11rem{
    font-size: 1.1rem;
}

/* Section Tables with links */

.list-a-table a{
    display: block;
}

.list-a-table a:hover{
    text-decoration: underline;
}

.list-a-table li a h6{
    margin: .5rem 0;
    padding: .5rem;
}

.list-a-table li:last-child h6{
    margin-bottom: 0;
}

.list-a-table li a.active{
    display: block;
    background-color: #9E0054 !important;
    color: #fff !important;
}

.flex-wrap .col{
    margin-left: 0 !important;
}

/* Upload Foto */

.upload-foto{
    border: 1px solid #DDD;
    height: 400px;
    position: relative;
    max-width: 320px;
    padding-bottom: 100%;
    height: 0;
    margin: 0 auto;
    display: block;
    background-color: #efefef;
}

.upload-foto-content{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.upload-foto-content img{
    object-fit: cover;
    height: 100%;
}

@media only screen and (min-width: 601px){
    .upload-foto{
        padding-bottom: 50%;
    }
}

@media only screen and (min-width: 993px){
    .upload-foto{
        padding-bottom: 110%;
    }
}

@media only screen and (min-width: 1550px){
    .upload-foto{
        width: 190px;
        padding-bottom: 60%;
    }
}
@media only screen and (min-width: 2000px){
    .upload-foto{
        width: 250px;
        padding-bottom: 60%;
    }
}


/* Arbol de parametros */

#arbolParametros{
    /* box-shadow: none; */
    /* background: #d7d7d766; */
    background-color: #fff;
}

#arbolParametros .collapsible-body{
    padding-left: 2.5rem;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#arbolParametros .collapsible{
    border-right: 0;
    box-shadow: none;
    /* background: #d7d7d766; */
    border-left-color: #8f8f8f;
    margin: 0;
}

#arbolParametros .collapsible-header{
    display: block;
}

#arbolParametros .collapsible-header:hover{
    background-color: #f0f0f0;
}
#arbolParametros .collapsible-header.cursor-inherit:hover{
    background-color: inherit;
}

.collapsible-header-title{
    margin-right: 1rem;
    font-weight: 700;
    white-space: nowrap;
    display: flex;
}

.collapsible-header-description{
    margin-top: .8rem;
}

@media only screen and (min-width: 1550px){
    #arbolParametros .collapsible-header{
        display: flex;
        padding-right: 7.5rem;
    }
    .collapsible-header-description{
        margin-top: 0;
    }
}


.NavLeft-2-parametros i{
    color: #9E0054;
}

/* Select Dropdowns */

.select-dropdown{
    top: 0 !important;
}

.select-dropdown-bottom-up .select-dropdown{
    top: auto !important;
    bottom: 0 !important;
}

/*  */

.toggle-click-card-alta-header{
    transition: .3s ease;
    cursor: pointer;
}

.toggle-click-card-alta-header:hover{
    background-color: #f8bbd0;
}

/* Estilos para imprimir */

.row-print{
    
    display: flex;
    justify-content: center;
    padding: 20px 0;
    margin-bottom: 0;
    
}

.row-print > .col{
    display: flex;
    flex-wrap: wrap;
    border: 2px dashed #ddd;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    background-color: #FFF;
}

.row-print .col{
    margin-left: 0 !important;
}

.row-print ul, .row-print ol
{
    display: block !important;
    margin: 1em 0 !important;
    padding: 0 0 0 40px !important;
}

.row-print li
{
    list-style-type: initial !important;
    display: list-item !important;
}


.list-normal ul, .list-normal ol
{
    display: block !important;
    margin: 1em 0 !important;
    padding: 0 0 0 40px !important;
}

.list-normal li
{
    list-style-type: initial !important;
    display: list-item !important;
}

/* Iconos table */

table .dropdown-trigger .fa-chevron-down{
    font-size: 15px;
}

/* OverWrite Plugins */

.tox-tinymce{
    height: 400px !important;
}

/* Info Media queries Min Width*/

@media only screen and (min-width: 601px){}

@media only screen and (min-width: 993px){}

@media only screen and (min-width: 1201px){}

@media only screen and (min-width: 1550px){}

@media only screen and (min-width: 2000px){}

/* Info Media queries Max Width*/

@media only screen and (max-width: 600px){}

@media only screen and (max-width: 992px){}

@media only screen and (max-width: 1201px){}

@media only screen and (max-width: 1549px){}

@media only screen and (max-width: 1999px){}

#container-full #column-1 input[type=text]:-webkit-autofill,
#container-full #column-1 input[type=text]:-webkit-autofill:hover, 
#container-full #column-1 input[type=text]:-webkit-autofill:focus,
#container-full #column-1 input[type=password]:-webkit-autofill,
#container-full #column-1 input[type=password]:-webkit-autofill:hover,
#container-full #column-1 input[type=password]:-webkit-autofill:focus{
    -webkit-text-fill-color: #FFF !important;
    -webkit-box-shadow: 0 0 0px 1000px #9E0054 inset !important;
    box-shadow: 0 0 0px 1000px #9E0054 inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}


/* -------------- Nuevas adiciones ---------------*/

/* .activeSombreado.active{
    transform: translateY(-20px) scale(0.9) !important;
}

.input-form-sombreado{
    background-color: #f2f2f2 !important;
} */


/* Input text v2 */

.input-text-v2{
    display: flex;
    flex-direction: column;
}

.input-text-v2 input[type=text]{
    padding-left: 10px;
    width: auto;
    /* background-color: #f2f2f2 !important; */
}

.input-text-v2 label{
    left: 1.75rem !important;
    transition: all .2s ease-out;
}

.input-text-v2 label.active{
    left: 0.75rem !important;
    transform: translateY(-23px) scale(0.9) !important;
}

/* Input select v2 */

.input-select-v2 .select-wrapper{
    display: flex !important;
}

.input-select-v2 svg{
    z-index: 1 !important;
    cursor: pointer;
}

.input-select-v2 input{
    padding-left: 10px !important;
    /* background-color: #f2f2f2 !important; */
}

.input-select-v2 label{
    /* left: 1.75rem !important; */
    z-index: 1;
    top: -36px;
    /* transition: all .2s ease-out; */
}

.input-select-v2 label.active{
    /* left: 0.75rem !important; */
    /* transform: translateY(-23px) scale(0.9) !important; */
}

/* gray personalizado */

.bg-input-sombreado input,
.bg-input-sombreado iframe{
    background-color: #f2f2f2 !important;
}

/* red required */

.bg-input-red input,
.bg-input-red iframe{
    background-color: #FFEEEE !important;
}

/* green required */

.bg-input-green input,
.bg-input-green iframe{
    background-color: #EEFFEE !important;
}

/* barra de progreso */

.progress{
    background-color: rgb(158 0 84 / 18%) !important;
}
  
.indeterminate{
    background-color: #9E0054 !important;
}

/* Tab v2 */

.tabsv2{
    overflow: visible !important;
    background-color: transparent;
}

.tabsv2 a{
    /* overflow: visible !important; */
}

.tabsv2 a:hover{
    background-color: transparent !important;
}

.tabsv2 a.active:hover{
    background-color: #fff !important;
}

.tabsv2 .indicator{
    top: 0 !important;
    z-index: 1;
}

.tabsv2 .active{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    /* overflow: visible !important; */
    z-index: 1;
}

.tabsv2 .active:after{
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    height: 20px;
    background-color: #fff;
}

#card-shadow-none{
    position: relative;
}

.card-shadow-none::after{
    content: '';
    width: 100%;
    position: absolute;
    height: 10px;
    left: 0;
    top: 0%;
    background-color: #fff;
    z-index: 1;
}

.fw-500{
    font-weight: 500;
}

.textd-underline{
    text-decoration: underline;
}
  
.bread-row a:last-child {
    color: #333;
    font-weight: bold;
    pointer-events: none;
}

.bread-row a:hover{
    color: #000;
}

.bread-row a:hover i{
    color: #000;
}

.z-index-0{
    z-index: 0 !important;
}

small, .small {
    font-size: 90%;
}

.subSection-subTitle{
    font-size: 1.25rem;
}

.btn-primary2{
    /* background-color: #979797 !important; */
    background-color: #ffda35;
    color: #000 !important;
}

.btn-primary2:hover{
    background-color: #ffe057;
    border-color: #ffda35;
}

.btn-primary2:focus {
    background-color: #ffe057;
    border-color: #ffda35;
}

.btn-secondary:hover, .btn-secondary:focus{
    background-color: #a5a5a5 !important;
}

/* Inicio */



@media only screen and (min-width: 993px){

    #column-1{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    #sublogo-homepage{
        width: 80%;
        margin-top: 1rem;
    }

    #logo-homepage{
        margin-top: 0 !important;
        width: 70%;
    }

    #title-subarea{
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }
}

@media only screen and (min-width: 1550px){
    
    #title-subarea{
        margin-top: 2rem !important;
        margin-bottom: 1.5rem !important;
    }

    #logo-homepage{
        margin-top: 1rem !important;
    }

}

.modal-xl{
    max-height: 85% !important;
}

/* Tabs ofertas */

/* #tab_ofertas .indicator{
    width: 33.3333333333% !important;
}

@media only screen and (min-width: 1201px){

    #tab_ofertas .indicator{
        width: 25% !important;
    }
} */

@media only screen and (max-width: 992px){
    #NavTop-1 {
        height: 100px;
    }
    #Main-content{
        top: 100px;
    }
}

.overflow-y-visible{
    overflow-y: visible;
}

.td-underline-hover:hover{
    text-decoration: underline !important;
}

#container-footer-main{
    z-index: 0;
}

a.color-primary_hover:hover{
    color: #9E0054 !important;
}

.ficha_oferta_tablanew .col p{
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: 16px;
}

.ficha_oferta_tablanew .col{
    margin-bottom: 1.7rem;
}

.modal-xl{
    top: 5% !important;
    max-height: 90% !important;
    width: 80% !important;
}

.title-criterios{
    font-size: 14px;
    word-break: break-all;
}

.input-field > label:not(.label-icon).active{
    -webkit-transform: translateY(-14px) scale(0.9);
    transform: translateY(-14px) scale(0.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{
    background: transparent !important;
    border: 1px solid #9e9e9e;
}

.tinymce-mobile-content-container{
    width: 100%;
    height: 100%;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.tinymce-mobile-mask-tap-icon{
    background-color: #d4d4d4 !important;
    margin-bottom: 1rem !important;
    margin-right: 1rem !important;
    color: #000000 !important;
}

@media only screen and (max-width: 600px){

    select.browser-default{
        height: auto !important;
    }

}

.row-print .subSection-title{
    border-bottom: 1px solid #ddd;
    padding-bottom: .8rem;
    margin-bottom: 0;
}

.row-print p{
    margin-top: .5rem;
}

td, th{
    border-radius: 0;
}


#NavTop-1-logo{
    padding: 0 0.75rem;
}

@media only screen and (min-width: 601px){
    #NavTop-1-logo{
        padding: 0 20px;
    }
}

.nav-top{
    padding: 0 0.75rem;
}

@media only screen and (min-width: 601px){
    .nav-top{
        padding: 0 1.5rem;
    }
}

#Main-inner-content{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.75rem;
}

@media only screen and (min-width: 601px){
    #Main-inner-content{
        padding: 1.5rem 0.75rem 0.75rem 0.75rem;
    }
}

.bread-row{
    padding: 0 0.75rem;
}

@media only screen and (min-width: 601px){
    .bread-row{
        padding: 0 1.5rem;
    }
}

.modal-content{
    padding: 0.75rem !important;
}

@media only screen and (min-width: 601px){
    .modal-content{
        padding: 24px !important;
    }
}

#NavLeft-2 {
    margin: 0.75rem;
}

@media only screen and (min-width: 601px){
    #NavLeft-2{
        margin: 1.5rem;
    }
}

#section-news img{
    max-width: 100%;
    height: auto;
}