div.page_haccp_prp_handler table.selector table.main,
div.page_haccp_reports_handler table.selector table.main,
div.page_site_handler table.selector table.main,
div.page_haccp table.selector table.main,
div.page_unit_type_handler table.selector table.main,
div.page_unit_handler table.selector table.main,
div.page_service_area_handler table.selector table.main,
div.page_remarks_type_handler table.selector table.main,
div.page_species_handler table.selector table.main,
div.page_log_species_handler table.selector table.main,
div.page_default_haccp_user_handler table.selector table.main,
div.page_site_group_handler table.selector table.main,
div.page_site_grouping_handler table.selector table.main,
div.page_haccp div.page_select_unit_type table.selector table.main,
div.page_show_listing table.selector table.main,
div.sites table.selector table.main,
div.image_log_section_table table.selector,
div.image_log_section_table table.selector table.main,
div.page_qr_feedback_issue_handler table.selector table.main,
div.species_thresholds_organization_level table.selector table.main
{
	width:100%;
}


div.page_log_handler table.selector table.main
{
	width:150%;
}

div.page_haccp_prp_handler div.site_external
{
	overflow-x:auto;
	overflow-y:hidden;
	
	
}

div.page_haccp_prp_handler table.selector table.main td,
div.page_site_handler table.selector table.main td,
div.page_qr_feedback_issue_handler table.selector table.main td,
div.page_haccp table.selector table.main td,
div.page_log_handler table.selector table.main td,
div.page_unit_type_handler table.selector table.main td,
div.page_unit_handler table.selector table.main td,
div.page_service_area_handler table.selector table.main td,
div.page_remarks_type_handler table.selector table.main td,
div.page_species_handler table.selector table.main td,
div.page_log_species_handler table.selector table.main td,
div.page_default_haccp_user_handler table.selector table.main td,
div.page_site_group_handler table.selector table.main td,
div.page_site_grouping_handler table.selector table.main td,
div.page_haccp div.page_existing table.selector table.main td,
div.page_show_listing table.selector table.main td,
div.sites table.selector table.main td,
div.page_log_remarks_handler table.selector table.main td,
div.page_haccp_reports_handler table.selector table.main td,
div.page_identic_app_handler div.log_report td,
div.page_log_handler table.main td,
div.image_log_section_table table.selector table.main td,
div.species_thresholds_organization_level table.selector table.main td,
table.site_group_linked_sites td
{
	padding:5px;
	border-bottom: 1px solid #CCCBCB; 
}

div.page_haccp_prp_handler table.selector table.main th,
div.page_site_handler table.selector table.main th,
div.page_qr_feedback_issue_handler table.selector table.main th,
div.page_haccp table.selector table.main th,
div.page_log_handler table.selector table.main th,
div.page_log_handler table.main th,
div.page_unit_type_handler table.selector table.main th,
div.page_unit_handler table.selector table.main th,
div.page_service_area_handler table.selector table.main th,
div.page_remarks_type_handler table.selector table.main th,
div.page_species_handler table.selector table.main th,
div.page_log_species_handler table.selector table.main th,
div.page_default_haccp_user_handler table.selector table.main th,
div.page_site_group_handler table.selector table.main th,
div.page_site_grouping_handler table.selector table.main th,
div.page_haccp div.page_select_unit_type table.selector table.main th,
div.page_show_listing table.selector table.main th,
div.sites table.selector table.main th,
div.page_log_remarks_handler table.selector table.main th,
div.page_haccp_reports_handler table.selector table.main th,
div.page_identic_app_handler div.log_report th,
div.image_log_section_table table.selector table.main th,
div.species_thresholds_organization_level table.selector table.main th,
table.site_group_linked_sites th
{
	font-size: 14px;
	border:solid 1px grey;
	background-color: #CCCBCB;
	padding:3px;
}

div.page_haccp_prp_handler table.selector table.main th,
div.page_site_handler table.selector table.main th,
div.page_qr_feedback_issue_handler table.selector table.main th,
div.species_thresholds_organization_level table.selector table.main th
{
	width: calc( 1100px + 100px);
}

