.btn.disabled, .btn:disabled, .card.disabled, .disabled .card {
    opacity: .3 !important;
}
html body .m-t-35{margin-top: 35px;}
.round-home .wi, .round-home [class*=" ti-"], .round-home [class^=ti-] { font-size:20px; line-height: 50px;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:none !important;}
.font-12, .font-12 td, .font-12 th, .font-12 p{font-size:12px !important; }
.font-13, .font-13 td, .font-13 th, .font-13 p{font-size:13px !important; }
.font-16, .font-16 td, .font-16 th, .font-16 p .font-16 i{font-size:16px !important; }
.font-18, .font-18 td, .font-18 th, .font-18 p .font-18 i{font-size:18px !important; }
.font-20, .font-20 td, .font-20 th, .font-20 p .font-20 i{font-size:20px !important; }
.font-24, .font-24 td, .font-24 th, .font-24 p .font-24 i{font-size:24px !important; }
.form-control-feedback{font-size:12px !important;}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
.has-danger .help-block, .has-danger .control-label, .has-danger .radio, .has-danger .checkbox, .has-danger .radio-inline, .has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label {
    color: #ed1c24;
}
html body .m-t-23{margin-top:23px}
html body .m-t-22{margin-top:22px}
.icon-vc{display: inline-block;/* margin-top: 2px; */vertical-align: middle;line-height: 0px;}
a.label:hover{color:#ffffff;text-decoration:none;}
.bg-gray{background:#f6f6f6;}
.bg-blue{background:#e0f7fa;}
.bg-yellow{background:#fff8e1;}
.bg-assign-jobs{background:#fff8e1;}
.bg-assign-jobs td{vertical-align:middle;}
.row.job_assign {background:#fff8e1; border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(0,0,0,.3); padding:15px 0px; }
.dn{ display:none !important;}
.box-title {
    background: #f4fbf3 !important;
    padding: 7px 10px;
    border-top: 1px solid #c0e0bc;
    border-bottom: 1px solid #c0e0bc;
    margin: 20px 0px !important;
	font-weight: 500;
}
.admin-text{text-align:center;}
.card-body.small{padding:.5rem 1rem;}
.input-group-addon {
    padding: 8px 10px;
    font-size: 14px;
}
.vt{vertical-align:top !important;}
input.number_only::-webkit-outer-spin-button,
input.number_only::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.number_only {
    -moz-appearance:textfield;
}
tr.selected{background:#e3f2fd !important;}
tr.totalRow, tr.totalRow td{background:#e3f2fd !important; font-weight:600;}
table.dataTable tr.totalRow td{border-bottom: 0px !important;}
tr.familyrow td{border-top: 2px solid #a5a5a5;}
.rptTitle {padding:10px 0px !important;}
.rptTitle h4{margin:0px; font-weight:600;}
.rptTitle p{margin:0px;}
h5.title2{margin:20px 0px; font-weight:600;}
.page-titles h4{font-weight:500;}
.table.grayborder td, .table.grayborder th {
    border-top: 1px solid #D5D5D5;
}

.table.p10 td, .table.p10 th {
    padding: 10px 7px !important;
}

a.tablelink {color: #e51b22;}
a.tablelink:hover{text-decoration: underline;}

.data_table_title{position: absolute; margin: 7px 0px;}
.btn-actions {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

table.vertical-middle td{vertical-align:center !important;}
table.bootstrap-table th{border-top:0px !important;}
table.mystyle{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
	border-color:#666;
	line-height: 22px;
}

.mystyle td, .mystyle th{
    border-width: 1px 1px 0 0;
    border-style: solid;
	border-color:#666;
	padding: 7px 8px;
}

table.lightborder{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
	border-color:#a5a5a5;
	line-height: 22px;
}

.lightborder td, .lightborder th{
    border-width: 1px 1px 0 0;
    border-style: solid;
	border-color:#a5a5a5;
	padding: 7px 8px;
}

table.mystylesmall{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
	border-color:#666;
	line-height: 19px;
}

.mystylesmall td, .mystylesmall th{
    border-width: 1px 1px 0 0;
    border-style: solid;
	border-color:#666;
	padding: 3px 8px;
}

.table-noborder td,.table-noborder th{
	border:0px !important; 
}

.user-name-img .user-img {
    width: 25px;
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
}
.user-name-img .round {
    line-height: 25px;
    color: #fff;
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #01c0c8;
	margin: 0 10px 0 0;
}
.user-name-img .user-img img {
    width: 100%;
}
.user-name-img h5 {
    display: inline-block;
    vertical-align: middle;
	margin: 0px;
	font-size: 0.9rem;
}

.user-profile .user-img {
    width: 128px;
    position: relative;
    display: inline-block;
    margin: 0px;
}
.user-profile .round {
    line-height: 25px;
    color: #fff;
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #01c0c8;
	margin: 0 10px 0 0;
}
.user-profile .user-img img {
    width: 100%;
	border-radius: 10px;
}

table.mystylenoborder{
    border-width: 0 0 0px 0px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
	border-color:#666;
	line-height: 22px;
}
.mystylenoborder td, .mystylenoborder th{
    border-width: 0px 0px 0 0;
    border-style: solid;
	border-color:#666;
	padding: 4px 8px;
}

table.mystyle-nb{
    border-width: 0 0 0px 0px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: dotted;
	border-color:#666;
	line-height: 22px;
}
.mystyle-nb td, .mystyle-nb th{
    border-width: 0px 0px 0 0;
    border-style: dotted;
	border-color:#666;
	padding: 2px 5px;
}
.mystyle-nb th{border-width: 0px 0px 1px 0; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: transparent; }
  .custom-file-input[disabled] ~ .custom-file-label,
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  text-wrap-mode: nowrap;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.5rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4F5467;
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.25rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.7em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #4F5467;
    content: "Browse";
    background-color: #f8f9fa;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0; }

.txt-length-1 {
  position: relative;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.txt-length-2 {
  position: relative;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}


#cis_loading{position:fixed; top:50%; left:50%; width:200px; height:50px; margin:-25px 0 0 -100px; background:#FFECB3;
		border:1px solid #b5b5b5; border-radius:5px; display:none; z-index:9999;
		-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
#cis_loading p{font-size:16px; font-weight:400; padding:12px 0px; text-align:center;}
#cis_loading p i {font-size:22px; margin-right:10px;}
.cis_timer{
    font-size: 14px !important;
    line-height: 46px !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
}
.spinner-border-xs {width: 1rem;
    height: 1rem;
    border-width: .1em; vertical-align: middle !important;}
.custom-file-control-active {
    box-shadow: none;
	border-color: #2b2b2b !important;
    outline: 0;
}
.custom-file-control:after{line-height:25px !important;width: 90%;
    display: inline-block;
    line-height: 25px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.cis-feedback{
	font-size: 12px !important;
	margin-top: .25rem;
	margin-bottom : 0;
	display: inline-block;
	color: #6c757d;
}
.has-danger .cis-feedback ,.has-danger .control-label{
    color: #d9534f;
}
.has-success .cis-feedback {
    color: #3c763d;
}
.checkbox-info .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #03a9f3;
    background-color: #03a9f3;
}
.checkbox-success .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #00c292;
    background-color: #00c292;
}
.checkbox-warning .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fec107;
    background-color: #fec107;
}
.checkbox-danger .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ed1c24;
    background-color: #ed1c24;
}
.textarea_editor{border-radius:0px 0px .25rem .25rem !important;}

.form-control.phsmall::placeholder{font-size:14px; opacity:0.5;}
.select2-container.form-control-lg{padding-top:10px !important;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex;
}
.col-eq-height {
  display: flex;
  flex-grow: 1;
}

.width29{width:29.5% !important;}
.width30{width:30% !important;}
.switch-txt{color: #a5a5a5; font-weight:600; margin-left:5px; text-transform:uppercase;}
.switch-txt.switch-success{color: #64BD63;}
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
.ui-autocomplete-loading {
	background: url("../../assets/images/busy.gif") right center no-repeat !important;
	transition: none !important;
}
.help-link{position:absolute; bottom:0; margin-bottom:10px; text-align:center; width:100%; color:#FFFFFF;}	
.help-link a{color:#FFFFFF;}  
.help-link a:hover{text-decoration:underline;}
.error-box {
    height: 100%;
    position: fixed;
    background: url(../plugins/images/error-bg.jpg) center center no-repeat #fff!important;
    width: 100%
}
.error-box .footer {
    width: 100%;
    left: 0;
    right: 0
}
.error-body {
    padding-top: 5%
}
.error-body h1 {
    font-size: 210px;
    font-weight: 900;
    line-height: 210px
}
.dropzoneview {
    border: 1px dashed #e9ecef;
	min-height: 150px;
    background: white;
    padding: 20px 20px;
	margin-bottom:15px;
}
.dropzoneview .imgdiv {
    vertical-align: top;
    margin: 16px;	
	overflow: hidden;
    position: relative;
    display: inline-block;
	text-align:center;
}
.dropzoneview .imgdiv .images {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
	margin-bottom:5px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.avatar_img {
  position: relative;
  max-width:150px;
}
.img-container img {
	display: block;
	max-width: 100%;
}
.img-container .preview {
	overflow: hidden;
	width: 160px; 
	height: 160px;
	margin: 10px;
	border: 1px solid red;
}
.modal-lg{
	max-width: 1000px !important;
}
.avatar_img .overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  height: 0;
  transition: .5s ease;
  width: 100%;
}
.avatar_img:hover .overlay {
  height: 50%;
  cursor: pointer;
}
.avatar_img .text {
  color: #333;
  font-size: 13px;
  position: absolute;
  width:100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* # Fancybox (lighbox)
================================================== */
.fancybox-wrap .panel{margin-bottom:0px;}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #ffffff; color: #313131; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden;}
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font-size: 12px; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../assets/images/lightbox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../../assets/images/lightbox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../../assets/images/lightbox/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../../assets/images/lightbox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
.fancybox-inner .row {margin:0 !important;}

@media (max-width: 1023px){
	.form-horizontal .control-label {
		text-align: left !important;
		max-width:100% !important;
	}
	.form-horizontal .col-md-9{
		max-width:100% !important;
	}
}
@media (max-width: 767px){
	.form-group {
		margin-bottom: 5px; 
	}
}

@media screen {
  .noScreen {
    display:none;
  }
  /*.multipage table.invoice_head{display:none;}
  .multipage .invoice_subhead2{display:none;}*/
  .multipage .invoice_foot{margin-bottom:0px;}
  /*.multipage table.invoice_head:first-child {display:block;}
  .multipage .invoice_subhead:first-child {display:inline-block;}*/
}
@media print {
  /*html,body{background:none !important;}*/
  .noPrint {
    display:none;
  }
  thead, tfoot { break-inside:avoid; }
  thead {display: table-header-group;} 
  tfoot {display: table-footer-group;}
  .newpage {display:inline-table; page-break-inside: avoid; page-break-before: always; }
  div.page-break {display:block; page-break-inside: avoid; page-break-before: always; }
  body,html{background:none !important;}
}

.bg-primary {
    background: #1be5ba !important;
}
.text-primary {
    color: #1be5ba !important;
}

.btn-primary {
    background-color: #1be5ba !important;
    border-color: #1be5ba !important;
}