/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
#bg-login{
    background-image: url("/public/img/TorreM7-LogIn.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px;
    height: 100vh;
    background-position: center;
}

#bg-login a{
    color: black;
}
.no-show{
    display: none;
}
#main{background-color: initial;}

.is-invalid{border: 2px solid red !important;}

input.error,textarea.error{
    border: 1px solid red !important;
}
label.error{
    position: inherit;
    color: red!important;
}
.collapse{
    visibility: initial !important;
}
#btn-header-res{
    background-color: white !important;
    color: black !important;
}
header.fixed_header.sticky #btn-header-res{
    background-color: black !important;
    color: white !important;
}
#cont-info-rev{
    display: none;
}
#qrcode img,
#qrcode canvas{
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
    width: 200px;
    height: auto;
}
#logo-qr{
    width: 150px;
    height: auto;
}
#capture-area h2{
  font-size: 21px;  
}
#cont-info-rev .box_item_info{
    padding: 10px !important;
}
@media (max-width: 991px) {
    #admin-menu ul li:first-child {
        display: block;
    }
}

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

    #capture-area h4{
        font-size: calc(1.1rem + .3vw);
    }

    #content-scroll{
        overflow: scroll;
    }


    #admin-menu ul li{
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    /**/
    #user-info-desk{
        display: none !important;
    }
    #user-info-movil{
        color: white;
        position: absolute;
        top: 5px;
    }
    .sticky #user-info-movil{
        color: black;
    }


}

@media only screen and (min-width: 769px) {
    .bg-body-tertiary{
        background: white !important;
    }
    #user-info{
     position: absolute;
    }
    #user-info-movil{
        display: none !important;
    }
}
#user-info-desk{
    text-align: left;
}