@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

/*===========================================
	
	style.css

	+ + + + + + + + + + + + + +

	Eenda Works,
	Agencia de Marketing Online
	www.eenda-works.com

===========================================*/


Body{
	font-family:'Open Sans', Helvetica, Arial, Sans-serif;
	font-size:0.9em;
}

.baja{
	background: #db4b47;
	color: #ffffff;
}

.body-auth{
	background:#f5f5f5;
}

.card-heading {
    background: rgba(0, 153, 255, 0.60);
    color: #ffffff;
    padding: 8px 15px;
    font: normal 700 1em 'Open Sans', Helvetica, Arial;
    text-transform: uppercase;
}

.checkbox > label{
	cursor:pointer;
}

	.checkbox > label > input{
		position:relative;
		top:-1px;
	}
	
.form-text{
	color:rgba(0, 0, 0, 0.45);
}

.form-group .form-text:before,
.custom-file .form-text:before{
	padding-right:5px;
	font-family:'FontAwesome';
	content:'\f05a';
}

.form-group .form-text strong:before,
.custom-file .form-text strong:before{
	padding:0 5px;
	content:"/";
	font-weight:normal;
}

	.form-group .form-text strong:first-child:before,
	.custom-file .form-text strong:first-child:before{
		padding:0;
		content:"";
	}

.form-text a{
	text-decoration: none;
}

label.required:before{
	content: "*";
    position: relative;
    top: 2px;
    padding: 0 5px 0 0;
    font: 700 1em Arial,Verdana,Tahoma;
    color: #ff0000;
}


	
	
/*=======================================
	
	DataTables
	
=======================================*/

.dataTables_wrapper > .row:first-child{
	padding:8px 15px 0 15px;
	background:rgba(0, 153, 255, 0.50);
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.dataTables_wrapper > .row:nth-child(3){
	padding:8px 15px 0 15px;
	margin:20px 0 0 0 !important;
	border-top:1px solid rgba(0, 0, 0, 0.12);
	color:rgba(0, 153, 255, 0.35);
}

	.dataTables_wrapper .table.dataTable{
		margin:0 !important;
	}
	
	.dataTables_wrapper div.dataTables_length label,
	.dataTables_wrapper div.dataTables_filter label{
		font-size:0.8em;
	}
	
	.dataTables_wrapper div.dataTables_length label select{
		font-size:1em;
	}


	
	
/*=======================================
	
	Parsley Error
	
=======================================*/

.parsley-errors-list{
	display: none !important;
}

.parsley-error{
	background:#fcc;
	border-color:#ff0000 !important;
}


	
	
/*=======================================
	
	Jquery Modal
	
=======================================*/

.blocker .modal{
	z-index:5;
	padding: 25px;
	max-width:380px;
	overflow: visible !important;
	border-radius:0.25rem;
	-moz-border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
}

	.blocker .modal a.close-modal{
		width: 35px; height: 35px;
	    top: -15px; right: -15px;
		background: url(../images/modal-close.png) no-repeat center;
		background-size: contain;
	}
	
	.blocker .modal h3{
		margin:0 0 8px 0;
		padding:0;
		font:700 1.3em 'Open Sans', Helvetica, Arial;
		color:#333333;
		text-transform: uppercase;
	}
	
	.blocker .modal p{
		font:400 1em 'Open Sans', Helvetica, Arial;
		color:#333333;
	}


	
	
/*=======================================
	
	Header
	
=======================================*/


#auth{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100%;
}


	
	#auth .logo{
		padding-bottom:2px !important;
		border:0 !important;
	}	
	
	#auth .logo span{
		color:#ffffff;
	}

	#auth .auth-header{
		position:relative;
		margin-bottom: -3rem;
		padding: 6rem 1.25rem 3rem 1.25rem;
		width: 100%;
		background-color: #0099ff;
		color: #fff;
		text-align: center;
		background-size: cover;
	}
	
	#auth .auth-header p{
		font-size:0.9em;
	}
	
		#auth .auth-header p a{
			color:#ffffff;
			text-decoration: underline;
		}
	
	#auth form.validate{
		position:relative;
		z-index:1;
		padding: 3rem 2rem 2rem;
		width:100%;
		background: #fff;
		border-radius: .25rem;
		-webkit-box-shadow: 0 0 0 1px rgba(61,70,79,.05), 0 1px 3px 0 rgba(61,70,79,.15);
		box-shadow: 0 0 0 1px rgba(61,70,79,.05), 0 1px 3px 0 rgba(61,70,79,.15);
	}
	
	#auth canvas.particles-js-canvas-el{
		position: absolute;
		top: 0; left: 0;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		pointer-events: none
	}
	
	#auth .custom-checkbox{
		margin-bottom:1rem;
	}
	
	
	#auth form.validate p{
		margin:0;
		font-size:1em;
		text-align: center;
	}
	
	.auth-footer{
		padding:1rem;
		font-size:0.9em;
		color:#333333;
	}
	
		.auth-footer a{
			color:#333333;
		}


