﻿/* logo */
.applogo{
	padding-top:10px;
}
/* end logo */

#dispatch_prev, #month_prev {
	background: rgba(0, 0, 0, 0) url("codebase/imgs_dhx_terrace/arrow_left.png") no-repeat scroll center center;
	border: 1px solid #cecece;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	right: 14px;
	left: auto;
	width: 46px!important;
	color: #454544;
	height: 30px;
	line-height: 30px;
	display:inline-block;
}
#dispatch_next, #month_next {
	background: rgba(0, 0, 0, 0) url("codebase/imgs_dhx_terrace/arrow_right.png") no-repeat scroll center center;
	border: 1px solid #cecece;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	right: 14px;
	left: auto;
	width: 46px!important;
	height: 30px;
	line-height: 30px;
	display:inline-block;
}
#today
{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #cecece;
	border-radius: 5px;
	color: #747473;
	font-family: arial;
	font-size: 12px;
	font-weight: 700;
	left: auto;
	right: 123px;
	text-decoration: none;
	width: 80px;
	height: 30px;
	line-height: 30px;
	display:inline-block;
}
#dispatch_calendar 
{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #cecece;
	border-radius: 5px;
	color: #747473;
	font-family: arial;
	font-size: 12px;
	font-weight: 700;
	left: auto;
	right: 123px;
	text-decoration: none;
	width: 50px;
	height: 30px;
	line-height: 30px;
	display:inline-block;
}
#show 
{
	/*
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #cecece;
	border-radius: 5px;
	color: #747473;
	font-family: arial;
	font-size: 12px;
	font-weight: 700;
	left: auto;
	right: 123px;
	text-decoration: none;
	width: 80px;
	height: 30px;
	line-height: 30px;
	display:inline-block;
	text-align:center;
	*/
	line-height: 30px;

}


#dispatch_prev, #dispatch_next, #today, #dispatch_calendar{
	cursor: pointer;
	text-align: center;
}

/* availcal */

.today{
	background-color:#e8ff92!important;
}
/*
.active {
	border:2px solid #006699!important;
}
*/

.dot-container{
	height:20px;
	width:24px;
	margin:auto;
}
.green-dot{
	width:6px;
	height:6px;
	background:url(images/greencircle6x6.png) no-repeat center;
	display:block;
	float:left;
	padding:4px!important;
}
.red-dot{
	width:6px;
	height:6px;
	background:url(images/redcircle6x6.png) no-repeat center;
	display:block;
	float:left;
	padding:4px!important;
}
.red-square{
	width:10px;
	height:10px;
	background:url(images/redsquare10x10.png) no-repeat center;
	display:block;
	padding:1px!important;
	margin-left:-2px!important;
}
.availcals{
	margin-top:20px;
}
.availcal-calendar{
	width:100%;
	display:block;
	margin:auto;
}
.calender-title{
	width:100%;
	text-align:center;
	padding:5px 0 5px 0;
	font-weight:bold;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.datepicker-calendar{
	margin:auto;
	height:220px;
	width:100%;
}

.datepicker-calendar th{
	background:#e9e9e9;
	width:14.2857142857%;
	height:40px;
	border:1px solid #dddddd;
	display:inline-block;
}
.datepicker-calendar td{
	background:#f6f6f6;
	width:14.2857142857%;
	height:40px;
	border:1px solid #dddddd;
	text-align:center;
	display:inline-block;
}
.datepicker-calendar td a:link, .datepicker-calendar td a:visited{
	background:none;
	text-decoration:none;
	color:#000;
}

/* availcal */

/* free slot */

#jobs_content {
	/*height: 195px;*/
	overflow-x: hidden;
	overflow-y: auto;
	margin-left:-15px;
}	


#job_table_header th {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	height: 43px;
	padding-left: 5px;
	text-align: left;
	z-index: 99999;
}



.left{ float:left;}
.clr{ clear:both;}
/* end free slot */


/* test */
.content{ padding-left:0px!important;padding-right:0px!important; padding-top:75px!important;}
.scheduler-container{ padding-left:30px;!important;}
/* test */

/* availcal job details */
.schedule-list{
	margin-top:20px;
	margin-bottom:20px;
}
.zero-pad-left-right{
	padding-left:0px!important;
	padding-right:0px!important;
}
.job-item{
	height:30px;
	line-height:30px;
	margin-top:5px;
	margin-bottom:5px;
}
.job-item .btn-danger{
	/*
	padding-left:12px!important;
	padding-right:12px!important;
	*/
}

#unavailable .btn{
	margin-bottom:10px!important;
	width:100%!important;
}
.unavail-droplist{
	margin-bottom:5px!important;
	display:inline-block!important;
}
.unavail-droplist select{
	width:100%;
	padding-left:12px!important;
	padding-right:12px!important;
}
/* end availcal job details */

#top{
	z-index:9999;
}
#show-postcode{
	text-align:center;
	width:85px;
}
.show-date-a{
	display:inline-block;
	width:100%;
}
.job-link,.unavail-remove{
	float:right;
	line-height:30px;
}
#current_month{
	font-size: 16px;
	line-height: 30px;
	padding-left:10px;
	padding-right:10px;
}
.datepicker-calendar{
 line-height: 1.3em !important;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
}

