/* COLORES */
.ACCESO {
  display: flex;
  justify-content: center;
  height: calc(100% - 50px);
  align-items: center;
  /*-----------------------
	FORMULARIO LOGIN
-------------------------*/ }
  @media all and (-ms-high-contrast: none) {
    .ACCESO {
      display: block;
      height: 100%;
      margin-top: 100px; } }
  .ACCESO .logo_login {
    padding: 0 0 40px 0; }
    .ACCESO .logo_login img {
      width: 290px;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .ACCESO .logo_login img {
          width: 100%; } }
    @media (max-width: 480px) {
      .ACCESO .logo_login {
        padding-top: 10px;
        padding-bottom: 20px; } }
  .ACCESO .login {
    z-index: 0;
    align-items: center;
    padding: 50px 40px 25px;
    min-width: 100%;
    background: #fff;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.6), inset 0 10px 0 0 #FFB711;
    position: relative;
    text-align: left; }
    @media (max-width: 480px) {
      .ACCESO .login {
        padding: 30px 20px 10px;
        margin-top: 10%; } }
    .ACCESO .login .titulo {
      display: flex;
      justify-content: center;
      padding: 0 0 20px;
      color: #fff;
      font-size: 20px;
      min-width: 100%; }
    .ACCESO .login a {
      color: #333; }
      .ACCESO .login a:hover {
        color: #1f73ba; }
    .ACCESO .login p span {
      padding-left: 5px; }
    .ACCESO .login form span.icono {
      background-color: #fff;
      border: 1px solid rgba(34, 36, 38, 0.15);
      color: #ffb711;
      display: block;
      float: left;
      height: 50px;
      line-height: 50px;
      text-align: center;
      width: 50px;
      font-size: 18px;
      border-right: 0; }
    .ACCESO .login form h4 {
      color: #FFC629;
      font-weight: 300;
      font-size: 28px;
      padding: 0 20px;
      margin-top: -20px;
      text-align: center; }
      @media (max-width: 480px) {
        .ACCESO .login form h4 {
          font-size: 18px; } }
    .ACCESO .login input {
      height: 50px;
      flex: 1; }
    .ACCESO .login input[type="text"], .ACCESO .login input[type="password"] {
      background-color: #fff;
      margin-bottom: 20px;
      padding: 0 16px;
      width: 100% !important;
      color: #333;
      border: 1px solid rgba(34, 36, 38, 0.15);
      border-left: 0; }
    .ACCESO .login input[type="text"]:focus,
    .ACCESO .login input[type="password"]:focus {
      outline: 0;
      background-color: #f4f4f4;
      border: 1px solid rgba(34, 36, 38, 0.15);
      border-left: 0;
      color: #333; }
    .ACCESO .login input[type="text"]:hover, .ACCESO .login input[type="password"]:hover {
      outline: 0;
      border: 1px solid rgba(34, 36, 38, 0.15);
      border-left: 0;
      background-color: #f4f4f4; }
    .ACCESO .login .group {
      text-align: center;
      display: flex;
      flex-wrap: nowrap;
      position: relative;
      margin: 0 0 5px; }
      .ACCESO .login .group.active span.icono {
        height: 50px;
        border-top: 2px solid red;
        border-left: 2px solid red;
        border-bottom: 2px solid red; }
      .ACCESO .login .group.active input {
        border-top: 2px solid red;
        border-left: 2px solid red;
        border-bottom: 2px solid red; }
      .ACCESO .login .group.active input[type="text"]:focus,
      .ACCESO .login .group.active input[type="password"]:focus {
        outline: 0;
        -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
        border-top: 2px solid red;
        border-right: 2px solid red;
        border-bottom: 2px solid red; }
    .ACCESO .login .ui.checkbox {
      margin-top: -10px;
      margin-bottom: 10px; }
      @media (max-width: 990px) {
        .ACCESO .login .ui.checkbox {
          margin-bottom: 0; } }
      .ACCESO .login .ui.checkbox input, .ACCESO .login .ui.checkbox label {
        color: #333; }
    .ACCESO .login .bt_login {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
      font-weight: 500;
      margin-bottom: 2em;
      text-transform: uppercase;
      width: 100%;
      height: 50px;
      border: none;
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 15px;
      line-height: 1.5em;
      padding: 14px;
      text-align: center; }
      .ACCESO .login .bt_login:hover {
        background-color: #000000; }
    .ACCESO .login .bt_enviar {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      background-color: #0074BC;
      color: #fff !important;
      font-weight: 500;
      margin-bottom: 0px;
      text-transform: uppercase;
      height: 50px;
      border: none;
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 15px;
      line-height: 1.5em;
      padding: 14px;
      text-align: center; }
      .ACCESO .login .bt_enviar:hover {
        background-color: #0067A8; }
    .ACCESO .login .nuevo_usuario a {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 1px solid #0074BC;
      height: 50px;
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 15px;
      line-height: 1.3em;
      padding: 14px;
      text-align: center;
      color: #0074BC;
      display: block; }
    .ACCESO .login .input-validation-error {
      background-color: rgba(217, 83, 79, 0.12) !important;
      box-shadow: inset 0px 0px 0px 2px #d9534f; }
    .ACCESO .login .validation-summary-errors {
      margin-bottom: 20px; }
    .ACCESO .login span.error {
      margin: -15px 0 15px;
      display: block;
      text-align: left;
      padding: 0 20px 0 65px; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #929292; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #929292; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #929292; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #929292; }

/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #333;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0.6) inset;
    transition: background-color 5000s ease-in-out 0s;
}

    */