html, body { margin: 0px; background: none; height: 100%}

#bg, #search-bg, body {
    background-image: url('/img/bckLogin.jpg');
    background-repeat: no-repeat;
    /*background-size: cover; // eliminado el 13/05/2024 > Al. */
    background-size: cover;
    width: 100%;
    height: 100%;
}

/*
#bg {
    background-position: center top;
    padding: 70px 90px 120px 90px;
}
*/

#search-container {
    position: relative;
    width: 300px;
    margin: 0 auto;
    top: 241px;
}

#search-bg {
    /* Absolutely position it, but stretch it to all four corners, then put it just behind #search's z-index */
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 99;

    /* Pull the background 70px higher to the same place as #bg's */
    background-position: center -70px;
    /*
    -webkit-filter: blur(10px);
    filter: url('/media/blur.svg#blur');*/
    filter: blur(10px);

    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    background-position: 0 0;
    filter: blur(3px);
    width: 100%;
    background-attachment: fixed;
    border: 1px solid #FFFFFF;

}

#search {
    /* Put this on top of the blurred layer */
    position: relative;
    z-index: 100;
    padding: 20px;
    /*background: rgb(34,34,34); /* for IE */
    background: rgba(255, 255, 255, 0.55);
    border-radius: 5px;
    border: 1px solid black;
}

@media (max-width: 600px ) {
    #bg { padding: 10px; }
    #search-bg { background-position: center -10px; }
}

#search h2, #search h5, #search h5 a {
    text-align: center;
    color: #000;
    font-weight: normal;
}

#search h2 {
    margin-bottom: 50px
}

#search h5 {
    margin-top: 70px
}
.select2-container {
    margin-bottom: 15px !important
}