h1.gt_salon_request {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 1;
}
h2.gt_salon_request {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 0 1em;
    line-height: 1;
}
h3.gt_salon_request {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 2em;
    line-height: 1;
}
h4.gt_salon_request {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 3em;
    line-height: 1;
}
h5.gt_salon_request {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 4em;
    line-height: 1;
}

.scheduled_date_link {
	cursor: pointer;
}

span.no_delivery_note_error {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 5px;
    border-radius: 9px;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
    background-color: transparent;
    color: #ff0000;
    border: 1px solid #ff0000;
    font-weight: bold;
}

.dropdown-pane {
	width:auto;
	min-width: 300px;
  max-width: 500px;
}

.dropdown-pane .cad_item {
	font-size: 10px;
	margin-bottom: 5px;
}

.total_hours_col {
  line-height: 2.5em;
  font-size: 14px;
}

.total_hours_col .total_hours {
  font-weight: bold;
}

img.logo {
  margin: 10px 0;
}

img.logo.in_app {
  margin: 10px;
  max-width: 280px;
}

.surveysheet_products_checklist label {
  font-weight: bold;
}

.select2-container {
  margin-bottom: 1em;
}

.select2-selection ul {
  margin: 0;
  line-height: unset;
}

.bigtotal_amount, .bigtotal_label {
  font-weight: bold;
}

table.special_order_table{
  border-collapse: collapse;
  font-size: 0.8rem;
}

table.special_order_table tbody tr:nth-child(even) {
  background-color: inherit;
}

table.special_order_table, table.special_order_table th, table.special_order_table td{
  border: 1px solid #000;
}

table.special_order_table tr.job_info td{
  background-color: #000;
  color: #fff;
  padding: 3px 10px;
  border-top: 10px solid #FFF;
}

table.special_order_table tr.product_info td{
  background-color: #ddd;
  padding: 3px 10px;
}

table.special_order_table th.tiny {
  font-size: 0.7em;
  line-height: 0.8em;
}

table.special_order_table .info_title {
  font-weight: 700;
}

table.special_order_table .info {
  margin-right: 3em;
}

table.special_order_table .info.surveysheet.filled {
  color: #0072ff;
}

table.special_order_table .button {
  margin-bottom: 0;
  padding: 4px;
  border-radius: 7px;
}

#modal_so_item h6,.modal_so_job_products h6 {
  font-weight: bold;
  margin-top: -8px;
}

#modal_so_item h5{
  font-weight: bold;
  border-bottom: 2px solid #888;
  font-size: 0.8em;
}

table.special_order_table {
  margin-bottom: 0.5rem;
}

table.special_order_table .color_status.updatable {
  cursor: pointer;
  position: relative;
}

table.special_order_table .color_status.updatable::after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-color: black;
  opacity: 0;
}

table.special_order_table .color_status.updatable:hover::after {
  opacity: 0.25;
}

table.special_order_table .color_status.NONE {
  background-color: white;
}

table.special_order_table .color_status.ISSUE {
  background-color: yellow;
}

table.special_order_table .color_status.PROBLEM {
  background-color: red;
}

table.special_order_table .color_status.OK {
  background-color: green;
}

table.special_order_table .color_status.DISABLED {
  background-color: grey;
  cursor:not-allowed;
}

table.special_order_table tr.wrong_assignment {
  background-color: red !important;
}

#color_status_selector {
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  position: absolute;
  box-shadow: #00000080 3px 3px 5px;
}

#color_status_selector .selector {
  width: 50%;
  height: 50%;
  border: 1px solid #000;
  position: absolute;
  cursor: pointer;
}

#color_status_selector .selector:hover {
  border-color: #fff;
}

#color_status_selector .selector.NONE {
  top: 0;
  left: 0;
  background-color: white;
}

#color_status_selector .selector.ISSUE {
  top: 0;
  right: 0;
  background-color: yellow;
}

#color_status_selector .selector.PROBLEM {
  bottom: 0;
  left: 0;
  background-color: red;
}

#color_status_selector .selector.OK {
  bottom: 0;
  right: 0;
  background-color: green;
}

.ownership_button {
  padding: 3px;
}

.project_charter_status.APPROVED {
  color: green;
}
.project_charter_status.NOT_APPROVED {
  color: red;
}
.project_charter_status.FUTURE {
  color: black;
}
.project_charter_status.PENDING {
  color: orange;
}

table.surveysheets_list_table td.surveysheet_status{
  text-align: center;
  font-weight: bold;
}

table.surveysheets_list_table td.surveysheet_status .pending{
  color: red;
}

table.surveysheets_list_table td.surveysheet_status .ready{
  color: #3adb76;
}

table.surveysheets_products_table td.final_product{
  text-align: center;
}

table.surveysheets_products_table td.final_product span {
  padding: 5px 10px;
}

table.surveysheets_products_table td.final_product .yes {
  background-color: #3adb76;
}

