body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/bg_head.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	border: 0;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	color: #004a88;
}

h1.main {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	color: #004a88;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #004a88;
}

hr {
	color:#3b577e;
	height:2px;
	border:1px solid #3b577e;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a:link { color: #004a88; font-weight: normal; text-decoration: underline; }
a:visited { color: #004a88; font-weight: normal; text-decoration: underline; }
a:active { color: #004a88; font-weight: normal; text-decoration: underline; }
a:hover { color: #FFAE00; font-weight: normal; text-decoration: underline; }


.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


/* **** LAYOUT ELEMENTS  ********************************************************* */
#top {
	height:58px;
	padding-left:10px;
}

#top .nav {
	margin-top:4px;
	border:0;
	width:100%;
	min-width: 950px;
}

a.nav_label {
	margin:-10px 5px 10px 5px;
	color:#004a88;
}

#top .apptitle {
	position: absolute;
	top: 4px;
	left: 200px;
	color: #ffa800;
	font-size: 16px;
	font-weight: bold;
}

.right_nav {
	float:right;
	display:inline;
	margin: 8px 10px 0 0;
}

.right_nav_new {
	float:right;
	display:inline;
	margin: 5px 10px 0 0;
}

.right_nav a {text-decoration: none;color: #fff;}
.right_nav a:hover {text-decoration: none;color: #fff;}

#breadcrumb {
	background-image:url(../images/bread_bg.gif);
	background-repeat:repeat-x;
	height:18px;
	width:100%;
}

#breadcrumb p {
	margin:0 0 2px 10px;
	padding-top:2px;
	width:95%;
}

#content {
	margin:10px;
	background-color:#f1f1f1;
	border:1px solid #c7c7c7;
	text-align:left;
	position:relative;
	padding:10px;
	min-width: 950px;
	width:95%;
}
.width {
	min-width:950px; /* CHANGED TO REMOVE BACKGROUND COLOR */
}

* html .container {
	margin-left:-950px;
	position:relative;
}

* html .minwidth {
	padding-left:950px;
}

/*\*/
* html .minwidth, * html .container, * html .layout  {
	height: 1px;
}
/**/

#content p {
	margin:0 0 10px 0;
}

.heading {
	color: #004a88;
	font-weight:bold;
	font-size:12px;
}

.head_img {
	margin-bottom:-12px;
}

.login {
	width:330px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:auto;
	text-align:center;
}

.home {
	width:90%;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:10px 10px 10px 0;
	text-align:left;
	
}

.home a:link {text-decoration:none;}
.home a:visited {text-decoration:none;}
.home a:active {text-decoration:none;}
.home a:hover {text-decoration:none;}

.content_info {
	width:290px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 0 10px 0;
	position:relative;
	float:left;
}

.event_info {
	width:330px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0;
	position:relative;
	float:left;
}

.users {
	width:700px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:10px;
	text-align:left;
}

.user_info.make_data .head li {
    cursor: pointer;
    list-style-type: none;
}
.user_info.make_data {
    margin-right: 5px;
}
.user_info {
	/*width:300px;*/
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0;
	position:relative;
	float:left;
}

.head {
	background-color:#3b577e;
	height:16px;
	border-bottom:1px solid #c7c7c7;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding:2px 0 0 5px;
}

.page_header {
	width:280px;
	margin:5px;
}

.event_table {
	width:320px;
	margin:5px;
}

.cal_events {
	border:1px solid #c7c7c7;
	margin:5px;
	width:95%;
}

