body {
    overflow: hidden;
}
main {
    display: flex;
    align-items: center;
}
#login {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
}
#titulo {
    margin: auto;
    max-width: calc(100vw - 120px);
}
#menu-bar {
    position: absolute;
    z-index: 4;
    display: block;
    float: left;
    width: 250px;
    height: calc(100% - 44px);
    overflow: hidden;
}
#accordionMenu {
    overflow-y: auto;
    height: calc(100% - 250px);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .modal-backdrop.show {
        opacity: 1 !important;
    }
    .modal-backdrop{
        background-color: #fff !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -moz-b: blur(10px);
    }
    .menu-backdrop{
        position: absolute;
        z-index: 4;
        background-color: rgba(255,255,255,.1);
        height: 100%;
        width: 100%;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .menu-backdrop{
        position: absolute;
        z-index: 4;
        background-color: rgba(255,255,255,.8) !important;
        height: 100%;
        width: 100%;
    }
    .modal-backdrop{
        background-color: #fff !important;
    }
}
#formulario, #buscador, #tablero{
    width: 100vw;
    position: absolute;
    display: inline-block;
}
@media only screen and (max-width: 768px) {
    #formulario .card .card-body, #buscador .card .card-body{
        height: calc(100vh - 165px) !important;
    }
}
#formulario .card .card-body, #buscador .card .card-body{
    height: calc(100vh - 113px);
    overflow-y: auto;
    overflow-x: hidden;
}
.float-label > label {
    position: absolute;
    cursor: text;
    font-size: 100%;
    opacity: 1;
    -webkit-transition: all .2s;
        -ms-transition: all .2s;
            transition: all .2s;
    top: .4em;
    left: .5rem !important;
    z-index: 5;
    line-height: 1;
    padding: 0 1px;
}
.float-label .form-control:focus + label, .float-label .form-select:focus + label, .float-label .form-select:not(:placeholder-shown) + label, .float-label .form-control:not(:placeholder-shown) + label{
    font-size: 75%;
    top: -.4rem;
}
.float-label .input-group-text ~ label {
    left: 2.5rem !important;
}
.float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #FFFFFF;
    height: .5rem;
    top: 0%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}
.float-label .form-control:disabled + label::after, .float-label .form-control:read-only + label::after, .float-label .form-select:disabled + label::after {
    background: #E9ECEF;
    z-index: -1;
}
.float-label .form-control:-webkit-autofill + label::after {
    background: #E8F0FE;
    z-index: -1;
}
.float-label .form-select:focus + label::after, .float-label .form-control:focus + label::after {
    border-left: 1px solid #8DC3F9;
    border-top: 1px solid #8DC3F9;
    border-right: 1px solid #8DC3F9;
    z-index: -1;
}
.float-label .form-select:not(:focus):not(:placeholder-shown) + label::after, .float-label .form-control:not(:focus):not(:placeholder-shown) + label::after {
    border-left: 1px solid #CED4DA;
    border-top: 1px solid #CED4DA;
    border-right: 1px solid #CED4DA;
    z-index: -1;
}
.float-label .form-select.is-invalid:focus:not(:placeholder-shown) + label::after, .float-label .form-select.is-invalid:focus + label::after, .was-validated .float-label .form-select:invalid:not(:placeholder-shown) + label::after, .was-validated .float-label .form-select:invalid:focus + label::after, .float-label .form-control.is-invalid:focus:not(:placeholder-shown) + label::after, .float-label .form-control.is-invalid:focus + label::after, .was-validated .float-label .form-control:invalid:not(:placeholder-shown) + label::after, .was-validated .float-label .form-control:invalid:focus + label::after {
    border-left: 1px solid #DC3545;
    border-top: 1px solid #DC3545;
    border-right: 1px solid #DC3545;
    z-index: -1;
}
.float-label .form-select.is-valid + label::after, .was-validated .float-label .form-select:valid + label::after, .float-label .form-control.is-valid + label::after, .was-validated .float-label .form-control:valid + label::after { 
    border-left: 1px solid #198754;
    border-top: 1px solid #198754;
    border-right: 1px solid #198754;
    z-index: -1;
}
.float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0;
}

.float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
    opacity: 0;
}

.float-label .form-control:not(:focus):-ms-input-placeholder {
    opacity: 0;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 
    z-index: 3;
}

.w-200px {
    width: 200px;
    margin: auto;
}

#contenedor_detalles .card-body, #contenedor_detalles .fixed-header.buscador {
    height: inherit !important;
}