.fondo-verde {
                    background-color: #50be87;
                    padding: 30px;
                }
                
                #login {
                    margin-top: 150px;
                }
                
                label {
                    color: white;
                }
                
                .px-0 {
                    padding-left: 0;
                    padding-right: 0;
                }
                
                .fondo-blanco {
                    background-color: white;
                }
                
                .formulario {
                    padding-top: 30px;
                    padding-bottom: 30px;
                    padding-left: 50px;
                    padding-right: 50px;
                    transition: all ease-in-out 500ms;
                    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
                }
                
                .formulario .form-control {
                    border-radius: 0!important;
                    margin-bottom: 5px;
                    line-height: 54px;
                    height: 50px;
                    color: black;
                    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
                }
                
                .formulario .form-control {
                    background-color: white!important;
                    border-color: white;
                }
                
                .formulario .checkbox span {
                    font-weight: bolder;
                    position: relative;
                    top: 12px;
                    font-size: 14px;
                }
                
                .enlaces {
                    margin-top: 10px;
                }
                
                .enlaces a {
                    outline: 0;
                    color: white!important;
                    margin: 5px!important;
                    text-decoration: underline;
                    line-height: 20px;
                    height: 20px;
                    font-weight: bolder;
                    width: 100%;
                    padding-top: 0px;
                }
                
                .triangulo_der {
                    width: 0;
                    height: 0;
                    border-top: 22px solid transparent;
                    border-left: 22px solid #50be87;
                    border-bottom: 22px solid transparent;
                    position: absolute;
                    left: 0px;
                    top: 44px;
                }
                
                .fondo_oscuro {
                    background-color: #242323;
                }
                
                .triangulo_inf {
                    position: absolute;
                    top: 0px;
                    margin: 0 auto;
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-top: 10px solid #50be87;
                }
                
                #leyenda-login {
                    font-family: HelvNeue75;
                    font-size: 15em;
                    line-height: 100%;
                    color: #FF7900;
                    text-align: center;
                    text-shadow: grey 0px 0px 5px;
                }
                
                #subtitulo-login {
                    font-family: HelvNeue75;
                    font-size: 3.7em;
                    line-height: 100%;
                    color: #FFFFFF;
                    text-align: left;
                    margin: auto auto;
                    margin: 1em 0 0 2em;
                    text-shadow: black 0px 0px 5px;
                }
                
                #mensaje-inicial {
                    background-color: #ff7900;
                    font-size: 2.5em;
                    line-height: 1.2;
                    text-align: left;
                    overflow: hidden;
                    color: white;
                    z-index: 999;
                    font-weight: bolder;
                    padding: 1em
                }
                
                @media screen and (min-width: 1200px) {
                    .formulario {
                        padding-left: 50px;
                        padding-right: 50px;
                    }
                    #mensaje-inicial {
                        margin-left: 40px;
                        margin-right: 40px;
                        word-wrap: normal;
                    }
                }
                
                @media screen and (min-width: 992px) {
                    #connected {
                        text-align: center;
                        color: #FF7900;
                        font-size: 26px;
                        top: 68px;
                        position: relative;
                        font-weight: bolder;
                    }
                }
                
                @media screen and (max-width: 992px) {
                    #connected {
                        text-align: center;
                        color: #FF7900;
                        font-size: 37px;
                        top: 66px;
                        position: relative;
                    }
                    #leyenda-login {
                        font-size: 10em;
                        line-height: 80%
                    }
                    #subtitulo-login {
                        font-size: 2em;
                        margin-bottom: 1em;
                    }
                    #leyenda-login {
                        font-size: 10em;
                        line-height: 80%
                    }
                    #subtitulo-login {
                        font-size: 2em;
                        margin-bottom: 1em;
                    }
                }
                
                @media screen and (max-width: 767px) {
                    .fondo-verde {
                        padding: 15px;
                    }
                    #login {
                        margin-top: 100px;
                    }
                    #leyenda-login {
                        font-size: 10em;
                        line-height: 80%
                    }
                    #subtitulo-login {
                        font-size: 2em;
                        margin-bottom: 1em;
                    }
                }
                
                @media screen and (min-width: 1200px) {
                    #connected {
                        text-align: center;
                        color: #FF7900;
                        font-size: 32px;
                        top: 66px;
                        position: relative;
                        font-weight: bolder;
                    }
                }
                
                .bootstrap-select.btn-group .dropdown-toggle .filter-option {
                    overflow: visible;
                    margin-top: 10px;
                    font-weight: bolder;
                }
                
                #chooseUser label {
                    color: black;
                }
                
                @media screen and (-webkit-min-device-pixel-ratio: 1.10) {
                    body {
                        font-size: 9px;
                    }
                }
                
                @media screen and (-webkit-min-device-pixel-ratio: 1.25) {
                    body {
                        font-size: 8px;
                    }
                }
                
                @media screen and (-webkit-min-device-pixel-ratio: 1.5) {
                    body {
                        font-size: 7px;
                    }
                }

/* #leyenda-login {
    display:none;
}
#subtitulo-login {
    display:none;
} */