body{
    background-color:#000A56 !important;
}


/*************************************** CABECERA: NAVAR CON MENÚ ********************************************************************/


.header{
    padding:10px;
}
.header-container { /*CONTENEDOR DE LA CABECERA*/
    max-width: 1920px;
    margin: 0 auto;
    padding: 10px;
    font-size: 15px !important;
}
.header-nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
}
.header-nav-logo { /*LOGO ESQUINA SUPERIOR IZQUIERDA DE LA CABECERA*/
    width: 80px;
    position: relative;
    z-index: 11;
}
.teki-navbar{ /*BARRA DE NAVEGACIÓN: CONTENEDOR DEL MENÚ*/
    background-color:#2e2c3a;
    border:0px;
    padding:8px;
    margin:0px !important;
}

.teki-navbar-float{ /*PARA MOVER HACIA LA DERECHA LOS MENÚS QUE ESTÁN DENTRO DEL NAVBAR: PANTALLA MONITOR*/
    float:right;
}

.enlace-navbar{ /*MENÚS NIVEL 1*/
    color:#fff !important;
    font-size:15px;
}
.nav>li>a:visited { /*MENÚS NIVEL 1: VISITADOS*/
    color: #fff !important;
}
.sub-enlace-navbar{ /*MENÚS NIVEL 2*/
    color:#fff !important;
    font-size:13px;
    background-color:#000 !important;
    margin:4px;
}
.separador-navbar{
    color:#aaa !important;
    font-size:14px;
    background-color:#2e2c3a !important;
}

/*COLOR DE FONDO DEL CONTENEDOR DE MENU-ITEMS*/
.dropdown:hover .dropdown-menu {
    display: block;
    background-color:#000;
}

/*MENU ITEM, PUNTERO ENCIMA*/
.dropdown-menu>li>a:hover {
    display: block;
    clear: both !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    color: #ccc !important;
    white-space: nowrap !important;
    background-color:#000 !important;
}
.enlace-borde-redondo{
    border:1px solid #fff;
    border-radius:20px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    margin-top:8px !important;
}
.icono-lcrcom{ /*ICONO CABECERA, ESQUINA SUPERIOR IZQUIERDA*/
    width:114px;
    margin-top:5px;
    margin-bottom: 5px;
    margin-left:40px;
}
.div-icono-lcrcom{
    margin-left:15px;
}


/*VARIACIONES PARA PANTALLA DE TELÉFONO*/
@media screen and (min-width:0px) and (max-width:555px){
    .teki-navbar-float{ /*PARA MOVER HACIA LA IZQUIERDA LOS MENÚS QUE ESTÁN DENTRO DEL NAVBAR*/
        float:left;
    }
    .separador-navbar{
        display:none !important; /*OCULTAMOS LA BARRA VERTICAL*/
    }
    .dropdown-menu>li>a { /*PARA QUE LOS MENU-ITEMS NO SE SALGAN POR LA DERECHA*/
        text-wrap: pretty;
    }
}


/************************************ SECCION MEDIA: IZQUIERDA (FORM LOGIN) Y DERECHA (IMAGEN DECOR) )**************************************************************/