div.page_haccp_prp_handler table.selector table.main td a,
div.page_site_handler table.selector table.main td a,
div.page_qr_feedback_issue_handler table.selector table.main td a,
div.page_haccp table.selector table.main td a,
div.page_log_handler table.selector table.main td a,
div.page_log_handler table.main td a,
div.page_unit_type_handler table.selector table.main td a,
div.page_unit_handler table.selector table.main td a,
div.page_service_area_handler table.selector table.main td a,
div.page_remarks_type_handler table.selector table.main td a,
div.page_species_handler table.selector table.main td a,
div.page_log_species_handler table.selector table.main td a,
div.page_default_haccp_user_handler table.selector table.main td a,
div.page_site_group_handler table.selector table.main td a,
div.page_site_grouping_handler table.selector table.main td a,
div.page_haccp div.page_select_unit_type table.selector table.main td a,
div.page_show_listing table.selector table.main td a,
div.sites table.selector table.main td a,
div.page_log_remarks_handler table.selector table.main a,
div.page_haccp_reports_handler table.selector table.main a,
div.page_identic_app_handler div.log_report a,
div.image_log_section_table table.selector table.main td a,
div.species_thresholds_organization_level table.selector table.main td a
{
	color: #727070;
	
}

div.haccp_popup
{
  width: 250px;
}

div.unit_label
{
	
	height: 264px;
	width: 181px;
	text-align: left;
	page-break-after: always;
	font-size: 9px;
}

@media print { 
	div.unit_label
	{
	
	height: 264px;
	width: 181px;
	text-align: center;
	page-break-after: always;
	font-size: 10px;
	}
	
	div.back_to_report
	{
		visibility: hidden;
	}
	
	div.image_log_hidden_print
	{
		display:none;
	}

	body.print .haccp_load_report
	{
		width: 100% !important;
		max-width: 190mm;
		margin: 0 auto;
		overflow: visible !important;
	}

	body.print .haccp_load_report .heading_section,
	body.print .haccp_load_report table
	{
		break-inside: auto;
		page-break-inside: auto;
	}

	body.print .haccp_load_report h2.content_title
	{
		break-after: avoid;
		page-break-after: avoid;
	}

	body.print .haccp_load_report table,
	body.print .haccp_load_report [id^="chart_"],
	body.print .haccp_load_report [id$="_chart_div"]
	{
		max-width: 100% !important;
	}

	body.print .haccp_load_report svg
	{
		max-width: 100% !important;
		height: auto !important;
	}
}


table.lead_view_info td
{
	padding:5px;
	border:solid 1px #CCCBCB;
	background-color: #ffffff;
}

div.lead_attributes_listing td.right span 
{
	cursor:pointer;
}

div.info_additional_attributes div.info_data
{
	padding:10px;
}

div.log_pesticide
{
	padding: 5px;
    
}

div.log_activity_table 
{
	background-color: #FFF;
	border: 1px solid #847676;
}

div.page_haccp_reports_handler table.main
{
	width: max-content;
}

div.page_haccp_reports_handler table.main th
{
	font-size: 14px;
	border:solid 1px grey;
	background-color: #CCCBCB;
	padding:4px;
}

div.page_haccp_reports_handler table.main td
{
	height: 22px;
	width: fit-content;
	padding:4px;
	font-size: 14px;
	padding:5px;
	border-bottom: 1px solid #CCCBCB;
}

div.page_haccp_reports_handler a
{
	font-weight: bold;
}

#replacement_date_report td
{
	max-width: 300px;
}

.service_treatment_report
{
	font-size: 13px;
	line-height: 1.4;
	color: #222;
}

.service_treatment_report h2
{
	margin: 18px 0 8px 0;
}

.service_treatment_report .report_header
{
	display: grid;
	grid-template-columns: 150px 1fr 150px;
	align-items: start;
	margin-bottom: 15px;
}

.service_treatment_report .report_logo_left
{
	text-align: left;
}

.service_treatment_report .report_logo_right
{
	text-align: right;
}

.service_treatment_report .report_logo img
{
	max-width: 110px !important;
	max-height: 65px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	vertical-align: top !important;
}

.service_treatment_report .report_title
{
	text-align: center;
}

.service_treatment_report .report_title h1
{
	margin: 0 0 4px 0;
	font-size: 18px;
	line-height: 1.2;
}

.service_treatment_report .report_title div
{
	font-size: 11px;
	line-height: 1.3;
}

.service_treatment_report .service_treatment_actions
{
	text-align: center;
	margin: 10px 0 16px 0;
}

.service_treatment_report .report_note
{
	font-size: 12px;
	color: #555;
	margin: 8px 0 16px 0;
}

.service_treatment_report table
{
	width: 100%;
	margin-bottom: 18px;
}

.service_treatment_report th
{
	background: #f2f2f2;
}

.service_treatment_report .service_treatment_details th
{
	width: 18%;
	text-align: left;
	vertical-align: top;
}

.service_treatment_report .service_treatment_details td
{
	width: 32%;
	vertical-align: top;
}