table.surveysheets_products_table td.final_product .no {
  background-color: red;
  color: white;
}

table.surveysheets_list_table .hit_rate_box {
    background-color: #fff;
    width: 25px;
    height: 25px;
    margin: 0 auto;
}

.final_survey_row {
  background-color: #eeee;
  padding-top: 20px;
  margin-bottom: 10px;
  border: 1px solid #bbb;
}

.drawing_reveal.reveal {
  top: 0px !important;
  left: 0px !important;
  padding:0;
}

.drawing_reveal.reveal .reveal_content {
  position: relative;
  padding: 1rem;
  box-sizing: border-box;
}

#surveysheet_product input.number {
  width: 100px;
}

#surveysheet_product .checklist_title {
  border-bottom: 2px solid #8a8a8a;
}

#surveysheet_product .section_box {
  border: 2px solid #ddd;
  padding: 16px 0;
  margin-bottom: 10px;
}

#surveysheet_product table {
  border-collapse: collapse;
}

#surveysheet_product table, #surveysheet_product table th, #surveysheet_product table td {
  border: 1px solid black;
}

#surveysheet_product table thead {
  background: #ccc;
}

#surveysheet_product table thead th {
  text-align: center;
}

#surveysheet_product table tbody tr:nth-child(even) {
    background-color: transparent;
}

#surveysheet_product table select, #surveysheet_product table input {
  margin-bottom:0;
}

#surveysheet_product label {
  line-height: 1.1;
}

#surveysheet_product .inlineblock {
  display: inline-block;
}

#surveysheet_product .inlineblock.hidden {
  display: none;
}

#surveysheet_product .autowidth {
  width: auto;
}

#surveysheet_product table {
  font-size: 13px;
}

#surveysheet_product table th.w100 {
  width:100px;
}
#surveysheet_product table th.w200 {
  width:200px;
}

#surveysheet_product table img {
  max-width: 50px;
  max-height: 50px;
}

.checklist_item button.secondary {
  opacity: 0.25;
}

.checklist_item.tiny button {
  padding: 8px;
}

.freetext.special {
  color: red;
}

#picture_reveal canvas,#picture_reveal img {
  display:block;
  margin: 0 auto;
}

.pictures_holder .picture{
  position: relative;
  width: auto;
  display: inline-block;
  padding: 0;
  margin: 0 5px 5px 0;
  vertical-align: middle;
  border: 1px solid #aaa;
}

.pictures_holder .picture canvas,.pictures_holder .picture img{
  max-width: 100px;
  max-height: 100px;
  display: block;
}

.pictures_holder .picture .delete_picture {
  display: block;
  position: absolute;
  bottom:0;
  right:0;
  background-color: red;
  color: white;
  padding: 1px 2px;
  line-height: 1;
  cursor: pointer;
}

.pictures_holder .picture .delete_picture:hover {
  background-color: white;
  color: red;
}

.drawing_reveal .control_buttons{
  position: absolute;
  bottom: 50px;
  left: 10px;
}

.drawing_reveal .buttons{
  position: absolute;
  bottom: 0;
  right: 10px;
}

.survey_drawing_preview {
  border: 1px solid #aaa;
  width: 100%;
  max-width: 270px;
  cursor: pointer;
}

.survey_drawing_preview:hover {
  border-color: #1779ba;
}

button.small.color_pick {
  background-color: white;
  border: 3px solid;
  opacity: 1;
  padding: 6px;
}

button.small.secondary.color_pick {
  border-color: white;
}

.survey_drawing {
  border: 1px solid #aaa;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  max-height: 100%;
}

#surveysheet_new_product .template_choice {
  display: inline-block;
  width: auto;
  border: 1px solid #1779ba;
  padding: 4px 14px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: aliceblue;
}

#surveysheet_checklist select[name=hit_rate],#surveysheet_checklist select[name=hit_rate] option {
  background-color: #fff;
  color: #000;
  font-weight: bold;
}

#surveysheet_checklist select[name=hit_rate].COLD,table.surveysheets_list_table .hit_rate_box.COLD{
  background-color: #00a2ff;
  color: #FFF;
}

#surveysheet_checklist select[name=hit_rate].WARM,table.surveysheets_list_table .hit_rate_box.WARM {
  background-color: #ffee00;
  color: #FFF; 
}

#surveysheet_checklist select[name=hit_rate].HOT,table.surveysheets_list_table .hit_rate_box.HOT {
  background-color: #ff0000;
  color: #FFF;
}

#surveysheet_checklist ul.hit_rate_info li {
  font-size: 12px;
  color: #aaa;
}

#modal_project_charter input[type=file] {
  border: 1px solid #ddd;
  padding: 7px;
}

.bbutton.unconfirm_payment {
  background-color: #00c19e;
  color: #fff;
  visibility: visible;
}

.payment.checked {
  color: #00c19e;
  font-weight: bold;
  font-style: italic;
}

.nowrap {
  white-space: nowrap;
}

