/*
	Theme URI: http://iwp.ph/
	Author: Mark of iWP
	Version: 1.0
	License: GNU General Public License v1
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FONT CSS*/
* {
	
}
@font-face {
	/*font-family: "ArialMT";
	src: url("font/Arial_MT.eot");
	src: local("ArialMT"), url( "font/Arial_MT.ttf" ) format("truetype");*/
}
/*END FONT CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN GLOBAL CSS*/ 
/*END GLOBAL CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN HEADER CSS*/
header.container-fluid {
    margin-top: 52px;
    padding-top: 15px;
}
/*END HEADER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN CONTENT CSS*/

/*END CONTENT CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FOOTER CSS*/
footer {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #D1D1D1;
	background-color: #E6E6E6;
}

/*END FOOTER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FORM CSS*/

/*END FORM CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN GENERIC CSS*/
.red {
	color: #D9534F;
}
	label .red {
		font-weight: bold;
	}
.green {
	color: #5CB85C;
}
.blue {
	color: #337AB7;
}
.light-blue {
	color: #FF0000;
}
.yellow {
	color: #F3E389;
}
.orange {
	color: #F0AD4E;
}
.black {
	color: #000000;
}
.grey {
	color: #777777;
}
.white {
	color: #FFFFFF;
}
/*END GENERIC CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN OVERWRITE BOOTSTRAP CSS*/
div.modal-xl {
	width: 90%;
}
div.modal-sm div.modal-body div.table-responsive {
	min-height: 200px;
	max-height: 300px;
}
div.modal-md div.modal-body div.table-responsive {
	min-height: 250px;
	max-height: 350px;
}
div.modal-lg div.modal-body div.table-responsive {
	min-height: 300px;
	max-height: 400px;
}
div.modal-xl div.modal-body div.table-responsive {
	min-height: 350px;
	max-height: 450px;
}

div.loader-spin {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 2s linear infinite;
}
div.loader-xs {
	width: 20px;
	height: 20px;
}
div.loader-sm {
	width: 30px;
	height: 30px;
}
div.loader-md {
	width: 40px;
	height: 40px;
}
div.loader-lg {
	width: 50px;
	height: 50px;
}
div.loader-xl {
	width: 60px;
	height: 60px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.banner-container{
	margin-top:-15px;
	padding:0;
} 

.carousel-inner > .item > img {
    margin: 0 auto;
	width: 100%;
	margin: 0;
	padding: 0;
}
.carousel-control.left{
	z-index: 999;
}
.carousel-control.right{
	z-index: 999;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loading.gif') 50% 50% no-repeat transparent; 
}
input[type='number'] {
  appearance: textfield !important;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button,
input[type='number']:hover::-webkit-inner-spin-button, 
input[type='number']:hover::-webkit-outer-spin-button {
	-webkit-appearance: none !important; 
	 margin: 0 !important; 
}
input[type=number] {
-moz-appearance: textfield;
}

.counter_table {
    counter-reset: rowNumber;
}

.counter_table tr.content td:nth-child(2)::before {
    content: counter(rowNumber);
    counter-increment: rowNumber;
}
/*.counter_table {
	counter-reset: counter;
}

.counter_table tr.aws td {
	counter-increment: counter; 
	content:counter(counter);
}*/

.loader-div {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: fixed;
  top: 40%;  
  left: 48%;
  z-index: 1100000;
}

.loader-div-2 {
	border: 6px solid #f3f3f3; 
	border-radius: 50%; 
	border-top: 6px solid #3498db; 
	width: 50px; height: 50px; 
	-webkit-animation: spin 2s linear infinite; /* Safari */ 
	animation: spin 2s linear infinite;
	margin: 15px auto;
}

.loader-xs-normal {
	border: 3px solid #f3f3f3; 
	border-radius: 50%; 
	border-top: 3px solid #3498db; 
	width: 18px; height: 18px; 
	-webkit-animation: spin 2s linear infinite; /* Safari */ 
	animation: spin 2s linear infinite;
}

.loader-xs {
	position: relative;
	border: 3px solid #f3f3f3; 
	border-radius: 50%; 
	border-top: 3px solid #3498db; 
	width: 18px; height: 18px; 
	-webkit-animation: spin 2s linear infinite; /* Safari */ 
	animation: spin 2s linear infinite;
	margin: 0 auto;
}
.loading_gif {    
	padding: 4px;
    background-image: url("../images/loading_blue.gif");
    background-size: 55px 55px;
    background-position:center;
    background-repeat: no-repeat;
}
.vertical-middle {
	vertical-align: middle;
}
nav ul.pagination li.active a {
	pointer-events: none;
	cursor: default;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*END BOOTSTRAP CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* Smartphone and Tablet view */
@media (min-width: 768px) { /* 768px small */

}

@media (min-width: 992px) { /* 992px medium */

}

@media (min-width: 1200px) { /* 1200px large */

}
/*-------------------------------------------*/
@media (max-width: 1199px) { /* 1200px large */

}

@media (max-width: 991px) { /* 992px medium */
	
}

@media (max-width: 767px) { /* 768px small */
	.hidden-on-small{
		display: none;
	}
}

@media (max-width: 599px) { /* 600px */

}

@media (max-width: 479px) { /* 480px */

}
@media (max-width: 319px) { /* 320px */

}
/*-------------------------------------------*/