.jumbotron-container { /*SECCIÓN MEDIA*/
    display: flex;
    width: 100%;
    background-size: cover;
    opacity: 1;
    /*min-height: calc(100vh - 12vh);*/
    /*height:50%;*/
}
.jumbotron-left { /*SECCION MEDIA IZQUIERDA: DONDE VA EL FORMULARIO DE LOGIN */
    flex: 3; /*ANCHO RELATIVO DE LA SECCIÓN IZQUIERDA (FLEX)*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0px;
    min-width: 412px;
    align-items: center;
}
.jumbotron-right { /*SECCIÓN MEDIA DERECHA: IMAGEN DECORATIVA Y TÍTULO DE LA PÁGINA EN GRANDE CENTRADO*/
    flex: 6; /*ANCHO RELATIVO DE LA SECCIÓN DERECHA (FLEX)*/
    display: flex;
    justify-content:center; /*CENTRADA HORIZONTALMENTE*/
    align-items:center; /*CENTRADA VERTICALMENTE, PARA QUE FUNCIONE display:flex*/
    background: url('/img/pantalla_login/imagen_pantalla.jpg'); /*IMAGEN*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /*PARA QUE LA IMAGEN SE EXTIENDA POR TODO EL CONTENEDOR*/
}
.form-control-placeholder { /*PARA QUE NO APAREZCAN LOS PLACEHOLDER ENCIMA DE LOS CAMPOS DEL FORMULARIO DE LOGIN*/
    display: none
}
.login-label { /* ÁBELES DE LOS CAMPOS DEL FORMULARIO DE LOGIN*/
    color:#fff;
    font-size:14px;
    padding-top:5px;
    padding-left:15px;
}
.recuerdame { /*CAMPOS CHECKBOX RECUERDAME*/
    color:#ddd;
}
.btn-green.btn-green { /*BOTÓN EJECUCIÓN LOGIN FORZAMOS QUE SEA AZUL PARA ESTA PANTALLA*/
    background-color: #9f0bff !important;
    border-color: #9e0afe !important;
    color: #ffffff;
    font-weight: bold;
    border-radius:0px !important;
}
.recuadro-blanco-izquierdo-texto-bienvenido { /*CONTENIDO DE LA SECCIÓN INZQUIERDA*/
    padding:40px;
    padding-bottom:2px;
    padding-top:60px;
}
.contenedor-texto-bienvenido{
    border-bottom:2px solid #b2b5cc;
    padding-bottom: 7px;
}
.texto-bienvenido{
    color:#2f2e56 !important;
    font-weight: bold;
    font-size:24px
}
.welcome {
    color:#000a56;
    font-size:14px;
}
.punto { /*PUNTOS DEL TEXTO INFORMATIVO DE BIENVENIDA*/
    color:#000a56;
    margin-bottom:0px;
}
.recuadro-negro-izquierdo { /*RECUADRO NEGRO DE LA IZQUIERDA EN DONDE SE MUETRA EL FORMULARIO DE LOGIN*/
    background:#000a56;
    padding-top:15px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:15px;
    border:1px solid #000;
    border-radius:6px;
    margin-bottom: 30px;
    width:70%;
}
input[type=text] { /*CAMPOS DE TEXTO*/
    background-color:#fff !important;
    font-family: 'Mark' !important;
    border:none !important;
}
input[type=password] { /*CAMPOS DE PASSWORD*/
    background-color:#fff !important;
    border:none !important;
}
.has_perdido_contrasena { /*PARA ENLACE "HAS PERDIDO CONTRASEÑA"*/
    color:#000A56 !important;
}
.titulo-teki { /*IMAGEN CON EL TÍTULO DE LA PÁGINA QUE APARECE CENTRADA EN LA SECCIÓN DERECHA*/
    width:400px !important;
}


/*************************************** FOOTER: ENCLACES/CONTACTO DE LCRCOM ********************************************************/


.footer { /*PIE DE PÁGINA*/
    margin-top:40px !important;
    color: #fff;
}
.footer-container { /*CONTENIDO DEL PIE DE PÁGINA*/
    min-height: 240px;
    font-size: 14px;
}
.footer-nav {
    display: grid;
    justify-items:center;
}
.enlace_pie{
    margin-bottom:10px;
    color:#fff;
    cursor: pointer;
    font-size:14px;
}
.enlace_pie:hover{
    margin-bottom:10px;
    color:#ccc !important;
    cursor: pointer;
    font-size:14px;
}
.titulin-pie{
    color:#fff;
    font-weight:bold;
    font-size:14px;
}
.fila-img-footer{
    margin-bottom: 50px;
}
.img-footer{ /*ICONO PIE, ESQUINA INFERIOR IZQUIERDA*/
    width:170px;
}
.rs{ /*ICONOS DE REDES SOCIALES*/
    width:25px;
    height:25px;
}
.contenedor-seccion-2-footer{
    border-top:1px solid #fff;
    margin-top:15px;
    margin-bottom: 40px;
    padding-top:20px;
}

.ancho-footer{
    width:50%;
}

.footer-line {
  border-top: 1px solid #b2b5cc;
  height:1px;
  margin-bottom: 16px;
  width:98%;
}

.margen_footer{
    margin: 0 4%
}

.barra_footer{
    margin: 30px 0;
    border-top: 1px solid #B2B5CC;
}

/**** PARA EVITAR QUE CHROME PONGA COLOR DE FONDO EN LOS CAMPOS USUARIO Y CONTRASEÑA AUTOMÁTICAMENTE */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #071a5a inset; /* color de fondo */
  box-shadow: 0 0 0 1000px #071a5a inset;
  transition: background-color 5000s ease-in-out 0s;
}