@charset "utf-8";
/* CSS Document */
@import url(bootstrap.css);
@import url(bootstrap-theme.min.css);
@import url(font-awesome.min.css);

.flex-column,.flex-row{-webkit-box-direction:normal!important}.fixed-bottom,.fixed-top{position:fixed;right:0;left:0;z-index:1030}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.border-0{border:0!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem}.rounded-left,.rounded-top{border-top-left-radius:.25rem}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.rounded{border-radius:.25rem}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.clearfix::after{display:block;content:"";clear:both}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.visible-print-block{display:none!important}.flex-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.flex-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.flex-unordered{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-row{-webkit-box-orient:horizontal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse,.flex-row-reverse{-webkit-box-direction:reverse!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.fixed-top{top:0}.fixed-bottom{bottom:0}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1030}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pr-0,.px-0{padding-right:0!important}.pl-0,.px-0{padding-left:0!important}.pt-0,.py-0{padding-top:0!important}.pb-0,.py-0{padding-bottom:0!important}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.mr-0,.mx-0{margin-right:0!important}.ml-0,.mx-0{margin-left:0!important}.mt-0,.my-0{margin-top:0!important}.mb-0,.my-0{margin-bottom:0!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mr-1,.mx-1{margin-right:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.m-1{margin:.25rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.m-2{margin:.5rem!important}.mr-3,.mx-3{margin-right:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.m-3{margin:1rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.m-4{margin:1.5rem!important}.mr-5,.mx-5{margin-right:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.m-5{margin:3rem!important}.mr-auto,.mx-auto{margin-right:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.p-0{padding:0!important}.pr-1,.px-1{padding-right:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.p-1{padding:.25rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.p-2{padding:.5rem!important}.pr-3,.px-3{padding-right:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.p-3{padding:1rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.p-4{padding:1.5rem!important}.pr-5,.px-5{padding-right:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.p-5{padding:3rem!important}.m-auto{margin:auto!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-white{color:#fff!important}.invisible{visibility:hidden!important}

.visible-print-inline{display:none!important}
@media print{.visible-print-inline{display:inline!important}}
.visible-print-inline-block{display:none!important}
@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}

html {
	position: relative;
	min-height: 100%;
}
body {
	background: url("/images/bgnoise_lg.png") repeat scroll left top;
	/* Margin bottom by footer height */
	margin-bottom: 50px;
	padding:15px;
	font-size: 12px;
}
body.popup-view{
	background-image: none;
	background-color: #fff;
}
img{
	max-width: 100%;
}
a{
	color:#637c17;
}
a:hover{
	color:#000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	
	
}
a,
.btn{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
table{
	width: 100%;
}
table thead{
	background-color:#000;
	color:#fff;
}
.text-center th:not([class]){
	text-align: center;
}


.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td,
.align-middle > thead > tr > th, 
.align-middle > tbody > tr > th, 
.align-middle > tfoot > tr > th, 
.align-middle > thead > tr > td, 
.align-middle > tbody > tr > td, 
.align-middle > tfoot > tr > td{
	vertical-align: middle;
}

form select,
form [type="text"]{
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
form select:last-child{
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
form .table tr td:first-child{
	white-space: nowrap;
}

.container-fluid{
	background-color: #fff;
    /* border: 7px solid #acacac; */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
	min-height:600px;
	padding: 0;
	overflow: hidden;
}

.input-group-addon label{
	margin-bottom:0;
}
.btn-success,
.btn-danger{
	color:#fff !important;
}
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger{
	padding:10px;
}
.green{
	color:#a1c240;
}
.btn-lg{
	min-width:130px;
}


#header{
	padding: 15px;
}
.navbar{
	border:none;
	border-radius:0px;
	margin-bottom: 0;
	z-index: 9999;
}
.navbar-brand{
	height: auto;
	padding: 0;
}

.navbar-inverse .navbar-nav > li > a{
	color: #fff;
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a{
	color: #a1c257;
}

.dropdown-menu {
	position: absolute;
	top: 110%;
	opacity: 0;
	display: block;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	 -moz-transition: all .3s ease;
	  -ms-transition: all .3s ease;
	   -o-transition: all .3s ease;
	      transition: all .3s ease; 
}

.dropdown:hover > ul.dropdown-menu {
	visibility: visible;
	top: 100%;  
	opacity: 1;  
	display: block !important;
}
.collapse.in {
	display: block !important;
}
.dropdown-menu li a{
	padding-left: 20px !important;
	padding-top: 7px;
	padding-bottom: 7px;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.navbar-nav .dropdown-menu > .active > a, 
.navbar-nav .dropdown-menu > .active > a:focus, 
.navbar-nav .dropdown-menu > .active > a:hover{
	background: #a9cf3a;
	color: #000;
}

#content{
	padding: 15px;
}
.huge {
    font-size: 40px;
}
h4.title{
	background: #161616;
	color: #fff;
}
tr[valign="middle"] *{
	vertical-align:middle;
}
.table td.hastable{
	border: medium none;
    padding: 0;
}
.full .input-group-addon label{
	text-align: left;
    min-width: 190px;
}
.input-group-addon + div{
	min-height:40px;
}
.input-group-addon.have-btn{
	background-color: transparent;
    border: medium none;
    padding: 0 0 0 10px;
}
[type="submit"],
.btn-black{
	background-color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    color: #fff;
    padding: 6px;
    
}
.btn-black:hover,
[type="submit"]:hover{
	background-color:#fff;
	color:#000;
}
.btn-black{
	margin-top: 0;
}
tr.title td{
	background-color:#161616;
	color:#fff;
	vertical-align:middle !important;
	padding:6px;
	}
[bgcolor="#161616"]{
	color: #fff;
}
.m-auto{
	margin: auto;
}
.panel-heading{
	padding:20px 15px;
}
.style1 {color: #FFFFFF}
.style2 {color: #FFFFFF;font-size: medium;}
.style3 {color: #FFFFFF}
.style4 {font-size: 20px;}

#footer {
	bottom: 0;
	color: #000;
	position: absolute;
	/* Set the fixed height of the footer here */
	height: 50px;
	left: 0;
	right: 0;
	padding: 15px;
	width: 100%;
}
#footer a{
	color: #000;
}
#footer a:hover{
	color: #637c17;
}

body.login-page{
	background-image: url(/images/payroll-bg.jpg);
	background-size: cover;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	      flex-wrap: wrap;
	margin: 0;
	color: #fff;
	min-height: 100vh;
}
body.login-page .container{
	max-width: 600px;
    margin: auto;
    width: 100%;
}
body.login-page form{
	background-color: rgba(255,255,255,0.7);
	border:solid 3px #11100c;
	border-radius: 15px;
	color: #000;    
	padding:105px 15px 15px 15px;
	margin-bottom: 10px;
}
body.login-page figure{
	margin-bottom: -90px;
}
body.login-page h1{
	text-transform: uppercase;
}
body.login-page .form-control{
	border-color: #aeaeae;
	border-width: 3px;
	border-radius: 14px;
	height: 60px;
}
body.login-page [type="submit"]{
	background-color: rgba(69,72,77,1);
	background-image: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(69,72,77,1)), to(rgba(0,0,0,1)));
	background-image:         linear-gradient(to bottom, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;

	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	min-width: 150px;
	padding:10px 20px;
}
body.login-page [type="submit"]:hover{
	background-position: 0 15px;
}
body.login-page .powered a{
	color: #fff;
}
body.login-page .powered a:hover{
	color: #000;
}

.tooltip-img{
	position:relative;
	cursor:pointer;
	}
.tooltip-img .employee-img{
	background-color: #eee;
    border: 1px solid #dca;
    border-radius: 4px;
    box-shadow: 5px 5px 8px #ccc;
    display: none;
    left: 100%;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 10;
	}
.tooltip-img .employee-img img{
	width: 100%;
}
.tooltip-img .employee-img:before {
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 6px;
    content: "";
    left: -12px;
    position: absolute;
    top: 0;
	}
.tooltip-img:hover .employee-img{
	display:inline;
	}


.total-result{

}
.total-result td{
	
}
.total-result td > div{
	background-color: #ccc;
    border-radius: 3px;
    height: 60px;
    padding: 10px;
    text-align: center;
}
.total-result td > div.total{
	background-color: #000;
	color: #fff;
}
.total-result strong{
	display: block;
}
.total-result span{
	
}

.b-0{
	border: none;
}
.bg-c-t{
	background-color: transparent;
	
}

.info{
	margin-bottom: 30px;
	font-size: 16px;
}
.info h1{
	
}
.info > div{
	
}
.info .status{
	margin-top: 15px;
}
.info .status span{
	border-radius: 15px;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    vertical-align: middle;
}
.info .status label{
    border-radius: 8px 0 0 8px;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    margin: 0;
    vertical-align: middle;
}
.info .status b{
	display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: -3px;
    margin-top: 3px;
    padding: 0 25px;
    vertical-align: middle;
}

.info .status span.bg-success{
	border-color: #5cb85c;
}
.info .status span.bg-info{
	border-color: #5bc0de;
}
.info .status span.bg-danger{
	border-color: #d9534f;
}

.info .status span.bg-success label{
	background-color: #5cb85c;
}
.info .status span.bg-info label{
	background-color: #5bc0de ;
}
.info .status span.bg-danger label{
	background-color: #d9534f;
}


.table.border-0 > thead > tr > th,
.table.border-0 > tbody > tr > th,
.table.border-0 > tfoot > tr > th,
.table.border-0 > thead > tr > td,
.table.border-0 > tbody > tr > td,
.table.border-0 > tfoot > tr > td{
	border: none;
}


.page-header td{
	padding:10px 15px !important;
	}
.page-header h4{
	margin:0;
	}
.col-action,
.col-id,
.col-status{
	width: 10px;
	text-align: center;
	white-space: nowrap;
}

form h4,
.title-bg{
    background-color: #f1f1f1;
      max-width: 860px;
      margin: 20px auto;
      padding: 10px;
      text-align: center;
  }