select {
	background-color:#ffffdd;
	border:1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.text {
	background-color:#ffffdd;
	border:1px solid #999;
	width:97%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.text-short {
	background-color:#ffffdd;
	border:1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.text-num {
	background-color:#ffffdd;
	border:1px solid #999;
	width:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.check {
	margin-bottom:-2px;
}

.checkbox {
	margin-bottom:-2px;
}

.radio {
	margin-bottom:-2px;
}

.textarea {
	background-color:#ffffdd;
	border:1px solid #999;
	width:97%;
	height:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.textarea-short {
	background-color:#ffffdd;
	border:1px solid #999;
	width:97%;
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.leads {
	width:500px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 10px;
	position:relative;
	float:left;
}

.mce {
	min-height:455px;
	width:525px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 10px 10px;
	position:relative;
	float:left;
	overflow: visible;
}

.admin_box {
	width:525px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 10px 10px;
	position:relative;
	overflow: visible;
}

.content_mid {
	/*min-height:455px;*/
	width:525px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 10px;
	position:relative;
	float:left;
}

#newForm p {
	margin:10px;
}

.cal_mce {
	height:455px;
	width:400px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 10px;
	position:relative;
	float:left;
}

.mce_w_viewlet {
	height:455px;
	width:400px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 10px;
	position:relative;
	float:left;
}

.calendar {
	width:230px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 0;
	position:relative;
	float:left;
}

.viewlet_list {
	width:230px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 0;
	position:relative;
	float:left;
}

.acl {
	width:500px;
	background-color:#fff;
	border:1px solid #c7c7c7;
	margin:0 10px 0 10px;
	position:relative;
	float:left;
}

#content .acl p {
	margin: 10px 10px 10px 20px;
}

.button {
	background-color:#ffa800;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	border:0;
	padding: 4px;
	cursor: pointer;
}

.button:hover {
	color: #3b577e;
}

#sub_content {
	margin:10px;
	background-color:#f1f1f1;
	border:1px solid #c7c7c7;
	position:relative;
	padding: 10px;
	text-align:left;
	min-width: 900px;
	width:95%;
}

#sub_content p {
	margin:10px 5px 10px 0;
}

.add_sub {
	float:right;
	position:relative;
	margin-right:10px;
	margin-top:-15px;
}

.lang_select {
	margin:0 0 10px 0;
	position:relative;
	float:left;
	position:relative;
	margin-right:10px;
	width: 750px;
}

.lang_active {
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

.lang_inactive {
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
}

.add_event {
	float:right;
	margin:0 5px 10px 0;
}

.cat_table {
	width:99%;
	border:1px solid #c7c7c7;
	margin:10px 10px 10px 0;
}

.lookup-table {
    background-color: #c1c1c1 !important;
    border: 1px solid #3b577e;
}

.lookup-table input[type=button] {
    background-color: #ffa800;
    color: #ffffff;    
    border: 1px solid #cccccc;    
    font-weight: bold;
    font-size: 13px;
}

.lookup-table #model_id {
    width: 150px;
}

.lookup-table #model_name {
    width: 200px;
}

.cat_table th {
	background-color:#3b577e;
	color:#fff;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}

tr.even {
	background-color:#fff;
}

tr.odd {
	background-color:#f1f1f1;
}

.cat_table td {
	text-align:center;
}

.cat_table.vin_mathching td {
	text-align:left;
}

#search_results .vin_mathching .title {
	text-align:center;
    font-size: 14px;
    font-weight:bold;
}

#search_results .vin_mathching .save_btn {
    background-color: #FFA800;
    border: 0 none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 15px auto;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
    width: 65px;
}
.cat_table .title {
    text-align:left;
    padding-left:5px;
}

.cat_table .lookup-title {
    color: #ffff00;
}
.cat_table .half-width {
    width: 50%;
}
.cat_table .scroll_rows {
    max-height: 600px;
    overflow-y: scroll;
    display: block;
}

.vin_mathching .cat_table .scroll_rows {
    max-height: 800px;
}

ul {
	margin:10px 0 10px 20px;
	padding:0;
	list-style:none;
}

ul li {
	background-image: url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	padding-left:18px;
	margin-bottom:1px;
	height:13px;
	color:#3B577E;
}

#status {
	color:#0000ff;
	font-weight:bold;
	text-align:left;
	background-color:#fff;
	border:1px solid #0000ff;
	width:500px;
	margin:5px 10px 10px 15px;
	padding:10px;
}

.tip_show {
	border:1px solid #3B577E;
	background-color:#ecf4fe;
	padding:5px;
	visibility:hidden;
	width:200px;
	position:absolute;
	font-weight:normal;
}

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


/* ACL Styles */

li.deny {
	background-image: url(../images/no.gif);
	background-repeat:no-repeat;
	margin-bottom:2px;
	padding-left:12px;
	background-position: 0px 2px; 
}

li.allow {
	background-image: url(../images/yes.gif);
	background-repeat:no-repeat;
	margin-bottom:2px;
	padding-left:12px;
	background-position: 0px 2px;
}

/* jquery expander */
.exp {
	/*margin: 10px;*/
}