label.pdf_exists {
    display: inline-block;
    margin-right: 35px;
}

th.table_sort {
	cursor: pointer;
	color: #1779ba;
    text-decoration: underline;
}

textarea.comments {
	min-height:180px;
	resize: vertical;
}

textarea[name='job_payment_terms'] {
  min-height:72px;
}

.login_box {
	margin-top: 50px;
	border: 2px solid #ddd;
	padding: 15px 30px;
}

.login_box-header {
	text-align: center;
}


.header {
	position: fixed;
	width: 100%;
	max-width: 100%;
	z-index: 3;
}

.header.free {
	position: relative;
	width: 100%;
	max-width: 100%;
	z-index: 3;
}

.top-bar, .top-bar ul {
    background-color: #fff;
	font-size: 12px;
}

.top-bar{
    border-bottom: 1px solid #1779ba;
}

.menu-text span {
	font-size: smaller;
}

.content:not(.free) {
	padding-top: 140px;
}

.table_holder,.yearlytasks_table_holder {
	position: relative;
	overflow-y: scroll;
}

.hidden {
	display: none;
}

table.boq_list,table.boq_list input, table.boq_list textarea, table.boq_list select, table.boq_list option{
	font-size: 12px;
	margin:0;
}

table.boq_list td {
	padding: 2px;
}

table.jobs_grid,table.fixed_headers,table.task_list_table,table.sales_list_table,table.proforma_grid,table.surveysheets_list_table:not(.report),table.surveysheets_products_table  {
	font-size: 12px;
	width: max-content;
}

table.fixed_headers {
	position: absolute;
	z-index: 1;
}

table th,table td {
	position: relative;
}

table.jobs_grid tr,table.fixed_headers tr, table.task_list_table tr,table.boq_list tr, table.sales_list_table tr, table.proforma_grid tr {
	background-color: #efefef;
}

table.jobs_grid td,table.fixed_headers td, table.task_list_table td,table.boq_list td,table.sales_list_table td,table.proforma_grid td{
	vertical-align: top;
	background-color: rgba(255,255,255,0.1);
}

span.vip_no, span.vip_yes {
  font-size: 1.3em;
  cursor: pointer;
}

span.vip_no {
  color: red;
}

span.vip_yes {
  color: green;
}

table.jobs_grid .locked,table.fixed_headers .locked {
	color: #999;
	font-style: italic;
}

table.jobs_grid .auto,table.fixed_headers .auto,table.proforma_grid .auto {
	color: #00a;
	font-style: italic;
}


table.jobs_grid tr:hover td, table.boq_list tr:hover td, table.proforma_grid tr:hover td {
	background-color: transparent;
}

table.boq_list td.checked, table.boq_list tr:hover td.checked {
	background-color: #13A230;
}

table.boq_list td.unchecked, table.boq_list tr:hover td.unchecked {
	background-color: #f00;
}

table.jobs_grid tr.remedial td{
	border-top: 2px solid #ee5;
	border-bottom: 2px solid #ee5;
}

table.jobs_grid tr.remedial td:last-child{
	border-right: 2px solid #ee5;
}

table.jobs_grid tr.remedial td:first-child{
	border-left: 2px solid #ee5;
}

table.jobs_grid tr.ISSUE,table.jobs_grid tr.ISSUE_AFTERSALES {
	background: repeating-linear-gradient(
		45deg,
		#ffd0d0,
		#ffd0d0 10px,
		#fdd 10px,
		#fdd 20px
	);
}

table.jobs_grid tr.ISSUE_WIP {
  background: repeating-linear-gradient(
		45deg,
		#fcb0bd,
		#fcb0bd 10px,
		#fcbdbd 10px,
		#fcbdbd 20px
	);
}

table.jobs_grid tr.IN_PROGRESS,table.jobs_grid tr.TO_BE_SCHEDULED {
	background: repeating-linear-gradient(
		45deg,
		#b0fbb0,
		#b0fbb0 10px,
		#bfffbf 10px,
		#bfffbf 20px
	);
}

table.jobs_grid tr.SCHEDULED {
	background: repeating-linear-gradient(
		45deg,
		#8cfd8c,
		#8cfd8c 10px,
		#95f095 10px,
		#95f095 20px
	);
}

table.jobs_grid tr.TO_SURVEY {
	background: repeating-linear-gradient(
		45deg,
		#fff29d,
		#fff29d 10px,
		#ffffc7 10px,
		#ffffc7 20px
	);
}

table.jobs_grid tr.PENDING {
	background: repeating-linear-gradient(
		45deg,
		#ffd58b,
		#ffd58b 10px,
		#ffe0b7 10px,
		#ffe0b7 20px
	);
}

table.jobs_grid tr.COMPLETED {
	background: repeating-linear-gradient(
		45deg,
		#AFEEEE,
		#AFEEEE 10px,
		#AFEEFF 10px,
		#AFEEFF 20px
		
	);
}

