/*GLOBALES*/

* {
    margin: 0;
    padding: 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

body {
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
}

    body.login {
        margin: 0;
    }

.oculto, .hide {
    display: none;
}

.h-100 {
    height: 100vh !important;
}

/*LOGIN*/

.fondo {
    height: 100vh;
    background-color: #fff;
}

.fondo img.login-img {
    display: block;
    margin: 0 auto;
    height: 60vh;
    margin-top: 18vh;
}

.cuerpoLogin {
    text-align: center;
    font-size: 15px;
    background-color: #1780B2;
}

.formulario {
    background-color: white;
    padding: 40px 20px;
    border-radius: 10px;
}

.title {
    text-align: left;
}

    .title div {
        max-width: 60%;
        display: inline-block;
    }

    .title span {
        font-size: 30px;
        color: #1780B2;
    }

    .title img {
        max-height: 50px;
        float: right;
        max-width: 40%;
    }

/*INPUTS*/

.input-group {
    font-size: 20px;
}

    .input-group i {
        position: absolute;
        margin-top: 10px;
        z-index: 4;
    }

    .input-group i.fa-eye, .input-group i.fa-eye-slash {
        margin-left: 94%;
    }

    .input-group input[type=text], .input-group input[type=password] {
        background-color: transparent !important;
        outline: 0px;
        border: none;
        border-bottom: solid 1px #666;
        padding: 5px 20px;
        text-align: center;
        font-size: 20px;
    }

    .input-group input:-webkit-autofill,
    .input-group input:-webkit-autofill:hover,
    .input-group input:-webkit-autofill:focus,
    .input-group input:-webkit-autofill:active {
        background-color: transparent !important;
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        font-size: 20px;
        transition: background-color 5000s ease-in-out 0s;
    }

.form-control:focus {
    box-shadow: none;
}

.change-pass span {
    text-decoration: underline;
    cursor: pointer;
}

    .change-pass span:hover {
        color: black;
    }

.btn-info {
    color: #fff;
    background-color: #1780B2;
    border-color: #1780B2;
}

    .btn-info:hover {
        background-color: #32549F;
        border-color: #32549F;
    }

/*puede q modal*/
.fondo_oscuro {
    background-color: rgba(0,0,0,0.5);
    width: 100vw;
    height: 100vh;
}
/*<===================== SWEET MODAL - POPUPS AVISOS =====================>*/
.sweet-modal-overlay {
    background: none !important;
    background-color: rgba(41,41,41,0.8) !important;
}

.sweet-modal-content {
    color: #666666 !important;
    font-size: 25px !important;
    font-weight: 600 !important;
}
/*<===================== END SWEET MODAL - POPUPS AVISOS =====================>*/

/*img#imgbackground {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}*/



/*body.login ::-webkit-input-placeholder {
        color: #FFF;
    }

    body.login ::-moz-placeholder {
        color: #FFF;
    }

    body.login :-ms-input-placeholder {
        color: #FFF;
    }*/

/*#background, .background {
    position: absolute;
    z-index: -50;
    width: 100%;
    height: 100%;
}*/


/*.expresion {
    font-family: Kalinga;
    font-size: 40px;
    color: #5cd4fc;
    color: #FFFFFF;
    font-weight: bolder;
    text-align: center;
    min-width: 575px;
}

span.expresion {
    text-shadow: 1px 1px #000;
}*/

/*.cuerpo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 15%;
}*/

/*a:link.btnInscripcion {
    text-decoration: none;
    position: fixed;
    bottom: 5%;
    letter-spacing: 0.05em;
    line-height: 3.25em;
}

a:link.btnWhite {
    text-decoration: none;
    color: #FFFFFF;
    letter-spacing: 0.05em;
    line-height: 3.25em;
    border: 1px solid #eeeeee;
}*/

/*.cuerpoTexto {
    width: 40%;
    text-align: center;
    margin-right: 50px;
}*/



/*.BordereA {
    border: 1px solid;
    border-color: rgba(0, 160, 223, 1);
}*/

/*.input-group-text {
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
    color: #000000 !important;
}*/

/*.input-group-sm > .custom-select, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    line-height: 1;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
}*/

/*#ticketing_busqueda .input-group-sm > .custom-select, #ticketing_busqueda .input-group-sm > .form-control, #ticketing_busqueda .input-group-sm > .input-group-append > .btn, #ticketing_busqueda .input-group-sm > .input-group-append > .input-group-text, #ticketing_busqueda .input-group-sm > .input-group-prepend > .btn, #ticketing_busqueda .input-group-sm > .input-group-prepend > .input-group-text {
    font-size: 1em;
    color: #000000 !important;
}*/

/*.form-control.color-input {
    height: 31px;
    border-radius: inherit;
    width: 110px;
    background-color: #fff;
}*/

/*#txtloginUsername {
    min-width: 320px;
}*/

/*.divLogo img {
    width: 160px;
}*/

/*.tablalogin.button {
    border-left: 1px solid white;
    color: white;
    height: 38%;
    left: 55%;
    position: absolute;
    top: 42%;
    width: 20%;
    color: white;
}*/

/*.buttonLogin {
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    line-height: 40px;
    margin: 20px 0;
    font-size: 15px;
    cursor: pointer;
}

    .buttonLogin:hover {
        background: #fff;
        color: #000;
    }*/



/*input[type=text]:active, input[type=password]:active {
        border: none;
        border: 0;
        border-bottom: solid 1px #FFF;
    }

input[type=checkbox] {
    margin: 5px;
}

label[for=lgLogin_UserName], label[for=lgLogin_Password] {
    min-width: 300px;
    color: #fff;
    text-shadow: 1px 1px #000;
}

#lgLogin_Password, #lgLogin_UserName {
    width: 100%;
    min-width: 320px;
}

    #lgLogin_UserName::placeholder {
        color: #ccc;
        font-style: italic;
    }

    #lgLogin_Password::placeholder {
        color: #ccc;
        font-style: italic;
    }

.tablalogin td {
    min-width: 100% !Important;
    display: inline-block;
    text-align: left;
}

.tablareset {
    width: 750px;
    height: auto;
    margin: 15% auto 0 auto;
}

.tablareset_logo {
    margin: 0 auto 40px auto;
    width: 160px;
}

    .tablareset_logo img {
        width: 159px;
    }

.tablareset_email {
    margin: 0 auto;
}

    .tablareset_email span {
        font-size: 17px;
        min-width: 300px;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

#txtloginUsername::placeholder {
    color: #ccc;
    font-style: italic;
}

.tablareset_button {
    margin: 40px auto 0 auto;
    text-align: center;
    height: 45px;
}

.input-group-sm > .custom-select, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {

    line-height: 1;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
}

.Titulo01Borde {
    background: rgb(10,119,213);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiM1MzlmZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(10,119,213,1) 17%, rgba(83,159,225,1) 57%, rgba(135,188,234,1) 92%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(17%,rgba(10,119,213,1)), color-stop(57%,rgba(83,159,225,1)), color-stop(92%,rgba(135,188,234,1))); 
    background: -webkit-linear-gradient(left, rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%); 
    background: -o-linear-gradient(left, rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%);
    background: -ms-linear-gradient(left, rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%); 
    background: linear-gradient(to right, rgba(10,119,213,1) 17%,rgba(83,159,225,1) 57%,rgba(135,188,234,1) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a77d5', endColorstr='#87bcea',GradientType=1 ); 
    color: #FFFFFF;
    padding-left: 3px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

a.buttonReset {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    margin: 20px 0;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 11px 133px;
}

    a.buttonReset:hover {
        background: #fff;
        color: rgba(0, 0, 0, 0.8);
    }

.tablareset_info_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
}

.tablareset_info {
    text-align: center;
    color: #000;
    position: absolute;
    padding: 80px 50px;
    width: 500px;
    background: #ededed;
    top: 36%;
    left: 34%;
    height: auto;
    border-radius: 3px;
    box-shadow: 5px 5px 10px #000;
}

    .tablareset_info span {
        font-size: 20px;
    }

a.buttonReset_login {
    background: transparent;
    border: 1px solid #000;
    border-radius: 3px;
    color: #000;
    font-weight: bold;
    line-height: 40px;
    margin: 20px 0;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 11px 133px;
}

    a.buttonReset_login:hover {
        background: #000;
        color: #ededed;
    }

a#lgLogin_PasswordRecoveryLink {
    font-size: 14px;
    text-shadow: 1px 1px #000;
}

.cabeceraReset {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

    .cabeceraReset span:first-child {
        font-size: 40px;
        font-weight: bold;
    }

    .cabeceraReset span {
        font-size: 20px;
        text-shadow: 1px 1px #000;
    }

.cajaReset {
    margin: 0 auto;
    width: 320px;
}*/


/*********************************************** COOKIES *************************************************/

/*.cookies {
    position: fixed;
    bottom: 0px;
    background: #F2F2F2;
    width: 100%;
    padding: 20px;
    border-radius: 3px;
    z-index: 50000;
    box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.2);
}

    .cookies .cookiesImg {
        text-align: center;
        margin-bottom: 10px;
        font-size: 12px;
    }

        .cookies .cookiesImg img {
            width: 60px;
        }

    .cookies .cookiesTxt {
        width: 60%;
        margin-left: 20%;
        margin-bottom: 25px;
        text-align: center;
    }

        .cookies .cookiesTxt span {
            color: #444;
            font-size: 12px;
        }

    .cookies .cookiesBtn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .cookies .cookiesBtn .btnCookieWhite {
            text-align: center;
            width: auto;
            color: #666;
            border: 0.5px solid #999;
            font-size: 10px;
            padding: 10px 15px;
            margin: 0px 10px;
            cursor: pointer;
            border-radius: 3px;
            text-decoration: none;
        }

            .cookies .cookiesBtn .btnCookieWhite.imp {
                text-align: center;
                width: auto;
                background: #00AEAE;
                color: #ffffff;
                border: 1px solid #00AEAE;
                font-size: 10px;
                padding: 10px 15px;
                margin: 0px 10px;
                cursor: pointer;
                border-radius: 3px;
                text-transform: uppercase;
                text-decoration: none;
            }

        .cookies .cookiesBtn a.btnCookieBlue {
            text-align: center;
            width: auto;
            color: #00AEAE;
            font-size: 10px;
            padding: 10px 15px;
            cursor: pointer;
            border-radius: 3px;
            text-decoration: none;
            text-transform: uppercase;
        }


.divCookies {
    margin: 25px;
    font-size: 12px;
    color: #666;
}

    .divCookies:hover {
        cursor: pointer;
    }

input[type="checkbox"] + label:before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 10px;
    float: left;
    border: 0.5px solid #999;
    border-radius: 3px;
    opacity: 0.5;
}

input[type="checkbox"]:checked + label:before {
    border-color: #999;
}

input[type="checkbox"]:checked + label:after {
    content: "";
    width: 8px;
    height: 2px;
    border: 2px solid #00AEAE;
    float: left;
    margin-left: -22px;
    border-right: 0;
    border-top: 0;
    margin-top: 4px;
    transform: rotate(-55deg);
}

input[type="checkbox"] {
    display: none;
}

.modalCookies {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}



@media (max-width: 1050px) {

    .cookies .cookiesTxt {
        width: 80%;
        margin-left: 10%;
    }
}

@media (max-width: 900px) {
    .modalCookies {
        top: 70px;
    }
}

@media (max-width: 750px) {

    .cookies {
        width: 100% !important;
    }

    .cookiesImg {
        margin-bottom: 5px;
    }

        .cookiesImg img {
            width: 80px;
        }

    .cookiesTxt {
        margin-bottom: 15px;
        line-height: 17px;
    }

        .cookiesTxt span {
            font-size: 14px;
        }

    .cookiesBtn {
        justify-content: space-around;
    }

    .btnCookieWhite, a.btnCookieBlue {
        padding: 7px 15px;
    }
}

@media (max-width: 700px) {

    .cookies .cookiesBtn .btnCookieWhite {
        margin: 30px 10px;
    }

    .divCookies {
        margin: 10px;
    }
}


@media (max-width: 550px) {
    .divCookies {
        margin: 5px;
    }
}


@media (max-width: 500px) {
    .cookies .cookiesBtn {
        display: block;
    }

        .cookies .cookiesBtn .btnCookieWhite {
            height: auto;
            margin: 10px 00%;
            width: 100%;
            font-size: 14px;
        }

            .cookies .cookiesBtn .btnCookieWhite.imp {
                height: auto;
                margin: 10px 00%;
                width: 100%;
                font-size: 14px;
            }

        .cookies .cookiesBtn a.btnCookieBlue {
            height: auto;
            margin: 10px 30%;
            width: 80%;
            font-size: 14px;
        }

    .divCookies {
        margin: 20px 10%;
        font-size: 14px;
    }

    .cookies .cookiesTxt span {
        font-size: 14px;
    }

    .cookies .cookiesTxt {
        width: 95%;
        margin-left: 2%;
    }
}



@media (max-width: 450px) {
    .cookies .cookiesBtn a.btnCookieBlue {
        margin: 10px 28%;
    }
}

@media (max-width: 400px) {
    .cookies .cookiesBtn a.btnCookieBlue {
        margin: 10px 25%;
    }
}

@media (max-width: 375px) {
    .cookies .cookiesBtn a.btnCookieBlue {
        margin: 10px 25%;
    }
}

@media (max-width: 360px) {
    .cookies .cookiesBtn a.btnCookieBlue {
        margin: 10px 24%;
    }
}*/

/*********************************************************************** MEDIA **************************************************************/

/*@media (max-width: 1300px) {

    .cuerpo {
        width: 90%;
    }

    .cuerpoLogin {
        width: 40%;
        padding: 50px 30px;
    }

    .cuerpoTexto {
        width: 45%;
    }
}*/

@media (max-width: 1200px) {

    .input-group.input-pop i.fa-eye, .input-group.input-pop i.fa-eye-slash {
        margin-left: 91.5%;
    }

    /*.cuerpo {
        width: 90%;
        height: auto;
        margin: 20% auto 0 auto;
    }*/

    /*.cuerpoLogin {
        width: 40%;
        padding: 0;
        border: 0;
        margin: 0 auto;
    }*/

    /*.cuerpoTexto {
        width: auto;
    }*/

    .sweet-modal-box.alert {
        width: 30% !important;
        left: 35% !important;
        box-shadow: none !important;
    }
}

@media (max-width: 991px) {
    .hide-992 {
        display: none;
    }

    .input-group.input-pop i.fa-eye, .input-group.input-pop i.fa-eye-slash {
        margin-left: 89.5%;
    }

    .sweet-modal-box.alert {
        width: 30% !important;
        left: 35% !important;
        box-shadow: none !important;
    }
}

@media (max-width: 550px) {

    .input-group.input-pop i.fa-eye, .input-group.input-pop i.fa-eye-slash {
        margin-left: 86%;
    }

    .sweet-modal-box.alert {
        width: 90% !important;
        left: 5% !important;
        box-shadow: none !important;
        height: 320px;
        margin-top: 50%;
    }

}
/*<===================== LOADING =====================>*/
.loading {
    background-color: #00a0df;
    width: 270px;
    height: 150px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: auto;
    vertical-align: middle;
    align-content: center;
    text-align: center;
    z-index: 5000;
    left: 20%;
    right: 20%;
    top: 40%;
    position: fixed;
    padding: 15px 0px 0px 0px;
}

    .loading span {
        color: #ffffff;
        font-family: 'Inter', sans-serif;
        font-weight: 700;
        font-size: 20px;
    }

    .loading .imgif {
        color: #ffffff;
        width: 80px;
        height: 80px;
        margin: auto;
        text-align: center;
        margin-top: 20px;
    }

        .loading .imgif .fa {
            color: #ffffff;
        }
/*@media (max-width: 900px) {

    .cuerpo {
        width: auto;
        margin: 15px 0 0 0;
    }

    .cuerpoLogin {
        width: 100%;
        padding: 20px;
        margin: 0;
        text-align: left;
    }

    .cuerpoTexto {
        padding: 20px;
        text-align: left;
        margin: 0;
    }

    .expresion {
        font-size: 20px;
    }

    .tablareset {
        width: auto;
        height: auto;
        margin: 30% 10px 0 10px;
    }
}*/

/*@media (max-width: 600px) {

    .cuerpoLogin {
        padding: 20px;
    }
}*/