@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
body{
	font-family: 'Open Sans', sans-serif;
}

@font-face {
  font-family: 'Nunito-Black';
  src: url('fonts/Nunito-Black/Nunito-Black.eot');
  src: url('fonts/Nunito-Black/Nunito-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/Nunito-Black/Nunito-Black.svg#Nunito-Black') format('svg'),
       url('fonts/Nunito-Black/Nunito-Black.ttf') format('truetype'),
       url('fonts/Nunito-Black/Nunito-Black.woff') format('woff'),
       url('fonts/Nunito-Black/Nunito-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito-Bold';
  src: url('fonts/Nunito-Bold/Nunito-Bold.eot');
  src: url('fonts/Nunito-Bold/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Nunito-Bold/Nunito-Bold.svg#Nunito-Bold') format('svg'),
       url('fonts/Nunito-Bold/Nunito-Bold.ttf') format('truetype'),
       url('fonts/Nunito-Bold/Nunito-Bold.woff') format('woff'),
       url('fonts/Nunito-Bold/Nunito-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito-Regular';
  src: url('fonts/Nunito-Regular/Nunito-Regular.eot');
  src: url('fonts/Nunito-Regular/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Nunito-Regular/Nunito-Regular.svg#Nunito-Regular') format('svg'),
       url('fonts/Nunito-Regular/Nunito-Regular.ttf') format('truetype'),
       url('fonts/Nunito-Regular/Nunito-Regular.woff') format('woff'),
       url('fonts/Nunito-Regular/Nunito-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Archive-Regular';
  src: url('fonts/Archive-Regular/Archive-Regular.eot');
  src: url('fonts/Archive-Regular/Archive-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archive-Regular/Archive-Regular.svg#Archive-Regular') format('svg'),
       url('fonts/Archive-Regular/Archive-Regular.ttf') format('truetype'),
       url('fonts/Archive-Regular/Archive-Regular.woff') format('woff'),
       url('fonts/Archive-Regular/Archive-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


.navbar-forestruck{
	margin-bottom: 0;
	background-color: #003b7d;
}

.navbar-forestruck .navbar-header, .navbar-forestruck .navbar-top-links a{
	color: white;
}
.navbar-forestruck .dropdown-menu a{
	color: #333;
}

.navbar-forestruck .nav > li > a:hover,.navbar-forestruck .nav > li > a:focus {
    text-decoration: none;
    background-color: #00336a;
    color: rgba(255,255,255,.6)
}

.dataTables_length{
	float:left;
}
.dt-buttons{
	float:right;
}
.dataTables_filter{
	float:right;
}
.list-group-item{
	padding: 0px;
}
/*Para arreglar tamaño de botones de DataTables con exportacion Html5*/
.dt-buttons.btn-group>.btn{
	font-size:11.5px !important
}

/*Reparan la ubicacion de la toolbar de DataTables en firefox*/
div.DTTT { margin-bottom: 0.5em; float: right; }
div.dataTables_wrapper { clear: both; }

.dataTables_scroll { clear: both; overflow: auto;}
.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

/*
Repara la doble columna para ordenar que aparece
cuando se activa el scrollX de dataTable
*/
div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

table{
	font-size: 12px;
}
div.dt-buttons {
    position: relative;
    float: right !important;
}
div.dt-buttons:before {
    content: "   " !important;
  	white-space: pre !important;
}

.list-group-item{
	padding: 0px;
}

/*Para arreglar tamaño de botones de DataTables con exportacion Html5*/
.dt-buttons.btn-group>.btn{
	font-size:11.5px !important
}

.wideModal > .modal-dialog{
    width: 75%;
}

.extraWideModal > .modal-dialog{
	width: 100%;
}

#tema_mensaje{
	position: fixed;
	top: 0px;
	width: 360px;
	left: calc(50% - 180px);
	border-radius: 0px 0px 5px 5px;
	z-index: 9999999;
	padding: 10px 15px 20px 15px;
	min-height: 12px;
	display: none;
	max-height: 300px;
	overflow-y: auto;
	color: #000;
	/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);*/
}

/*Temas del mensaje*/
/*
//Colores solidos, fuertes
#tema_mensaje.success{
	background-color: #5cb85c;
	border-color: #52ae52;
}
#tema_mensaje.info{
	background-color: #5bc0de;
	border-color: #51b6d4;
}
#tema_mensaje.warning{
	background-color: #f0ad4e;
	border-color: #e6a344;
}
#tema_mensaje.danger{
	background-color: #d9534f;
	border-color: #cf4945;
}
#tema_mensaje.default{
	background-color: #777777;
	border-color: #6d6d6d;
}
*/

#tema_mensaje.success{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
#tema_mensaje.info{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
#tema_mensaje.warning{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
#tema_mensaje.danger{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
#tema_mensaje.default{
	color: #646464;
	background-color: #eeeeee;
	border-color: #a0a0a0;
}

#tema_mensaje>div>#tema_mensaje_cerrar{
	cursor: pointer;
}

/*tema para los menu*/
.no-display{
	display: none !important;
}
#page-wrapper{
	overflow-y:auto;
	position: relative;
}

.dropdown-applications{
	width: 407px;
	color: #333 !important;
}

#tema_icono_cargando{
	font-size: 35px;
	margin-left: 5px; 
}