table.jobs_grid tr.UNDER_PRODUCTION {
	background: repeating-linear-gradient(
		45deg,
		#eeafde,
		#eeafde 10px,
		#e9bede 10px,
		#e9bede 20px
	);
}

table.jobs_grid tr.DORMANT {
    background: repeating-linear-gradient(
		45deg,
		#616161,
		#616161 10px, 
		#7b7b7b 10px, 
		#7b7b7b 20px
	);
    color: #fff;
}

td.boq span {
    background-color: white;
    padding: 1px 3px;
    color: #aaa;
}

.boq_list select.pending,td.boq span.pending {
    background-color: #ff0;
    color: #000;
}

.boq_list select.not_available,td.boq span.warning {
    background-color: #f00;
    color: #fff;
}

.boq_list select.ok,td.boq span.ok {
    background-color: #13A230;
    color: #fff;
}

.boq_list td.number {
    text-align: center;
}

label.boq_info {
    font-size: 14px;
    padding-bottom: 10px;
}

label.boq_info span {
    font-weight: bold;
}

table.sales_list_table tr.require_visit{
	background-color: #FB5;
}

table.sales_list_table tr.lost{
	background-color: #F00;
	color: #fff;
}

table.sales_list_table th.lead_phase, table.sales_list_table td.lead_phase.active{
	background-color: #CCC;
}

table.sales_list_table th.prospect_phase, table.sales_list_table td.prospect_phase.active{
	background-color: #9CF;
}

table.sales_list_table th.negociation_phase, table.sales_list_table td.negociation_phase.active{
	background-color: #FFA;
}

table.sales_list_table th.won_phase, table.sales_list_table td.won_phase.active{
	background-color: #0F4;
}

table.sales_list_table tr.require_visit td.phase{
	opacity:0.65;
}

table.sales_list_table tr.lost td.phase{
	opacity:0.5;
}


table.task_list_table tr.task_row.task {
	background-color: rgba(255,200,0,0.2);
}

table.task_list_table tr.task_row.survey {
	background-color: rgba(100,100,255,0.2);
}

table.task_list_table th.th_plan {
	background-color: Turquoise;
}

table.task_list_table th.th_feedback {
	background-color: Salmon;
}

table.task_list_table td.status {
	font-weight: bold;
}

table.task_list_table td.COMPLETED {
	background-color: LimeGreen;
}

table.task_list_table td.NOT_ATTENDED {
	background-color: DarkRed;
	color: White;
}

table.task_list_table td.NOT_COMPLETED {
	background-color: Yellow;
}

table.task_list_table td.IN_PROGRESS {
	background-color: Orange;
}

table.task_list_table td.NO_ACCESS,table.task_list_table td.SITE_ISSUE {
	background-color: Red;
	color: White;
}

table.task_list_table button.replan_task {
	display: none;
}

table.task_list_table td:hover button.replan_task {
	display: block;
}

table.task_list_table tr:hover {
	border: 1px solid #555;
}

.bbutton {
	display: inline-block;
    vertical-align: middle;
    padding: 2px 1px;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 9px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #eeeeee;
    color: #bbb;
	outline: none;
	border: 1px solid #ccc;
	visibility: hidden;
}

.reveal .bbutton, .bbutton.show {
	visibility: visible;
}

td:hover .bbutton {
	visibility: visible;
}

.bbutton.add {
	font-size:10px;
	padding:2px 4px;
}

.bbutton:hover {
	background-color: #1779ba;
	color: #fff;
}

.bbutton.red:hover {
	background-color: #d00;
}

.bbutton.yellow:hover {
	background-color: #fd0;
  color: #000;
}

.bbutton.green:hover {
	background-color: #9c0;
}

.bbutton.active {
	background-color: #9c0;
	color: #fff;
}

.bbutton.inactive {
	background-color: #d00;
	color: #fff;
}

.bbutton.inactive:hover,.bbutton.active:hover {
	border: 1px solid #000;
}

.ui-autocomplete {
	z-index:1100;
}

.reveal .pfs {
	margin-bottom: 20px;
}

.pf_selling_price {
    text-align: right;
    font-weight: bold;
    font-size: 13px;
}

.pf_selling_price span {
    color: red;
}

#add_user,#add_job,#add_tech_team {
	margin-bottom: 20px;
}

.user_box,.team_box {
	background-color: #eee;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.user_box h4,.team_box h4 {
	padding: 8px;
	font-size: 14px;
	background-color: #fff;
}

.user_box .tags {
	padding-left: 8px;
	height: 40px;
}

.user_box .buttons,.team_box .buttons{
	border-top: 1px solid #ddd;
	text-align: right;
	padding: 3px 8px 3px 3px;
}

.team_box .team_techs {
	padding: 5px;
}

.team_box .team_tech {
	font-size: 12px;
	margin-right: 10px;
}

.product_list {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}

.client_list {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}

.product_line,.client_line,.store_item_line {
    font-size: 12px;
    margin-bottom: 3px;
}