.exp_text {
	display: block;
	/*border: 1px solid #977e60;*/
	/*background-color:#f1d191;*/
	/*margin: 5px 0 0 0;*/
	/*padding: 10px 10px 0 10px;*/
}

p.close {
	cursor: pointer;
	text-decoration: underline;
	margin:10px 0 0 0;
	padding:0;
}

#pagination {
    border: 2px solid #CCCCCC;
    display: inline-block;
    height: 15px;
    margin: 2px;
    text-decoration: none;
    width: 16px;
}
#pagination:hover, #pagination.active{
    background-color: #3B577E;
    color: #FFAE00;
    border: 2px solid #3B577E;
}

/* Catalog Specific Styles */

.fLeft {
    float: left;
}
.fRight {
    float: right;
}

.refresh {
    color: #fff !important;
    font-weight: bold !important;
    margin-right: 5px;
}

.user_account_info {
    float:left;
    margin:20px 0 0 20px;
    width:500px;
    min-height:160px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    position: relative;
}

.user_account_info .scroll_rows {
    max-height: 400px;
    overflow-y: scroll;
    display: block;
}

.user_account_info .scroll_rows td{
    overflow-x: hidden;
}

.user_account_info .legend {
    background:url(../images/bullet.gif) no-repeat 0 3px;
    /*padding-left:15px;*/
    margin:0 0 8px 0;
}

.user_account_info .legend.nonTH {
    background:url(../images/bullet.gif) no-repeat 0 7px;
}
.red {
	color: red;
	font-weight: bold;
}

.red_font {
	color: red;
}

.green_font {
	color: green;
}

.flLeft{ float: left;}
.flRight{ float: right;}

.tLeft{ text-align: left;}
.tRight{ text-align: right;}
.tCenter{ text-align: center;}
.tJustify{ text-align: justify;}

#members_box, #make_members_box, #store_types_box, #service_models_box, #inspection_box, #reverse_model_id_lookup_box {width: 220px}
#user_box, 
#advisor_box, 
#deferred_service_customers_box,
#opcodes_box,
#service_years_box, 
#administrators_box, 
#technician_advisor_box,
#inspection_line_types_box {width: 150px}
#vin_box, 
#inspection_categories_box,
#inspection_lines_box {width: 160px}
#makes_box, #submakes_box, #make_categories_box, #revenue_types_box, #deferred_nondeferred_box {width: 120px}
#estimate_item_type_box {width: 100px}
#billed_by_box {width: 105px;}
#billed_by_box select{width: 100%; min-height: 86px;}
select#store_types,
select#members,
select#make_members,
select#makes,
select#submakes,
select#make_categories,
select#user,
select#advisor,
select#technician,
select#customers,
select#customer_outputs,
select#service_outputs,
select#note_outputs,
select#sort_order,
select#sort_order_available_fields,
select#service_models,
select#opcodes,
select#service_years,
select#administrators,
select#inspection_line_types,
select#ro_number,
select#inspection_date,
select#revenue_types,
select#deferred_nondeferred,
select#inspection_categories,
select#estimate_item_type,
select#inspection_lines {width: 100%}
#vin {width: 140px}
select#members, 
select#make_members,
select#ro_number, 
select#inspection_date {height: 150px}
#daterange input.datepicker {width: 70px}
#monthrange input.monthpicker {width: 95px}
.filter {text-align: left}
#model_id {width: 90px}

#reports_list {
    border-right: 1px dotted #cecece;
    float: left;
    height: 250px;
    margin-right: 15px;
    padding-right: 15px;
    width: 200px;
}
#system_report {
    width: 100%;
}

#report_result {
    width: 100%;
    clear: both;
    overflow-x: scroll;
}

#criterion {
    display: none;
    border: 2px solid #c1c1c1;
    float: left;
    overflow: auto;
    padding-left: 5px;
    background-color: #e1e1e1;
}
#criterion div {margin-right:5px;}

.submit_btn {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    font-weight: bold;
    margin: 10px 0 10px 5px;
    padding: 10px;
}

.submit_btn:hover{
    background-color: #ffa800;
    color: #ffffff;
}

.submit_btn.export_btn:hover{
    background-color: #1E6E42;
    color: #ffffff;
}

#makes_filter {
    width: 91px;
    height: 22px;
    line-height: 17px;
    border-radius: 3px;
    border-style: solid;
}