/*=======================================
	
	Header
	
=======================================*/

#header-top{
	padding:15px 0;
	background:#0099ff;
	font:normal 400 0.9em 'Open Sans', Helvetica, Arial;
	color:#ffffff;
}
	
	#header-top .nav-item{
		padding:0 10px;
	}
	
		#header-top .nav > li:first-child{
			padding-left:0;
		}
		
		#header-top .nav > li:last-child{
			padding-right:0;
		}

	#header-top .nav-item > .identity{
		padding:2px 10px;
		background:rgba(255, 255, 255, 0.25);
		color:rgba(255, 255, 255, 1);
		border-radius:4px;
	}
	
	#header-top .nav-link{
		padding:0;
		color:rgba(255, 255, 255, 0.75);
		transition:all 0.2s;
	}
	
	#header-top .nav-link:hover{
		color:rgba(255, 255, 255, 1);
	}
	
	#header-top .nav-divider{
		padding:0;
		color:rgba(255, 255, 255, 0.25);
	}

#header{
	padding:20px 0;
}

	#header .logo,
	#auth .logo{
		display:block;
		border:1px solid #e2e2e2;
		padding:10px;
		font:800 3em 'Open Sans', Helvetica, Arial;
		color:#333333;
		text-align: center;
		text-transform: uppercase;
		line-height: 35px;
	}

	#header .logo:hover,
	#auth .logo:hover{
		text-decoration:none
	}
	
	#header .logo > span{
		color:#0099ff;
	}
	
	#header .logo > small{
		display:block;
		margin:3px 0 0 0;
		font:300 0.30em 'Open Sans', Helvetica, Arial;
		text-align: center;
		text-transform: none;
	}


/*=======================================
	
	Navbar
	
=======================================*/

#navbar{
	padding:0;
	background:#333333;
}

	#navbar .navbar-toggler{
		margin:5px;
		width:100%;
		background:transparent;
		text-align: left;
	}
	
		#navbar .navbar-toggler .navbar-toggler-icon{
			float:left;
			padding:5px 0 0;
			width:100%;
			font-size:0.9em;
			color:rgba(255, 255, 255, 1);
		}

	#navbar .navbar{
		padding:0;
	}

	#navbar .nav-link{
		padding:15px;
		font:normal 400 1em 'Open Sans', Helvetica, Arial;
		color:#ffffff;
		transition:all ease-in 0.2s;
	}

	#navbar .nav-link:hover,
	#navbar .nav-item.show{
		background:rgba(255, 255, 255, 0.05);
	}
	
	#navbar .nav-item.dropdown > .dropdown-menu{
		margin:0; padding:0;
		background:#0099ff;
		border:0;
		border-radius:0px 0px 4px 4px;;
		-moz-border-radius:0px 0px 4px 4px;
		-webkit-border-radius:0px 0px 4px 4px;
	}
	
		#navbar .nav-item.dropdown > .dropdown-menu > .dropdown-divider{
			margin:0;
		}
	
		#navbar .nav-item.dropdown > .dropdown-menu > .dropdown-item{
			padding:6px 15px;
			color:rgba(255, 255, 255, 1);
			border-bottom:1px solid rgba(255, 255, 255, 0.15);
		}
	
		#navbar .nav-item.dropdown > .dropdown-menu > .dropdown-item:last-child{
			border-bottom:none;
		}
	
		#navbar .nav-item.dropdown > .dropdown-menu > .dropdown-item:hover{
			background:rgba(255, 255, 255, 0.5);
			color:#333333;
		}


	
	
/*=======================================
	
	Footer
	
=======================================*/

#footer{
	padding:20px 0;
	background:#f5f5f5;
	font:400 0.9em 'Open Sans', Helvetica, Arial;
}

	#footer a{
		color:#333333;
		text-decoration: none;
	}
	
	#footer a.fas{
		padding:5px 9px;
		background:rgba(0, 0, 0, 0.12);
		font-size:0.8em;
		color:rgba(0, 0, 0, 0.30);
	}


