body {
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	font-family:'Poppins', sans-serif;
	font-size:14px;
	font-weight: 400;
	color: #000000;
	background-color: #f2f2f2;
}
html, body {
	height: 99.99%;
	min-height:99.99%;
}
body.overflow-hidden {
	overflow:hidden;
}
[data-menu-toggle] {
text-decoration:none;
}
 @font-face {
font-family: 'Poppins';
 src: url('../fonts/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins-Light.woff') format('woff'), url('../fonts/poppins/Poppins-Light.ttf') format('truetype'), url('../fonts/poppins/Poppins-Light.svg#Poppins-Light') format('svg');
 font-weight:300;
 font-style: normal;
}
@font-face {
font-family: 'Poppins';
 src: url('../fonts/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins-Regular.woff') format('woff'), url('../fonts/poppins/Poppins-Regular.ttf') format('truetype'), url('../fonts/poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
 font-weight: 400;
 font-style: normal;
}
@font-face {
 font-family: 'Poppins';
 src: url('../fonts/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'), url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
 font-weight: 500;
 font-style: normal;
}
@font-face {
 font-family: 'Poppins';
 src: url('../fonts/poppins/Poppins.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/Poppins.woff') format('woff'), url('../fonts/poppins/Poppins.ttf') format('truetype'), url('../fonts/poppins/Poppins.svg#Poppins') format('svg');
 font-weight: 600;
 font-style: normal;
}
.no-margin {
	margin:0!important
}
.no-top-margin {
	margin-top:0!important
}
.no-bottom-margin {
	margin-bottom:0!important
}
.no-left-margin {
	margin-left:0!important
}
.no-right-margin {
	margin-right:0!important
}
.no-padding {
	padding:0!important
}
.no-top-padding {
	padding-top:0!important
}
.no-bottom-padding {
	padding-bottom:0!important
}
.no-left-padding {
	padding-left:0!important
}
.no-right-padding {
	padding-right:0!important
}
.extra-bottom-magin {
	margin-bottom:20px!important
}
.text-left {
	text-align:left!important
}
.text-right {
	text-align:right!important
}
.text-center {
	text-align:center!important
}
.meta-small {
	font-size:12px
}
.mt0 {
	margin-top:0!important
}
.ml0 {
	margin-left:0!important
}
.mr0 {
	margin-right:0!important
}
.mb0 {
	margin-bottom:0!important
}
.mt5 {
	margin-top:5px!important
}
.ml5 {
	margin-left:5px!important
}
.mr5 {
	margin-right:5px!important
}
.mb5 {
	margin-bottom:5px!important
}
.mt10 {
	margin-top:10px!important
}
.ml10 {
	margin-left:10px!important
}
.mr10 {
	margin-right:10px!important
}
.mb10 {
	margin-bottom:10px!important
}
.mt15 {
	margin-top:15px!important
}
.ml15 {
	margin-left:15px!important
}
.mr15 {
	margin-right:15px!important
}
.mb15 {
	margin-bottom:15px!important
}
.mt20 {
	margin-top:20px!important
}
.ml20 {
	margin-left:20px!important
}
.mr20 {
	margin-right:20px!important
}
.mb20 {
	margin-bottom:20px!important
}
.mt25 {
	margin-top:25px!important
}
.ml25 {
	margin-left:25px!important
}
.mr25 {
	margin-right:25px!important
}
.mb25 {
	margin-bottom:25px!important
}
.mt30 {
	margin-top:30px!important
}
.ml30 {
	margin-left:30px!important
}
.mr30 {
	margin-right:30px!important
}
.mb30 {
	margin-bottom:30px!important
}
.mt35 {
	margin-top:35px!important
}
.ml35 {
	margin-left:35px!important
}
.mr35 {
	margin-right:35px!important
}
.mb35 {
	margin-bottom:35px!important
}
.mt40 {
	margin-top:40px!important
}
.ml40 {
	margin-left:40px!important
}
.mr40 {
	margin-right:40px!important
}
.mb40 {
	margin-bottom:40px!important
}
.mt45 {
	margin-top:45px!important
}
.ml45 {
	margin-left:45px!important
}
.mr45 {
	margin-right:45px!important
}
.mb45 {
	margin-bottom:45px!important
}
.mt50 {
	margin-top:50px!important
}
.ml50 {
	margin-left:50px!important
}
.mr50 {
	margin-right:50px!important
}
.mb50 {
	margin-bottom:50px!important
}
.mt55 {
	margin-top:55px!important
}
.ml55 {
	margin-left:55px!important
}
.mr55 {
	margin-right:55px!important
}
.mb55 {
	margin-bottom:55px!important
}
.mt60 {
	margin-top:60px!important
}
.ml60 {
	margin-left:60px!important
}
.mr60 {
	margin-right:60px!important
}
.mb60 {
	margin-bottom:60px!important
}
.mt65 {
	margin-top:65px!important
}
.ml65 {
	margin-left:65px!important
}
.mr65 {
	margin-right:65px!important
}
.mb65 {
	margin-bottom:65px!important
}
.mt70 {
	margin-top:70px!important
}
.ml70 {
	margin-left:70px!important
}
.mr70 {
	margin-right:70px!important
}
.mb70 {
	margin-bottom:70px!important
}
.mt75 {
	margin-top:75px!important
}
.ml75 {
	margin-left:75px!important
}
.mr75 {
	margin-right:75px!important
}
.mb75 {
	margin-bottom:75px!important
}
.mt80 {
	margin-top:80px!important
}
.ml80 {
	margin-left:80px!important
}
.mr80 {
	margin-right:80px!important
}
.mb80 {
	margin-bottom:80px!important
}
.mt85 {
	margin-top:85px!important
}
.ml85 {
	margin-left:85px!important
}
.mr85 {
	margin-right:85px!important
}
.mb85 {
	margin-bottom:85px!important
}
.mt90 {
	margin-top:90px!important
}
.ml90 {
	margin-left:90px!important
}
.mr90 {
	margin-right:90px!important
}
.mb90 {
	margin-bottom:90px!important
}
.mt95 {
	margin-top:95px!important
}
.ml95 {
	margin-left:95px!important
}
.mr95 {
	margin-right:95px!important
}
.mb95 {
	margin-bottom:95px!important
}
.mt100 {
	margin-top:100px!important
}
.ml100 {
	margin-left:100px!important
}
.mr100 {
	margin-right:100px!important
}
.mb100 {
	margin-bottom:100px!important
}
.no-border {
	border:0!important
}
.no-top-border {
	border-top:0!important
}
.no-right-border {
	border-right:0!important
}
.no-left-border {
	border-left:0!important
}
.centered-col {
	margin:0px auto;
	float:none;
}
.no-padding {
	padding: 0px !important;
}
.bg-light {
	background-color: #0072bc!important;
}
.font-bold {
	font-weight:500;
}
 .form-control::-webkit-input-placeholder {
color: #cbcbcb;
font-weight: 300;
}  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
color: #cbcbcb;
font-weight: 300;
}  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
color: #cbcbcb;
font-weight: 300;
}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
color: #cbcbcb;
font-weight: 300;
}  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
color: #cbcbcb;
font-weight: 300;
}  /* Microsoft Edge */
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {
	color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #e8e8e8;
}
.white-bg {
	background-color: #ffffff;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 10px;
}
.main-wrapper h4 {
	color: #0072bc;
	font-size: 1.1rem;
	font-weight: 500;
}
.main-wrapper h2 {
	color: #656565;
	font-size: 1.5rem;
	font-weight: 500;
}
.main-wrapper h2 span {
	color: #0072bc;
}
.main-wrapper h5 {
	color: #0072bc;
	font-size: 1.1rem;
	font-weight: 500;
}
.main-wrapper .white-bg p {
	letter-spacing: 0.3px;
}
.main-wrapper .white-bg ul li a {
	color: #676767;
	font-size:13px;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main-wrapper .white-bg ul li a .fa { margin-right:5px;}
.main-wrapper .white-bg ul li a img {
	float: left;
	width: 15px;
	margin-right: 8px;
}
.main-wrapper .white-bg ul li a:hover {
	color:#0072bc;
}
.main-wrapper .white-bg ul {
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
}
.main-wrapper .white-bg p.small-font {
	color: #676767;
}
.main-wrapper h1 {
	color: #656565;
	font-size: 1.5rem
}
.main-wrapper h1 span {
	font-weight: 500;
	color:#0072bc;
}
.left-position {
	position: relative;
}
.main-wrapper .ourteam {
	padding: 0px;
	list-style: none;
}
.main-wrapper .ourteam li {
	display: inline-block;
	text-align: center;
}
.main-wrapper .ourteam li p {
	margin-top: 5px;
}
.grid-container {
	display: grid;
}
.grid-container--fit {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.grid-element {
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 4px;
}
.grid-element:last-child {
	margin-right: 0px;
}
.grid-element p {
	margin-top: 5px;
	color: #454545;
	margin-bottom: 0px;
}
.bullets-list li {
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 5px;
	color: #656565;
}
.btn-primary {
	color: #fff;
	background-color: #0072bc;
	border-color: #0072bc;
}
.text-primary {
	color: #0072bc!important;
}
.btn-outline-primary {
	color: #0072bc;
	border-color: #0072bc;
}
.main-wrapper.login-wrapper {
	height: 100%;
	display: table;
	width: 100%;
}
.main-wrapper.login-wrapper .login-wrapper-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
/*Login Page*/

.card-signin {
	border: 0;
	border-radius: 4px;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.card-signin .card-title {
	margin-bottom: 2rem;
	font-weight: 300;
	font-size: 1.5rem;
}
.card-signin .card-body {
	padding: 2rem;
}
.form-signin {
	width: 100%;
}
.form-signin .btn {
	font-size: 95%;
	border-radius:4px;
 letter-spacing: .1rem;
	font-weight: bold;
	padding: 1rem;
	transition: all 0.2s;
}
.form-label-group {
	position: relative;
	margin-bottom: 1rem;
}
.form-label-group input {
	height: auto;
	border-radius: 4px;
}
.form-label-group>input, .form-label-group>label {
	padding: var(--input-padding-y) var(--input-padding-x);
}
.form-label-group>label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
	/* Override default `<label>` margin */
  line-height: 1.5;
	color: #495057;
	border: 1px solid transparent;
 border-radius: .25rem;
 transition: all .1s ease-in-out;
	text-align: left;
}
 .form-label-group input::-webkit-input-placeholder {
 color: transparent;
}
 .form-label-group input:-ms-input-placeholder {
 color: transparent;
}
 .form-label-group input::-ms-input-placeholder {
 color: transparent;
}
 .form-label-group input::-moz-placeholder {
 color: transparent;
}
 .form-label-group input::placeholder {
 color: transparent;
}
 .form-label-group input:not(:placeholder-shown) {
 padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
 padding-bottom: calc(var(--input-padding-y) / 3);
}
 .form-label-group input:not(:placeholder-shown)~label {
 padding-top: calc(var(--input-padding-y) / 3);
 padding-bottom: calc(var(--input-padding-y) / 3);
 font-size: 12px;
 color: #777;
}
.btn-google {
	color: white;
	background-color: #ea4335;
}
.btn-facebook {
	color: white;
	background-color: #3b5998;
}
.form-label-group>input, .form-label-group>label {
	padding: var(--input-padding-y) var(--input-padding-x);
}
.form-control {
	display: block;
	width: 100%;
	/* height: calc(1.5em + .75rem + 2px); */
    /* padding: .375rem .75rem; */
    /* font-size: 1rem; */
    font-weight: 400;
	/* line-height: 1.5; */
    color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Fallback for Edge
-------------------------------------------------- */

@supports (-ms-ime-align: auto) {
 .form-label-group>label {
 display: none;
}
 .form-label-group input::-ms-input-placeholder {
 color: #f9f9f9;
}
}

/* Fallback for IE
-------------------------------------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .form-label-group>label {
 display: none;
}
 .form-label-group input:-ms-input-placeholder {
 color: #f9f9f9;
}
}
:root {
 --input-padding-x: 1.5rem;
 --input-padding-y: .75rem;
}
/*Login Completed*/

/*Menu Icon*/
.dropdown-item .fa {
	float: right;
	margin-top: 4px;
}




/*Contractor Form*/
.custom-file-input~.custom-file-label[data-browse]::after {
 content: attr(data-browse);
 line-height: 25px;
}
.custom-file-label {
	line-height: 25px;
}
.table {
	background-color: #ffffff;
}
.table .thead-light th {
	vertical-align: middle;
	text-align: left;
	z-index: 1;
	background-color: #757575;
}
.table thead tr th {
	font-weight: normal;
	color: #f9f9f9 !important;
	font-size: 14px;
 padding: .5rem .3rem;
}
.table tbody tr td {
	vertical-align: middle;
	font-size: 13px; 
	/*color: #676767;*/
	line-height: 22px;
	/*font-weight:300;*/
}

.table tbody tr td b{ font-weight: 500; }


.table tbody tr td a.btn {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-weight:400;
}
.attached-files {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
h1.main-title {
	font-size: 30px;
	font-weight: 300;
}
.ex-contractor-btn {
padding: .15rem .5rem;
	font-size: 12px;
}
select.form-control-sm {
	font-size: 0.835rem;
}
.ex-contractor-list {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.ex-contractor-list li {
	margin-bottom: 10px;
}
.ex-contractor-list li:last-child {
	margin-bottom: 0px;
}
.ex-contractor-list li label {
	line-height: 25px;
}
li.nav-item.active a.nav-link {
	border: solid 1px #f9f9f9;
	border-radius: 4px;
	color: #ffffff !important;
	background-color:transparent;
}
li.nav-item.active a.nav-link:hover {
	color: #f9f9f9;
	background-color: transparent;
}
td.status-badge .badge {
	font-weight: 300;
	padding: 5px 8px 4px 8px;
	font-size: 11px;
}
td a.download-doc {
	display: inline-block;
	vertical-align: inherit;
}
.carousel-item .title-header {
	height: 45px;
	vertical-align: middle;
}
/*Error class - validation*/
.error, .error:focus {
	border:1px solid #FF0000;
}

.modal-body table tr td strong{ font-weight: 500; }
.modal-body table tr td { vertical-align: middle; }
.modal-body table tr td p { line-height: 25px; /*text-decoration: underline;*/ font-weight: 400; }


#wrapper
{
	width: 100%;
	margin: auto;
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}

form .adduser-form .form-inline .form-group .form-control { margin: 5px; width: 98%; }
form .adduser-form .form-inline .form-group { width: 33%; }
.adduser-radio .custom-control{ line-height: 26px; }
.listing_user { list-style: none; padding: 0px; margin: 0px; }

.listing_user li.res-margin .search-container .user_listing_details { list-style: none; padding: 0px; margin: 0px; }
.search-container.white-bg { margin-bottom: 5px; }
.contracter-files li { color: #676767; font-size: 13px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contracter-files li .fa { margin-right:5px;}
.modal-width h6 { color: #656565; font-weight: 500; font-size:14px; }
td.attachment-color { background-color:#f9f9f9;}
td.attachment-color h6 { font-size:13px;}
td.attachment-color h6 a { width:100%; float:left; text-decoration:none }
td.attachment-color h6 a:hover{ text-decoration:none;}
.modal-body table tr td p strong{ color:#676767;}
.modal-body table tr td p a{ width:100%; display:inline-block; padding:3px 5px 0px 5px; background-color:#f0f0f0; margin-bottom:3px; border:solid 1px #e8e8e8;}
.modal-body table tr td p a:hover { text-decoration:none }
h7.wrapper-title { width:100%; background-color: #f0f0f0; padding: 5px 5px 2px 5px; display:inline-block; border: solid 0px #e8e8e8;}
h7.wrapper-title span { color:#222222;}
.wrapper-padding { padding:0px 5px;}


/*Dashboard report*/
.dashboard-report .outer-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #cdcdcd;
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: auto;
  padding:15px 15px;
}
.dashboard-report .outer-wrapper hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.dashboard-report .outer-wrapper a {
  text-decoration: none;
}
.dashboard-report .outer-wrapper .employees {
  width: 100%;
  display: inline-block;
}
.dashboard-report .outer-wrapper .employees .emp-icon {
  width: 90px;
  background-color: #fd950e;
  border-radius: 4px;
  color: #ffffff;
  padding:18px 10px;
  text-align: center;
  font-size: 40px;
  position: absolute;
  top: -20px;
  box-shadow:0px 2px 20px rgba(0, 0, 0, 0.3);
}
.dashboard-report .outer-wrapper .employees p {
  font-size: 16px;
  color: #888888;
  margin-bottom: 0px;
}
.dashboard-report .outer-wrapper .employees p.count {
  font-size: 24px;
  font-weight: 500;
  color: #666666;
}
.dashboard-report .outer-wrapper .employees .emp-icon.present {
  background-color: #4ca64f;
}
.dashboard-report .outer-wrapper .employees .emp-icon.absent {
  background-color: #e94440;
}
.dashboard-report .outer-wrapper .employees .emp-icon.late {
  background-color: #0ab3c8;
}
.dashboard-report .outer-wrapper .summary-wrapper {
  width: 100%;
  height: 220px;
  background-color: #4ca64f;
  color: #ffffff;
  margin-top: -40px;
  margin-bottom: 15px;
  box-shadow:0px 2px 20px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.dashboard-report .outer-wrapper .title {
  font-size: 20px;
  font-weight: normal;
}
.dashboard-report .outer-wrapper .summary-wrapper.monthly-summary {
  background-color: #e94440;
  color: #ffffff;
}
.dashboard-report .outer-wrapper .summary-wrapper.late-summary {
  background-color: #fea500;
  color: #ffffff;
}

.white-bg.task-form .input-group-prepend{ margin-left:-1px; border-radius: 0px 4px 4px 0px; }
.white-bg.task-form .input-group-prepend .input-group-text { border-radius: 0px 4px 4px 0px; padding:10px 15px; }

.white-bg .send-report li { padding:8px 0px 7px 0px; border-bottom:solid 1px #d5d5d5;}
.white-bg .send-report li:last-child {border-bottom:solid 0px #d5d5d5; padding-bottom:0px; }

.white-bg .send-report li span{ color: #676767; font-size: 13px; display:inline-block; width:81%; white-space:normal; line-height:20px; font-weight:500;}
.white-bg .send-report li a.used-btn { font-size:11px; padding:5px 5px 3px 5px; float:right; line-height:11px; width:auto;}
.white-bg .send-report li .btn-success.used-btn { margin-right:3px; color:#ffffff; text-align:center;}
.white-bg .send-report li .btn-danger.used-btn { color:#ffffff; text-align:center;}
.white-bg .send-report li .used-btn .fa{ margin-right:0px;}

.modal_number_list { padding:0px 0px 0px 5px; margin:0px;}
.modal_number_list li{ margin-bottom:10px;}
td .center-align{ margin:auto}
.semi-bold { font-weight:500;}

.site-induction label{ width:100%; }

.site-induction .custom-control {padding-left: 1rem; margin-bottom:5px; }
.site-induction .custom-control-label::before, .site-induction .custom-control-label::after { right:0px; left:auto}
.locked-documents { width:100%; list-style:none; margin:0px; padding:0px; }
.locked-documents li { padding:0px 5px; display: inline-block; /*float:left*/}

.locked-documents li .fa { float:left; margin-right:3px; margin-top:4px; color:#838383;}

.locked-documents li .unlok-secondary.lock-success{ background-color:#28a745;}