/*Bienvenida*/
#div_tema_bienvenida{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 99999999;
	color: #fff;
}
#div_creditos{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 99999999;
	color: #fff;
}
.div_tema_bienvenida_mensaje{
	color: #fff;
	position: absolute;
	background-color: #4e87e0;
	border: 1px solid #fff;
	padding: 5px;
	margin: 10px;
}
.btn-white{
	color: #4e87e0;
	background-color: #fff;
}
/*izquierda*/
.div_tema_bienvenida_mensaje[data-position="lt"]:before{
	border-bottom:10px solid transparent;
	border-right:10px solid #4e87e0;
	border-top:10px solid transparent;
	content:"";
	left:-10px;
	position:absolute;
	top:0
}
.div_tema_bienvenida_mensaje[data-position="lc"]:before{
	border-bottom:10px solid transparent;
	border-right:10px solid #4e87e0;
	border-top:10px solid transparent;
	content:"";
	left:-10px;
	position:absolute;
	top:calc(50% - 20px);
}
.div_tema_bienvenida_mensaje[data-position="lb"]:before{
	border-bottom:10px solid transparent;
	border-right:10px solid #4e87e0;
	border-top:10px solid transparent;
	content:"";
	left:-10px;
	position:absolute;
	top:calc(100% - 20px);
}
/*derecha*/
.div_tema_bienvenida_mensaje[data-position="rt"]:before{
	border-bottom:10px solid transparent;
	border-left:10px solid #4e87e0;
	border-top:10px solid transparent;
	content:"";
	left:100%;
	position:absolute;
	top:0
}
.div_tema_bienvenida_mensaje[data-position="rc"]:before{
	border-bottom:10px solid transparent;
	border-left:10px solid #4e87e0;
	border-top:10px solid transparent;
	content:"";
	left:100%;
	position:absolute;
	top:calc(50% - 20px);
}
.div_tema_bienvenida_mensaje[data-position="rb"]:before{
	border-bottom:10px solid transparent;
	border-left:10px solid #4e87e0;
	border-top:10px solid transparent;
	content:"";
	left:100%;
	position:absolute;
	top:calc(100% - 20px);
}
/*top*/
.div_tema_bienvenida_mensaje[data-position="tl"]:before{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #4e87e0;
	content:"";
	left:0px;
	position:absolute;
	top:-10px;
}
.div_tema_bienvenida_mensaje[data-position="tc"]:before{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #4e87e0;
	content:"";
	left:calc(50% - 20px);
	position:absolute;
	top:-10px;
}
.div_tema_bienvenida_mensaje[data-position="tr"]:before{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #4e87e0;
	content:"";
	left:calc(100% - 20px);
	position:absolute;
	top:-10px;
}
/*bottom*/
.div_tema_bienvenida_mensaje[data-position="bl"]:before{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #4e87e0;
	content:"";
	left:0px;
	position:absolute;
	top:100%;
}
.div_tema_bienvenida_mensaje[data-position="bc"]:before{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #4e87e0;
	content:"";
	left:calc(50% - 20px);
	position:absolute;
	top:100%;
}
.div_tema_bienvenida_mensaje[data-position="br"]:before{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #4e87e0;
	content:"";
	left:calc(100% - 20px);
	position:absolute;
	top:100%;
}

.img_modulo{
	opacity: .4;
}

@-webkit-keyframes anim-modulo-opacidad {
    0%   {opacity:.4;}
    100% {opacity:1;}
}

/* Standard syntax */
@keyframes anim-modulo-opacidad {
    0%   {opacity:.4;}
    100% {opacity:1;}
}

.img_modulo:hover{
    -webkit-animation: anim-modulo-opacidad .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function:ease-out;
    animation: anim-modulo-opacidad .5s;
    animation-fill-mode: forwards;
    animation-timing-function:ease-out;
}

#tema_num_notificaciones{
	position:absolute;
	left:1px;
	top:20px;
	font-size:12px; 
	background-color:#dc0d17;
	color:#fff;
	padding: 1px 3px;
	background-image:linear-gradient(#fa3c45, #dc0d17);
	border-radius:7px;
}
.notificacion{
	border-top:1px solid #f5f5f5;
}
.notificacion-no-leida{
	background-color: #ebebeb;
}

#label_fecha_actualizacion{
	position: fixed;
	bottom: 2px;
	left: 2px;
	background-color: rgba(0,0,0,.25);
	color: #fff;
	display: inline-block;
	font-size: 10px;
	padding: 2px;
	z-index: 9999;
}
#label_fecha_actualizacion:empty{
	display: none;
}


/*Pantalla más angostas que 768px*/
@media(max-width:768px) {
	#tema_btn_funcionalidades{
        display: none;
    }

    .dropdown-user{
    	left: 0% !important;
    	width: 210px;
    }
    .dropdown-applications{
    	width: 273px;
    }
    #tema_mensaje{
		/*max-width: 360px;*/
		width: 90%;
		left: 5%;
	}
	#tema_mensaje>div>#tema_mensaje_cerrar{
		font-size: 1.2em;
	}
	#tema_icono_cargando{
		position: fixed;
		z-index: 9999;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background-color: rgba(0,0,0,.5);
		color: #FFF;
		text-align: center;
		padding-top: 45%; 
		font-size: 3.5em;
		margin: 0px;
	}
}