@import url('styles_scheduling.css');

.tag {
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	font-size: 0.8em;
	font-weight: bold;
	margin: 1px;
	background: #F2F2F2;
	color: #707070;
}

.tag-users {
	background: #F2F2F2;
	color: #707070;
}

.tag-jobtype-example {
	background: #AEB84B;
	color: #FFF;
}

.tag-jobtype-spa_plumbing_only {
	background: #AD4E51;
	color: #FFF;
}

.tag-jobtype-installation_flo_by_moen {
	background: #888B6D;
	color: #FFF;
}


.tag-jobtype-repair {
	background: #2ECC40;
	color: #FFF;
}

.tag-jobtype-pre-VGBA_inspection {
	background: #3d6b56;
	color: #FFF;
}

.tag-jobtype-leak_detection_-_domestic_water_leak {
	background: #0314fc;
	color: #FFF;
}

.tag-jobtype-leak_detection_-_pool_and_spa {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_pool_only {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_DW_high_pressure {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_DW_main_line {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_commercial_water {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_gas_line {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_sewer {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_single_line {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_commercial_pool {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_clear_obstruction {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_pool_plumbing_only {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_commercial_spa {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_-_spa_only {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_pool__in-floor_testing {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-leak_detection_pool__spa_-_in-floor_testing {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-Leak_Detection_-_Commercial_Fountain {
	background: #D2691E;
	color: #FFF;
}
.tag-jobtype-Leak_Detection_-_Domestic_Fountain {
	background: #D2691E;
	color: #FFF;
}

.tag-jobtype-service_call {
	background: #FF851B;
	color: #FFF;
}

.tag-jobtype-recall {
	background: #FF4136;
	color: #FFF;
}

.tag-jobtype-Estimate_Only {
	background: #BD997F;
	color: #FFF;
}
.tag-jobtype-Commercial_Pool__Spa {
	background: #C1D55F;
	color: #000;
}
.tag-jobtype-Commercial_HP_Irrig {
	background: #5AD6CB;
	color: #000;
}
.tag-jobtype-Commercial_Main_Line {
	background: #8454DE;
	color: #FFF;
}
.tag-jobtype-Leak_Detection_-_Pond {
	background: #943BB4;
	color: #FFF;
}
.tag-jobtype-Leak_Detection_-_Well {
	background: #A32F6E;
	color: #FFF;
}
.tag-jobtype-Leak_Detection_-_Water_Feature_Only {
	background: #D7DBB3;
	color: #000;
}

.tag-jobtype-misc {
	background: #D7DBB3;
	color: #000;
}

.tag-jobtype-consultation {
	background: #FFDC00;
	color: #FFF;
}

.tag-jobtype-leak_detection {
  background:#BA55D3;
	color: #FFF;

}

/*statuses*/
.tag-status-workorder-scheduled {
  background: #427a48;
	color: #FFF;
}

.tag-status-workorder-NEEDS_PYMT_INFO {
  background: #870041;
	color: #FFF;
}

.tag-status-workorder-FASTRACK {
  background: #E9D87C;
	color: #FFF;

}

.tag-status-workorder-new {
  background: #baac32;
	color: #FFF;
}

.tag-status-workorder-invoiced {
  background: #5F1DA8;
	color: #FFF;
}

.tag-status-workorder-on_site {
  background: #1D8AB9;
  color: #FFF;
}

.tag-status-workorder-parts_needed {
  background: #E08C2A;
  color: #FFF;
}

.tag-status-workorder-work_completed {
  background: #2ae0ac;
  color: #FFF;
}

.tag-status-workorder-cancelled {
  background: #343434;
  color: #FFF;
}

.tag-status-workorder-aSAP_-_priority {
  background: #F7A504;
  color: #FFF;
}


.tag-status-workorder-needs_access_info {
  background: #f5da42;
  color: #FFF;
}

.tag-status-workorder-ten_percent_pending {
  background: #42cbf5;
  color: #FFF;
}

.tag-status-workorder-needs_cL_dOL_info {
  background: #f542f2;
  color: #FFF;
}

.tag-status-workorder-confirmed {
  background: #59BDBD;
  color: #FFF;
}

.tag-status-workorder-sewer_camera {
  background: #7979d2;
  color: #FFF;
}

.tag-status-workorder-aofP_pending {
  background: #ffa64d;
  color: #FFF;
}

/*tags classes */

[class*="tag-tag-workorder-"] {
  background: #F2F2F2;
  color: #707070;
}

.tag-tag-workorder-HISTORY_ATTACHED {
  background: #00319F;
  color: #FFF;
}

.tag-tag-workorder-ASAP {
  background: purple;
  color: #FFF;
}

.tag-tag-workorder-left_message {
  background: #d8d227;
  color: #FFF;
}

.tag-tag-workorder-needs_this_time_and_date {
  background: tan;
  color: #FFF;
}

.tag-tag-workorder-needs_payment_info {
  background: orange;
  color: #FFF;
}

.tag-tag-workorder-request_this_tech_only {
  background: #42dcf4;
  color: #FFF;
}

.tag-tag-workorder-CONFIRMED {
  background: #ff6e00;
  color: #FFF;
}

.tag-tag-workorder-custom {
  background: #F2F2F2;
  color: #707070;
}
.tag-tag-workorder-confirm_email_address {
  background: #ECD49E;
  color: #707070;
}

.tag-tag-workorder-appt_confirmed_but_we_need_payment_info {
  background: #98C497;
  color: #050505;
}

.tag-tag-workorder-CC_on_file_LT {
  background: #A097C4;
  color: #050505;
}
.tag-tag-workorder-CC_on_File_SB {
  background: #C6BEE6;
  color: #050505;
}
.tag-tag-workorder-CC_on_file_SW {
  background: #B7A7F6;
  color: #050505;
}

/* Asset statuses */
.tag-status-asset-active {
	background: green;
  color: #FFF;
}

.tag-status-asset-inactive {
	background: grey;
  color: #FFF;
}


/* task statuses */
.tag-status-task-open {
  background: #f54242;
  color: #FFF;
}

.tag-status-task-closed {
  background: #20bd52;
  color: #FFF;
}


.historyTable td, .historyTable th {

  padding: 10px;
}


.close_button {
  margin-top: 10px;
  color: white;

}

.task-card {
  background-color: #E5F3FF;
}

.close_button_contain {
  text-align: center;
}


.appt_heading {
  text-align: center;
  display: block;
}

.oncall-card {
  background-color: #DDFFDE;
}

.note-card {
  background-color: #FDF9CF;
}


.map-marker-label{
	background-color:#ffffff;
	width: auto;
	text-align: center;
	font-size: 1em;
	border-radius: 20px;
	border-top-left-radius: 0;
	box-shadow: 0px 0px 8px dimgray;
	padding: 7px;
	background: #ffffff;
	color: #505050;
}


.tag-status-estimate-closed {
		background-color: #505050;
		color: #FFF;
}

.tag-status-estimate-pending {
		background-color: #baac32;
		color: #FFF;
}

.tag-status-estimate-sent {
		background-color: #3289BA;
		color: #FFF;
}

.tag-status-estimate-accepted {
		background-color: #3AC18C;
		color: #FFF;
}

.tag-status-estimate-declined {
		background-color: #E36C4C;
		color: #FFF;
}

.tag-status-estimate-converted {
		background-color: #2AAD10;
		color: #FFF;
}

.tag-status-invoice-not_paid {
	background: #E0602A;
	color: #FFF;
}

.tag-status-invoice-partially_paid {
	background: #DBAE25;
	color: #FFF;
}
.tag-status-invoice-paid {
	background: #22BA51;
	color: #FFF;
}


.force_even {
  vertical-align: middle;
}


.align-bottom {
  display: table-cell;
   vertical-align: bottom;
}

.trouble_row {
  font-size: 0;
}


.trouble_column {
  vertical-align: bottom !important;
  float: none !important;
  font-size: 1rem;
}


.form_attachment_container {
  max-width: 100%;
  height: 200px;
  margin-bottom: 50px;

}

.form_attachment_image {
  max-width: 100%;
  max-height:  200px;
}

/* leak detection form */
.water_meter_hide, .exterior_hide, .foundation_hide, .water_heater_hide, .bathroom_hide, .bedroom_hide, .kitchen_hide, .family_hide, .living_hide, .utility_hide, .garage_hide, .radiant_hide, .irrigation_hide, .main_line_hide, .gas_line_hide,
.drain_line_hide, .sewer_hide, .well_hide {
  display: none;
}

/*pool spa form */
.leakage_photos_hide, .leakage_photos_hide_two, .water_feature_jets_notes, .grout_line, .pool_spa_cracks, .fiberglass_delamation, .plaster_spalling, .outlets_hidden, .found_to_leak_main_drain, .non_vgba, .drain_inspection_leaks, .waterfall_suction_leak,
.spa_suction_leak, .light_inspection_leaks, .skimmer_inspection_leaks, .hide_on_forms {
  display: none;
}


.tenant_show, .homeowner_show, .pool_spa_show, .single_line_notes, .solar_show, .cover_type, .in_floor_show, .autofill_show, .waterfall_show,
.cc_show {
  display: none;
}



.seperator_title {
  margin-top: 30px;

}

.tag-status-purchase_order-closed {
  background-color: #505050;
  color: #FFF;
}

.tag-status-purchase_order-open {
  background: #f54242;
  color: #FFF;
}


.barcode-scanner canvas, .barcode-scanner  video {
    max-width: 100%;
		width: 100%;
	}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 80px;
}

/*
.call_forms {
  display: none;
}
*/


.truck_name {
  text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;

		font-size: 15px;
}


/*** SMS STYLES START ***/

/* width */
#side-menu::-webkit-scrollbar,#sms-contacts_container::-webkit-scrollbar,#sms-messages_container::-webkit-scrollbar  {
  width: 5px;
}

/* Track */
#side-menu::-webkit-scrollbar-track,#sms-contacts_container::-webkit-scrollbar-track,#sms-messages_container::-webkit-scrollbar-track {
  background: #F4F4F4;
  border: 1px solid #E4e4e4;
}

/* Handle */
#side-menu::-webkit-scrollbar-thumb,#sms-contacts_container::-webkit-scrollbar-thumb,#sms-messages_container::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border: #C2C2C2;
  border-radius: 2px;
}

/* Handle on hover */
#side-menu::-webkit-scrollbar-thumb:hover,#sms-contacts_container::-webkit-scrollbar-thumb:hover,#sms-messages_container::-webkit-scrollbar-thumb:hover {
  background: #9F9F9F;
}

.sms-contact {
  width: 100%;
  border: 1px solid #F4F4F4;
  padding: 5px;
  margin: 0;
  opacity: 0.8;
}

.sms-contact .message {
  background: #F4F4F4;
  font-size: 0.8em;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding: 5px;
}

.sms-contact:hover,.sms-contact.active {
  opacity: 1;
  border: 1px solid #0CAAD4;
}

.sms-messages_message_container {
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}

.sms-messages_message_container.incoming {
  text-align: left;
  padding-right: 20%;
  padding-left: 10%;
}

.sms-messages_message_container.outgoing{
  text-align: right;
  padding-left: 20%;
  padding-right: 10%;
}

.sms-messages_message {
  padding: 10px;
  text-align: left;
}

.sms-messages_message.incoming {
  background: #4DC4F9;
  color: #FFF;
  border-radius: 10px;
  border-top-left-radius: 0;
}

.sms-messages_message.incoming a {
  color: #F4F4F4;
}

.sms-messages_message.outgoing {
  background: #F4F4F4;
  border-radius: 10px;
  border-top-right-radius: 0;
}

.sms-messages_message_datetime {
  margin-top: 5px;
  font-size: 0.8em;
  opacity: 0.8;
}

.sms-messages_message_contactname {
  font-size: 1.1em;
  font-weight: bolder;
}
/*** SMS STYLES END ***/