/* default */
a { text-decoration: underline; color: #007bff; }
a:hover { text-decoration: underline; color: #06468c; }
ol, ul { list-style: none; }
.table td, .table th { padding: .50rem; }
.table td.actions {text-align: center;}
.table td.actions .fa {color: #878787;}
.table td.actions  a {text-decoration: none;}
.table th a { color : #878787;  text-decoration: none; }
.hint, .hint * { color: #717171; font-size: 14px; }
.container { max-width: 1170px; }

input[type="number"] { max-width: 200px; }
.dataTable input[type="number"] { max-width: 70px; }
input[type="checkbox"], input[type="radio"] { vertical-align: text-top; margin-right: 5px; margin-left: 5px;  }
.progress { height: 1.5rem; }

#menuBarDiv_txtEditor a {color:#212529 !important;border:1px solid #adadad;border-radius:2px;margin:0px 0px 6px 6px;}
#menuBarDiv_txtEditor ul a {border:90px none;}
#menuBarDiv_txtEditor .fa {font-size:13px;}

.navbar a { text-decoration: none;}
.cat-nav .nav-item { margin-right: 10px; }
.navbar-light .navbar-nav.cat-nav .nav-link { color: #fff; }
a.noLocation { color: #e74c3c !important;}
a.updateLocation { color: #28a745 !important;}

/* ui css */
.ui-multiselect-header .ui-helper-reset
{
/*display:none;*/
height: auto;
}
/* icon color */
.color-0 { font-size: 20px; color: gray; text-shadow: 0px 0px 1px #333;}
.color-1 { font-size: 20px; color: red; text-shadow: 0px 0px 1px #333;}
.color-2 { font-size: 20px; color: yellow; text-shadow: 0px 0px 1px #333;}
.color-3 { font-size: 20px; color: green; text-shadow: 0px 0px 1px #333;}

/* dashboard */
.pieChartBlock { position: relative; }
#pieChartLabelOverlay {
	font-size: 12px;
	width: 26%;
	height: 50px;
	position: absolute;
	top: 45%;
	left: 37%;
	text-align: center;
	cursor: default;
	font-weight: bold;
}


/* default layout css */
.top-bar {
	padding: .2rem 1rem;
	background: #f0f0f0;
	color: #6c6c6c;
	z-index: 100;
	position: relative;
	box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1) inset;
	font-size: .9em;
}
.top-bar a {
	text-decoration: none;
	color: #3c3c3c;
}
.top-bar li {
	padding-top: 5px;
	padding-bottom: 10px;
}
.top-bar li.list-inline-item:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	padding-right: .5rem;
}
.ly-default .navbar { padding: 0 1rem; }
.ly-default .navbar-expand-lg .navbar-nav .nav-link { 	
	font-weight: 400;
	font-size: 15px;
	padding-right: calc((30px)/ 2);
	padding-left: calc((30px)/ 2);
	color:#1c1c1c; 
	height:90px;line-height:70px;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}
.greenBtn{
    color: #39b449;
    border-color: #39b449;
}
.ly-default .nav-item.fusion-button:hover {
    color: #39b449;
    border-color: #39b449;
}
.ly-default .nav-item .menu-text {
font-family: Montserrat;
font-weight: 500;
font-style: normal;
letter-spacing: 1px;
border-width: 2px;
border-style: solid;
background-color: #ffffff;
text-transform: uppercase;
-webkit-transition: all .2s;
transition: all .2s;
padding: 11px 23px;
line-height: 16px;
font-size: 13px;
position:relative;
}
.redbtn
{
border-color: #ff6000;
color: #ff6000;
}
.button-icon-divider-left, .button-icon-divider-right {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 100%;
}
.button-icon-divider-left {
    left: 0;
    border-right: 1px solid;
	padding: 0 12.5px;
}
.fusion-button-text-left
{
display: inline-block;
padding-left: 28px;
}
.button-icon-divider-left i{
top: 33%;
display: block;
position:relative;
font-weight: 900;
color: #39b449;
}
.ly-default .navbar-light .navbar-nav .fusion_menu .nav-link:focus, 
.ly-default .navbar-light .navbar-nav .fusion_menu .nav-link:hover { 
	color: #1b1863; 
	background-color: #fff;
}
.ly-default .navbar-light .navbar-nav .nav-link:focus, 
.ly-default .navbar-light .navbar-nav .nav-link:hover { 
	color: #ffffff; 
	background-color: #1b1863;
}
.ly-default .page-header { margin: 2rem 0; }
.current_page {	background-color: #1b1863;}
.current_page a {color: #ffffff !important;}
#footer {
	background-color: #111111;
	color: rgba(255, 255, 255, .6);
}
.fixed-top {
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
	transition-duration: 0.6s;
}
.fixed-top .navbar-brand > img {
	max-height: 70%;
}
.background-overlay {
    z-index: 2;
}
.background-media, .background-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.section-page-header-bg {
    margin-bottom: 100px;
    position: relative;
    overflow: hidden;
}
.section-page-header-bg .container {
	z-index: 3;
	position: relative;
}
.section-page-header-bg h1 {
	font-size: 36px;
	font-family: 'Raleway', sans-serif;
	margin-top: 100px;
	margin-bottom: 100px;
	color: #fff;
	opacity: 1;
}

/* register page */
form .error input {
	border-color: red;
}
form .error-message {
	color: red;
	font-size: 13px;
}
.captcha-dv .input {
	margin-top: 1rem;	
}
.captcha-dv .form-control {
	max-width: 200px;
}
.creload {
    background-image: url('../img/reload-icon.png');
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: contain;
}

/* logged_in pages */
.content { float: none; }
.btn-group, .btn-group-vertical {display:inline-block;}
.card .table { margin-bottom: 0; }
.dropdown-menu {top:100% !important;}
.noBorder {border-top:0px none !important;border-bottom:0px none !important;}
.table .thead-dark th {background-color:#3c3c3c !important;}
a.highlight { color: green !important;}

.left-panel .navbar .navbar-brand {
	margin-top: 5px;
    padding: 5px 0;
}
.company_logo {
    padding: 5px 0;
    border-bottom: 1px solid;
    margin-top: 5px;
}
.environment_name { 
	padding: 5px 0;
	margin-top:10px; 
}
.open .environment_name { display: none; }

#main-menu {
	margin-top: 15px;
}

.contractorNav .navbar-expand-lg .navbar-nav,
.clientNav .navbar-expand-lg .navbar-nav { 
	width: 100%; 
}
.contractorNav .navbar-expand-lg .navbar-nav .nav-link, 
.clientNav .navbar-expand-lg .navbar-nav .nav-link { 
	padding-right: 1rem; padding-left: 1rem; 
}
.contractorNav .dropdown-menu, 
.clientNav .dropdown-menu { 
	font-size: 14px; 
}
.contractorNav li {
	list-style-type:none;
}
aside.left-panel { padding: 0 20px; }
.open aside.left-panel .navbar .navbar-brand.hidden { padding: 5px 0; margin: 10px 0; }
.navbar .navbar-nav li > a .menu-icon { width: 20px; }
.navbar .navbar-nav li.menu-item-has-children .sub-menu a { padding-left: 10px;}


/*  error css */
.error
{
color:red;	
margin:10px 0px;
}
/* client register */
.stepwizard-step p {
 margin-top: 10px;
}
.stepwizard-row {
	 display: table-row;
}
.stepwizard {
	 display: table;
	 width: 100%;
	 position: relative;
}
.stepwizard-step button[disabled] {
	 opacity: 1 !important;
	 filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
	 top: 14px;
	 bottom: 0;
	 position: absolute;
	 content: " ";
	 width: 100%;
	 height: 1px;
	 background-color: #ccc;
	 z-order: 0;
}
.stepwizard-step {
	 display: table-cell;
	 text-align: center;
	 position: relative;
}
.btn-circle {
	  width: 30px;
	  height: 30px;
	  text-align: center;
	  padding: 6px 0;
	  font-size: 12px;
	  line-height: 1.428571429;
	  border-radius: 15px;
}
.setup-content {
	  display: none;
}
#div_corporate, #div_sites {
	margin-bottom: 10px;
}
.ajaxresponse {
	margin-top: 10px;
}

#accordionMenu {
	  max-width: 100%; margin-bottom:10px;
}
.panel-body {
	  padding: 0;
}
.panel-group .panel+.panel {
	  margin-top: 0;
	  border-top: 0;
}
.panel-group .panel {
	  border-radius: 0;
}
.panel-default>.panel-heading {
	  color: #333;
	  background-color: #fff;
	  border: 1px solid #e4e5e7;
	  padding: 0;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
}
.panel-default>.panel-heading a {
	  display: block;
	  padding: 10px 15px;
	  text-decoration: none;
}
.panel-default>.panel-heading .fa-sort-down {  
	  position: relative;
	  top: 1px;
	  display: inline-block;  
	  font-style: normal;
	  font-weight: 400;
	  line-height: 1;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  float: right;
	  transition: transform .25s linear;
	  -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
	  background-color: #eee;
}
#step-5 ul li {
	width:100%;
}

.upper_menu { width: 100%; background-color: #fff; margin: 0px 0px 10px 0px; float:left; }
.upper_menu .nav-link {	position:relative;display:inline-block;float:left; width:20%;}
.upper_menu .nav-link .dropdown-menu .nav-link {width:100% !important;}
.upper_menu .nav-link .dropdown-menu {top:95% !important;}
.upper_menu .nav-link .dropdown-toggle::after {display:none;}
.upper_menu ul { flex-direction:unset;width:100%; }
.upper_menu li { position:relative;display:inline-block;float:left; width:20% !important;}
.upper_menu li > a {color:#000 !important;}
.upper_menu li > a:hover {color:#000 !important;}
.navbar2 { display:block;padding:10px 0px; }
.upper_menu li > a .menu-icon {margin-right:10px;}

.left-panel .navbar .navbar-nav li {list-style-type:none;}
.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu {padding:0 0 0 15px;}
.left-panel .navbar .navbar-nav li > a { line-height: 26px; }
.left-panel .navbar .navbar-nav li.show > a {color:#28a745; font-weight:bold;}


#filter_div { position: absolute; top: 9px; right: 9px;}
.selectButtons {margin-top:100px;}
.multi_label { padding: 10px 10px;
    width: 100%;
    float: left;
    background-color: rgba(0,0,0,.03);
}
.formsNDocs label{text-transform:capitalize;}
.explanations label{text-transform:capitalize;}

/* contractor dashboard */
.disabled {
  pointer-events: none;
  cursor: default; 
}
.open_tasks .menu-item-has-children.dropdown {
    margin: 25px 0 10px 0;
}
.open_tasks .dropdown-toggle {
	text-decoration: none;
	color: black;
}
.open_tasks .sub-menu {
	border: 0;
	padding: 0 0 0 15px;
	max-height: 1000px;
	opacity: 1;
	position: static !important;
}
.open_tasks .sub-menu ul {
	padding-left: 15px;
	list-style: none;
}
.open_tasks .sub-menu li {
	list-style: circle;
}
.open_tasks .sub-menu a {
	font-size: 14px;
}

.document_by_3, .document_by_3 a:not(.btn) {color:#007bff; background: #eaf4ff;}
.document_by_2, .document_by_2 a:not(.btn) {color:#28a745; background: #e7ffee;}


@media(min-width: 768px) {
	.ly-default .navbar-brand {margin-right: 2rem;}
}
@media(max-width: 767px) {
	.top-bar li.list-inline-item:not(:last-child) { border: 0px; }
	.top-bar, .top-bar .text-right { text-align: center !important; }
	.glow {color: #f2b01e;}
}
@media(max-width: 575px) {
	.ly-default .navbar-brand { width: 70%; }
	.ly-default .navbar-brand > img { height: auto; max-width: 100%; }
	
}
@media(max-width: 480px) {
	.ly-default .navbar-brand { width: 70%; }
	.ly-default .navbar-brand > img { height: auto; max-width: 100%; }
}

/* datatable */
.dataTables_wrapper {
  position: relative;
}
.dt-buttons {
    display: block;
    text-align: right;
    margin-bottom: 10px;
}
.dataTables_length {
float:left;
}
.dt-buttons .buttons-html5 {
    background: none;
    border: 0;
    color: green;
    cursor: pointer;
    text-decoration: underline;
}

.note-editable ol, .note-editable ul { padding-left:15px; }

/* Employee */
.trainingAnswers label{
	display: block;
	padding: 5px;
}
.ans-valid {
	border: 1px solid #28a745;
}
.ans-invalid {
	border: 1px solid #dc3545;
}
.glow {
   color: #f2b01e;
}


/* contractorAnswers */
.contractorAnswers label, .employeeAnswers label {
    font-weight: bold;
}
.contractorAnswers label.radio, .employeeAnswers label.radio {
	margin-right: 10px;
}

.client_based_answers .checkbox,
.client_based_answers .radio {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem;
}
.client_based_answers label {
	font-weight: bold;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	body, p { font-size: 14px; }
	.environment_name { margin-top:25px; }
	.navbar-header hr { display: none; }
	.social-box ul li span { font-size: 10px; }
	aside.left-panel { border-bottom: 1px solid; }
	.header-left, .header-right { text-align: center !important; margin-bottom: 5px; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	aside.left-panel { padding: 0 10px; }
	.left-panel .navbar .menu-title { padding: 0; }
	.left-panel .navbar .navbar-nav li > a .menu-icon { width: 25px; }
	.left-panel .navbar .navbar-nav li > a { font-size:12px; line-height: 22px; padding: 6px 0;}
	.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu a { padding: 0px; }	
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	
}

@media (min-width: 576px) and (max-width: 991.98px) {
	body:not(.open) .left-panel .navbar {  width: 160px; }
}

@media (min-width: 992px) { 
	div.dataTables_wrapper div.dataTables_filter { float: right; }
}


/* List Notification */
.lists{
	font-size: 12px;
   }
/*.list-read{
	background-color: #66BB6A;
}*/
.for-notification .dropdown-menu.dropdown-menu-right {
    left: auto !important;
    right: 0;
}

/* Certificate Box */
@font-face {
  font-family: Allura-Regular;
  src: url('/webroot/font/k-Regular.otf');
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	.print_show {display: block !important;}
	.alert, .with-close, .alert-success, .alert-dismissible { display: none !important; }
}

.clickable-div {
	display: block;
	text-decoration: none;
	color: #f8f9fa;
}
.clickable-div:hover{
	text-decoration: none;
	color: #f8f9fa;
}

/* invoice page*/
.invoice h1 {
	font-size:55px;
}
.invoice h2 {
	color:#58c9f3;
}
.invoice p {
	font-size:12px;
	margin-bottom:0px;color: #212529;
}
.invoice span {
	font-size:12px;color: #878787;
}
.btn-primary.fa,
.btn-primary.fa:not(:disabled):not(.disabled).active, .btn-primary.fa:not(:disabled):not(.disabled):active {
    color: #007bff;
    background: none;
	border:none;
}
.selectwithcheckbox { height: auto; }

#ui-datepicker-div { z-index: 600 !important; }

.hideElement{display: none !important; }

.form-control::placeholder { color: #D3D3D3;} /* Chrome, Firefox, Opera*/
:-ms-input-placeholder.form-control { color: #D3D3D3; }  /* Internet Explorer*/
.form-control::-ms-input-placeholder { color: #D3D3D3; }  /* Microsoft Edge*/

/* Notification Module*/
.notification > .card {
	position:relative !important;
	left: auto !important;
    right: 0;
}
.notification> .card .card-footer {border-top:none !important;}
.details{	
  /* border-top: 1px solid #bdc3c7;*/
    white-space: normal;
    width: 280px;
	font-size: 15px;
	padding:5px 15px !important;
}
.details.title,.description{display: block; }
.view {
	display: block;	
	text-align:center;
	color:white;
	background-color:rgba(0,0,0,.03) !important;
	margin: 0;
    padding: 10px;
	font-weight: bolder;}	
/*.subject > a{
	color:black !important;
	text-decoration:none  ;
}*/
.subject > a,.data > a ,.view > a{
	color:black !important;
	text-decoration:none  ;
}
.details > a{
	color:#bdc3c7 !important;
	text-decoration:none  ;
}
/*.data > a{
	color:black !important;
	text-decoration:none  ;
}*/
.list-read > .details > a{
	color:black !important;
	text-decoration:none  ;
}
.notify{
	padding-top:0px !important;
	padding-right:0px !important;
	bottom: 0px !important ;
}
.lists{
	border-bottom:1px solid rgba(0,0,0,.125);
}
.details.subject,
.details.icon{
	display: inline-block !important;
    vertical-align: middle !important; 	}
.notification .lists .button-dismiss{    
	display: inline-block;
    vertical-align: middle;	
	margin-left:80px;
	background:transparent;
	border:none;
    font-size: 2.25em;
}
.details.no-data{
	padding:10px !important;
	text-align:center;
	border-bottom: 1px solid rgba(0,0,0,.125);
	}	
.notification >.card:after {
    border: 17px solid transparent;
    border-bottom-color: rgba(0,0,0,.03);
    content: '';
    display: block;
    height: 0;
    right: 10px;
    position: absolute;
    top: -35px;
    width: 0;
}	
.bgtype_2{
	 background: #28A745; 
}
.bgtype_3{
	 background: #ef4d38; 
}
.bgtype_4{
	 background: #63c2de; 
}
.bgtype_5{
	 background: #ffd044; 
}
.bgtype_6{
	 background: #28a745; 
}
.bgtype_7{
	 background: #f5c6cb; 
}
.mr{
	margin:15px 2px 5px 0px !important;
}

/* Notification Module */

.btn-login-as {
	margin-top: 4px;
}
.user-area .user-avatar {
	width: 32px;
	height: 32px;
}
.uploadResponse .btn {
	margin-left: 10px;
}
.ajaxfileDelete:not('.btn-danger') {
    font-size: 20px;
    color: red;
}
.profile_photo {
	box-shadow: 0 0 5px #b6b6b6;
    display: inline-block;
    padding: 5px;
}
.uploadProfile img {
  max-width: 200px;
  max-height: 200px;
}
.header-right .dropdown {
    vertical-align: bottom;
}
.bg-flat-color-6 {
  background: #d4edda; 
}
.company_name{
	padding:10px 5px;	
	white-space: nowrap;
	overflow: hidden; 
	max-width: 185px;
	text-overflow: ellipsis;
}
.open .company_name { display: none; }


/* Loading image when transaction Processing */
.loading {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

/* Table Overflowing Outside of Div (login_url for developer role)*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	   .login_url{word-break:break-all;}
	}	
	@-moz-document url-prefix() {
	    .login_url{word-break:break-all;}
	}
.invoice thead th {
	vertical-align:top;
}

/* video status */
#status span.status {
  display: none;
  font-weight: bold;
}
span.status.complete {
  color: green;
  font-weight: bold;
}
span.status.incomplete {
  color: red;
  font-weight: bold;
}
#status.complete span.status.complete {
  display: inline;
}
#status.incomplete span.status.incomplete {
  display: inline;
}

video{
	max-height: -webkit-fill-available;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
	max-height: -moz-available;
	max-width: 100%;
	max-height: 100%;
}

.custom-bullets li::before {
  content: "• ";
  color: black; /* or whatever color you prefer */

}
.ti-email{
    color:#878787;
    text-decoration:none;
}
/* display Signature Templates */
.myDiv{
	display:none;
 }  
/* quill editor */
#editor {
  height: 175px;
}

.ql-picker.ql-placeholder {
  width: 118px;
}

.ql-picker.ql-placeholder > span.ql-picker-label::before {
  content: 'Placeholders';
}

.ql-picker.ql-placeholder > span.ql-picker-options > span.ql-picker-item::before {
  content: attr(data-label);
}
.ql-editor {
     white-space: pre-wrap;
}
/* Arrow icon  chnage*/
.bs-example{
       
    }
    .accordion .fa{
        margin-right: 0.5rem;
      	font-size: 24px;
      	font-weight: bold;
        position: relative;
    	top: 2px;
}
.toggle , .toggle-on, .toggle-off { border-radius: 40px; }
.toggle .toggle-handle{ border-radius: 30px;}
.toggle.android { border-radius: 0px;}
.toggle.android .toggle-handle { border-radius: 0px; }
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
.toggle.ios .toggle-handle { border-radius: 20px; }

.toggle .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}