@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "bebas_neue";
	src: 
		url("../fonts/bebas_neue/BebasNeue-Regular.eot") format('embedded-opentype'),
		url("../fonts/bebas_neue/BebasNeue-Regular.ttf") format('truetype'),
		url("../fonts/bebas_neue/BebasNeue-Regular.woff2") format('woff2'),
		url("../fonts/bebas_neue/BebasNeue-Regular.woff") format("woff"),
		url("../fonts/bebas_neue/BebasNeue-Regular.otf") format("opentype");
	/* url("") format("svg"); */
}
@font-face {
	font-family: "open_sans";
	src: 
		url("../fonts/open_sans/OpenSans-Regular.ttf"),
		url("../fonts/open_sans/OpenSans-Bold.ttf"),
		url("../fonts/open_sans/OpenSans-Light.ttf");
	/* url("") format("svg"); */
}
@media print {
	.hide-print{
		display: none!important;
	}
}

/* -- Reset --*/
body{
	font-family: 'open_sans';
}
.max-width{
	max-width:1920px!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
section.content{
	margin:0px 15px 20px 15px;
	padding:0px 0px 0px 0px;
}
.text-lg{
	font-size:16px;
}
.text-xl{
	font-size:18px;
}
.text-xs{
	font-size:12px!important;
}
.text-xs-10{
	font-size:10px!important;
}
.content-wrapper{
	background:none!important;
	min-height:83.6vh;  /*96.3vh*/
}
.skin-blue .wrapper{
	background:none!important;
	height:auto!important;
}
.content-header{
	background: #fff!important;
	padding: 10px!important;
	margin:130px 15px 15px 15px;
}
.content-header h1{
	font-size: 18px!important;
	font-weight: 600;
}
.form-control{
	background-color:#FBFBFB;
	border-radius: 0.25rem!important;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus{
	background-color: #ffffff!important;
}
/* --- buttons --- */
.btn-primary{
	background-color: #007bff;
	border: 1px solid #007bff;
}
.btn-primary:hover{
	background-color: #0064D0;
	border: 1px solid #0064D0;
}
.btn, .btn:after{
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-submit, .btn-clear, .btn-delete{
	padding-right: 60px;
	padding-left: 20px;
}
.btn-submit:after, .btn-clear:after, .btn-delete:after{
	color:#fff;
	/*height: 21px;*/
	width: 41px;
	font: normal normal normal 14px/1 FontAwesome;
	position:absolute;
	padding-top:10px;
	padding-bottom: 9px;
	margin-top: -6px;
	border-radius: 0px 5px 5px 0px;
	margin-left: 20px;
}
.btn-submit:after{
	background:#008d4c;
	content: "\f054";
}
.btn-clear:after{
	background:#0064D0;
	content: "\f021";
}
.btn-delete:after{
	background:#d73925;
	content: "\f00d";
}
.btn-submit:hover, .btn-clear:hover, .btn-delete:hover{
	padding-left: 30px;
	padding-right: 50px;
}
.btn-submit:hover:after, .btn-clear:hover:after, .btn-delete:hover:after{
	margin-left:0px;
}
.btn-submit-blue{
	color:#fff;
	border-color:#003458;
	background:#003458;
}
.btn-submit-blue:after{
	background:#003458;
}
.btn-submit-blue:hover, .btn-submit-blue:hover:after, .btn-submit-blue.focus{
	color:#fff;
	border-color:#003458!important;
}
.btn{
	display: inline-block!important;
}

.btn-back{
	padding-right: 30px;
	padding-left: 60px;
}
.btn-back:before{
	color:#fff;
	/*height: 21px;*/
	width: 41px;
	font: normal normal normal 14px/1 FontAwesome;
	position:absolute;
	padding-top:10px;
	padding-bottom: 9px;
	margin-top: -6px;
	border-radius: 0px 5px 5px 0px;
	margin-left: -60px;
}
.btn-back:before{
	background:#008d4c;
	content: "\f053";
}
.btn-back:hover{
	padding-left: 50px;
	padding-right: 40px;
}
.btn-back:hover:before{
	margin-left:-40px;
}
/* --- Box --- */
.box .box-header{
	/* background: #069;*/
	/* background: #0073b7; */
	/*background: #007bff;*/
	/*background: #003458;*/
	/*background-image: linear-gradient(to bottom, #027bb8 0%, #006699 100%);*/
	color:#fff;
	border-radius: 5px 5px 0px 0px;
	padding: 10px 10px 10px 15px;
	border-top:0px!important;
}
.box.box-primary .box-header{
	background: #007bff;
}
.box .box-header .box-title{
	font-size: 1.1em;
	font-weight: 400!important;
}
.box{
	border-top:none;
	border-radius: 5px;
	box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)!important;
}	
.box .table th{
	text-align: center;
	/*background:#2c3b41!important;*/
	/*color: #fff!important;*/
	/*background:transparent;*/
	color: #2c3b41;
	font-weight:600!important;
	font-size: 11px!important;
	vertical-align:middle;
}
.box-shadow{
	box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)!important;
}
.box-shadow-inner{
	box-shadow: -1px 1px 9px 5px rgba(0,0,0,0.14) inset;
	-webkit-box-shadow: -1px 1px 9px 5px rgba(0,0,0,0.14) inset;
	-moz-box-shadow: -1px 1px 9px 5px rgba(0,0,0,0.14) inset;
}
.box .overlay, .overlay-wrapper .overlay{
	background: rgba(255, 255, 255, 1)!important;
}
.box .overlay i{
	font-size:32px!important;
}
fieldset, input[type=file]{
	border: 0px solid #000!important;
}

/* --- DataTabales --- */
.dataTables_wrapper .options .btn-xs, .options .btn-xs{
	font-size: 0.75em!important;
	border-radius: 3px;
}
.dataTables_wrapper{
	background: #f8f8f8 !important; 
	/* background-image: linear-gradient(to bottom, #ebebeb 0%, #e1e1e1 100%); */
	padding: 10px 10px 5px 10px;
}
.dataTables_wrapper table{
	border-collapse:separate; 
	border-spacing:0 6px; 
}
.dataTables_wrapper tbody tr{
	border-radius: 5px;
}
.dataTables_wrapper tbody tr td{
	background: #fff;
	/*border-top: 5px solid #f8f8f8;
	border-bottom: 5px solid #f8f8f8;*/
	font-size: 11px;
	vertical-align:middle!important;
}
.dataTables_wrapper tbody tr td:first-child{
	border-radius: 5px 0px 0px 5px!important;
}
.dataTables_wrapper tbody tr td:last-child{
	border-radius: 0px 5px 5px 0px!important;
}
.dataTables_wrapper tbody tr.bg-success{
	background-color: rgba(40, 167, 69, 0.0)!important;
}
.dataTables_wrapper tbody .bg-success td{
	background-color: rgba(40, 167, 69, 0.1)!important;
	border-top:1px solid #28a745!important;
	border-bottom:1px solid #28a745!important;
}
.dataTables_wrapper tbody .bg-success td:first-child{
	border-left:1px solid #00a65a!important;
}
.dataTables_wrapper tbody .bg-success td:last-child{
	border-right:1px solid #00a65a!important;
}
.dataTables_wrapper tbody .bg-danger td{
	background: #fff9f8!important;
	border-top:2px solid #ffbac1!important;
	border-bottom:2px solid #ffbac1!important;
}
.dataTables_wrapper tbody .bg-danger td:first-child{
	border-left:2px solid #ffbac1!important;
}
.dataTables_wrapper tbody .bg-danger td:last-child{
	border-right:2px solid #ffbac1!important;
}

.dataTables_wrapper tbody .bg-danger .temp{
	color:#dc3545!important;
}
.dataTables_wrapper tfoot tr th select{
	width: 100%;
}
.dataTables_wrapper .dataTables_paginate{
	padding-top:5px;
}
.dataTables_wrapper .dataTables_paginate .pagination>li>a{
	padding: 5px 10px;
}
.dataTables_wrapper .dataTables_paginate .pagination>.active>a{
	background-color:#007bff!important;
}
/* --- Font --- */
.oswald{
	font-family: 'Oswald', sans-serif;
}
/* --- Footer --- */
.main-footer{
	background: #222d32!important;
	border: 0px solid #000!important;
	color:#fff;
	font-size: 12px;
}
.main-footer a{
	color:#f4f4f4!important;
	text-decoration: underline;
}
.alert{
	box-shadow: 0px 1px 21px -13px rgba(0,0,0,1) inset;
	-webkit-box-shadow: 0px 1px 21px -13px rgba(0,0,0,1) inset;
	-moz-box-shadow: 0px 1px 21px -13px rgba(0,0,0,1) inset;
}
.alert-warning{
	color: #856404!important;
    background-color: #fff3cd!important;
    border-color: #856404!important;
}
.alert-primary{
	border:2px solid #004085;
	color: #004085!important;
    background-color: #cce5ff!important;
    border-color: #b8daff!important;
}
/* --- Login --- */
body.login-page{
	background:url('../images/login/bg-01.jpg')!important;
	background-size: cover;
	height: auto!important;
}
.login-box{
	margin-top:12%!important;
	margin-bottom: auto!important;
}
.login-box .login-box-body{
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0px 0px 31px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 31px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 31px -8px rgba(0,0,0,0.75);
}
.login-box .login-box-body .with-errors{
	font-size: 12px;
	color:#FF6769!important;
}
.login-box .form-group input{
	border-radius: 5px;
	background: #fff;
	color:#000;
}
.login-box .bottom-half{
	background: #f4f4f4 ; /* #0c5c9f */
	padding: 30px 30px 10px 30px;
	border-radius: 0px 0px 10px 10px;
}
.login-box input[type=text], .login-box input[type=password]{
	padding: 10px;
	height: auto;
	font-size: 14px;
}
#btn_to_top {
    padding: 5px 10px;
    background:rgba(0,0,0,0.8);
	border:0px solid #000;
	border-radius: 5px;
    color: #fff;
    position: fixed;
    bottom: 10px;
    right: 5px;
    display: none;
}
.bg-jabil{
	background: #002b49!important;
}
.bg-jabil-gradient{
	background-image: linear-gradient(#00385f, #002b49)!important;
}
.bg-white{
	background-color:#fff!important;
}
.rounded{
	border-radius: 5px;
}
.rounded-bottom{
	border-radius: 0px 0px 10px 10px;
}

.m-1{
	margin:0.25rem;
}
.mt-1{
	margin-top:	0.25rem;
}
.mr-1{
	margin-right:0.25rem;
}
.preloader .fa{
	font-size:5em!important;
	display:block!important;
}
.bg-none{
	background-color: transparent!important;
}