/*------------------------MENU SUPERIOR------------------------*/

	/*Ubicacion logo, lo elevamos*/
	.main-header .logo-mini>img, .main-header .logo-lg>img {
		border: 0;
		padding-bottom: 4px !important;
	}

	/*Añadimos borde inferior al menu superior*/
	.skin-blue-light .main-header {
		border-bottom: 2px solid #D1CDCD;
	}


	/* A la barra superior izquierda que incluye logo, le damos el mismo color de fondo para homogeneizar */
	.skin-blue-light .main-header .logo {
		background-color: #ffffff;
	}
	.skin-blue-light .main-header .logo:hover{
		background-color: #ffffff;
	}


	/* A la barra superior central que incluye la hamburguesa, le damos el mismo color de fondo para homogeneizar */
	.skin-blue-light .main-header .navbar {
		background-color: #ffffff;
	}


	/*le damos color a la hamburguesa*/
	.skin-blue-light .main-header .navbar .sidebar-toggle {
		color: #878787;
	}
	/*le damos color a la hamburguesa en hover*/
	.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
		color: #878787;
		background-color: #ffffff;
	}


	/*Damos color a los textos del menu superior*/
	.skin-blue-light .main-header .navbar .nav>li>a {
		color: rgb(0, 0, 230);
	}
	/*Damos color a los textos del menu superior en hover*/
	.skin-blue-light .main-header .navbar .nav>li>a:hover {
		color: rgb(0, 0, 230);
		background-color: #EBEBEB;
	}

	/*Damos color a los textos del menu superior cuando están activos (mismo que en hover)*/
	.skin-blue-light .main-header .navbar .nav>.active>a{
		color: rgb(0, 0, 230);
		background-color: #EBEBEB;
	}


	/*Damos color a los textos del menu superior cuando se hace click*/
	.skin-blue-light .main-header .navbar .nav .open>a{
		color: rgb(0, 0, 230) !important;
		background-color: #EBEBEB !important;
	}


	/*Damos color a los textos del menu superior, nivel2, cuando están activos*/
	.menu>.active>a{
		color: rgb(0, 0, 230);
		background-color: #EBEBEB !important;
	}

	/*Damos color a los textos del menu superior, nivel2, al hacer hover*/
	.menu>li>a:hover {
		background-color: #EBEBEB !important;
	}

	/*CREAMOS ESTA CLASE PARA AÑADIR EL TITULO DE LA APP*/
	.center-navbar{
		display: block; 
		text-align: center; 
		color: #000;
		padding: 5px; 
		font-size: 25px; /*65px;*/
		/* adjust based on your layout */
		margin-left: 50px; 
        margin-right: 300px;
        font-weight: bold;
	  }

/*------------------------FIN: MENU SUPERIOR------------------------*/

/*------------------------MENU LATERAL------------------------*/

/* MENU: Cambiamos el formato de los separadores  */
.skin-blue-light .sidebar-menu>li.header {
	background: #999999;
	font-weight: bold;
	color: #ffffff !important;
	font-size: 15px;
}


/* Item de primer nivel */
.skin-blue-light .sidebar-menu>li:hover>a, 
.skin-blue-light .sidebar-menu>li.active>a {
    color: #000;
    background: #EBEBEB;
    border-left-color: #999999;
}


/* Item de segundo nivel */
.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #F5F5F5;
    padding-left: 25px;
}

/*------------------------FIN: MENU LATERAL------------------------*/



/*------------------------GENERALES------------------------*/


/*Damos un margen superior a todas las lineas en un formulario*/
.row-form { margin-top:10px; }

/*Al simbolo de cargando que utilizamos en las datatable, le damos un tama�o mayor*/
.glyphicon.glyphicon-refresh {
    font-size: 100px;
}

/*Al simbolo glyphicon de cargando, le ubicamos adecuadamente en pantalla*/
.cargando_datatable{
	margin-top:80px; 
	text-align: center; 
}

.datatable-tamano{
	min-height:350px;
	margin-bottom: 20px;
}

/*PIE DE PAGINA: FONDO*/
.main-footer {
    background: #f9fafc;
}

.alert-info{
    background:#999999 !important;
	color: #FFFFFF !important;
	border-color: #999999;
}


/* color de los items del select2 multiple*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #999999;
	border-color: #999999;
}

/* BORDE SUPERIOR DEL TAB ACTIVO EN MIS FICHEROS */
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: rgb(0, 0, 230);
}


/*RECUADROS BOX. Cambiamos el color de fondo y le damos formato al título */

