/*MEDIAS QUERY's 
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
*/

/*ARCHIVOS EXTERNOS CSS*/
@import url(registro.css);
@import url(registro_nuevo.css);
@import url(btn_up.css);
@import url(pago.css);
@import url(inscripcion.css);
@import url(404.css);

/*MAIN FONT

@font-face {
    font-family: 'universe';
    src: url(../fuente/Quicksand-Regular.ttf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'font_crm';
    src: url(../fuente/Quicksand-Bold.ttf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'font_crm';
    src: url(../fuente/Quicksand-Light.ttf);
    font-style: normal;
    font-weight: lighter;
}
@font-face {
    font-family: 'font_crm';
    src: url(../fuente/Quicksand-Medium.ttf);
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'poppins';
    /*font-family: font_main;
    src: url(../fuente/UbuntuCondensed-Regular.ttf);
}
*/

/*FUENTE NUEVA*/
@font-face {
    font-family: 'poppins';
    src: url(../fuente/Poppins-Regular.ttf.ttf);
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'poppins';
    src: url(../fuente/Poppins-Bold.ttf);
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'poppins';
    src: url(../fuente/Poppins-Light.ttf);
    font-style: normal;
    font-weight: lighter;
}
@font-face {
    font-family: 'poppins';
    src: url(../fuente/Poppins-Medium.ttf);
    font-style: normal;
    font-weight: 500;
}

/*COLORS*/
:root {
    --bs-primary: #323e48;
    --bs-secondary: #ea0029;
}
/*GENERAL STYLE*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins';
}
/*GENERAL CONTAINER*/
html, body {
    height: 100%;
}
/*************************************************
ELEMENTS 
*************************************************/
/*ELEMENTS SELECTION*/
::selection {
    background: var(--bs-secondary);
    color: var(--bs-light);
}
/*BOTONES FOCUS AND ACTIVE*/
button:focus, button:active {
    outline: 0;
}
/*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;
    border-radius: 20px;
}
::-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;
}
/*FOCUS*/
input:focus, select:focus {
    color: #212529 !important;
    background-color: #fff !important;
    outline: 0 !important;
    border: 1px solid var(--bs-danger) !important;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%) !important;
}

element.style {
}
.ins form .form-check-input:focus {
    border-color: var(--bs-secondary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(234 0 41 / 25%);
}
.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(234 0 41 / 25%);
}
/*BUTTONS*/
.btn_rojo {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.btn_rojo:hover {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    opacity: .8;
}
/*VALIDATIONS*/
.val_inline {
    margin-bottom: 0 !important;
}
/*MODAL*/
.modal {
    padding-right: 0 !important;
}
.mdl_own {
    background: rgba(50,62,72,.7);
    backdrop-filter: blur(5px);
    padding-right: 0;
}
.mdl_own .modal-header {
    background: var(--bs-primary);
    border: 0;
    justify-content: center;
}
.mdl_own .modal-content {
    border: 0;
}
.mdl_own .modal-header h5 {
    color: var(--bs-light);
    letter-spacing: 1px;
    text-align: center;
}
.mdl_own .modal-footer button:nth-child(1) {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}
.mdl_own p {
    margin-bottom: .5rem;
}
.mdl_own .modal-body {
    padding: 30px;
}
.mdl_own button {
    font-weight: bolder;
    letter-spacing: .5px;
    margin: 3px;
}
.vineta i {
    color: var(--bs-primary);
    margin-right: 5px;
    font-size: 12px;
}
@media (max-width: 768px) { 
    .mdl_own p {
        font-size: .8rem;
    }
    .mdl_own .modal-body {
        padding: 20px;
    }
}
/* 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;
    }
}
.focusElem:focus {
    border: 2px solid var(--bs-danger) !important;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%) !important;
}
/*VISUALIZATION LOADER*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../multimedia/sistema/loader.svg) 50% 50% no-repeat rgb(249,249,249);
    opacity: .9;
    background-size: 200px;
}

/*INPUT FLOATING*/
.form-floating label {
    opacity: 1 !important;
    color: var(--bs-dark) !important;
    letter-spacing: 1.1px !important;
}
.form-control {
    font-size: 13px !important;
}