/*------------------------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;
	color: #999999;
}

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

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

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



/*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;
	}



	/*
	.alert {
		padding: 15px;
		margin-bottom: 0px;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	*/

/*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 */


/***********************************ADMIN SUBCONTRATISTAS***********************************/


/*Montamos el titular, que irá con el nombre del subcontratista seleccionado, que va a ir encima de los tab en adm subcontratistas*/
.callout-subcontratista-seleccionado{
	background-color: #333 !important;
	font-size: 18px; 
	color:#ffffff; 
	text-align: left; 
	/*padding: 7px 10px;*/
	border-left: 0px solid #eee;
	line-height: 2.5;
	margin: 20px 0 0px 0;
}


/*TABS*/

/*Le damos color de borde a los tab que van en la admin subcontratistas. A todo el box*/
.nav-tabs-custom {
    border: solid 1px #999999;
}

/*Al tab seleccionado, a la parte interior, le damos color.*/
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #CCCCCC;
    color: #ffffff;
	font-weight: bold;
	
}

/*Al tab seleccionado, a la parte exterior borde superior, le damos color y tama�o con las siguientes 2 propiedades*/
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #999999;
}
.nav-tabs-custom>.nav-tabs>li {
	border-top: 6px solid transparent;
}




/*Le damos color al boton para crear un nuevo operario*/


.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;
}


/*   PANTALLA DE PLANTILLAS    */

.h3-plantillas {
	margin-top: 5px;
    margin-bottom: 5px;
	font-size: 18px;
}

#plantillas_listado_plantillas a {
	color: #0000E6 !important;
}


/*   FIN: PANTALLA DE PLANTILLAS    */

/*el label de los checkbox lo queremo en negrita*/
.checkbox>label{font-weight: bold;}



/***********************************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;
}
	


/*Añadimos los siguientes 3 para los filtros del encabezado del datatable*/
.filters select, .filters input {
	color: #ffffff;
    background: #0000E6;
	height: 30px;
}

::placeholder {
	color: #d7d3d3;
	opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
	color: #d7d3d3;
  }