body{
	margin:0 !important;
	padding:0 !important;
	background: #FFFFFF;
	font-family: 'robotoregular';
	font-size:13px;
	color:#666;
	width:auto !important;
	
}
a img{ border:none;}
:focus{ outline:none;}

img {
	max-width:100%;
	vertical-align:middle
}
.container
{ 
    max-width:960px;
	margin:0 auto;
}
.container.outer_container
{   max-width:1114px;
	margin:0 auto;
}
#header
{
	padding:20px 0 0 0;	
	width:100%;
	float:left;
	/*border-bottom:1px solid #CCCCCC;*/
    -webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);

}
.navigation
{ float:right;
  margin:20px 0 15px 0; 
}
.navigation ul
{
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.navigation ul li
{
	float:left;
	list-style:none;
	margin-right:35px;
}
.navigation ul li:last-child
{
	margin-right:0;
}
.navigation ul li a
{   float:left;
	text-decoration:none;
    color: #000;
	font-size:18px;
	line-height:22px;
}
.navigation ul li a:hover
{
	color: #313591;
	background:#fff;
}
.navigation ul li.current-menu-item a
{
	color: #313591;
	border-bottom:2px solid #00c3ff;
	padding-bottom:5px;
}
.login
{
	width:350px;
	margin:100px auto;
}
.login span{
	display:inline-block;
	margin-bottom:0px;
	font-size:13px;
	color:#212467;
	margin-bottom:5px;
}
.login p
{
	color:#F00;
	text-align:center;
}
#contratc-form, #user-form
{
	margin-top:20px;
	float:left; width:100%;	
}
fieldset {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0 3% 0 3%;
	margin-bottom:15px !important;
	border-style:solid;
	border-width:1px;
	border-color:#e3e3e3;
	float:left; width:94%;
}
legend {
	font-size:14px;
	padding:0 10px;	
}
dt{
	min-height: 20px;
    text-align: right;
	display:inline-block;
	vertical-align:top;
	margin-top:8px;
}
/*dd{
	left: 85px;
    top: -21px;
	margin-left:9px;
	display:inline-block;
}*/
dl{
	margin:0;
}
label {
    color: #454443;
    font-family: 'robotoregular';
	font-weight:normal;
	font-size:14px;
	line-height:20px;
}
input[type="text"],input[type="number"],input[type="date"], input[type="password"], input[type="email"], textarea, select {
    background:#f7f7f7; border:1px solid #e3e3e3; padding:12px 2%; font-size:12px; color:#666666;
	width:96%; -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/*dd p
{
	margin:0 0 16px 0;
	font-size:10px;	
}*/
/*.medium
{
	width:240px;
}*/
/*.small
{
	width:159px;
}*/
.ssmall
{
	width:150px;
}
/*.msmall
{
	width:205px;
}*/
.mmedium
{
	width:431px;
}
/*.large
{
	width:724px;
}*/
.new_line
{
	width:100%;
}
.blank
{
	width:86px;	
}
.blank2
{
	width:166px;	
}
.inline
{
	padding-left:24px;	
}
.payments
{
	width:49%;
	float:left;
	margin-right:2%;	
}
.payments dt
{
	width:136px;
}

.cards
{
	width:49%;
	float:left;	
}
.cards dt
{
	width:136px;
}
.cards input
{
	width:96%;
}
.products input
{
	width:96%;
	
}
.add_link
{
	float:right;	
}
.blank_img
{
	min-height:10px;	
}
.products select
{ float:left;
	width:100%;
	
	
}
.products textarea
{ min-height:18px;
	
}
.check
{
	width:13px !important;	
}
.center_btns{
 text-align:center;
}
.products dl
{
	clear:both;	
}
.products p
{
	margin-bottom:8px;	
}
.products dl:nth-child(2n+1){
    background-color: #F2F2F2;
}
.products dl:nth-child(2n){
    background-color: #FFFFFF;
}
.due dt
{
	width:78px;
	text-align:left;
}
.due input
{
	width:100%;
	margin-bottom:4px;
}
.due p
{
	margin-bottom:6px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
}
.dataTables_length {
    float: left;
    width: 40%;
}
.datatable td span {
    font-size:11px;
}
.dataTables_info {
    float: left;
    width: 30%;
	margin-top:15px;
}
.editcol
{
	background-image:none !important;	
}
input:focus, textarea:focus, input.focused
{
	background:#fff; border:1px solid #c1c1c1;
}
.dataTables_filter{text-align:right; margin-bottom:15px;}
.dataTables_wrapper{margin-top:20px;}
tbody, .datatable thead, .datatable tfoot {
    border-style: solid;
    border-width: 1px;
	border-color: #212467;
}
th, td {
    border-bottom: 1px solid;
    height: 36px;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
}
.datatable thead tr, .datatable tfoot tr  {
	background:#4e5ac3;
	cursor: pointer;
	text-shadow:0 1px 1px #4d4d4d;
	color: #F2DEDA;
	border-bottom: 1px solid;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 10px 0;
}
.sorting_asc {
    background: url(images/sort_asc.png) no-repeat scroll right center #ce4f35;
}
.sorting_desc {
    background: url(images/sort_desc.png) no-repeat scroll right center #ce4f35;
}
.sorting {
    background: url(images/sort_both.png) no-repeat scroll right center #ce4f35;
}
tbody tr:nth-child(2n+1){
    background-color: #F2F2F2;
}
tbody tr:nth-child(2n){
    background-color: #EBEBEB;
}
input, textarea, password, select, .customfile, div.wysiwyg iframe, .content-box section img, .content-box section .sidetab-switch li, fieldset, .jq-datepicker, td, tbody, .table-switch li, .options-switch li, .tickets .ticket-header, .tickets .ticket-data, .tickets .ticket-data .ticket-details, .jq-datepicker .datepick-month-header select {
    border-color: #e3e3e3;
}
table tr:hover td {
    background-color: #FFFFFF;
}
.dataTables_paginate
{
	text-align:right;
	margin-top:15px;
}
span.paginate_button {
    border-color: #BFBFBF #B3B3B3 #999999;
	display:inline-block;
	vertical-align:baseline;
	white-space:nowrap;
	width:auto;
	cursor:pointer;
	overflow:visible;
	padding:7px 10px;
	border-width:1px;
	border-style:solid;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
	margin: 0 3px;
	-webkit-box-shadow:0 1px 2px #bfbfbf;
	-moz-box-shadow:0 1px 2px #bfbfbf;
	box-shadow:0 1px 2px #bfbfbf;
	text-shadow:0 1px 1px #fff;
	background:-moz-linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* IE10+ */
	background:linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* W3C */
}
.button.gray:hover, a.button.gray:hover, button.gray:hover, input[type="button"].gray:hover, input[type="submit"].gray:hover, .paging_full_numbers span.paginate_button:hover {
	background:-moz-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* IE10+ */
	background:linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* W3C */
}
.fixdt
{
	width:80px;
	text-align:left;
}
.logo
{
	float:left;
	margin-top:20px;	
}
.auth_link
{
	float:right;
	text-align:right;
	padding-right:1%;
}
.clearing
{
	clear:both;
	height:1px;
}
.logout
{
	color:#000;
	text-decoration:none;
	font-family: 'robotoregular';
	font-size:14px;
	width:100%;
	text-align:right;	
}
.logout a{ text-decoration:none; color:#000;}
.logout img
{
	vertical-align:middle;
	margin-right:6px;
}
.welcome
{
	display:block;
	//margin:20px 0 0 20px;
	text-transform:capitalize;	
}
.tnc
{
	height:150px;
	overflow:auto;	
}
.terms_line
{
	text-align:center;
	font-size:16px;	
}
.terms_line span
{
	color:#000;
	text-decoration:underline;
}
/*.termsform .payments input[type="text"],.termsform .due input[type="text"],.termsform .products input[type="text"] ,.termsform .payments textarea, .viewonly input
{
	border-top:none;
	border-left:none;
	border-right:none;
	background:none;
	padding-top:0px;
}*/
.tag {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	font-size:93%;
	line-height:130%;
	padding:5px;
	margin:0 auto;
	text-align:center;
	width:98px;
	height:15px;
	color:#FFFFFF;
}
.tag a{
	color:#FFFFFF;
	text-decoration:none;
}
.green
{
	background-color:#549A2A;	
}
.gray
{
	background-color:#B3B3B3;	
}
.red
{
	background-color:#ae432e;	
}
.blue
{
	background-color:#0576A6;	
}
.orange
{
	background-color:#EF561A;	
}
.status_list
{
	text-align:right;
	width:292px;
	display:inline-block;	
}
.notification {
	display:block;
	clear:both;
	padding:6px 5px 5px 34px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid;
	background-position:8px 6px;
	background-repeat:no-repeat;
	margin:10px 3px;
}
.notification h4{
    font-size: 14px;
    margin: 0 0 5px;
}
.notification p {
    margin: 0;
}
.close-notification {
    background: url(images/icon_notification_close.png) no-repeat left top;
    display: block;
    float: right;
    height: 7px;
    text-decoration: none;
    text-indent: -9999em;
    width: 7px;
}
.notification.note {
    background-image: url(images/icon_notification_note.png);
	background-color:#F2F2F2;
	border-color: #BFBFBF;
}
.notification.note h4{
	color: black;
}
.card_type
{
	margin-right:100px;	
}
.sec_rep
{
	margin-left:175px;	
}

.payments-editor
{
	width:370px;
	float:left;
	padding-left:40px;	
}
.payments-editor dt
{
	width:100px;
}

#shadow_div{
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.5;
	position: fixed;
	margin-left: auto;
	left: 0;
	top: 0;
	background-color: #928ED5;
	display:none;
	}
 #popupdiv{
	position: fixed;
	left: 50%;
	top: 36%;
	opacity: 1;
	display:none;
	border: 4px solid black;
	width: 100px;
	height:100px;	
	border-radius:6px;
	}
 #close{
	float: right;
	cursor: pointer;
	padding:8px;
	}
	
	