.service_treatment_report .service_summary_intro
{
	font-size: 16px;
	font-style: italic;
	color: #555;
	margin: 4px 0 14px 0;
	max-width: 1050px;
}

.service_treatment_report .service_summary_tiles
{
	display: flex;
	gap: 8px;
	margin: 6px 0 16px 0;
	flex-wrap: wrap;
}

.service_treatment_report .service_summary_tile
{
	flex: 1;
	min-width: 150px;
	min-height: 92px;
	border: 1px solid #d8dde2;
	border-radius: 7px;
	border-top: 6px solid #315f72;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	background: #fff;
}

.service_treatment_report .service_summary_tile .tile_label
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7b858c;
	margin-top: 8px;
}

.service_treatment_report .service_summary_tile .tile_value
{
	font-size: 25px;
	font-weight: bold;
	color: #315f72;
	line-height: 1.2;
}

.service_treatment_report .service_summary_tile .tile_note
{
	font-size: 11px;
	color: #8a9298;
	margin-top: 26px;
}

.service_treatment_report .service_summary_tile.units
{
	border-top-color: #477956;
}

.service_treatment_report .service_summary_tile.units .tile_value
{
	color: #477956;
}

.service_treatment_report .service_summary_tile.activity
{
	border-top-color: #b17e33;
}

.service_treatment_report .service_summary_tile.activity .tile_value
{
	color: #b17e33;
}

.service_treatment_report .service_summary_tile.actions
{
	border-top-color: #9a3f24;
}

.service_treatment_report .service_summary_tile.actions .tile_value
{
	color: #9a3f24;
}

.service_treatment_report .service_summary_tile.follow_up
{
	border-top-color: #3f63d8;
}

.service_treatment_report .service_summary_tile.follow_up .tile_value
{
	color: #3f63d8;
}

.service_treatment_report .service_summary_chart
{
	margin-top: 4px;
}

.service_treatment_report .service_summary_chart h3
{
	font-size: 16px;
	margin: 0 0 6px 0;
}

.service_treatment_report .service_classification_table th
{
	text-align: center;
}

.service_treatment_report .service_classification_table .classification_label
{
	width: 34%;
}

.service_treatment_report .service_classification_table .classification_value
{
	background: #fff;
}

.service_treatment_report .service_area_summary_table th
{
	text-align: center;
	vertical-align: middle;
}

.service_treatment_report .service_area_summary_table td
{
	vertical-align: middle;
}

.service_treatment_report .service_area_summary_table th:nth-child(1)
{
	width: 14%;
}

.service_treatment_report .service_area_summary_table th:nth-child(2)
{
	width: 16%;
}

.service_treatment_report .service_area_summary_table th:nth-child(3)
{
	width: 17%;
}

.service_treatment_report .service_area_summary_table th:nth-child(4)
{
	width: 16%;
}

.service_treatment_report .service_area_summary_table th:nth-child(5)
{
	width: 18%;
}

.service_treatment_report .service_area_summary_table th:nth-child(6)
{
	width: 19%;
}

.service_treatment_report .service_treatment_signature
{
	max-width: 180px;
}

.service_treatment_report .service_treatment_signature img
{
	max-width: 180px !important;
	max-height: 70px !important;
	width: auto !important;
	height: auto !important;
}

@media print {
	.service_treatment_report .no_print
	{
		display: none;
	}
}

/*---------------------------------------------------
TECHIE VIEW CONTROL									|
-----------------------------------------------------*/
div.page_technician_handler
{
	padding: 10px;
	border: 1px solid #FFF;
	background-color: #FFF;
	/*color: #c2c; */
}

div.page_technician_handler input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    width: 20px;
    height: 20px;

}

.technician_screen_holder .row_check
{
	margin: 0;
}

.technician_screen_holder
{/*
	background-color: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #e2d0d0;
	padding: 8px;
*/}

.table-bordered {
  border: 1px solid #dddddd;
  padding: 10px;
}

.float-left {
	display: inline;
	float: left;
}

.float-right {
	display: inline;
	float: right;
}

/*-----------------------------------------------------
ALL LOGS FOR TECHIE VIEW
------------------------------------------------------*/
table.selector_control td
{
	padding: 2px;
}
.service_area_filter_logs
{
	width: 200px;
	margin-left: 10px;
}

.unit_type_filter_log
{
	width: 200px;
	margin-left: 30px;
}

.unit_filter_log.form-control
{
	width: 200px;
	margin-left: 24px;
}

.unit_filter_log
{
	width: 200px;
}

.activity_filter_log
{
	width: 200px;
	margin-left: 10px;
}

