/* All the styles in here were moved to :;
	public_html/resources/assets/sass/app/scss
	and is compiled with gulp. */

select.error, textarea.error, input.error {
  color:#FF0000  !important;
  border:1px solid red;
}
input.error + label {
  color:#FF0000  !important;
}
input::-webkit-contacts-auto-fill-button {visibility:hidden;position:absolute;}

.form-control.inline {float:none;}
.btn.inline {width:auto !important;float:none;}
.inline-block {display:inline-block;}
.abs {position:absolute;}
.no-wrap {white-space:nowrap;}
.no-pad {padding:0 !important;}
.no-radius {border-radius:0;}
.color-red {color:#ff0000;}
.m0 {margin:0 !important;}
.label-lime {background:#1fd984;color:#ffffff;padding:5px;border-radius:4px;}
.bg-ltgray {background:#f7f7f7;}
.bg-dark {background:#000000;color:#ffffff;}
.bg-none {background:none;}
.bg-pending {background: #ffedbf !important;}
tr.bg-pending:nth-child(even) {background: #f9e7ba !important;}
.border-none {border:0;}
.subscriber-selected {background-color: rgb(189, 243, 218)}
.padded {padding:10px !important;}
.vpadded {padding-left:10px !important;padding-right:10px !important;}

.border-left + .border-left {border-left:1px solid #cccccc;}
.border-top {border-top:1px solid #cccccc;}
.border-bottom {border-bottom:1px solid #cccccc;}

.label-110 label {width:110px;}
.label-140 label {width:140px;}
.label-right label {margin-right:5px;text-align:right;color:#999;}

.fa {vertical-align:middle;}
.vt {vertical-align:top;}

.table .blacker {background:#000;color:#fff;}
tr.noborder th {border:0 !important;}
.tr-section-break td {border-bottom: 2px solid; padding: 15px 15px 5px !important;color:#56565A;}

.dropbox {border:2px dashed #dddddd;padding:20px;text-align:center;}
.panel-heading a {color:#6e6e6e;}

.nav-tabs.dark li:not(.active) a {background:#56565a;color:#ffffff;}

ul.hborder li {padding:4px 0;}
ul.hborder li+li {border-top:1px solid #ddd;}

.estimator {position: absolute; right: 15px; top: 10px; }

.gold-bar + * {clear:both;}
.gold-bar.tr-heading {height:auto;text-align:center !important;font-weight:700;}

.charcoal-bar {background:#6e6e6e;}

.sub-tabs {float:left; margin:22px 0 0 27px; }
.sub-tabs li {padding:0; }
.sub-tabs a {display:block; background:#ffffff; color:#6e6e6e; padding: 8px 26px; border-radius: 4px 4px 0 0; }
.sub-tabs li.current a {background:#6e6e6e;color:#ffffff; }

.charcoal-tabs {margin-right:-2px;}
.charcoal-tabs > li {width:33.33%;text-align:center;}
.charcoal-tabs > li > a {background:#56565a;border:0;color:#ffffff;}
.charcoal-tabs > li > a:hover {background:#56565a;color:#ffffff;}
.charcoal-tabs > li.active > a {font-weight:700;}

table.table tfoot tr {background: #6e6e6e;color: #ffffff; }
table.table tfoot tr.lighter {background:#efeff6;color:#fff;}
tr.status-complete td {color:#b7b7b8;}
tr.status-complete td a {color:#83c5ff;}
th.darker {background:#292929;}
tr.selected {background:#e4f6ff;}
tr.selected:nth-child(even) {background:#ddeff7 !important;}

.small-form-control .form-control {height:30px;padding:6px;}
.small-form-control .field {margin-right:10px;}

.poppable {cursor:pointer;}
.poppable ul {position: absolute; z-index: 2; margin-top:17px; display:none;font-size:1.2rem;width:260px;background:white;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2); box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);}
.poppable.active {z-index: 5;}
.poppable.active ul {display:block;}
.poppable ul:before, .poppable ul:after {content:''; position:absolute; border-style: solid; top:0; margin: -10px 0 0 10px; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #cccccc transparent; }
.poppable ul:after {border-bottom-color: #ffffff; margin-top: -8px; }
.poppable li {padding:5px 10px;}
.poppable li+li {border-top:1px solid #cccccc;}
/*.poppable li+li.subscriber {border-top: none; padding-top: 0px;}*/
.poppable.mid ul {margin:10px 0 0 -110px;}
.poppable.mid ul:before, .poppable.mid ul:after {margin-left:110px;}
.poppable.rght ul {margin:10px 0 0 -190px;}
.poppable.rght ul:before, .poppable.rght ul:after {margin-left:190px;}
.poppable .cols-3 > div > li > span {width:33.333333%;float:left;}
.poppable li:before, .poppable li:after {content: " ";display: table;}
.poppable li:after {clear: both; }
.poppable li {*zoom: 1; }
.poppable.lft ul {
  margin-left:-230px;
}
.poppable.lft:before, .poppable.lft ul:after {
  right:10px;
}

.grab-box .poppable.lft:before, .grab-box .poppable.lft ul:after {
    right: 235px;
}

.grab-box ul.poppable
{
    margin-left: -50px !important;
}

.attribute-list span {display:inline-block;width:50%;text-align:right;padding-right:10px;}

.quick-summary {float:right;margin-top:01px;}
.quick-summary span {display:inline-block;margin-left:40px;}

.message-boxed {border:1px solid #cccccc;}
.message-boxed > * {border-top:1px solid #cccccc;padding:4px 0;}
.message-boxed > *:first-child {border-top:0;}
.message-boxed .form-control:not(.bordered) {border:0;box-shadow:none;}
.message-boxed .input-group-addon {background:none;border:0;}
.message-boxed [type=reset] {margin-top: 8px;display: inline-block;color:#ff0000;background:none;border:0;}

body.messaging {overflow:hidden;}
body.messaging #message-box.detail .message-content {display:none;}
#message-button {top:37px;}
#message-box {height:100vh;}
#message-box.conversation #message-footer {height:147px;}
#message-box [class*=fa-file] {font-size:2.4rem;margin-right:10px;}
#message-box li {padding-left:0;}
#message-box .subject {font-weight:700;margin-bottom:10px;}
#message-box .from {display:block;margin-bottom:10px;}
#message-box .from:hover {color:#45A2FA;}
#message-box .convo-detail .media-body {font-weight:700;color:#45a2fa;}

#message-box .from.read,
#message-box .from.read:hover {color:#56565A;}

.widget.tabbed .widget-body .checkblock {border-color:#dddddd;}
.mc-task{
    position:relative;
    font-size: 12px;
    text-align: center;
    background: #56565a;
    color: #fff;
    padding: 2px 5px;
    border-radius: 13px;
    display: inline-block;
}
.mc-task .mc-message{
    display:none;
    font-size: 10px;
    position: absolute;
    top: -38px;
    left: -29px;
    width: 80px;
    background: #56565a;
    color: #fff;
    border: solid 1px #000;
    padding: 3px 5px;
    border-radius: 13px;
}
.mc-task:hover{background:#40D07D;}
.mc-task:hover .mc-message{display:block;}

.c-checked-tasks{margin-top:12px;font-size:12px;background:#56565a;color:#fff;border:none;padding:5px 10px;border-radius:10px;}
.c-checked-tasks:hover{color:#ccc;}

.task-actions {position: absolute; z-index: 1; right: 0; margin: 8px;}
.task-actions > div {display:inline-block !important;margin-left:10px;}
.task-actions .fa {color:#9d9d9d;}
.hover-bg:hover {background:#bdf3da;}
.task-actions .btn-group {display:block;margin:5px 0;}
.task-actions .btn-group .btn {width:50%;height:27px;}
.task-actions .btn-default {background:#e5e5e5;border:0;}
.control .poppable span {display:inline-block !important;transform:none !important;}

.wlabel {color:#ffffff;text-align:center;border-radius:4px;}
.label-blue {background:#02afff;}
.label-green {background:#1fd984;}
.label-orange {background:#ffc52f;}
.label-red {background:#e00000;}
.label-brown {background:#b79c47;}

.grab-box {background:#56565a;color:#ffffff;}
.grab-box > ul {margin-bottom:0;}
.grab-box > ul:before {content:''; background:#292929; position:absolute; width:44px; height:100%; left:0; top:0; }
.grab-box > ul > li + li {border-top:1px solid #6e6e6e;}
.grab-box > ul > li {padding: 9px 15px 9px 54px;}
.grab-box ul ul {color:#56565a;}
.grab-box > ul li > .fa,  .grab-box > ul li .poppable-trigger > .fa{position:absolute;margin: 1px 0 0 -45px;font-size:2.0rem;}
.grab-box + * {overflow:auto;}
.grab-box .poppable ul {margin-left:-10px;}

.file-box {display:inline-block;padding:10px;border-radius:4px;border:1px solid #cccccc;background:#f7f7f7;}
.file-box .fa {font-size:3.0rem;float:left;margin-right:10px;}

.well-edit-btn {position: absolute; background: whitesmoke; width: 31px; height: 30px; text-align: center; line-height: 30px;border: 1px solid #e3e3e3; overflow: hidden; border-right: 0; z-index: 1;top: 16px;}
.well-edit {overflow:hidden;min-height:360px;margin-left:30px;border-top-left-radius: 0;box-shadow:none;}

.gold-bar-offset {padding-left:0;margin-top:-60px;position:relative;z-index:999;}
table.availability {text-align:center;z-index:1;}
table.availability .fa {margin:0;}
table.availability .input-group-addon {border:1px solid #dddddd;border-radius:4px;}
table.availability td, table.availability th {font-size:1.2rem;text-align:center;}
table.availability .week {background:#ffc52f;color:#5f5f63;}
table.availability .week th {height:60px;border-right:1px solid #dddddd;}
table.availability .days {background:#f7f7f7;color:#5f5f63;}
table.availability .days th {font-size:1.1rem;height:auto !important;}
table.availability thead th:first-child, table.availability tbody td:first-child {padding-left:15px;}
table.availability thead th:last-child, table.availability tbody td:last-child {padding-right:0;}
table.availability .days th:first-child,
table.availability tbody td:first-child {text-align:left;border-left:1px solid #dddddd;}
table.availability tbody td, table.availability .days th {border-right:1px solid #dddddd;height:50px;}
table.availability tbody tr {border-bottom:1px solid #dddddd;background-color:white;}
table.availability tbody tr:nth-child(even) {background-color:#f7f7f7;}
table.availability tbody tr:first-child {border-top:1px solid #dddddd;}
table.availability .bg-green {background:#ccebdd;}
table.availability .bg-red {background:#f8cbcb;}

[data-dismiss] {position:relative;z-index:1;}

/***start new css 27-07-2017***/
.widget.tabbed .widget-control .control select{
	width:32%;
}
.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px !important;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}

.poppable .ui-datepicker .ui-datepicker-prev span, .poppable .ui-datepicker .ui-datepicker-next span{
	/*
    margin-left:-21px !important;
	margin-top:-19px !important;
    */
}
.poppable .ui-icon{vertical-align:inherit !important;}

.ui-datepicker-header a{line-height:10px;}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title span{display:inline!important;}
.ui-datepicker .ui-datepicker-calendar span{display:inline!important;}

.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 1px;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker td span, .ui-datepicker .ui-datepicker-calendar td a{
	text-align:center;
}
/*new css for project tasks*/
.project-tasks{
    /*z-index:1000;*/
}
.project-tasks .widget-control {
  padding: 13px;
}

.project-tasks .widget-control .control {
  display: inline-block;
  float: left;
  padding: 0 7px;
  height: 34px;
}

.project-tasks .widget-control .control span {
  position: relative;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.project-tasks .widget-control .control:first-child {
  padding-left: 0;
  padding-right: 7px;
}
.project-tasks .widget-control .control select{
	width:32%;
}
.project-tasks .widget-control .control .fa-search {
	margin: 10px;
    position: absolute;
    z-index: 1;
	color:#ffc52f;
}
.project-tasks .widget-body {
  padding: 8px 18px 18px;
  height: 641px;
}

.project-tasks .widget-body .separator {
  color: #198dfc;
  padding-bottom: 5px;
  border-bottom: 3px solid #9d9d9d;
  font-weight: bold;
  margin-top: 10px;
}

/*.project-tasks .widget-body .checkblocks {
  padding-top: 3px;
}*/

.char_count{display:inline;float:right;font-size:85%;padding-top:10px;}


.task-list-wrapper {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 0 15px;
  padding: 15px;
  background-color: #fff;
  box-shadow:0 0 3px rgba(0,0,0,.2);
}

.task-filters {
  border-bottom: 1px solid #ddd;
  margin:-15px -15px 15px;padding:15px;
}

.task-helper-list-wrapper {
  margin-bottom:40px;
}
.task-helper-list-wrapper .separator h4 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
}

.task-helper-task-list-item{
    cursor: pointer;
}

.task-helper-task-list-item, .checkblock {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  margin-top: 4px;
  padding: 6px 8px 0;
}

.project-tasks .widget-body .checkblock .right {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.project-tasks .widget-body .checkblock .right .date {
  padding-right: 25px;
  display: inline-block;
}

.project-tasks .widget-body .checkblock .right i.fa {
  font-size: 22px;
  color: #9d9d9d;
}

.project-tasks .widget-body .checkblock .right i.fa.active {
  color: #198dfc;
}

.project-tasks .widget-body .checkblock .right .circle {
  border-radius: 99px;
  color: #fff;
  background-color: #198dfc;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 27px;
  vertical-align: top;
  margin-top:-5px;
}

.task-progress{background-color:#EDEDED;margin:0;}
.task-heading-form{padding:15px;background-color:#EDEDED;}
.form-control-with-icon{position:relative;}
.form-control-with-icon .task-heading-icon{
	position: absolute;
	z-index: 3;
	left: 7px;
	top: 5px;
}
.form-control-with-icon .form-control{
	padding-left:26px;
}

.project-tasks .widget-body .checkblock .none {
  line-height: 1.3;
}

.project-tasks .widget-body .checkblock .none .small {
  font-size: 0.8em;
}

.project-tasks .widget-body .checkblock input[type="checkbox"] {
  margin-right: 10px;
}

/*2017-10-19 /designs/alltask*/
.checkblock {background: rgb(254,254,254); background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(247,247,247,1) 100%); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(247,247,247,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(247,247,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 );}
.checkblock .left [type=checkbox] {margin-right:10px; width: 16px; height: 16px; }
.checkblock .right {margin:3px 10px;}
.checkblock .none a {color:#56565a;font-size:1.3rem;}
.checkblock .small {font-size:1.0rem;color:#45A2FA;display:block;margin-top:-2px;}
.checkblock .notice-number {margin-left:-2px;background:#45a2fa;color:#ffffff;border-radius:16px;width:16px;height:16px;line-height:16px;font-size:1.0rem;display:inline-block;text-align:center;}
.checkblock .date {font-size: 1.0rem; position: absolute; right: 90px; white-space: nowrap; top: 6px;}
.checkblock .hours {font-size: 1.0rem; position: absolute; right: 50px; white-space: nowrap; top: 6px;}
.checkblock .schedule span{ font-size: 1.0rem; }

.make-conversation {margin-right:-15px;border-radius:0;}
.make-conversation h3.panel-title {font-size: 14px; font-weight: 700 !important; color: #56565a;}
.message-meta {color:#45a2fa;font-size:1.2rem;}
.panel-body .message {margin-left: -15px; padding: 15px; margin-right: -15px; }
.panel-body .message+.message {border-top: 1px solid #d2d2d2;}
.panel-body .message:nth-child(odd) {background:#f7f7f7;}
.panel-body > .message:first-child {margin-top:-15px;}
.panel-body > .message:last-child {margin-bottom:-15px;}

.restore-green{color:#016e39 !important;}






#schedule-container span.gold > span:first-child{
  /*padding-right: 125px;*/
  display:inline-block;
  width:30%;

}
#schedule-container span.gold > span:not(:first-child){
  /*padding-left: 28px;*/
  display:inline-block;
  width:15%;

}
#schedule-container span.gold > span:last-child select{ left: -125px; }
#schedule-container span.black > span:last-child{
 width: 60px;
 text-align: left;
 float: right !important;

}
#schedule-container li.m-drag > span > span:first-child{
 display:inline-block;
 width:30%;
}
#schedule-container li.m-drag > span > span:not(:first-child):not(.wks) {
 display:inline-block;
 width:30%;
}

.line-item-popup {position:absolute;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.5);z-index:100;display:flex;}
.line-item-popup * {position:static;}
.line-item-popup .lip-table thead tr {background:#fff;}
.line-item-popup .lip-table thead th:first-child {padding-left:0;}
.line-item-popup .lip-table tbody td:last-child {text-align:left;padding-left:12px;}
.line-item-popup .lip-table tbody tr:nth-child(even) {background:#fff;}
.line-item-popup .lip-table tbody tr.highlit {background:#d2f7e6;}
.line-item-popup .lip-table tbody td {border-bottom:1px solid #c8c8c8;}
.line-item-popup::before,
.line-item-popup::after {display:none;}
.lip-left {border-right:1px solid #c8c8c8;font-size:14px;padding-bottom:18px;}
.lip-right {padding-left:24px;}
.lip-cat {list-style:none;padding:0;margin:0;}
.lip-cat li {}
.lip-name {border-bottom:1px solid #c8c8c8;padding:4px 18px;}
.lip-name.lip-close {border:0;color:#1a8efb;}
.lip-name.lip-close.lip-close-x {box-shadow:0 0 18px rgba(0,0,0,.5);padding:0;background:#fff;position:absolute;left:0;bottom:-36px;height:36px;width:30px;}
.lip-name.lip-close.lip-close-x::before {position:absolute;top:-18px;left:0;right:-18px;background:#fff;height:18px;display:block;}
.lip-name.lip-close.lip-close-x .fa-times {color:#1a9e5b;margin:8px;font-size:16px;}
.lip-name.active {background:#fff;margin-right:-1px;font-weight:700;}
.lip-cat-main > li > .lip-name {font-size:16px;font-weight:700;padding:8px 18px;}
.lip-scroller-outer {max-height:400px;overflow:scroll;min-width:370px;}
.lip-table {white-space:nowrap;}
.lip-table input {max-width:40px !important;border-radius:4px;border:1px solid #c8c8c8;}
.lip-controls {text-align:center;padding:5px 0;}
[data-total="1"].lip-plural {display:none;}

.collapse-all::after {content:' Collapse All';}
.collapse-all.collapsed::after {content:' Expand All';}

[contenteditable]:focus {background:#fff;}

.custom-flex { display: flex; align-items: center;}
.right-searchblock {display: flex; align-items: center;}
.right-searchblock input[type="text"]{ border-bottom: #cfcfcf solid 2px; color: #a9a9a9; padding: 5px 5px; border-left: #cfcfcf solid 1px; border-right: #cfcfcf solid 1px; border-top: #cfcfcf solid 1px;}
.right-searchblock input[type="text"]:focus { outline: none;}
.customcheckbox { padding-left: 10px; margin: 10px 0px; display: flex; align-items: center; position: relative;   font-size: 14px; }
.customcheckbox input[type="checkbox"] { margin: 0px 5px 0px 0px;}
.form-custom-new label {font-size: 12px; margin: 0px 0px 3px 0px; font-weight: bold;}
.form-custom-new input[type="text"] {border: 1px solid #cfcfcf; padding: 5px 5px; border-radius: 4px; width: 100%;}
.gray-card { border-radius: 4px; background-color: #ededed; padding: 15px; height: 100%;}
.customlist span {display: flex; margin-bottom: 2px;  width: 100%; align-items: center;}
.customlist span input[type="radio"] {margin: 0px 5px 0px 0px;}
.customlist span input[type="checkbox"] {margin: 0px 5px 0px 0px;}
.row-custom { display: flex;  flex-wrap: wrap;}
.customlist span { font-size: 12px;}
.form-custom-new-column span  { width: auto;}
.radiobox {display: flex;}
.radiobox span { margin-right: 10px;}
.card-mb-2 { margin-bottom: 10px;}
.selectform { 
  width: 100%;
    padding: 7px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
}

.fw-400 { font-weight: normal !important;}
.locationsection  {font-size: 14px;}
.locationsection  strong{ font-size: 14px;}

.divb > input[type=number]::-webkit-inner-spin-button,
.divb > input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  margin: 0;
}
@media (max-width: 992px) {
.right-searchblock.pull-right { float: left !important;}
.custom-margin { margin-top: 10px;}
.right-searchblock { flex-wrap: wrap;}
}
@media (max-width: 767px) {
    .poppable ul,
    .poppable.lft ul,
    .poppable.mid ul{
        margin-left: 25px;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

#dashboard {
    padding-top: 53px;
}


#confirmedDueDate .ui-datepicker, #installStartDate .ui-datepicker{
	margin:auto;
}
.ui-datepicker {
  z-index: 999999999!important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a{
	background:#56565A;
	color:#fff;
}


#worksheet{
	color:#231F20;
}
#worksheet table td{
	color:#231F20;
}

#worksheet h1{
	font-size:14pt;
}
#worksheet .header-date{
	font-size:7.8pt;
}
#worksheet .data-check{
	font-size:10pt;
}
#worksheet .data-check h3{
	font-size:10pt;
}
#worksheet .data-header{
	font-size:11pt;
}
#worksheet .data-header h3{
	font-size:11pt;
}
#worksheet .data-label{
	font-size:9.5pt;
}
#worksheet .data-small{
	font-size:8pt;
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none; /* Initially hidden */
}

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
}

.loader-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 800px) {
.new-autocomplete-signs {width: 400px !important;}
}

@media (max-width: 767px) {
  #sign-row-244959 > * { width: 100%; float: none;}
  .grey-box .grey-box-body {padding: 25px 0px;}
  .grey-box .grey-box-body .padded {padding-left: 0px !important; padding-right: 0px !important;}
  .grey-box .grey-box-body .box-body{padding-left: 0px; padding-right: 0px;}
  .row-custom > * { width: 100%;}
  .grey-box.padded {margin: 15px;}  
  .grey-box.collapsed-form { padding-left: 0px !important; padding-right: 0px !important;}

 }