.hide-calendar .ui-datepicker-calendar {
    display: none;
}


/*  box stile (each item on separate box)
#report_result .search_criteria_box {
    width: 400px;
}
#report_result .vendor {
   padding-left: 10px;
}
#report_result .result_box {
    border: 1px solid #CCCCCC;
    width: 225px;
    height: 195px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
}

#report_result .activity_name {
    display: inline-block;
    padding-left: 5px;
    width: 80%;
}
#report_result .activity_count {
    display: inline-block;
    text-align: center;
    width: 15%;
}

#report_result .title {
    background-color: #3b577e;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 5px;
    text-align: center;
}

#report_result .search_criteria_box .title {
    margin-top: 5px;
}

*/

/* table style */

#activity_report_table {
    border: 3px solid #ccc;
}

#activity_report_table tr {
    border-bottom: 1px solid #ccc;
}
#activity_report_table .act_count {
    text-align: center;
}
#activity_report_table .act_name {
    width: 80px;
    text-align: center;
    background-color: #3b577e;
    color: #fff850;

}
#activity_report_table .store_name {
    width: 245px;
}

#activity_report_table .member_name {
    padding-left: 10px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    background-color: #ffffdd;
    border-right: 1px solid black;
}

#activity_report_table .member_name {
    border-top: 2px solid black !important;
    border-bottom: 1px solid black !important;
    font-size: 13px;
    font-weight: bold;
}


#activity_report_table .user_name {
    background-color: #ffffdd;
    padding-left: 15px;
}

#selectedCriteriaBox {
    display: inline-block;
}
#selectedCriteria {
    width: 300px;
    margin: 5px;
}
#selectedCriteria .store {
   padding-left: 10px;
    font-weight: bold;
}

#selectedCriteria .storeuser {
   padding-left: 10px;
}
#selectedCriteria .title {
    background-color: #3b577e;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 5px;
    text-align: center;
}
#selectedCriteria {
    display: none;
}
.showLink {
    border: 1px solid;
    display: inline-block;
    margin: 5px 10px;
    padding: 2px 5px;
    text-decoration: none !important;
}

a.showLink.exportData:hover{
    color: #1E6E42;
}

#activity_report_table {
    border: 3px solid #ccc;
}

#activity_report_table td {
    text-align: center;
}
#activity_report_table .act_head {
    background-color: #3b577e;
    color: #fff850;
    padding: 0 4px;
    text-align: center;
    height: 30px;
    cursor: default;
}

#activity_report_table .store_name {
    width: 230px;
}


#activity_report_table .set_name {
    width: 230px;
}

#activity_report_table tr {
    border-bottom: 1px solid #ccc;
}

#activity_report_table .member_name {
    border-top: 2px solid black !important;
    border-bottom: 1px solid black !important;
    font-size: 13px;
    font-weight: bold;
    text-align: left !important;
}

#activity_report_table .member_name {
    padding-left: 10px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    background-color: #ffffdd;
    border-right: 1px solid black;
}


#activity_report_table .user_name {
    background-color: #ffffdd;
    padding-left: 15px;
}

#activity_report_table .activityName {
    background-color: #ffffdd;
    font-weight: bold;
    padding-left: 15px;
    text-align: left;
    border-right: 1px solid black;
    cursor: default;
}

.has_value {
    background-color: #d8d8d8;
    font-weight: bold;
}

.totalCount {
    border-left: 2px dotted #000;
}

#div_chart {
    background-color: #fff;
    margin-top: 20px;
    padding: 20px;
    width: 1200px;    
    border: 3px solid #ccc;
}

#chart_overlay {
    width: 1200px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 11pt;    
    display: none;
}

#chart_title {
    text-align: center;
    font-weight: bold;    
}

#chart_selected_params {
    width: 350px;
    display: inline-block;
    text-align: center;
    float: right;    
}

#chart_date_range {
    font-size: 10pt;  
}

#chart_box {
    position: relative;
}

.select2-container {
    margin-top: 10px;
}

.select2-container ul li {
    background: none;
	position: relative;
}
    
.select2-container ul li.admin-only-report {
    background-color: #fee4bd; 
}

.report-tooltip-icon {
    position: absolute;
    right: 3px;
    cursor: pointer;
}