/*=======================================
	
	Body
	
=======================================*/

#body{
	margin:0 0 45px 0;
	padding:35px 0;
}

	#body .panel-default > .panel-heading{
		padding:15px 15px;
		background:#0099ff;
		font:normal 700 1em 'Open Sans', Helvetica, Arial;
		color:#ffffff;
	}
	
	#body .panel-default .btn-accion{
		float:right;
		padding:3px 12px;
		background:#333333;
		font:normal 400 0.8em 'Open Sans', Helvetica, Arial;
		color:#ffffff;
		border:0;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	
	#body .panel-default thead{
		background:rgba(0, 153, 255, 0.25);
	}
	
		#body .panel-default thead th{
			border:0;
		}
	
		#body .panel-default .w-action{
			width:45px;
			border-left:1px solid #ffffff;
		}
			#body .panel-default .table-hover tbody tr:hover .w-action{
				background:#e2e2e2;
			}
	
		#body .panel-default .w-action .fas{
			font-size:1.09em;
			text-decoration: none;
		}
			#body .panel-default .table-hover tbody tr:hover .w-action .fas{
				color:#333333;
			}
			
	#body .panel-default .panel-body{
		padding:12px;
		background:rgba(0, 153, 255, 0.25);
	}
			
		#body .panel-default .panel-body .card{
			padding:0;
			border-radius:0;
			-moz-border-radius:0;
			-webkit-border-radius:0;
		}

		#body .panel-default .panel-body .card-header{
			background:rgba(0, 153, 255, 0.45);
			color:#333333;
			border-radius:0 !important;
			-moz-border-radius:0 !important;
			-webkit-border-radius:0 !important;
		}

		#body .panel-default .panel-body .card-body{
			background:rgba(0, 153, 255, 0.15);
		}
		
	#body #lang-tabs{
		background:rgba(0, 153, 255, 0.50);
		border-top:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
	}
		
	#body #lang-tabs > li > a{
		padding:8px 15px;
		background:rgba(0, 153, 255, 0.30);
		font:normal 700 0.7em 'Open Sans', Helvetica, Arial;
		color:rgba(255, 255, 255, 0.50);
		text-transform: uppercase;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius: 0;
	}
		
	#body #lang-tabs > li > a.active{
		background:rgba(0, 153, 255, 0.60);
		color:#ffffff;
	}




/*===========================================
	
	Responsive Text Align
	
===========================================*/

@media (max-width: 767px){
    
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs{
        text-align: inherit;
    }
    
    .text-left-xs{
        text-align: left;
    }
    
    .text-center-xs{
        text-align: center;
    }
    
    .text-right-xs{
        text-align: right;
    }
    
    .text-justify-xs{
        text-align: justify;
    }
    
}

@media (min-width: 768px) and (max-width: 991px){
    
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm{
        text-align: inherit;
    }
    
    .text-left-sm{
        text-align: left;
    }
    
    .text-center-sm{
        text-align: center;
    }
    
    .text-right-sm{
        text-align: right;
    }
    
    .text-justify-sm{
        text-align: justify;
    }
    
}

@media (min-width: 992px) and (max-width: 1199px){
    
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md{
        text-align: inherit;
    }
    
    .text-left-md{
        text-align: left;
    }
    
    .text-center-md{
        text-align: center;
    }
    
    .text-right-md{
        text-align: right;
    }
    
    .text-justify-md{
        text-align: justify;
    }
    
}


@media (min-width: 1200px){
    
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg{
        text-align: inherit;
    }
    
    .text-left-lg{
        text-align: left;
    }
    
    .text-center-lg{
        text-align: center;
    }
    
    .text-right-lg{
        text-align: right;
    }
    
    .text-justify-lg{
        text-align: justify;
    }
    
}




/*===========================================
	
	Media Queries
	
===========================================*/

/* MD Screen */
@media (min-width:992px) and (max-width:1199px){

	

}

/* SM Screen */
@media (min-width: 768px) and (max-width: 991px){
	
	
	
}

/* XS Screen */
@media screen and (max-width: 768px){
	
	#header-top .nav.justify-content-end{
		justify-content:center !important;
		-ms-flex-pack: center !important;
	}
	
	.dataTables_length{
		display:none;
	}
	
}