/* search page */

.converted, .converted:hover{
	background-color:#008000!important;
	margin-right:5px;
	display:inline-block;
	color:#FFF;
}
.qualified, .qualified:hover{
	background-color:#87ceeb!important;
	margin-right:5px;
	display:inline-block;
	color:#FFF;
}
.onsite-estimate, .onsite-estimate:hover{
	background-color:#FFC0CB!important;
	margin-right:5px;
	display:inline-block;
	color:#000;
}
.closed, .closed:hover{
	background-color:#808080!important;
	margin-right:5px;
	display:inline-block;
	color:#000;
}
.cancelled, .cancelled:hover{
	background-color:#FF0000!important;
	margin-right:5px;
	display:inline-block;
	color:#FFF;
}
.revisit-required, .revisit-required:hover{
	background-color:#ffff00!important;
	margin-right:5px;
	display:inline-block;
	color:#000;
}

.follow-up, .follow-up:hover{
	background-color:#808080!important;
	display:inline-block;
	color:#000;
}


/* search page */

/* findtechmain page */

.dtg-green, .dtg-green:hover{
	background-color:#008000!important;
	margin-right:5px;
	display:inline-block;
	color:#FFF;
}
.dtg-yellow, .dtg-yellow:hover{
	background-color:#ffff00!important;
	margin-right:5px;
	display:inline-block;
	color:#000;
}
.dtg-orange, .dtg-orange:hover{
	background-color:#FFA500!important;
	margin-right:5px;
	display:inline-block;
	color:#000;
}
.dtg-red, .dtg-red:hover{
	background-color:#ff0000!important;
	margin-right:5px;
	display:inline-block;
	color:#000;
}

/* findtechmain page */


/* order form */
#private_notes_cont{
	border:2px solid #d8d8d8;
}
#payment_notes_cont{
	border:2px solid #d8d8d8;
}
#tech_notes_cont{
	border:2px solid #d8d8d8;
}
/*order form */

/* customer */
.btn-line-height{
	line-height:34px;
}
.inline-block{
	display:inline-block;
}
.full-width{
	width:100%;
}
.no-pad{
	padding:0;
}
.no-margin{
	margin:0!important;
}
/* end customer */

/* task */
.accordion{
	cursor:pointer;
}
.due-date{
	display:none;
}
#task_menu .selected{
	text-decoration:underline;
}
.relate-order{
	cursor:pointer;
}
.task-table th{
	background:#98cdff;
}

/* end task */

/* paylink popup */

.paylink-row {
    margin-bottom: 10px;
    padding: 0 !important;
}
.pers-green, .comp-green, .trav-green, .serv-green{
	color:#7CFC00;
}


/* end paylink popup */

.row-headline{
	font-weight: 600;
	font-size: 2rem;
	color: #399bff;
	text-align: left;
	padding-top: 3rem;
	margin-bottom: 1rem;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}
/*
.terms-checklist {
    list-style-image: url(images/checkmark.svg);
    line-height: 1.75rem;
}
*/
.terms-checklist{
	list-style:none;
}
.terms-checklist li:before {
	content: '✓';
	color: #399bff;
	font-weight:bold;
}

#m_terms_header{
	font-size: 3.75rem; color:#fff;
	margin-top:50px;
}
#terms_header{
	font-size: 4.75rem; color:#fff;
	margin-top:35px;
}
#terms_effective{
	font-size:2rem;
}
#trm_header{
	background:url(images/header_terms.png) no-repeat center; display:block; height:150px;
}
#topbar_pro{
	margin-right:30px;
}
#topbar_pro,#topbar_login{
	border:1px solid #fff;
	border-radius:4px;
}
#topbar_pro:hover,#topbar_login:hover{
	background:#fff;
}
#topbar_pro a:hover,#topbar_login a:hover{
	color:#399bff;
}

/* schedule page */
.unavail-droplist{
	width:100%;
}
/* end schedule page */


/* modal vertical center */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header{
	border:0px!important;
}
/* bootstrap select */
.dropdown-menu{
	z-index:9999!important;
}
/* end bootstrap select */

#notify_loader{
	visibility:hidden;
	margin-top:25px;
}

/* tech modal */

#technician_modal_container{
	z-index:999999;
}
#technician_modal_container .modal-dialog{
	width:1520px!important;
}

#technician_modal_container .modal-content{
	width:1535px!important;
}
#technician_modal_content{
	width:1535px!important;
	padding:0px!important;
}
#technician_modal_container .close {
	position: absolute!important;
	right: -50px!important;
	z-index: 999999!important;
}
#technician_modal_container .modal-backdrop{
	display:none!important;
}
	
/* tech modal */

.footer{ background-color:#f5f5f5!important;}

/* header */

.call-number{
	padding:5px;
}

/* end header */


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#referred_from_label{
		margin-top:-27px;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.admin-ga{
		position:absolute;
	}
	#referred_from_label{
		margin-top:-27px;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.admin-ga{
		position:absolute;
	}
	#referred_from_label{
		margin-top:-27px;
	}
} 