.btn-reportes { display: inline-block; padding: 10px 20px; background: #00ccffb4; color: #FFFFFF; width: 140px; text-align: center; margin: 10px; cursor: pointer; margin-right: 25px; }
.btn-reportes:hover{ background: #000000; color: #FFFFFF; }
.acesso-contenedor {  background-color: #fff; right: 0; width: 33%; height: auto; display: table-cell; overflow: auto; -webkit-transition: height .4s; transition: height .4s; max-height: calc(100vh - 48px); position: relative; box-sizing: border-box; }
.acess-contenedor{ padding: 48px 32px 32px; padding: 48px 0 32px; min-height: 280px; }
.invisible { overflow: hidden; position: absolute; height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; -webkit-transition: height .4s; transition: height .4s; }
.login-btn{ border-radius: 1px !important; width: 128px !important; height: 48px !important; background: #00ccffb4 !important; border: 0 !important; color: #fffefe !important; font-weight: 700; filter: none; box-shadow: none; cursor: pointer; padding: 0 !important; float: right; }
.error_x1, .error_x2:hover { background-image: url("../img/x-01.png"); background-size: cover; }
.error_x2{ background-image: url("../img/x-gris-01.png"); background-size: cover; }
.icono { display: inline-block; height: 25px; width: 25px; background-size: contain; vertical-align: middle; }
input.form-acontrol { border: 0px; border-bottom: solid 2px #63131331; }
 input.form-acontrol:focus, input.form-acontrol:hover {
    border: 0px !important;
    border-bottom: solid 2px #00ccffb4 !important;
 }
 input.form-acontrol-erorr {
    border: 0px;
    border-bottom: solid 2px #D44B50 !important;
    background-color: #FCDFDF!important;
    -webkit-transition: background-color 3s ease-out;
    -moz-transition: background-color 3s ease-out;
    -o-transition: background-color 3s ease-out;
    transition: background-color 3s ease-out;
 }
 .label-error {
  color: rgb(212, 75, 80) !important;
 }
 .detalle-error-usuario, .detalle-error-clave{
  background-image: url(../img/alerta-01.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 12px;
  text-align: left;
  padding-left: 25px;
  margin-top: 3px;
  margin-left: 16px;
  margin-bottom: 5px;
  box-sizing: border-box;
  line-height: 15px !important;
 }
 ::-webkit-input-placeholder { font-size: 16px; color: #C8C8C8; transition-property: font-size; transition-duration: 0.2s; transition-delay: 0.2s; } 
:-moz-placeholder { font-size: 16px; color: #C8C8C8; transition-property: font-size; transition-duration: 0.2s; transition-delay: 0.2s; } 
::-moz-placeholder { font-size: 16px; color: #C8C8C8; transition-property: font-size; transition-duration: 0.2s; transition-delay: 0.2s; } 
:-ms-input-placeholder { font-size: 16px; color: #C8C8C8; transition-property: font-size; transition-duration: 0.2s; transition-delay: 0.2s; }
:focus::-webkit-input-placeholder { font-size: 18px; transition-property: font-size; transition-duration: 0.2s; transition-delay: 0.2s;}
.row-login {
  width:410px;
  display: table;
  margin: 0px;
  min-height:40px;
  margin: 0 auto;
  padding: 5px;
}
.row-item-login {
  display: inline-block;
  vertical-align: bottom; 
  margin: 0px;
  min-height:40px;
  height:auto;
  line-height:40px;
  font-size:14px;
}
.btn {
  background: #6B6B6B;
  border: 1px solid #6B6B6B;
  border-radius:5px;
  color: #fff;
  text-shadow: 0 -1px 0px #6B6B6B;
  width:95.5%; 
  height:40px;
  cursor: pointer;
  font-size:18px;
}
.btn:hover { 
  background: #9B9B9B;
  box-shadow: 0 1px 3px #9B9B9B;
  border: 1px solid #9B9B9B;

  color: #fff;
  text-shadow: 0 -1px 0px #9B9B9B;
}
.cont {
  width:90%;
  padding: 32px 16px 8px;;
  background: #F4F4F4;
  border: 1px solid #e2e2e2;
  border-top: 1px solid #d4d4d4;
  outline: none;
  border-radius: 2px;
  color: #65686d;
  line-height: 1.6;
  font-size: 18px;
}
.cont:focus {
  border-color: #AFAFAF;
}
.error{
  border:1px solid #F00;
}
label#lb_usuario, label#lb_clave{
    color: #BDBDBD;
    font-weight: 400;
    font-size: 16px;
    left: 25px;
    top: 25px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    position: absolute;
}
.regis{
  width: 50%;
  display: table-cell;
  margin-top: 9px;
  vertical-align: middle;
}
.tatione {
  text-decoration: none;
  color: #237ABA !important;
  font-size: 15px;
  line-height: 1;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/icono_password.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}
.mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}
.mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}
.mdc-text-field__icon--leading{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}
.mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl]
.mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl]
.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}
.mdc-text-field__icon svg{display:block}
.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] 
.mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}
.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] 
.mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px}
@media only screen and (max-width:999px), only screen and (max-device-width:999px){
  .row-login{
    width: 310px !important;
  }
}
@media only screen and (max-width:767px), only screen and (max-device-width:999px){
  .loginAvisos, .acesso-contenedor {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
  .row-login{
    width: 410px !important;
  }
  .loginAvisos {
    position: absolute;
    top: 520px;
  }
}
@media only screen and (max-width:479px), only screen and (max-device-width:479px){
  .row-login {
    width: 90% !important;
  }
}