.text-testing{
    width: 220px;
    text-align: center;
    background-color: #FF3030;
    color: white;
    font-size: 15px;
    padding: 10px;
    border-radius: 6px;
    opacity: 0.8;
    margin: 8px;
    font-family: 'Poppins', sans-serif;
}

.texto-titulo{
    font-family: 'Poppins', sans-serif;
    color:  #019bac;
    padding: 0px;
}

.icons-login{
    margin-top: 12px;
    color: #019bac;
}

.contenedor-login{
    width: 100%;
    background-color: white;
    border-radius: 10px;
    opacity: 0.9;
    box-shadow: 3px 3px 10px #666;
    font-family: 'Poppins', sans-serif;
}

.login-box{
    width: 50% !important;
}

@media screen and (max-width: 800px) {
    .login-box {
      width: 100% !important;
    }
}

.log-izq{
    height: 100%;
}

.log-der{
    height: 100%;
    padding: 40px;
    border-radius: 8px;
}

.entradas .input {
    margin: 10px 0;
    position: relative;
    width: 300px;
    font-family: 'Poppins', sans-serif;
}
.entradas input {
    background: transparent;
    border: none;
    border-bottom: solid 1px  #019bac;
    padding: 20px 2px 5px;
    transition: padding 0.4s;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.entradas input:placeholder-shown + label {
    color: #019bac;
    font-size: 14px;
    top: 15px;
    font-family: 'Poppins', sans-serif;
}
.entradas input:focus + label,
.entradas label {
    color: #3bc2bb;
    font-size: 12px;
    pointer-events: none;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: top 0.4s, left 0.4s, font-size 0.4s;
}
.entradas input::placeholder{
    color: transparent;
    display:none;
}
.entradas input:focus,
.entradas input:not(:placeholder-shown) {
    border-bottom: solid 1px #3bc2bb;
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.btn-entrar{
    margin-top: 15px;
    color: #FFF;
    border: 2px solid white;
    border-radius: 20px;
    padding: 8px;
    display: inline-block;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #019bac;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
    width: 100%;
    background-color: #019bac;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.btn-entrar:hover{
    box-shadow: inset 400px 0 0 0 #3bc2bb;
    border: 2px solid white;
    color: #FFF;
}

.btn-entrar:focus{
    color: #FFF;
}

.texto-pass{
    color: #037f8d;
    font-family: 'Poppins', sans-serif;
}

.texto-pass:hover{
    color: #019bac;
}

.check-pass{
    color: #019bac;
    font-family: 'Poppins', sans-serif;
}

/*********************** DASHBOARD ************************/
/**********************************************************/

.contenedor-global{
    background-color: #2c2b32;
}

.titulo-superior{
    font-family: 'Poppins', sans-serif;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 35px;
}

.img-sistemas{
    padding-right: 0px !important; 
    padding-left: 0px !important;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    height: 200px;
}

.color-negro {
    background-color:#000;
    opacity: 0.9;
}

.color-aqua {
    background-color:#00c0ef;
    opacity: 0.9;
}

.color-purpura {
    background-color:#605ca8;
    opacity: 0.9;
}

.color-celeste {
    background-color:#02c9c9;
    opacity: 0.9;
}

.color-rojo {
    background-color:#dd4b39;
    opacity: 0.9;
}

.text-subtitulo{
    font-size: 14px;
}

.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50px;
    padding: 4px 28px;
    color: white;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
    text-align: center;
}


.img-sistemas:hover .caption {
    background-color: white;
    color:black;
  }

.text-white{
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: bold;
}

.img-sis{
    width: 100%;
    max-height: 200px;
    vertical-align:middle;
    object-fit: cover;
    transition: transform .5s ease;
}

.img-sistemas:hover .img-sis {
    transform: scale(1.1); 
    transition: transform .5s ease;
}

.menu-contenedor{
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.menu-header{
    background-color: white !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.menu-user{
    color:#037f8d !important;
    font-family: 'Poppins', sans-serif;
}

.btn-menu-botones{
    color: #019bac !important;
    border: 1px solid #019bac;
    border-radius: 8px;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}

.btn-menu-botones:focus{
    color: #019bac !important;
    background-color: transparent !important;
}

.btn-menu-botones:hover{
    color: #019bac !important;
    background-color: transparent !important;
}