/* Hoja de estilos Fichaje Web - Julfer */
/* elementos generales */

div.ui-messages-info {
    border-color: #304ffe;
    background-color: #304ffe;
}

/* pagina de login */

.login-page, .register-page {    
    background: #f7f7f7;
    background-position: 0 0;
}

.login-logo a {
    color: white;
    text-shadow: 1px 1px 1px #ffffff;
    font-family: montserratregular, Helvetica, sans-serif;
}

.login-logo img {
    max-width: 300px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.login-box {    
}

.login-box .ui-messages-warn {    
    color: white;    
    font-weight: bolder;
    font-size:1.5rem;
}

.login-box .ui-messages-info {
    color: white;    
    font-weight: bolder;
    font-size:1.5rem;
}

.login-box .ui-messages-info a {
    color:#fdcc52 !important;
}

.login-box .ui-messages-info a:hover {
    color:#0026ca !important;
}

.login-box-body, .register-box-body {    
    border: 2px solid #2758ba;
}

.login-logo, .register-logo {    
    margin-bottom: 0px;    
}

/* paginas privadas */

.main-header .navbar {
    background-color: #0064ac !important;
}

/* navbar y generales **********************************************************/

a.nav-link {
    
}

a.nav-link:hover {
    text-decoration: underline !important;
    font-weight: bolder !important;
}

span.logo-lg img {
   background:#fff;
}

header.masthead {        
    background: url(../images/bg-pattern.png) linear-gradient(to bottom right, #757575, #cfd8dc);
}

.container_warning {
    background-color: white;
    padding: 5px;
    margin-bottom: 5px;
    border: 2px solid #f26c00;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.container_warning h1 {
    margin:0px !important;
   padding:0px !important;
}

.btn {
background-color: #d70302 !important;
    color: #fff !important;
}

.container_operativa a.btn:not(.btn-mas-opciones):hover {
  color: white;
  border-color: white !important;
  background-color: #a30000 !important;
 background: #a30000 !important;
}

#container_mas_opciones a {
    color: #598df6;
}

#container_mas_opciones a:hover {
color:#ca0133;
}