.store_item_line {
	padding: 3px 5px;
	background-color: #f8f8f8;
	margin-bottom: 3px;
	border: 1px solid #f8f8f8;
}

.store_item_line.reorder {
	background-color: #ffd8d8;
	border-color: #ffaaaa;
}

.store_item_line:hover {
	border-color: #555;
}

.store_item_line.reorder:hover {
	background-color: #ffc8c8;
	border-color: #ff9999;
}

.store_item_line .stock {
	text-align:right;
}


.store_item_line .buttons, .store_item_line .buttons *, .store_item_line input {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.log_date {
	display: block;
	background-color: #eee;
	border: 2px solid #bbb;
	padding: 3px 5px;
	text-align: center;
	color: #000;
	cursor: pointer;
}

.log_date:hover {
	background-color: #444;
	border: 2px solid #000;
	color: #fff;
}

.log_details {
	font-size: 12px;
	line-height: 32px;
}

.product_line.disabled {
	color:#aaa;
	font-style:italic;
}

.pages {
	text-align: center;
}

td.order_summary.high {
    border: solid 3px #f00;
}

td.order_summary.urgent {
    border: solid 3px #f90;
}

td.order_summary.minimized {
    border: none;
}

.print-but,.tasks-print-but,.project_charter-print-but {
    position: absolute;
    top: 10px;
    right: 10px;
}

.hide_col {
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: #1779ba;
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
	visibility: hidden;
}

th:hover .hide_col {
	visibility: visible;
}

th.minimized:hover .hide_col {
	visibility: hidden;
}

.hide_col:hover {
	color: #1779ba;
	background-color: #fff;
}

th.minimized,td.minimized{
	width: 4px !important;
	padding:0;
	margin:0;
	border: none;
    display: table-cell;
    cursor: inherit;
}

th.minimized span,td.minimized div.td_content{
	display: block;
	width: 4px !important;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	visibility: hidden;
}

td.completion div.td_content {
  text-align: right;
}

td.completion .product_completion {
  position: relative;
}

td.completion .product_completion:before {
  content: "";
  display: block;
  width: 14px;
  height: 85%;
  margin-bottom: 2px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
}

td.completion .product_completion.level0:before {
  display: none;
}

td.completion .product_completion.level1:before {
  background-color: #dddddd;
  border: 1px solid #c7c7c7;
}

td.completion .product_completion.level2:before {
  background-color: #ffff00;
  border: 1px solid #ffd200;
}

td.completion .product_completion.level3:before {
  background-color: #ff0000;
  border: 1px solid #680000;
}

th.minimized:hover {
	background-color: #1779ba;
	cursor: pointer;
}

label.warning {
	color: red;
	font-style: italic;
	font-size: 14px;
}

tr.new_tr input,tr.keep_tr input,tr.cur_tr input {
    display: inline-block;
	margin: 0;
}

table.job_assignment_grid {
	border: 1px solid #1C6EA4;
	background-color: #F7F7F7;
	text-align: left;
	border-collapse: collapse;
	font-size: 12px;
}

table.job_assignment_grid td, table.job_assignment_grid th {
	border: 1px solid #AAAAAA;
	padding: 2px 2px;
}

table.job_assignment_grid tr:nth-child(even) {
    background-color: transparent;
}

table.assignment_history_grid,table.selection_items_list {
	border: 1px solid #1C6EA4;
	background-color: #F7F7F7;
	text-align: left;
	border-collapse: collapse;
	font-size: 12px;
}

table.assignment_history_grid td, table.assignment_history_grid th,table.selection_items_list td, table.selection_items_list th {
	border: 1px solid #AAAAAA;
	padding: 2px 2px;
}

table.assignment_history_grid tr:nth-child(even),table.selection_items_list tr:nth-child(even) {
    background-color: transparent;
}

table.assignment_history_grid tr.sub_header td,table.job_assignment_grid tr.sub_header td,table.selection_items_list tr.sub_header td {
	background-color: #EEE;
}

table.assignment_history_grid tr.item td,table.job_assignment_grid tr.item td,table.selection_items_list tr.item td {
	border-top: none;
	border-bottom: none;
}


table.assignment_history_grid tr:last-child td,table.job_assignment_grid tr:last-child td,table.selection_items_list tr:last-child td {
	border-bottom: 1px solid #AAAAAA;
}

table.assignment_history_grid tr.sub_header.out td {
    background-color: #ff9;
}
table.assignment_history_grid tr.item.out td {
    background-color: #ffc;
}

table.pf_table {
	border: 1px solid #1C6EA4;
	background-color: #F7F7F7;
	text-align: left;
	border-collapse: collapse;
	font-size: 12px;
}

table.pf_table td, table.pf_table th {
	border: 1px solid #AAAAAA;
	padding: 2px 2px;
}

table.pf_table th {
	background-color: #DDD;
}

table.pf_table tr:nth-child(even) {
    background-color: transparent;
}

table.pf_table tr.sub_header th {
	background-color: #EEE;
}

div.one_line {
	font-size: 14px;
	margin-bottom: 10px;
}

div.one_line:last-child {
	margin-bottom: 20px;
}

div.one_line h5 {
	display: inline;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}

input.error {
	border: 1px solid red;
}

.selection_items_list div.count_holder, #modal_job_auto_pf_edit div.count_holder {
	float: left;
	position: relative
}