/*Hay 4 tipos de recuadro (box-primary,box-danger,box-warning,box-success). 
Sólo necesitamos cambiar el color al primary, porque no coincide con el del menu.
Los otros tal cual vienen
*/

	/*PRIMARY*/
	.box.box-primary {
		border-top-color: #333;
	}

	.box.box-solid.box-primary>.box-header {
		color: #fff;
		background-color: #333;
	}

	/*PRIMARY*/
	.box.box-solid.box-primary {
		border: 1px solid #333;
	}

	/*LA LETRA SIEMPRE IGUAL INDEPENDIENTEMENTE DEL TIPO DE BOX (box-primary,box-danger,box-warning,box-success)*/
	.box.box-solid>.box-header>h3 {
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff !important;
		margin: 0;
		line-height: 1;
	}


	/*BOX PARA DIFERENTES NIVELES. NIVEL 0 ES PRIMARY, A�ADIMOS LOS SIGUIENTES 2 NIVELES, QUE SON PARA "OPERARIOS" Y PARA "OCUMENTACI�N DE OPERARIOS"*/

	.box-admininstracion-subcontratistas-bg-nivel1{
		background-color: #B4B4B4 !important;
	}

	.box-admininstracion-subcontratistas-bg-nivel2{
		background-color: #CCCCCC!important;
	}

	.box-admininstracion-subcontratistas-borde-nivel1 {
		border: 1px solid #B4B4B4;
	} 

	.box-admininstracion-subcontratistas-borde-nivel2 {
		border: 1px solid #CCCCCC;
	} 

	/*Los siguienets 2 van dentro del panel de gestion de ficheros*/
	/*En gestion de ficheros, el titulo de los documentos, sólo el texto que va en el porque el color del recuadro es en base a la situacion de los docs*/
	.box-title-gestion-ficheros-documentos{
		display: inline-block;
		font-size: 14px;
		margin: 0;
		line-height: 1;
	}

	/*En gestion_ficheros, a los collapse de documentación del subcontratista les reducimos la altura que tienen*/
	.box-header-gestion-ficheros-subcontratista{
		padding: 4px;
	}
	/*En gestion_ficheros, al link del collapse de documentación del subcontratista le cambiamos el color */
	.box-header-gestion-ficheros-subcontratista a {
		color: #0000E6 !important;
	}


/*FIN: RECUADROS BOX. Cambiamos el color y le damos formato al t�tulo */



/*POP UP MODAL*/


    .modal .modal-header {
        background-color: #ffffff;
        border-bottom: solid 1px #0000E6;
        color: #0000E6 !important;
    }


/*FIN: POP UP MODAL */


/*SIMBOLOS DALTONICOS: PARA CONOCER EL ESTADO DE CADA DOCUMENTO*/

	/*damos color rojo y tamaño a la exclamación que indica que un documento está caducado*/
	.fa-chivato-documento-no-vigente {
		color: #dd4b39;
		font-size: 1.5em;
	}
	/*damos color naranja y tamaño a la exclamación que indica que un documento está caducado pero en la semana de gracia*/
	.fa-chivato-documento-vigente-temporal {
		color: #f39c12;
		font-size: 1.5em;
	}
	/*damos color verde y tamaño a la aspa que indica que un documento está vigente*/
	.fa-chivato-documento-vigente {
		color: #00a65a;
		font-size: 1.5em;
	}

	.fa-link-popup-subir-fichero {
		color: rgb(0, 0, 230);
		font-size: 1.5em;
    }

/*FIN: SIMBOLOS DALTONICOS */

/* BOTONES */

    .btn-nuevo, .btn-refrescar {
        background-color: #0000E6 !important;
        border-color: #ffffff !important;
        color: #ffffff !important;
        border: 1px solid !important;;
    }
    .btn-nuevo:hover, .btn-nuevo:focus, .btn-nuevo:active,
    .btn-refrescar:hover, .btn-refrescar:focus, .btn-refrescar:active
    {
        color: #00FFFF !important;
        border-color: #00FFFF !important;
    }

    /*Cambiamos el color al boton primario*/
    .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
        background-color: #0000E6 !important;
        border-color: #0000E6;
    }

/* FIN: BOTONES */





/***********************************LOGIN***********************************/

/*Formato caja login*/
.login-box-body {
    background: rgba(51, 51, 51, 0.70);
    color: #fff;
}


/*Formato idiomas login*/
.login-box-language {
    margin: 0;
    padding: 0 20px 20px 20px;
    text-align: right;
}

.login-box-language a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

/*Formato logo login*/
.login-box-logo {
    margin: 0;
    text-align: center;
}

/*Formato logo titulo*/
.login-box-title {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-top:50px;
    margin-bottom:30px;
    padding: 0px;
}



/*Formato boton login*/
.login-box-body .btn-primary {
    background-color: rgba(0, 0, 230, 0.60);
    border-color: #ffffff;
    background: transparent;
    margin-top:30px;
    margin-bottom:30px;
}



.form-control:focus {
	border-color: rgba(0, 0, 230, 0.60)  !important;
	box-shadow: none;
}
	


.nav-tabs-custom {
    margin-bottom: 20px;
    background: #eee;
    box-shadow: 0 3px 3px rgba(143, 114, 114, 0.5);
    border-radius: 3px;
}