/************************************************************************************10-08-2015*********************************************************************************/

.main_row {
    float: left;
    padding: 10px 0;
    width: 100%;
}


.main_row label {
    color: #454443;
	float:left;
    font-size: 14px;
	font-family: 'robotoregular';
    line-height: 20px;
    margin: 0 0 7px 0;
	//letter-spacing:2px;
	width:100%;
	text-transform:uppercase;

}

.right_box {
    float: right;
    width: 100%;
}

.right_box.right_detail {
    
    width: 100%;
}




.right_box.right {
    float: left;
    width: 100%;
	
}

.right_box.right.bod{ border-top:2px dotted #999; padding:20px 0 0px 0;}

.right_box.right_coll {
 
    width: 64%;
}

.right_box.right_coll .row {
     width:95%;

}


.right_box.right .row {
    width: 23%;
}

.right_box.right_info{ width:84%;}


.right_box.spacer_right{ width:100%;}

.right_box.spacer_right .row{ width:70%;}

.right_row {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}



.right_box .row {
    float: left;
    margin-right: 2%;
    width: 31.3%;
}
.right_box .row:last-child {
    margin-right: 0;
}
.right_box .row.small {
   
    width: 22.9%;
}

.right_box .row.new_row {
    width: 97%;
}

.main{ float:left; width:100%;}

.right_box .row p{ float:left; width:100%; margin:5px 0 0 0;
	    font-size:10px;
}

.medium {
    width: 96%;
	float:left;
}	

.large
{
	width:96%;
}

.small{ width:96%;}

.right_box textarea {
    border: 1px solid #cccccc;
    color: #000000;
    float: left;
    font-size: 11px;
    line-height: 13px;
    padding: 9px 2%;
    text-align: left;
    width: 95%;
	min-height:25px;
}

.right_box textarea:focus{ border-color: #363975;}

.msmall
{
	width:96%;
}


.add_link{ 
	margin-left:9px;
	display:inline-block;
}

.left_container{ float:left; width:50%;}
.right_container{ float:right; width:50%;}

.right_coll{ float:right; width:66%;}

.cards.viewonly{ width:100%;}

.status_detail{ float:right; width:auto;}

.other{ float:left; width:100%; margin:0 0 20px 0;}

#tcal #tcalControls th, td { min-width:16px !important; height:16px !important;}
#tcal #tcalGrid th, td { min-width:16px !important; height:16px !important;}


.common{ float:left; width:100%;}
.left_detail{ float:left; width:50%;}
.left_detail .content_dell{ float:left; width:93%; background:#dddddd; border:6px solid #fff; box-shadow: 0px 2px 5px #b6b6b6; padding:10px 3%;}
.left_detail p label{ float:left; width:37%; font-size:15px; line-height:17px; color:#000000; padding-bottom:5px; font-weight:normal;}
.right_detail{ float:right; width:50%; text-align:right;}
.right_detail span{ display:inline-block; font-size:25px; line-height:28px; color:#000000; margin:0 0 74px 0;}

.top_row{ float:left; width:99%; background:#f2f2f2; text-align:center; border:2px solid #000; border-left:none; border-right:none; padding:5px 0;}
.top_row span{ display:inline-block; font-size:20px; line-height:24px; color:#7f7f7f}
.top_row.none{ background:none; border:none;}

.bottom_content{ float:left; width:100%; padding:10px 0;}
.bottom_content p{ font-size:13px; line-height:15px; color:#000000; margin:0; padding:0 0 10px 0;}

.left_row_detail{ float:left; width:70%;}
.left_row_detail label{ float:left; width:37%; font-weight:normal; color:#000000;}
.left_row_detail input{ width:57%;}

.right_row_detail{ float:right; width:30%;}
.right_row_detail label{ float:left; width:25%; font-weight:normal; color:#000000;}
.right_row_detail input{ width:70%;}

.check_detail_box{ float:left; width:100%; padding:0px 0 0 0;}
.check_detail_box span{ float:left; width:50%; font-size:17px; line-height:20px; color:#454443;}
.check_detail_box span input{ float:left; margin-right:10px;}

.common strong{ float:left; width:100%; font-size:18px; line-height:20px; color:#7f7f7f;}

 #popupachdiv{
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    display: none;
    overflow: auto;
    padding: 25px 3%;
    width: 94%;
	margin:25px 0 25px 0;
	}

#popupdivach{ position:fixed; left:50%; top:50%; z-index:9999}
#shadow_div_ach{
	
	}
	
.new_spacer{ float:left; width:100%;}
.new_spacer label{ float: left; width: 26%; color: #000000; font-weight: normal;}
.new_spacer textarea{ float:left; width:69.7%; padding:8px 2%; min-height:150px;}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #popupachdiv{
	background: #ffffff none repeat scroll 0 0;
    bottom: 5%;
    display: none;
    height: 100%;
    left: 12%;
    overflow: auto;
    padding: 13px;
    position: absolute;
    right: 5%;
    top: 125%;
    width: 74%;
	}
}
*/

.btn_sign{ float:left; width:100%; text-align:center; padding:10px 0;}



canvas{ border:1px solid #e3e3e3 !important;}

.samebusiness {font-size:11px; font-family:'robotoregular';}
.samebusiness checkbox{ vertical-align:middle;}


/*******************************************************************************25-01-2016 ************************************************************************************/
.row_right{ float:right; width:73%; text-align:right;}
.row_right span{ margin-right:12px;}
.row_right span:last-child{ margin-right:0}
.row_right span input{ width:111px;}

#cardnumber_error{ float:left; width:100%;}
#exp_date_error{ float:left; width:100%;}
#cvv_code_error{ float:left; width:100%;}
#card_name_error{ float:left; width:100%;}
#bill_zipcode_error{ float:left; width:100%;}

/*********************************************************************************3-01-2017 ***********************************************************************************/
.common_row{ float:left; width:100%; padding-bottom:10px;}
.common_row label{ float:left; width:auto; margin-right:10px; font-size:14px; line-height:17px; color:#000000; font-family:'robotoregular';}
.common_row span{ float:right; width:81%;}
.common_row.spacer{ text-align:center;}


.due input[type=date] { margin-bottom: 4px; width: 100%;}

.main_row small{ float:left; width:100%;}
.main h3{ margin:0; padding:0 0 10px 0; font-size:18px; line-height:20px; font-family:'robotobold'; font-weight:normal; letter-spacing:2px; color:#076d8c;}

.main_box{ float:left; width:49%; margin-right:2%; padding-bottom:7px;}
.main_box.last{ margin-right:0;}

.left_box{ float:left; width:49%; margin-right:2%;}
.left_box.right{ margin-right:0;}
.left_box .main_box{ width:100%; margin-right:0;}
.banner_container{ float:left; width:100%; text-align:center;}

.user_add{ float:left; width:100%;}
.user_add select{ width:100%;}

.user_edit{ float:left; width:100%;}
.user_edit select{ width:100%;}

hr{ float:left; width:100%;}

.payments .main_box{ width:100%; margin-right:0;}
.cards .main_box{ width:100%; margin-right:0;}
.cards .main_box select{ width:100%; padding:11px 2%;} 
.cards .main_row{ padding-bottom:0;}

label strong{ font-weight:normal;}

.salesrep-new{ float:left; width:100%;}
.salesrep-new .main_box{ width:100%; text-align:left; margin-right:0;}
#newSignature2{ width:auto !important; height:auto !important}

.salesrep-new .main_box label{ float:none;}

.header.new_container{ float:left; width:100%; text-align:center;}
.header.new_container .logo{ float:none; display:inline-block; margin-top:10px;}


.header_right{ float:right;}

#b_category-menu{ height:500px !important;}

#installment_fetue_payment{ font-size:18px; line-height:20px; font-family:'robotobold'; font-weight:normal; letter-spacing:2px; color:#076d8c}

#futuresection{ float:left; width:100%;}



.ui-selectmenu-button{ padding:12px 2% !important; width:96% !important;}

input[type=submit],[type=button],[type=reset]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#outer_container{ float:left; width:100%;}


.breadcrum{ float:left; padding-left:30px; padding-top:10px;}
.breadcrum strong{ display: inline-block; color:#454443; font-size:20px; line-height:30px; margin-right:8px; font-weight:normal;}
.breadcrum a{ display: inline-block; text-decoration:none; color:#454443; font-size:13px; line-height:17px;}
.breadcrum a:hover{ color:#212467;}
.breadcrum a.active{ color:#212467; font-weight:bold;}