#pdf_box {
    display: none;
    border: 1px solid black;
    padding: 10px;
    margin-top: 10px;    
}

#pdf_box.show {
    display: inline-block;
}

#email_report_dialog label {
    width: 90px;
    display: inline-block;
}

#email_report_dialog input, #email_report_dialog textarea{
    width: 330px;
    display: inline-block;
}

#dlg_message {
    padding: 1em;
}

.dlg_message_error {
    background-color: #f1a899;
}

.dlg_message_success {
    background: palegreen;
}

#email_report_progress {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#email_report_progress .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#email_report_progress img {
    vertical-align: middle;
}

#admin_reports_link {
    float: right;
}

.ui-dialog .ui-widget-header, .ui-tabs  .ui-widget-header {
    background: #5C708B;
    border: none;
}

.ui-icon-closethick {
    background-image: url(../images/dialog_close.png) !important;
    background-position: 0 0 !important;
}

.report_info {
    width: 300px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    margin: 0;
    position: relative;    
}

#customer_outputs_box {
    width: 120px;
}

#service_outputs_box, #sort_order_box {
    width: 130px;
}

#service_outputs_box th.title * {
    vertical-align: middle;
}

.sort_order_btn {
    width: 25px;
    height: 25px;
    background-color: white;
    padding: 0px;
}

.select2-results__options {
    max-height: 470px !important;
}

#show_service_details_box .title {
    text-align: center;
}

#loading_overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: none;
    z-index: 1;
}

#loading_overlay .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#loading_overlay img {
    vertical-align: middle;
}

ul.ui-tabs-nav li {
    height: auto;
}

ul.ui-autocomplete {
    margin: initial;
    padding: initial;
    list-style: initial;
}

ul.ui-autocomplete li {
    background: none;
    padding: initial;
    height: initial;
}

#pu_access {
	background-color: linen;
	border: 1px dotted #999999;
	margin-top: 1px;
	display: none;
}

#pu_pass {
    background-color: #ffffae;
    border: 1px solid #999999;
    padding: 0px 3px;
}

.pu_toggle:hover {
	color: #CCC !important;
}
.pu_toggle {
	/*margin-left: 16px;*/
	/*text-decoration: none !important;*/
	/*border-bottom: 1px dotted lightslategrey;*/
	color: #ffa800 !important;
}

input#username {
	margin-bottom: 4px;
}

.expandable {
    cursor: pointer;
}

.cell_totals {
    background-color: #c9daf8;
    position: relative;
}

.row_details {
    display: none;
}

.cell_arrow {
    position: absolute;    
    width: 0; 
    height: 0; 
}

.cell_arrow_expand { 
  top: 1px;
  left: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;  
  border-left: 5px solid black;
}

.cell_arrow_collapse {
  top: 3px;
  left: 5px;
  border-top: 5px solid black;
  border-right: 5px solid transparent;  
  border-left: 5px solid transparent;
}

/* tabbed widget in Search Form */

#searchForm a:link {
    color: #004a88;
}

#searchForm .ui-tabs {
    background: none;
    margin-top: 9px;
    padding: 0;
}

#searchForm .ui-tabs, #searchForm .ui-tabs-panel {
    margin-right: 0;
}

#searchForm .ui-tabs-tab {

    background: #7d7d7d;
    border-radius: 0;
}

#searchForm .ui-tabs-anchor {
    padding: 3px 5px;
}

#searchForm .ui-widget-header {
    background: none;
}

#searchForm .ui-tabs-tab a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #e0e0e0;    
}

#searchForm .ui-tabs .ui-tabs-panel {
    padding: 3px;
    border: 1px solid #c7c7c7;
}

#searchForm .ui-state-active a {
    color: #fff;
}

#searchForm .ui-state-active {
    background: #3b577e;
}

#searchForm .ui-corner-all, #searchForm .ui-corner-top, #searchForm .ui-corner-bottom {
    border-radius: 0 !important;
}

#searchForm .ui-widget.ui-widget-content {
    border: none;
}

#searchForm .ui-tabs .ui-tabs-nav {
    padding: 0;
}

#estimateCategories .catTitle {
	width: 247px;
}

#estimateCategories .catTitle input {
	width: 90%;
}
#estimateCategoriesBlock {
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