.selection_items_list input.item_count, #modal_job_auto_pf_edit input.item_count {
	width: 65px;
}

.selection_items_list div.name_holder, #modal_job_auto_pf_edit div.name_holder {
	 overflow:auto;
}

.selection_items_list span.uom, #modal_job_auto_pf_edit span.uom {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 9px;
    width: 65px;
    text-align: center;
}

#modal_job_auto_pf_edit span.uom {
	left: 0;
}

#modal_task_order_sumary label, #modal_yearly_task_order_sumary label {
    margin-top: 10px;
    line-height: 0.8rem;
	font-weight: bold;
}

.wickedpicker {
	z-index: 1010;
}

#modal_task_feedback canvas {
	width:100%;
	background-color: #ddd;
}

#modal_task_feedback textarea {
	height: 200px;
}

#modal_task_feedback label {
	font-weight: bold;
	font-size: 16px;
}

span.img_button {
    margin: 3px;
    font-weight: bold;
    color: #999;
}

span.txt_button {
    margin: 0 3px;
    font-weight: bold;
    color: #999;
    font-size: 10px;
    display: block;
}

.survey_content label {
    font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
}

.survey_content p {
    margin:0;
	padding: 0;
}

.survey_content a.bbutton {
    width: 30%;
    margin-right: 10px;
	margin-top: 5px;
}

th.tech_notes,td.tech_notes,th.plan_notes,td.plan_notes {
	max-width: 240px;
}

.store_item_line input[type="checkbox"] {
    margin-bottom: 0;
    position: relative;
    top: 3px;
}

table.pf_list {
    font-size: 12px;
}

table.pf_list tbody tr:hover td {
	background-color: #555;
	color: #fff;
	cursor: pointer;
}

.selection_items_list_holder {
    background-color: #eee;
    padding: 10px 10px 50px;
}

a.replan_link {
    display: block;
    text-align: center;
    color: #f33;
}

table.task_year_list_table tbody td, table.task_year_list_table tbody th {
	padding: 0;
}
/*
table.task_year_list_table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1;
}
*/
.tasks_holder {
	min-width: 1200px;
	display: flex;
	position:relative;
    min-height: 20px;
	width: fit-content;
}

.task_node {
    width: 80px;
	min-height:60px;
    display: block;
    border: 4px solid #d5d5d5;
	padding:2px;
    float: left;
	font-size: 11px;
	background-color: #eee;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    user-select: none;
}

.task_node.ghost {
	opacity: 0.4;
}

