/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }










 body {
	padding-top: 70px;
	/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.navbar-nav {
    float: right;
    margin: 0;
}

.media,.media-body {
	transform: scale(1); /* Standard Property */
	transform-origin: 0 0;  /* Standard Property */
	overflow:hidden;
}


.navbar-default {
    background-color: #051295;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {
    color: #ffffff;
    background-color: #4c4c4c;
}


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-toggle::after {

    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;

}


div.page-content {	
	min-height: 650px;
	width: 1600px;
	max-width: 100%;
}

.container {
	width: 1600px;
	max-width: 100%;
}

div.footer {
	margin-top: 20px;
	padding: 8px 0;
	border-top: 1px solid #e6e6e6;
	color: #c6c6c6;
}

div.input-group {
	margin-bottom: 8px;
}

.alert-danger {
    background-color: #ffddd7;
    border-color: #ea2f10;
    color: #ea2f10;
}

.alert-danger a {
    color: #ea2f10;
}

.alert-success {
    background-color: #a7e3bd;
    border-color: #3c9a5f;
    color: #3c9a5f;
}

.alert-success a {
    color: #3c9a5f;
}

.alert-warning {
    background-color: #f9e1bb;
    border-color: #d08002;
    color: #d08002;
}

.alert-warning a {
	color: #d08002;
}


div.clientServiceList, div.clientServiceList a.fullLink .btn, div.clientServiceList a.fullLink i {
	-webkit-transition: background-color .3s ease, color .3 ease;
	-moz-transition: background-color  .3s ease, color .3s ease;
	-ms-transition: background-color  .3s ease, color .3s ease;
	-o-transition: background-color  .3s ease, color .3s ease;
	transition: background-color .3s ease, color .3s ease;
}



div.clientServiceList {
	width: calc(100% - 10px);
	
	margin: 5px;
	border: 1px solid #d0d0d0; 
	border-radius: 0;
	float: left; 
	background: #fcfcfc;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.1) inset;
}

div.clientServiceList:hover {
	background: #eeeeee;
}

div.clientServiceList a.fullLink:hover .btn {
	background: #020848;;
	color: #fff;
}

div.clientServiceList a.fullLink {
	width: 100%;
	height: calc(100% - 20px); 
	display: block; 
	padding: 20px;
	text-decoration: none;
}

div.clientServiceList.small a.fullLink {
	padding: 10px;
}

div.clientServiceList a.fullLink i {
	line-height: 120%;
	font-size: 100px; 
	width: 100%;
	display: block;
	text-align: center; 
	color: #051295;
}


div.clientServiceList.small a.fullLink i {
	font-size: 70px; 
	float: left;
	text-align: center; 
	color: #051295;
}

 div.clientServiceList a.fullLink:hover i  {
	color: #020848;;
}



option:disabled { color: #fff; background: #ddd; }


.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #fff4db;
}

.table > tbody > tr > td.hasLink {
	padding: 0;
}

.table > tbody > tr > td.hasLink a {
	display: block;
	padding: 8px;
}

div.top20 {
	border-top: 1px solid #000;
	padding: 20px 0;
}

div.top20 h3 {
    margin-top: 0;
	padding-bottom: 3px;
	border-bottom: 1px dashed #ddd;
}

div.history, div.jobPhotos {
	border-top: 1px solid #000;
	padding-top: 30px;
	margin-top: 30px;
}


div.text-lg.form-checkbox label {
	font-size: 15px;
	padding: 34px 35px 5px 5px;
}


/* Yes/No Slider */
.YesNoSlider input[type=checkbox] {
	visibility: hidden;
}

.YesNoSlider {
	width: 80px;
	height: 26px;
	background: #ddd;
	margin: 0 auto;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.YesNoSlider.dark {
	background: #333;
}

.YesNoSlider:after {
	content: 'NO';
	font: 12px/26px Arial, sans-serif;
	color: #ff5252;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.YesNoSlider.dark:after {
	text-shadow: 1px 1px 0px rgba(0,0,0,.15);
}

.YesNoSlider.thumbs:after {
	content: '\f088';
	font-family: FontAwesome;
	font-style: normal;
    font-weight: normal;
	font-size: 16px;
	right: 14px;
}


.YesNoSlider:before {
	content: 'YES';
	font: 12px/26px Arial, sans-serif;
	color: #25a925;
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.YesNoSlider.dark:before {
	color: #00bf00;
	text-shadow: 1px 1px 0px rgba(0,0,0,.15);
}

.YesNoSlider.thumbs:before {
	content: '\f087';
	font-family: FontAwesome;
	font-style: normal;
    font-weight: normal;
	font-size: 16px;
	left: 14px;
}


.YesNoSlider label {
	display: block;
	width: 34px;
	min-height: 20px;
	height: 20px;
	padding-top: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #131901;

	background: -webkit-linear-gradient(top, #707465 0%, #373a2e 40%, #131901 100%);
	background: -moz-linear-gradient(top, #707465 0%, #373a2e 40%, #131901 100%);
	background: -o-linear-gradient(top, #707465 0%, #373a2e 40%, #131901 100%);
	background: -ms-linear-gradient(top, #707465 0%, #373a2e 40%, #131901 100%);
	background: linear-gradient(top, #707465 0%, #373a2e 40%, #131901 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707465', endColorstr='#131901',GradientType=0 );
	
}

.YesNoSlider.dark label {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.YesNoSlider input[type=checkbox]:checked + label {
	left: 43px;
}

.dropzone .dz-preview .dz-image {
	width: 242px;
	height: 242px;
}


body .modal-body {
    padding: 5px 20px;
}
	
body.modal-open {
    overflow: visible;
}

a.btn {
	margin-top: 15px;
}

button.close-btn {
	 float: left;
}

.table-responsive {
   -webkit-overflow-scrolling: touch;
}

div.dt-buttons {
    width: 100%;
	margin-bottom: 20px;
}

div.pg {
	clear: both;
}

div.pg div.dataTables_length {
	float:left;
}

@media (min-width:768px) {
 .modal-open  .modal-dialog {
  width:900px;
  max-width: 95%;
 }
}


.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; padding-right: 8px!important;}


.filter-form {
	margin: 30px 0;
}

.no-top-margin {
	margin-top: 0;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #cccccc;
    border-radius: 0px; 
    padding: 2px 4px;
}



#imageModal {
	text-align: center;
}

#imageModal .modal-dialog {
    width: auto !important;
    max-width: 90%;
    display: inline-block;
}

.dropzone .dz-preview .dz-image {
	position: relative;
}

.dropzone .dz-preview .dz-image img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


table.table-bordered.dataTable tbody td.cust_no_sync {
	background-color: #ffebeb;
}

.panel {
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.col-md-4.panel {
	width: calc(100% - 10px);
	margin: 5px;
}

@media (min-width: 768px) {
	.equal {
	  display: flex;
	  display: -webkit-flex;
	  flex-wrap: wrap;
	  margin-left: 0;
	  margin-right: 0;
	}


	.col-md-4.panel {
		width: calc(33.33333333% - 10px);
		margin: 5px;
	}
	
	div.text-lg.form-checkbox label {
		padding: 34px 5px 5px 5px;
	}

}

@media (max-width: 767px) {
	div.text-lg.form-checkbox label {
		padding: 34px 5px 5px 5px;
	}
}


div.table-responsive table.dataTable {
	max-width: 100% !important;
}


table.dataTable > tbody > tr.child ul.dtr-details > li::after {
    content: "";
    clear: both;
    display: block;
}

table.dataTable > tbody > tr.child span.dtr-title {
    float: left;
}

table.dataTable > tbody > tr.child span.dtr-data {
    float: left;
}