/*#fullview {
	 background: url(https://cdn.pixabay.com/photo/2015/07/17/22/43/student-849825_960_720.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/


/* No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}
@media screen and (max-width: 991px){
.navbar .navbar-toggler-bar {

    background: #ffffff!important;
}
}

@media screen and (max-width: 413px){
	.navbar .navbar-brand {
  
    font-size: .8rem!important;
	}
}

label {
	font-size: .7rem;
	margin-bottom: .1rem;
	color: #04040475;
}
.list-group {
	
}
.dropdown-menu {
   
    border: 0 none!important;
    border-radius: 12px!important;
    margin-top: 10px!important;
    padding: 0px!important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

	



.navbar-inner {
    background-color:white!important;
}


.card{
	
}
.navbar .navbar-transparent {
	background-color:white!important;
    box-shadow: none;
    color: #FFFFFF;
}


.panel-header{
	height: 260px;
    padding-top: 80px;
    padding-bottom: 45px;
    background: #141E30;
    background: linear-gradient(to right, #0c2646 0%, #2f82e2a8 60%, #abc1d8 100%);
    position: relative;
    overflow: hidden;
}

.lock-page .navbar.navbar-transparent, .login-page .navbar.navbar-transparent, .register-page .navbar.navbar-transparent {
    border-bottom: 1px solid transparent;
    margin-top: 25px;
}

.navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    padding-top: 10px;
    z-index: 1029;
}
.navbar {
    padding-top: .625rem!important;
    padding-bottom: .625rem!important;
    min-height: 53px!important;
    margin-bottom: 20px!important;
}

.wrapper.wrapper-full-page {
    min-height: 100vh;
    height: auto;
}

.full-page.section-image {
    position: static;
}

.section-image {
    background-size: cover;
    background-position: 50%;
    position: relative;
    width: 100%;
}
.full-page>.content {
    padding-top: 21vh;
}
.full-page>.content, .full-page>.footer {
    position: relative;
    z-index: 4;
}

.full-page .full-page-background, .full-page:after {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
}

.section-image .card-plain [class*=text-], .section-image .card-plain ul li b, .section-image .footer {
    color: #fff;
}

.full-page .full-page-background, .full-page:after {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
	
}

.full-page .full-page-background {
    background-size: cover;
    background-position: 50%;
}

.btn-huge{
    padding-top:35px!important;
    padding-bottom:35px!important;
	box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.27);

}
.card {
	  border-radius: 12px!important;
	  border: 0 none!important;
}

.sidebar .nav li>a, .off-canvas-sidebar .nav li>a {
    margin: 10px 15px 0;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: none!important;
    cursor: pointer;
    font-size: 15px!important;
    padding: 10px 8px;
    line-height: 30px;
    opacity: .7;
}

.main-panel>.content {

    min-height: calc(100vh - 165px)!important;

}
.main-panel {

	background: #f1f6f9
}

.table .thead-primary th {
    color: #fff;
    background-color: #313131;
    border-color: #313131;
	font-size: .7rem;
}

.table .thead-primary th {
    color: #fff;
    background-color: #313131;
    border-color: #313131;
	font-size: .7rem;
}

element.style {
}
.navbar .navbar-toggler .navbar-toggler-bar.navbar-kebab {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 0 auto;
}

.navbar.navbar-transparent {
         background-color: #26658e !important;
}

.navbar.navbar-transparent .nav-item .nav-link:not(.btn) {
    color: #ffffff!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #26648e!important;
}

.btn-primary {
    color: #fff;
    background-color: #313131!important;
    border-color: #313131!important;
}




.ui-widget-header {
    border: 1px solid #aaa;
    /* background: #232323 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; */
    color: #ffffff!important;
    background: #26658e!important;
    font-weight: normal!important;
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 
    color: #e6e6e6!important;
    background: #4f7997!important;
}

