a {
    color: #1ab7ea;
}
.sub-table{
	font-size:11px;
	padding:0px !important;
	
	}
.sub-table td{
	text-align:center !important;
}
label span{
	font-weight:bold;
	color:#333;
	}
.modal .modal-footer{
	padding: 0px 22px;
	}
.small-modal{
	width:35%;
	}
/*.modal .input-field label {
	left: -0.15rem;
}
.modal .row .col {
	padding:0px;
}*/
.pagination li{
	z-index:1001;
	}
.pagination li.active {
    background-color: #1ab7ea;
}
.loginbackground{ background:url(../images/login.jpg) center no-repeat;}
.loginbox{  margin:5% auto;  width:360px;}

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px;
	/*padding: 25px;*/
    /* bottom = footer height */
   
}
footer {
    background-color: orange;
    position: absolute;
    left: 0;
    bottom: 0;
    height:50px;
    width: 100%;
    overflow:hidden;
}



body {
/*	display: flex;
	min-height: 100vh;
	flex-direction: column;*/
}
main {
	flex: 1 0 auto;
	    padding-top: 80px;
}
nav {
	background-color: #1AB7EA;
}
nav .brand-logo {
	position: static;
	padding-left: 10px;
	padding-right: 10px;
}
footer.page-footer {
	background-color: #f00;
	
	
	
}
footer.page-footer .footer-copyright {
	overflow: visible;
	color: #666;
	padding-left: 20px;
	background: #fff;
	border-top: 1px solid #f1f1f1;
	
}
.row{
	margin-bottom:10px;}
	
.dropdown-content{
	top:auto !important;}
.fixwidth{
	width:50px;}
th {
	background: #f1f1f1;
}
table.bordered > thead > tr, table.bordered > tbody > tr {
	border-bottom: 1px solid #f1f1f1;
}
table.bordered > thead > tr:hover, table.bordered > tbody > tr:hover {
	/*background: #f7f8fa;*/
}
.btn, .btn-large {
	background-color: #7ED321;
}
.primary {
	background-color: #1AB7EA;
}
.primary:hover {
	background-color: #3EC2ED;
}

.search {
	background-color: #1AB7EA;
	
}
.search:hover {
	background-color: #1AB7EA;
}

.btn, .btn-large, .btn-flat {
  
    text-transform:capitalize;
     z-index: 1;
}
.card{
	height:180px;
	}
.card-login{
	height:auto !important;
	}
.card-margin{
	margin-left:-10px;}
.link{
	padding:10px;
	line-height:35px;}
hr{
	border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:10px;
	}
input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #1AB7EA;
	box-shadow: 0 1px 0 0 #1AB7EA;
	color:#1AB7EA;
}
input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
	color: #1AB7EA;
}
.input-field .prefix.active {
	color: #1AB7EA;
}
.breadcrumb {
	font-size: 14px;
	color: #7b7b7b;
	padding:10px 20px !important;
}
.input-field .prefix ~ input, .input-field .prefix ~ textarea {
margin-left:0px;
	padding-left:3rem;

}
img.circle {
	width: 42px;
	height: 42px;
	margin:0 10px;
}
.dropdown-content li > a, .dropdown-content li > span {
	color: #1AB7EA;
}