.task_node.unsynced {
    background-image: gradient(linear, 19.1% -7.9%, 81% 107.9%, color-stop(0, transparent), color-stop(.48, transparent), color-stop(.5, #000), color-stop(.52, transparent), color-stop(1, transparent));
    background-image: repeating-linear-gradient(to top left, transparent 0%, transparent 48%, rgba(0,0,0,0.3) 50%, transparent 52%, transparent 100%);
}

.task_node.job {
	background-color: #eee;
	color:#000;
}

.task_node.task {
	background-color: #ff0;
	color:#000;
}

.task_node.note {
	background-color: #2525ff;
	color:#fff;
}

.task_node.survey {
	background-color: #aef;
	color:#000;
}

.task_node .timein, .task_node .timeout{
	position: absolute;
    width: 35px;
    background-color: #333;
    color: #fff;
    display: none;
    text-align: center;
    font-size: 10px;
	letter-spacing: 1px;
}

.task_node .timein {
	transform-origin: left top;
	transform: translateX(15px) rotate(90deg);
	top: 0;
    left: 0;
	color: #5f5;
}

.task_node .timeout {
	transform-origin: right bottom;
    transform: translateX(-15px) rotate(90deg);
    bottom: 0;
    right: 0;
	color: #f55;
}

tr:hover .task_node .timein, tr:hover .task_node .timeout{
	display: block;
}

.task_node .node_buttons {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

.task_node:hover .node_buttons {
	display: block;
}

.task_node.job.confirmed {
	background-color: #A00;
	color: #fff;
}

.task_node.task.confirmed {
	background-color: #fc0;
	color:#000;
}

.task_node.note.confirmed {
	background-color: #365fe4;
	color:#000;
}

.task_node.survey.confirmed {
	background-color: #7df;
	color:#000;
}

.task_node.job.fixed {
    background-color: #b0b;
    color: #fff;
}

.task_node.task.fixed {
	background-color: #da6;
	color:#000;
}

.task_node.note.fixed {
	background-color: #6693dd;
	color:#000;
}

.task_node.survey.fixed {
	background-color: #9db;
	color:#000;
}

.task_node.job.fixed.confirmed {
    background-color: #606;
}

.task_node.task.fixed.confirmed {
	background-color: #b71;
	color:#fff;
}

.task_node.note.fixed.confirmed {
	background-color: #182067;
	color:#fff;
}

.task_node.survey.fixed.confirmed {
	background-color: #4b8;
	color:#fff;
}

.task_node.completed {
	border-color: #3adb76;
}
.task_node.not_completed {
	border-color: #ffae00;
}
.task_node.not_attended {
	border-color: #767676;
}
.task_node.no_access,.task_node.site_issue {
	border-color: #cc4b37;
}

.task_node_placeholder {
	width: 10px;
    display: block;
    border: 2px solid #44f;
    float: left;
	height:100%;
	background-color: #00c;
}

.hide_placeholder .task_node_placeholder{
	display: none;
}

.task_node.empty_node {
    border: 1px solid #f5f5f5;
    background-color: transparent;
    min-height: 20px;
}

table.task_year_list_table tr,table.task_year_list_table tbody tr:nth-child(even) {
    background-color: #ddd;
}

table.task_year_list_table tr td.day_team.unassigned{
    background-color: #fff;
}

table.task_year_list_table tbody tr:nth-child(even) td.day_team.unassigned{
    background-color: #f1f1f1;
}

td.day_team {
	position: relative;
}

td.day_team div.day_bgcolor{
	position: absolute;
	background-color: #fff;
	top: 0;
	bottom: 0;
	left:0;
}

.day_holder.hide_overtime {
    width: 800px;
    overflow: hidden;
}

.day_team.unassigned.hide_overtime .tasks_holder{
    min-width: 0;
}

table.task_year_list_table tbody tr:nth-child(even) td.day_team div.day_bgcolor{
	background-color: #f1f1f1;
}

.date_color {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
	display: none;
}
th:hover .date_color {
	display: block;
}

.date_color .color {
	display:block;
	width: 10px;
	height:10px;
	float: left;
	cursor: pointer;
    color: red;
    font-size: 10px;
    padding: 0;
    line-height: 10px;
    text-align: center;
}

.reset_task_status {
    visibility: hidden;
    position: absolute;
    bottom: 3px;
    right: 3px;
    padding: 3px 6px;
    background-color: red;
    color: white;
}

td.status:hover .reset_task_status{
	visibility: visible;
}

.sale_product {
    margin: 2px;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 9px;
    background-color: #eee;
    font-size: 12px;
}

#modal_sale input.date_picker:hover {
    cursor: pointer;
}

button.success.sale_create_job {
    margin: 0;
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 10px;
    color: #fff;
}

tr.commissions_total,tr.payments_total,tr.invoices_total {
    font-weight: bold;
}

td.bigtotal_label {
    text-align: right;
}

#modal_survey2_images .canvas_holder canvas,#modal_charter_images .canvas_holder canvas {
    max-width: 80px;
    margin: 5px;
    max-height: 80px;
}

.jobs_grid span.survey_edit {
    display: block;
    font-size: 10px;
}

.jobs_grid .scheduled_date.past {
    color: #9b9b9b;
}

.images div.image {
  display: inline-block;
  margin: 5px;
  cursor: pointer;
  position: relative;
}

.view_charter_pdf {
  position: relative;
  padding-right: 25px;
}

.delete_charter_image,.delete_charter_pdf {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background-color: red;
  padding: 1px 3px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  display: none;
}

div.image:hover .delete_charter_image, .view_charter_pdf:hover .delete_charter_pdf {
  display: block;
}

.image img {
    margin: 0 auto;
    display: block;
}

.special_order_info h5 {
    font-size: 1em;
    font-weight: bold;
    text-decoration: underline;
}


.task_survey_view,.task_surveysheet_view,.task_cad_view {
    color: #1779ba;
    cursor: pointer;
}

.task_surveysheet_view,.task_cad_view {
  display: inline-block;
  margin-right: 10px;
}

.technical_report table {
  border: 1px solid #999;
  border-collapse: collapse;
}

.technical_report table td, .technical_report table th {
  border: 1px solid #999;
}

.technical_report table tr.highlight {
  background-color: #ffffc1;
}

#modal_task_feedback .delivery_note a:not(.hidden,.hidden2) {
    margin: -0.75rem 0 1rem;
    display: block;
}

td.informed.informed_No {
  background-color: #ff0000;
}

td.informed.informed_Yes {
  background-color: #76c305;
}

#modal_task_feedback  .installed_products_selection label {
	line-height: 1rem;
	margin-bottom: 1rem;
	font-weight: normal;
	font-size: 0.8rem;
}

#modal_task_feedback .installed_products_selection label>[type=checkbox], label>[type=radio] {
	margin:0 0.2rem 0 0;

}

