/*MENU ESTILOS*/
@import url(fontello.css);
@import url(index.css);
@import url(footer.css);
@import url(botonTop.css);

/*MAIN FONT*/
@font-face {
    font-family: font_main;
    src: url(../fuente/Quicksand-VariableFont_wght.ttf);
}
/*GENERAL STYLE*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'font_main';
}
.contenedor {
    width: 80%;
    margin: auto;
    max-width: 1500px;
    display: flex;
    flex-wrap: wrap;  
    justify-content: center;
    align-items: center;
}
html, body {
    height: 100%;
}
#todo {
    min-height: 100%;
}
/*ELEMENTS SELECTION*/
::selection {
    background: var(--bs-blue);
    color: var(--bs-light);
}
/*SCROLL BAR*/
::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
    background: var(--bs-gray) !important;
}
::-webkit-scrollbar-track
{
    background-color: #d3d3d3 !important;
}
::-webkit-scrollbar-thumb
{
    background-color: rgba(108,117,125,.3) !important;
}
::-webkit-scrollbar-button {
    background: #fff !important;
    width: 14px !important;
    height: 14px !important;
    background-size: 80% !important;
    background-position: center !important;
}
::-webkit-scrollbar-button:vertical:increment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVklEQVQ4T93S0QoAEAwF0OvLzZ+LwrCN5Y0XJfeoawGPKzzm8RFAAKKzjwSAeAcepIbLg2uJN0gPS0A5s5AprAEasoUtYEXE8AloCN+3j/poEp1DOK5nfmcNES1z5SIAAAAASUVORK5CYII=) !important;
}
::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVUlEQVQ4T2NkoBAwUqifYfAb0AD1IozG8DE+L4A01UN1NDIwMGA1BJcByJphtmI1BJsB2DTjNATdAHyasRqCbAAxmjEMgRlAimYUQwZ/QiKYVQbeCwBFhQ0RcSHRhgAAAABJRU5ErkJggg==) !important;
}
::-webkit-scrollbar-button:horizontal:increment { 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAV0lEQVQ4T73TwQoAIAgD0Pnn9eWFh27qFlJCt3wFU0OzLOkfAPzQyoAFYCpIBfjrFGEARRSgRFQgRW6AEPkKhImoP0jjVIByFhjQGiTa7LE8Wya6hefCBhILGhGzGTl7AAAAAElFTkSuQmCC) !important;
}

::-webkit-scrollbar-button:horizontal:decrement { 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWUlEQVQ4T72TQQoAIAgEt5fX08ODYJbgKiR4c0YUHWjGIPgFQPKIrEDACeCqzwgUls60wMK0wMOU4AWnBRH8TyCdWiPoobSWGEnoO/DjlARWUhaopPxM4dNugpQOESmtVbwAAAAASUVORK5CYII=) !important;
}
/* INFO MSG */
#msg {
    display: none;
    position: fixed;
    left: 20px;
    bottom: 20px;
    padding: 25px 20px 15px 20px !important;
    text-align: center;
    font-size: 15px;
    width: 100% !important;
    max-width: 350px !important;
    box-shadow: 0 0 74px rgba(10,10,10,0.07);
    z-index: 9000;
}
#msg p {
    margin-bottom: 5px;
}
#msg p i {
    vertical-align: text-bottom;
    padding-right: 5px;
}
#msg .btn-close {
    font-size: 12px;
}
#msg .btn-close:focus {
    outline: 0;
    box-shadow: none;
}
.alert-dismissible .close {
    padding: 0 !important;
}
@media (max-width:920px) {
    #msg {  
        width: 100% !important;
        margin: auto !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: inherit;
        max-width: 100% !important;
        font-size: 13px;
        margin-bottom: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
}
/*VISUALIZATION LOADER*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../multimedia/loader.svg) 50% 50% no-repeat rgb(249,249,249);
    opacity: .9;
    background-size: 200px;
}