.tabs .tab a {
    color: #1ab7ea;
    display: block;
    height: 100%;
    transition: color 0.28s ease 0s;
    width: 100%;
}
.tabs {
    background-color: #fff;
    height: 48px;
    margin: 0 auto;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.tabs .tab {
    display: block;
    float: left;
    height: 48px;
    letter-spacing: 0.8px;
    line-height: 48px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    text-transform: capitalize;
    width: 15%;
}

.tabs .tab a:hover {
    color: #1ab7ea;
}
.tabs .tab.disabled a {
    color: #f9c9cb;
    cursor: default;
}
.tabs .indicator {
    background-color: #1ab7ea;
    bottom: 0;
    height: 2px;
    position: absolute;
    will-change: left, right;
}
.tabs .tab {
    padding: 0;
}

.margin5{ margin:0 5px;}

img.circlebig{ width:100px; height:100px; margin:0 50px 10px 10px; }
.cameraiconsm{padding: 30px;
    background: url(../images/camera.png) left no-repeat;
    background-size: 20px;
    bottom: -45px;
    position: absolute;
    right: 79px; cursor:pointer;}

.circlebig { border-radius: 50%;}

.borderleft{border-left:solid 1px #d1d1d1 !important;}
.borderright{border-right:solid 1px #d1d1d1 !important;} 

.graycolor{ color:#cccccc; font-size:16px;}
.greencolor{ color:#32a129;}
.redcolor{ color:#d14e43;}


.font12{ font-size:12px}

.cameraicon{ padding-left:30px; background:url(../images/camera.png) left no-repeat; background-size: 20px;}


img.circlemedium{ width:60px; height:60px; margin:6px 10px 10px 10px; }
.circlemedium { border-radius: 50%;}

.smcameraicon{ padding-left:30px; background:url(../images/camera.png) left no-repeat; background-size: 20px; font-size:11px; }


.font22{ font-size:22px;}


@media only screen and (max-width : 992px) {
.pagination {
	width: 100%
}
.pagination li.prev, .pagination li.next {
	width: 10%
}
.pagination li.pages {
	width: 80%;
	overflow: hidden;
	white-space: nowrap
}
}



.parallax-container {
	position: relative;
	overflow: hidden;
	height: 500px
}
.parallax {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1
}
.parallax img {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transform: translateX(-50%)
}
.pin-top, .pin-bottom {
	position: relative
}
.pinned {
	position: fixed !important
}
ul.staggered-list li {
	opacity: 0
}
.fade-in {
	opacity: 0;
	transform-origin: 0 50%
}
.error{
	background:#FFDEEA;
	padding:10px;
	
	color:#F00;
	text-align:center;
	}


/*
@media only screen and (max-width : 600px) {
.hide-on-small-only, .hide-on-small-and-down {
	display: block !important;
}
}



@media only screen and (max-width : 992px) {
.hide-on-med-and-down {
	display: block !important;
}
}


@media only screen and (min-width : 601px) {
.hide-on-med-and-up {
	display: block !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {
	display: block !important;
}
}

@media only screen and (min-width : 993px) {
.hide-on-large-only {
	display: block !important;
}
}
@media only screen and (min-width : 993px) {
.show-on-large {
	display: initial !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {
	display: initial !important;
}
}
@media only screen and (max-width : 600px) {
.show-on-small {
	display: initial !important;
}
}
@media only screen and (min-width : 601px) {
.show-on-medium-and-up {
	display: initial !important;
}
}
@media only screen and (max-width : 992px) {
.show-on-medium-and-down {
	display: initial !important;
}
}
@media only screen and (max-width : 600px) {
.center-on-small-only {
	text-align: center;
}
}


*/


table, th, td {
	border: none
}
table {
	width: 100%;
	display: table
}
table.bordered>thead>tr, table.bordered>tbody>tr {
	border-bottom: 1px solid #d0d0d0
}
table.striped>tbody>tr:nth-child(odd) {
	background-color: #f2f2f2
}
table.striped>tbody>tr>td {
	border-radius: 0px
}
table.hoverable>tbody>tr {
	-webkit-transition: background-color .25s ease;
	-moz-transition: background-color .25s ease;
	-o-transition: background-color .25s ease;
	-ms-transition: background-color .25s ease;
	transition: background-color .25s ease
}
table.hoverable>tbody>tr:hover {
	background-color: #f2f2f2
}
table.centered thead tr th, table.centered tbody tr td {
	text-align: center
}
thead {
	border-bottom: 1px solid #d0d0d0
}
td, th {
	padding: 15px 5px;
	display: table-cell;
	text-align: left;
	
	/*border-radius: 2px*/
}
.weekly-timesheet td{
	vertical-align: top !important;
	}
.weekly-timesheet td{
	padding: 0px !important;
	}
.weekly-timesheet .sub-table td{
	padding: 0px !important;
    white-space: nowrap !important;
	}
.weekly-timesheet, .weekly-equipment{
	font-size:12px;
	}

@media only screen and (max-width : 992px) {
table.responsive-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	display: block;
	position: relative
}
table.responsive-table th, table.responsive-table td {
	margin: 0;
	vertical-align: top
}
table.responsive-table th {
	text-align: left
}
table.responsive-table thead {
	display: block;
	float: left
}
table.responsive-table thead tr {
	display: block;
	padding: 0 10px 0 0
}
table.responsive-table thead tr th::before {
	content: "\00a0"
}
table.responsive-table tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap
}
table.responsive-table tbody tr {
	display: inline-block;
	vertical-align: top
}
table.responsive-table th {
	display: block;
	text-align: right
}
table.responsive-table td {
	display: block;
	min-height: 1.25em;
	text-align: left
}
table.responsive-table tr {
	padding: 0 10px
}
table.responsive-table thead {
	border: 0;
	border-right: 1px solid #d0d0d0
}
table.responsive-table.bordered th {
	border-bottom: 0;
	border-left: 0
}
table.responsive-table.bordered td {
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}
table.responsive-table.bordered tr {
	border: 0
}
table.responsive-table.bordered tbody tr {
	border-right: 1px solid #d0d0d0
}
}

nav .brand-logo {
    left: 50%;
    transform: translateX(0%);
}
.bordered span{
	font-weight:bold;
	}
.noXButton::-ms-clear {
width : 0;
height: 0;
}

.border-bottom{
	border-bottom:1px solid #dedede; !important;
	}
.dt-summary span{
	font-weight:bold;
	
	}

.dt-summary tr td:nth-child(odd){
		width:30%;
	}
	


@media print {
    @page {
	font-size:200%;
    }

}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.tab1-active {
 
 text-align:center;
 line-height:48px;
 height:48px;
 padding:0 20px;
 margin:0;
 letter-spacing:.8px;
 width:55%;
 border-bottom:2px solid #1ab7ea;
 width:120px !important; 
}
.tab1 {
 
 text-align:center;
 line-height:48px;
 height:48px;
 padding:0 20px;
 margin:0;
 letter-spacing:.8px;
 width:120px !important; 
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}

.light-grey {
    background: #f4f4f4;
}

.date {
    font-size:10px;
    font-weight:normal;
}
.pagination li, .pagination li:visited,.pagination li a{
   
    font-size: 14px !important;
    color:#1ab7ea;
}

     .dropdown-content {
            top: auto !important;
            width: 165px !important;
}