table.boqs_list_table {
  border-collapse: collapse;
}

table.boqs_list_table tbody tr, table.boqs_list_table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #fff;
}

table.boqs_list_table tbody tr.ISSUE,table.boqs_list_table tbody tr.ISSUE_AFTERSALES {
  background: repeating-linear-gradient(
		90deg,
		#ffd0d099,
		#ffd0d099 10px,
		#ffdddd99 10px,
		#ffdddd99 20px
	);
}

table.boqs_list_table tbody tr.ISSUE_WIP {
  background: repeating-linear-gradient(
		90deg,
		#ffb6b699,
		#ffb6b699 10px,
		#fcbdbd99 10px,
		#fcbdbd99 20px
	);
}

table.boqs_list_table tbody tr.IN_PROGRESS,table.boqs_list_table tbody tr.TO_BE_SCHEDULED {
  background: repeating-linear-gradient(
    90deg,
    #b0fbb099,
    #b0fbb099 10px,
    #bfffbf99 10px,
    #bfffbf99 20px
  );
}

table.boqs_list_table tbody tr.SCHEDULED {
	background: repeating-linear-gradient(
		90deg,
		#8cfd8c,
		#8cfd8c 10px,
		#95f095 10px,
		#95f095 20px
	);
}

table.boqs_list_table tbody tr.PENDING {
  background: repeating-linear-gradient(
		90deg,
		#ffd58b99,
		#ffd58b99 10px,
		#ffe0b799 10px,
		#ffe0b799 20px
	);
}

table.boqs_list_table tbody tr.TO_SURVEY {
  background: repeating-linear-gradient(
		90deg,
		#fff29d99,
		#fff29d99 10px,
		#ffffc799 10px,
		#ffffc799 20px
	);
}

table.boqs_list_table td.order_placed.ordered {
    background-color: limegreen !important;
}

table.boqs_list_table td.status.WARNING {
    background-color: rgb(255,80,80) !important;
}

table.boqs_list_table td.status.PENDING {
    background-color: yellow !important;
}

table.boqs_list_table td.status.OK {
    background-color: limegreen !important;
}

table.boqs_list_table td {
  border: 1px solid #000 !important;
}

table.boqs_list_table tr.boq_row.no_print{
    opacity: 0.3;
}

table.boqs_list_table tr, table.boqs_list_table tr td {
  page-break-inside: avoid;
  page-break-before: avoid !important;
}

.switch.green input:checked~.switch-paddle {
    background: green;
}

#picture_reveal canvas {
	max-width: 100%;
}

label.text_tool {
  display: inline-block;
}

label.text_tool.hidden {
  display: none;
}

label.text_content {
  width: 10em;
}

label.text_rotation,label.text_size {
  width: 5em;
}

.button.gt_type {
    font-size: 40px;
    padding: 15vh 0;
    margin: 10vh 0;
}

div.quote_status {
  padding: 20px 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #eee;
  border: 2px solid #ddd;
  margin-bottom: 15px;
  color: #ccc;
  border-radius: 10px;
  cursor: pointer;
}

div.quote_status:hover {
  border-color: #008cc0;
}

div.quote_status.selected {
    border-color: #112c4f;
    color: #fff;
    background-color: #008cc0;
}

@media screen and (max-width: 1080px) {
	.content:not(.free) {
		padding-top: 185px;
	}
}

@media print {
	*{
		-webkit-print-color-adjust: exact;
	}

	.no_print {
		display: none;
	}

	a[href]:after {
		content: none !important;
		text-decoration: none !important;
	}

	table {
		border-collapse: collapse;
	}

	table, th, td {
		border: 1px solid black;
	}

	table.task_list_table {
		max-width:100%;
		font-size: 10px;
	}

	table.task_list_table tr.task_row.task {
		background-color: rgba(255,200,0,0.2) !important;
	}

	table.task_list_table tr.task_row.survey {
		background-color: rgba(100,100,255,0.2) !important;
	}

	table.task_list_table th.th_plan {
		background-color: Turquoise !important;
	}

	table.task_list_table th.th_feedback {
		background-color: Salmon !important;
	}

	table.task_list_table td.status {
		font-weight: bold !important;
	}

	table.task_list_table td.COMPLETED {
		background-color: LimeGreen !important;
	}

	table.task_list_table td.NOT_ATTENDED {
		background-color: DarkRed !important;
		color: White !important;
	}

	table.task_list_table td.NOT_COMPLETED {
		background-color: Yellow !important;
	}

	table.task_list_table td.NO_ACCESS,table.task_list_table td.SITE_ISSUE {
		background-color: Red !important;
		color: White !important;
	}

	.badge,.badge.primary {
	    background: #1779ba !important;
		color: #fefefe !important;
	}
	.badge.secondary {
	    background: #767676 !important;
		color: #fefefe !important;
	}
	.badge.warning {
	    background: #ffae00 !important;
		color: #0a0a0a !important;
	}

}