#estCatHeader label {
	font-size: 11px;
}
#estCatHeader td {
	border-top: 1px dotted;
	background-color: #eee;
}
.tLeft {
	text-align: left !important;
}

.dms-integration td{
	border-top: 1px dotted #000;
	padding-top: 10px;
	background-color: #eee;
}

.dms-integration select {
	width: 90%;
	text-align: center;
}

.dms-key input {
	width: 92%
}

.dms-integration.dms-key td{
	border-top: none;
	border-bottom: 1px dotted #000;
	/*padding-left: 27px;*/
	padding-top: 0;
	padding-bottom: 10px;
}

.customerImportHandle input[type=text]{
	width: 100%;
}
.customerImportHandle {
	width: 100px;
	text-align: center;
	padding: 5px 2px;
	float: left;
	/*background-color: #eee;*/
	margin: 5px;
}

#customer-review-block {
	min-height: 400px;
	max-height: 600px;
	/*overflow-y: scroll;*/
}


#customer-review-block .ui-tabs-panel {
	padding: 1em 0.2em !important;
}


#customer-review-block tbody {
	overflow-y: scroll;
}
#customer-review-block td{
	border-bottom: 1px solid #ccc;
}

#new-customers table th {
	background-color: #02aa02;
	color: #fff;
}
#add-customers table th {
	background-color: #b85700;
	color: #fff;
}
#update-customers table th {
	background-color: #dad55e;
	color: #fff;
}
#prev-customers table th {
	background-color: #99090c;
	color: #fff;
}

#dv_approve {
	width: 40px;
}
#dv_approve a{
	display: block;
	/*height: 20px;*/
	background-color: #ffa800;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}

#dv_approve a:hover {
	color: #fff;
}

#dv_enable_import {
	width: 170px;
	text-align: left;
}


.import-filename {
	width: 270px;
	float: left;
	text-align: left;
	padding-left: 3px;
	overflow: hidden;
}
.import-date {
	width: 130px;
	float: left;
	text-align: center;
}
.import-approved {
	width: 20px;
	float: left;
	text-align: center;
}
.import-user {
	width: 50px;
	float: left;
	text-align: center;
}

.title-row {
	background-color: #eee;
	border: 1px solid #ddd;
}

.scroll-rows {
	overflow: scroll;
}

#customer-import-history .scroll-rows {
	max-height: 120px;
}
#import-status{
	position: fixed;
	top: 20%;
	left: 50%;
	width: 700px;
	height: 400px;
	/*text-align:center;*/
	transform: translateX(-50%);
	z-index: 100;
	border: 1px solid #0082CA;
	border-radius: 2px;
	background: rgba(0,0,1,0.5);
	color: greenyellow;
	overflow-y: scroll;
	display: none;
}
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	display: none;
}

.status-row {

	clear: both;
}

#status-content .msg {
	float: left;
}

#status-content .progress {
	float: left;
	background: url("../images/loading.gif") no-repeat 0 0px;
	background-size: auto;
	background-size: contain;
	width: 15px;
	height: 15px;
	margin-right: 10px;
}

#status-content .progress.done {
	background: url("../images/yes.gif") no-repeat 0 3px;
}

.status-row {
	clear: both;
	height: 20px;
	font-size: 1.3em;
}

#status-content {
	padding: 10px;
}

#status-title {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #0082ca;
	font-size: 1.5em;
	background: rgba(0,0,1,0.5);
}

#import_worksheet_flag {
	border: 1px solid red;
	padding: 0 10px;
	margin: 5px 0;
	font-size: 12px;
}

#import_worksheet_flag .import-info {
	line-height: 20px;
	float: left;
}

#clear-flag {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	font-size: 11px;
}

#user_err {
	position: absolute;
	top: 18px;
	left: 1px;
	color: red;
}

tr.blockTitle td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	background-color: #eee;
	font-weight: bold;
}

tr.separator td {
	border-bottom: 2px solid #ccc;
}

.ro-line {
	background-color: #ffffdd;
}

.ro-line.fetched {
	background-color: #ffffee;
}
.lh-2em {
	line-height: 2em;
}

.d-none {
	display: none;
}

tr.picked td {
	border-top: 1px dotted #d7d7d7;
	background-color: #f2f2f2;
	border-bottom: 1px dotted #d7d7d7;
}

tr.endblock td {
	border-bottom: 1px dotted #000;
}