/*!
 * mitikket version 2015.0 (http://mitikket.com)
 * Copyright 2015
 * César O. Andrade Llamas
 */

#img-tooltip {
  position: absolute;
}

.li-menu{
    
    padding-bottom: 0.4em;
    font-size: 18px;
}


.modaloading {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.4) url('loading-page.gif') 50% 50% no-repeat;
}

/* Cuando el cuerpo tiene la carga de clases , que gire la barra de desplazamiento con overflow: hidden */
body.loading {
overflow: hidden;
}
/* Cada vez que body tiene la carga de clases , el elemento modal será visible */
body.loading .modaloading {
display: block;
}

/* Estilo hr separador de lista */
.hr-sm {
    margin-bottom:0.25em; margin-top:0.25em;
}

/* Forms*/

.lb-sm {
    font-size: 12px;
  }
  
  .lb-md {
    font-size: 16px;
  }
  
  .lb-lg {
    font-size: 20px;
  }


/* Estilos de galeria de imagenes*/
    @media (max-width: 767px) {
        .portfolio > .clear:nth-child(6n)::before {
            content: '';
            display: table;
            clear: both;
        }
    }
    @media (min-width: 768px) and (max-width: 1199px) {
        .portfolio > .clear:nth-child(8n)::before {
            content: '';
            display: table;
            clear: both;
        }
    }
    @media (min-width: 1200px) {
        .portfolio > .clear:nth-child(12n)::before {
            content: '';
            display: table;
            clear: both;
        }
    }
    .nav-list {
        padding-right: 0px;
        padding-left: 15px;
        margin-bottom: 5px;
    }
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
/* Fin de Estilos de galeria de imagenes*/

/* Estilos svg */
.svg-seleccionado {
    fill: #4800ff
}
.svg-disponible {
    fill: white;
}
.svg-nodisponible {
    fill: white;
    opacity: 0.5;
}
/* Fin Estilos svg*/

/* boton on/off para input check */
    .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    }
    .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    }
    .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    }
    .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    }
    input:checked + .slider {
    background-color: #2196F3;
    }
    input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
    }
    input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    }
    /* Rounded sliders */
    .slider.round {
    border-radius: 34px;
    }
    .slider.round:before {
    border-radius: 50%;}
/* FIN boton on/off para input check */


@media screen{
    .no-print{}
    .no-screen{display:none;}
}
@media print {
    .no-print{display:none;}
    .no-screen{}
    a[href]:after {
        content: "";
    }
}

.my-custom-scrollbar {
    position: relative;
    height: 500px;
    overflow: auto;
}
.table-wrapper-scroll-y {
    display: block;
}