.species_filter_log 
{
	width: 200px;
	margin-left: 39px;
}

.pesticides_filter_log
{
	width: 200px;
	margin-left: 27px;
}

/*-----------------------------------------------------
ACTION LOGS - FILTER FOR TECHIE VIEW
------------------------------------------------------*/
.action_type_filter_pos
{
	width: 160px;
	margin-left: 6px;
}

.resolved_yn_filter_pos
{
	width: 160px;
	margin-left: 20px;
}
/*-----------------------------------------------------
BRANCH AND SITE LOGO ON TECHIE VIEW
------------------------------------------------------*/
.site-logo {}

.branch-logo {}
/*-----------------------------------------------------
TECHIE VIEW FOOTER
------------------------------------------------------*/
.technician_screen_footer
{
	height:100px;
}

.technician_screen_footer > div
{
	display: grid;
}

.technician_screen_footer img 
{
	max-width: 227px;
}

.technician_screen_footer p
{
	color: #d6d6d6;
	text-transform: uppercase;
	font-size: x-small;
	margin:  14px 0 0 5px;
}

.technician_screen_footer a
{
	text-decoration: none;
	color: #428bca;
}
/*------------------------------------------------------------
TECHIE VIEW [CORRECTIVE FITTING CONTAINER]
--------------------------------------------------------------*/
div.corrective_action_form
{
	max-width: fit-content;
}

#select_dates
{
	border-style: solid;
    background-color: #ffffff;
    max-width: 315px;
    margin-top: 10px;
    padding-left: 10px;
}
.pesticide_table td
{
	padding: 0px 15px;
}

table.log_details_table
{
	width:100%;
}

table.log_details_table td
{
	padding: 5px;
    border: solid 1px #CCCBCB;
    background-color: #ffffff
}

table.action_area
{
	width:98%;
	margin: 5px;
	border: solid 1px;
	
}

table.action_area tr
{
	padding: 5px;
    border: solid 1px;
    background-color: #CCCBCB;
    border-inline: solid 1px
}

table.action_area td
{
	padding: 5px;
    border: solid 1px  grey;
    background-color: #ffffff;
    border-inline: solid 1px    
}

table.action_area th
{
	padding: 5px;
    border: solid 1px
}

@media print {
	
  .break-page {
			    break-before: always !important;
			  }
  }

/*-----------------------------------------------------
SERVICE TREATMENT REPORT
------------------------------------------------------*/
div.page_haccp_reports_handler .service_treatment_report table,
div.page_haccp_reports_handler .service_treatment_report table.main,
div.page_haccp_reports_handler .service_treatment_report table.table
{
	width: 100%;
	max-width: 100%;
	margin-bottom: 18px;
	border-collapse: collapse;
	table-layout: auto;
}

div.page_haccp_reports_handler .service_treatment_report th,
div.page_haccp_reports_handler .service_treatment_report table.main th,
div.page_haccp_reports_handler .service_treatment_report table.table th
{
	height: auto;
	width: auto;
	padding: 4px;
	font-size: 13px;
	border: solid 1px #cccccc;
	background: #f2f2f2;
	vertical-align: top;
}

div.page_haccp_reports_handler .service_treatment_report td,
div.page_haccp_reports_handler .service_treatment_report table.main td,
div.page_haccp_reports_handler .service_treatment_report table.table td
{
	height: auto;
	width: auto;
	padding: 4px;
	font-size: 13px;
	border: solid 1px #dddddd;
	vertical-align: top;
}

div.page_haccp_reports_handler .service_treatment_report .service_treatment_details th
{
	width: 18%;
	text-align: left;
}

div.page_haccp_reports_handler .service_treatment_report .service_treatment_details td
{
	width: 32%;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th,
div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table td
{
	vertical-align: middle;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th:nth-child(1)
{
	width: 14%;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th:nth-child(2)
{
	width: 16%;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th:nth-child(3)
{
	width: 17%;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th:nth-child(4)
{
	width: 16%;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th:nth-child(5)
{
	width: 18%;
}

div.page_haccp_reports_handler .service_treatment_report .service_area_summary_table th:nth-child(6)
{
	width: 19%;
}

div.page_haccp_reports_handler .service_treatment_report .service_summary_chart table.main
{
	width: 100%;
}

@media print {
	div.page_haccp_reports_handler .service_treatment_report .report_header,
	div.page_haccp_reports_handler .service_treatment_report .service_summary_tiles,
	div.page_haccp_reports_handler .service_treatment_report table
	{
		page-break-inside: avoid;
	}
}