.modal-header{
	background: #26658e;
    color: white;
}
.close {
   
    font-weight: 400!important;
    color: #fff!important;
   
    opacity: 1;
}

#employ-table{
	table-layout: fixed;
}

.search-btn1{
	margin-top: 0px;
    height: calc(3rem + 2px)!important;
    width: calc(5rem + 2px)!important;
}
.hidden-select{
	width: auto;
}
.search-type{
	height: calc(3rem + 2px)!important;
}

.card-header-info{
	color: white;
	padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #313131;

}
.card-header-info h5{
	    margin-bottom: 0;
		
}

.emp-names{
	    height: auto;
}
.table-wrapper-scroll-x{
	overflow-x: auto;
}

.btn-emp {
	    padding: 1rem!important;
}

.form-group .form-control, .input-group .form-control {
   padding: 5px 5px!important;
   font-size: .7rem;
   height: calc(1.8rem + 2px)!important;
}

.page-item.active .page-link {
    background-color: #313131!important;
    border-color: #313131!important;
}
.page-link {
	color: #26658e;
}
.bg-white {
	background-color: #26658e !important;
}
.time-min th {
	min-width: 100px;
}

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; background-color: #26648e;
    color: white;}
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; background-color: #26648e; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }




/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}
.navbar.navbar-transparent {
	    border-bottom: none;
}
.login-link{
	color: #26648e;
}

td [data-header*="DAY" ] {
	background-color #26648e;
}

@media screen and (max-width: 769px){
    .nav-tabs > li{
    display:block;
    width:100%;
    }
}

.navbar.bg-white a:not(.dropdown-item):not(.btn) {
    color: #ffffff;
}

.nav-pills .nav-link {
    color: #26658e;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0093f7!important;
}
.pad-r{
	  padding-right:1.5rem;
  }
  
.bg-red{
        background-color: #313131!important;
		    border-radius: 12px!important;
  }
  
.box-part {
    background: #fff;

    padding: 60px 10px;
    margin: 30px 0px;
	box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
}
.box-part .manager-link	{
	font-size: 1.3rem;
	 color: #313131;
    font-weight: 300;
	
}
.box-part .fas-manager{
	font-size: 3rem;
	 color: #313131;
}

.box-part .title .fa-hand-holding-usd{
	font-size: 3rem;
	 color: #313131;
}

.box-part .title{
	padding-bottom: .9rem;
}
body {
	font-size: .8rem
}
.btn {
	font-size: .7rem;
}
.payroll-tbl>td{
	font-size: .7rem;
}
.table>tbody>tr>td{
	padding: 2px 7px;
	font-size: .7rem;
	
}
th.hide{
	display: none;
}
td.hide{
	display: none;
}
.btn-save{
	color: #fff;
    background-color: #26648e;
    border-color: #26648e;
	
}
.save-filter{
	height: calc(1.7rem + 2px)!important;
    font-size: .7rem;
}

.select2-container--default .select2-selection--single {
	    border: 1px solid #ced4da!important;
		height: calc(1.8rem + 2px)!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px!important;
    font-size: x-small;
}

.input-group-prepend .input-group-text {
    height: calc(1.8rem + 2px)!important;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(1.8rem + 2px)!important;
	font-size: .7rem;
}
.table-inputs .table-child-input {
	 height: calc(1.8rem + 2px)!important;
	 font-size: .7rem;
}
.form-control{
	 height: calc(1.8rem + 2px)!important;
	 font-size: .7rem;
}

.yadcf-filter-wrapper{
	margin-left: 20px;
}

.dataTable tbody .selected{
	background-color: #26658e3b;
}

#time-record-tbl tbody tr td, #time-record-tbl tbody tr td input {
	font-size: .7rem;
} 

#time-record-tbl tbody tr td button{
	font-size: .5rem;
}

#time-record-tbl thead tr th{
	font-size: .6rem;
}

div.emp-info{	
	font-size: .7rem;
}