blockquote  { 
	background:#b8c8c8;
	border:1px solid #999999;
	border-color:#767676;
	color:#333333;
	margin:20px 0px 20px 0px; 
	padding:10px;
}

h1, h2, h3, h4, h5, h6 { font-family: Open Sans; text-transform: uppercase; font-weight: bold; }
h1  { color: #000000; font-size:22px; letter-spacing: 0; margin: 0px 0px 12px 0px; }
h2 { font-size:18px; font-weight:bold; margin:0px; padding:0px 0px 4px 0px; }
img{border: 0px;}
a { outline: none; color: #517189; }
a.contentdetails { text-decoration:none; }
strong { font-weight:bold; }

.body-content { background-color: #fff; padding: 10px 20px; }
.body-content p { font-size: 1rem; margin-bottom: 15px;}

p.heading { font-size: 1.5rem; font-weight: 600; line-height: 1.25; margin-bottom: 15px; }
p.subheading { font-size: 1.25rem; font-weight: 600; line-height: 1.15; margin-bottom: 15px; }

.breadcrumb { margin-bottom:20px; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.aligncenter { text-align:center; }


/********** Recordlist Class **********/
.recordlist {
	border:0;
	margin:0;
	padding:0;
	width:100%;
}
.recordlist td { padding: 10px 5px; font-size:14px; }


/********** Actionform Class **********/
.actionform {
	color: #333333;
	font-weight: bold;
	font-size:14px;
}
.actionform select, .actionform input, .actionform input.big {
	font-size: 16px!important;
	color:#555555;
	padding: 2px;
	margin-bottom: 20px;
	border: 1px solid #000000;
}
.actionform fieldset {
	background:#9db5b3 none repeat scroll 0 0;
	border:2px solid #000000;
	margin:0 0 20px;
	padding:11px;
	position: relative;
}
.actionform .legend {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #517189;
	color:#000000;
	font-weight:bold;
	margin:0;
	padding:2px 7px;
	position: relative;
	top: -1.9em;
}


/********** Sidebar **********/
.sidebaritem, .sidebaritem a, .sidebaritem a:hover  { 
	background: transparent;
	color: #DBD7D1;
}
.sbihead  { 
	background: #FFFFFF url(/images/sbi_header.png);
	color: #70695A;
}
.sbihead h1  { 
	background: transparent;
	color: #70695A;
}
.sbilinks li a  { 
	/*background: #FFFFFF url(/images/link.png);*/
	color: #FFFFFF;
} 
.sbilinks li a, .sbilinks li a:hover  { 
	float: left; 
	height: 16px;
	text-decoration: none; 
	padding: 5px 0px 4px 19px;
	width: 188px;
	border: 0px;
} 
.sbilinks li a:hover  { 
	background: #FFFFFF;
	color: #CE7014;
} 

/* image positioning - left, right and center */
.left
{ float: left; }

.right
{ float: right; }

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.clear
{ clear:both; }

/* unordered list  */

ul li { 
  line-height:150%;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

#content  { 
	margin: auto; 
} 
#links, #menu, #menu li a  { 
	background:#FFFFFF url(/images/menu.png);
	border-color:#D7D7D7;
	color:#DBD7D1;
}
#links a, #links a:hover{ 
	background:transparent;
	color:#DBD7D1;
}
#links { 
	height:25px;
	font-size:100%;
	margin:auto; 
	padding:10px 0 0 0;
}
#menu  { 
	height: 55px;
} 
#menu li { 
	float: left; 
	width:90px;
} 
img.mainnav { 
	margin: 0 12px;
}
#menu li a  { 
	display: block; 
	height: 53px;
	text-decoration:none; 
	text-transform:uppercase;
} 
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover  { 
	background: #FFFFFF url(/images/menu_hover.png);
	color: #70695A;
} 
#links { text-align: right; }
#links { text-decoration: none;}
#links a:hover {text-decoration: underline;}

#logo  { 
	background:#FFFFFF;
	color:#70695A;
	height:124px;
	text-align:left;
}
#logo h1  { 
	background: transparent;
	color: #FFFFFF;
	margin: 0px;
	padding: 41px 0px 0px 19px;
	font-size: 150%;
	letter-spacing: .2em;
}
#theimage  { 
	margin: auto; 
	width: 250px;
	height: 124px;
	float: left;
	color: #000000;
}
#quotes  { 
	background: #FFFFFF;
	color: #000000;
	width: 447px;
	height: 124px;
	float: left;
}

.container { padding:15px; }

.container input, .container select, .container textarea { margin-bottom:10px; }


#subbar  { 	
	background-color:#E0E0E0;
	border-bottom:1px solid #000000;
	padding:8px;
	text-align:center;
	font-size:12px;
}
#column1  { 
	width:207px;
	float:left;
	/*padding:0 0 15px 0;*/
}

.newsitem
{
	font-size: 13px;
	font-family: verdana,arial;
	padding: 0px 0px 15px 0px;
	color:#000000;
}

.sidebaritem
{ text-align: left;
  float: left;
  margin: 0px 0px 25px 0px;
}

.sbihead
{ height: 14px;
  width: 188px;
  padding: 5px 0px 5px 19px;
  text-transform: uppercase;
}

.sbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 112%;
}



.sbicontent p
{ line-height: 14px; 
  padding: 14px 8px 8px 19px;
}

.sbilinks  { 
	font-size:1.1em;
}

.sbilinks ul{margin: 0px auto;} 

.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

/* contact page - form layout */
form { margin-top: 0px; }
form#loginform {
	padding:7px;
}
form#loginform a, form#loginform a:hover, form#loginform a:visited  { 
	color: #ffffff;
	font-size:12px;
}
form#loginform a:hover { 
	text-decoration:none;
}
form#loginform .logininput {
	height:18px; 
	padding:3px 0 3px 3px; 
	color:#555555; 
	font-size:11px; 
	border:groove 1px #999999; 
	width:205px;
}
form#loginform select { padding: 3px; }
form#loginform .email { width:205px; }
form#loginform .password { width:92px; }
form#loginform .loginbutton {
	font-size:11px; 
	border: solid 1px #666666; 
	padding: 3px;
	background-color: #efa214; 
	color:#000000;
}



div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}

div.space
{
	width:20px;
	float:left;
}

table.visible  {
	clear: both;
	border-collapse:separate;
	border-spacing:3px;
}
td.dark
{
	background-color: #517189;
}
td.light
{
    background-color: #b8c8c8;
}
td.even, tr.even
{
    background-color: #e7eded;
	height:20px;
}
td.odd, tr.odd
{
    background-color: #b8c8c8;
	height:20px;
}
TD.highlight-even
{
    FONT-WEIGHT: bold;
    COLOR: #880524;
    background-color: #eff1e3
}
TD.highlight-odd
{
    FONT-WEIGHT: bold;
    COLOR: #880524;
    background-color: #e4e3c7
}
TD.header
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    background-color: #517189;
}
.tdheader
{
	font-size:11px;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    background-color: #517189;
}

a.tour
{
	border-bottom:1px dashed #73b0bf;
	font-weight:bold;
	text-decoration:none;
}

a.none
{
	text-decoration:none;
}

.signupbutton
{
	margin:auto;
	display:block;
	text-decoration:none;
	border:1px solid #999999;
	padding:3px;
	width:175px;
}

.signupbutton:hover
{
	border:1px solid #000000;
}

input.new  { 
	border:1px solid #333333;
}
input.red  {
	background-color: #ffd5d6;
}

.action_notify
{
	font-size:11px; 
	background-color:#005a5b; 
	color:#FFFFFF; 
	height:15px; 
	font-weight:bold;
}

.pagebackground
{
	padding: 5px 5px 5px 5px;
	margin-top:20px;
}

.submit
{ font-family: verdana, arial, sans-serif;
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
}


.submitnewmember
{ font-family: verdana, arial, sans-serif;
  border: 1px solid;
  width: 140px;
  height: 44px;
  cursor: pointer;
  font-size: 100%;
}


/*div.sr-content a { color:#ffffff; }*/
	
	
/********** STANDALONE FONT COLORS & STYLES **********/
.black	{ color:#000000; }
.strong	{ font-weight:bold; }


.content-details
{
	color:#000000;
}
.content-detail { padding:0px 5px 5px 5px; margin-bottom:5px; font-weight:bold; color:#000000; font-family:Arial, Tahoma;vertical-align:middle; }
.content-detail a { color:#000000; text-align:center; }
.content-meta { color:#222222; font-weight:normal; }
.content-details h1 { font-size:16px; }


/*********** Forms ***************/
.field { clear:both; margin:10px 0; }
input, select, textarea { padding:3px; }
input.button { background-color:#f0f4f4; border:1px solid #000000; }


/*********** Signup **************/
.signup div#submit-button a:hover { color:#222222!important; text-decoration:none; }

.signup #form select, #form input, #form input.big { font-size: 16px!important; color:#555555; padding: 2px; margin-bottom: 20px; border: 1px solid #000000; }

.signup #form fieldset { background:#92bcb5 none repeat scroll 0 0; border-color:#ce7014; border-style:solid; border-width:1px 1px 2px; font-size:12px; margin:0 0 20px; padding:11px; position: relative; }

.signup #form div.legend { background:#FFFFFF none repeat scroll 0 0;	border-color:#448899; border-style:solid; border-width:1px 1px 2px; color:#005A5B; font-weight:bold; margin:0; padding:2px 7px; position: relative;	top: -1.9em; width: 150px; }

.signup #form
{
	color: #333333;
	font-weight: bold;
}

.signup div#column2
{
	font-size: 22px;
	color: #ce7014;
	text-align: left;
}

.signup span.em
{
	color: #444444;
	font-style: italic;
}
.signup span.privacy
{
	color: #333333;
	font-weight: normal!important;
	font-size: 12px;
}
.signup div.industry
{
	clear: both;
	font-size: 14px;
	color: #333333;
}
.signup span.big
{
	font-size: 16px;
}
.signup div.promobox
{
	color: #333333;
	font-size:14px;
}
.signup div#column2 a:hover
{
	border:none;
	color:#FFFFFF;
}

.content-suggest 
{
	background-color:#B8C8C8;
	border:1px solid #999999;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}

.site-message { display: block; background-color: #f1a200; color: #FFF; padding: 15px;  }
.site-message p { font-size: 14px; line-height: 1.4; }
.site-message em { font-style: italic; }


/*** Forms ***/
.form-user-export { padding: 15px 30px; }
.search-filter { padding: 15px; background-color: #f0f0f0; margin-top: 30px; }
.search-filter h2 { padding-top: 0; }
.search-filter input[type="checkbox"] { margin-left: 15px; }
.search-filter input[type="checkbox"]:first-of-type { margin-left: 0; }
.form--textarea { width: 100%; border-radius: 5px; }
.form--input { border-radius: 5px; padding: 8px 16px;}
.form--button { padding: 12px 20px; border-radius: 5px; transition: all 0.3s ease-in-out }
.form--button:hover { cursor: pointer; }
.form-user-export { padding: 15px 30px; }

/* buttons */
.btn { background-color: #537f7b; color: #FFF; font-weight: 600; padding: 15px 30px; border-radius: 7px; transition: all 0.3s ease-in-out; }
.btn:hover { text-decoration: none; cursor: pointer; }
.button--green, .btn--green { background-color: #408a98; color: #FFF; border-color: #408a98 !important; }
.button--green:hover, .btn--green:hover {opacity: 0.75; }
.btn--orange { background-color: #f2a200; color: #FFF; border-color: #f2a200 !important; }
.btn--orange:hover {opacity: 0.75; color: #FFF; }


/*** jQuery Calendar ***/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


/*** Autocomplete ***/
.ui-autocomplete { max-height: 400px; overflow: auto; }


/*** SweetAlert ***/
.swal2-header { margin-bottom: 30px; }
.swal2-title { background-color: transparent; }


/* content formatting */
.page-content { padding: 15px; }
.page-content p { margin-bottom: 15px; font-size: 0.85rem; }


/* icons */
.icon--action { padding: 0 5px; }
.icon--large { font-size: 1.4rem; }


/* new table styles */
.new-table-style { width: 100%; border-collapse: collapse; }
.new-table-style tr:nth-child(2n+1) { background-color: #e7eded; }
.new-table-style thead tr { background-color:#008c9a !important; color: #fff; }
.new-table-style th { text-align: left; font-weight: bold; font-size: 16px; padding: 10px; }
.new-table-style td { padding: 10px;  font-size: 16px; }
.new-table-style .text-center { text-align: center; }


/* utility classes */
.text-center { text-align: center; }



/************* Imported from /style/global.css ***************/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:100%; }

body, div, p { line-height:1.5em; }

h2, h3 { color:#517189; }

h1 { color:#000000; font-size:24px; font-weight:bold; margin:5px 0 10px 0; }

h2 { font-size: 14px; padding: 10px 0; }

strong { font-weight:bold; }

ul { padding-left:30px; }

a { color:#517189; text-decoration:none; }
a:hover { color:#517189; text-decoration:underline; }

#column2 { background-color:#fff; padding:30px 20px; } /* Legacy rule to remove */

#container { background-color:#FFF; margin:auto; border:1px solid #000; }

#main { background-color:#FFF; }
#main:after { clear:both; }


/*********** Main Navigation
----------------------------------------------------------------------------------------*/



/*********** Global Classes
----------------------------------------------------------------------------------------*/
/*
.logo-background { height:126px; no-repeat scroll 0 0 transparent; position:relative; }
.logo-background .home-link { display:block; float:left;}
*/
.forgot { float:left; font-size:11px; }

.loginbox { 
	width: 229px; 
	position:relative; 
	background-color: #058b9a; 
	color:#fff; 
	border-radius: 0; 
	padding: 12px; 
}
.hvac .loginbox { background-color: #800000; }
.plumbing .loginbox { background-color: #6282b3; }
.electrical .loginbox { background-color: #f6ee85; color:#000; }
.electrical .loginbox a { color:#000; }
.solar .loginbox { background-color: #e1761f; color:#000; }
.solar .loginbox a { color:#000; }
.remodelers .loginbox { background-color: #2f5c00; color:#000; }
.remodelers .loginbox a { color:#000; }
.general-business .loginbox { background-color: #015a5b; color:#000; }
.general-business .loginbox a { color:#000; }

.loginbox a.forgot { 
	color: #FFF; 
	display: block;
    line-height: 1.5;
    padding-top: 12px;
}
.loginbox input[type="text"], .loginbox input[type="password"], .loginbox input.input { width:202px; font-size:12px; padding: 8px 5px; margin-bottom:9px; }
.loginbox input[type="image"] { 
	float:left; 
	margin: 5px 10px 0 0;
    transform: translateX(-4px); 
} 
.loginbox input[type="image"]:hover { cursor:pointer; }
.loginbox select { 
	padding: 3px 8px 3px 1px;
    margin: 5px 0;
    height: 32px;
	border: 0 none;
	font-weight: 600;
}
.loginbox:after { clear:left; }
.loggedin .loginbox  { font-weight:bold; }
.loggedin .loginbox a { text-decoration:underline; }
.loggedin .loginbox a:hover { text-decoration:none; }

/*Homepage - Mobile Version*/
/*.logo-background1 { height:250px; position:relative; }*/
/*.logo-background1 .home-link { display:block; float:left; width:230px; height:250px; }*/

.loginbox1 { width:657px; height:217px; float:left; padding:15px 0 10px 25px; position:relative; background:url(/style/images/loginboxMobile.png) no-repeat scroll 0 0 transparent; color:#fff; }
.hvac .loginbox1 { background:url(/style/images/loginbox-hvacMobile.png) no-repeat scroll 0 0 transparent;  width:657px; height:217px; padding:15px 1px 1px 25px;}
.plumbing .loginbox1 { background:url(/style/images/loginbox-plumbingMobile.png) no-repeat scroll 0 0 transparent; width:655px; height:215px; padding:15px 0 10px 25px;}
.electrical .loginbox1 { background:url(/style/images/loginbox-electricalMobile.png) no-repeat scroll 0 0 transparent; color:#000; width:655px; height:215px; width:655px; height:215px; padding:15px 0 10px 25px;}
.electrical .loginbox1 a { color:#000; }
.solar .loginbox1 { background:url(/style/images/loginbox-solarMobile.png) no-repeat scroll 0 0 transparent; color:#000; width:655px; height:215px; width:655px; height:215px; padding:15px 0 10px 25px; }
.solar .loginbox1 a { color:#000; }

.remodelers .loginbox1 { background:url(/style/images/loginbox-remodelersMobile.png) no-repeat scroll 0 0 transparent; color:#000; width:655px; height:215px; width:655px; height:215px; padding:15px 0 10px 25px;}
.remodelers .loginbox1 a { color:#000; }

.general-business .loginbox1 { background:url(/style/images/loginbox-generalbusinessMobile.png) no-repeat scroll 0 0 transparent; color:#000; width:655px; height:215px; width:655px; height:215px; padding:15px 0 10px 25px;}
.general-business .loginbox1 a { color:#000; }

.loginbox1 a { color:#FFF; line-height:110%; }
.loginbox1 a.forgot { position:absolute; top:60px; right:15px; }
.loginbox1 input[type="text"], .loginbox1 input[type="password"], .loginbox1 input.input { width:402px; font-size:38px; padding:5px 2px; margin-bottom:9px; }
.loginbox1 input[type="image"] { float:left; margin-right:10px; padding-top:2px; } 
.loginbox1 input[type="image"]:hover { cursor:pointer; }
.loginbox1 select { font-size:32px; padding:3px 2px 2px 2px; margin:5px 10px 5px 0; }
.loginbox1 fieldset { padding:10px 0 0 10px; }
.loginbox1:after { clear:left; }
.loggedin .loginbox1  { font-weight:bold; }
.loggedin .loginbox1 a { text-decoration:underline; }
.loggedin .loginbox1 a:hover { text-decoration:none; }

.banner-container1 { float:center; width:701px; padding:5px 15px 0; margin:15px auto 20px; }
.banner1  { width:700px; height:260px;}
.banner-text1 { font-size:40px; font-weight:bold; padding:15px; color:#222; clear:both; }
/* end of mobile version*/

.social-icons { color:#028c9a; font-weight:bold; }
.social-icons span { display:block; float:left; padding:5px 5px 0 0; }

.banner-container { float:left; width:701px; padding:5px 15px 0; margin:15px auto 20px; }
.banner  { width:700px; height:260px; overflow:hidden;}
.banner-text { font-size:14px; font-weight:bold; padding:15px; color:#222; clear:both; }

#sliderControls {width: 250px; margin:5px auto;}
#next, #prev, #toggle {background: url(/images/controls.jpg) 0 -21px no-repeat transparent; width: 23px; height:20px; float: left; margin: 0 20px; }

#prev:hover {background-position: 0 0}
#next {background-position: -82px -21px}
#next:hover {background-position: -82px 0}
#toggle.running {background-position: -23px -21px }
#toggle.running:hover {background-position: -23px 0 }
#toggle.paused {background-position: -42px -21px}
#toggle.paused:hover {background-position: -42px 0}

.subnav { padding-right:15px; padding-left:0; list-style:none; }
.subnav li { border-bottom:1px solid #dedede; padding:8px 0 2px 0; }
.subnav li a { color:#000; font-weight:bold; font-style:italic; }
.subnav li a:hover { color:#028c9a; }

.success-block { text-align: center; background-color: #008c9a; color: #FFF; margin: 30px 0; padding: 15px 30px; font-size: 16px; border-radius: 2px; }

.loggedout .subnav li a { font-size:16px; }
.loggedin .subnav la a { font-size:14px; }

.affiliates .affiliate-member-admin { text-align: center; }
.affiliates .member-admin__form { display: none; text-align: center; margin-top: 30px; }

ul.tabbed { padding:0; margin:0; }
ul.tabbed li.tab { font-weight:bold; float:left; list-style:none; padding:5px 10px; background-color:#E6EEED; border-top:1px solid #005A5B; border-right:1px solid #005A5B; border-left:1px solid #005A5B; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;  }
ul.tabbed li.tab:hover { cursor:pointer; background-color:#005A5B; }
ul.tabbed li.tab-active { background-color:#005A5B; }

.errormsg {background-color:yellow; text-align:center; font-weight:bold; padding:5px;}

.flex { display: flex; }
.flex.align-items-center { align-items: center; } 
.flex-justify-content-start { justify-content: flex-start; }
.flex.justify-content-between { justify-content: space-between; }

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

button.button { background-color: #006D6B; color: #fff; border: 0 none; padding: 10px 30px; font-size: 16px; outline: none !important; }
button.button:hover { cursor: pointer; }
.button--rounded { border-radius: 4px; }
.button--wide { width: 100%; }
button:disabled { background-color: #CCC; }

.srgreen { background-color: #008c9a; color: #FFF; }



/*********** Global Table Rules
----------------------------------------------------------------------------------------*/
.table { width: 100%; }
.table--static { border-collapse: collapse; word-break: break-word; }
.table--row-alternate tr { background-color: #d0d4d3; }
.table--row-alternate tr:nth-child(2n+1) { background-color: #f0f0f0; }
.pagebackground .table--row-alternate tr { background-color: transparent }
.pagebackground .table--row-alternate tr:nth-child(2n+1) { background-color: #e7eded; }
.table td { padding: 5px 15px; }
.table-heading { margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }
.table-heading h2 { font-size: 16px; }
.table-heading p { font-size: 16px; }


/*********** Global Form Rules
----------------------------------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select { border:1px solid #999999; line-height:14px; outline: none; }
.field input, .field select, .field textarea { padding: 10px 15px; font-size: 16px; border: 0 none; background-color: #e7eded; width: 100%; box-sizing: border-box;}
.field.flex-field { display: flex; align-items: center; }
.field.flex-field.center { justify-content: center; }
.field input + .button--rounded { border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.field.field--space { margin-top: 30px; }



/*********** Global Fixes
----------------------------------------------------------------------------------------*/
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clear {clear:both;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height: 1%; }



/*********** Billing Module
----------------------------------------------------------------------------------------*/
.billing .card-form { margin-bottom: 30px; }
.billing #str_cc { padding: 10px 15px; font-size: 16px; border: 0 none; background-color: #e7eded; width: 100%; box-sizing: border-box; }
.billing .__PrivateStripeElement { padding: 10px 15px; }
.billing label { display: block; text-transform: uppercase; font-size: 14px; font-weight: 700; margin-bottom: 5px; margin-right: auto; }
.billing span { display: block; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 5px; width: 100%; }
.billing .payment-method { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; padding: 5px; }
.billing .payment-method.default { background-color: #e7eded; }
.billing .payment-method .card-icon { padding-right: 10px; padding-left: 10px; }
.billing .payment-method:not(.default) span:hover { background-color: #F0F0F0; cursor: pointer; }
.billing .payment-method .card-remove { padding-left: 10px; color:red; font-size: 1rem; }
.billing .payment-method .card-remove:hover { cursor: pointer; }
.billing .payment-method .fa-star { font-size: 1rem; color:#FFCC00} 

.paymentdue-block { text-align: left; background-color: #008c9a; color: #FFF; margin: 30px 0; padding: 15px 30px; font-size: 16px; border-radius: 2px; }


/*********** From /includes/serviceroundtable.css
----------------------------------------------------------------------------------------*/

/* HTML Tag styles */
table.collapse { border-collapse: collapse; }
div.pagination { width:180px; font-weight:bold; font-size:14px; }


/* Standalone classes */
.txtunderline { border-bottom:1px solid #bbbbbb; padding-bottom:5px; }
.linkunderline { text-decoration: underline; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.collapse { margin: 0; padding: 0; }
.inline { display: inline; }
.noborder { border: 0px solid #FFFFFF!important; }


/* Color classes */
.orange { color: #ce7014; }
.white { color: #ffffff; }


/*********** From /members/masteraccount.asp
----------------------------------------------------------------------------------------*/

h2, label { display:block; font-weight:bold; margin-bottom:3px;	}
input, select, textarea { font-size:16px; font-family:Arial; border:1px solid #000000; }
input, textarea { padding:2px; }
select { padding:1px; }
.formfield { float:left; margin-right:20px; }
label { margin-top:30px; }
label.notop { margin-top:0; }
.notice { clear:both; display:block; color:#FF0000; font-weight:bold; border:1px solid #000000; margin:10px; padding:5px; }
.admin-interface { background-color:#FFFFFF; border:2px solid #000000; width:100%; border-collapse:separate; padding:15px; color:#000000; }
.admin-interface h2 { font-size:18px; }
.industries label { margin-top:0; }

table.ind-management td { padding:3px; }
table.ind-management input.ind-expiry { height:15px; width:100px; font-family:Verdana,Geneva,sans-serif; border:medium none; font-size:12px; background:url(/images/calendar.png) no-repeat right center; }

.crm-module { padding:10px; margin-bottom:15px; }
.crm-module h3 { background-color: #202020; color: #FFF;font-size: 16px; font-weight: bold; margin-bottom: 15px; padding: 7px; }
.crm-module .field { margin-top:0; display: inline-block;}
.crm-module label { float:left; display:block; width:200px; margin:0; }
.crm-module .log-entry { padding:5px; margin:15px; }
.crm-module .crm-log-details { font-weight:bold; }
.crm-module .dollar-field { padding-left:15px; background:#FFF url(/images/icon-dollar.png) no-repeat left center; }
.crm-module textarea#crm_log { width:500px; height:75px; float:left; display:block; }
.crm-module .log-button { float:left; display:block; margin: 25px 0 0 5px }
.crm-module .log-button:hover { cursor:pointer; }
.enrollment-section label { float:left; display:block; width:300px; margin:0; }

.strength_wrapper { display:inline-block; position:relative; text-align:left; }
.strength_input { width:250px; font-size:25px; background:transparent; }
.strength_meter { position:absolute; left:0px; top:0px; width:100%; z-index:-1; overflow:hidden; }
.button_strength { text-decoration:none; color:#4d4d4d; font-size:13px; display:block; }
.strength_meter div { width:0%; height:34px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.strength_meter div p { position:absolute; right:10px; color:#4d4d4d; font-size:13px; padding-right:30px; }
.veryweak { background-color:#FF7979; width:25% !important; }
.weak { background-color:#FDA068; width:50% !important; }
.medium { background-color:#FFE560; width:75% !important; }
.strong { background-color:#9BF47D; width:100% !important; }

/* Styles for verification */
.pswd_info { position:absolute; width:220px; padding:15px; background:#fefefe; font-size:20px; border-radius:15px; box-shadow:0 1px 3px #ccc; border:1px solid #ddd; display:none; z-index:1000; top:62px; right:0; background-color:rgb(238,238,238); box-shadow: 5px 5px 5px #888888; }
.pswd_info:before, .pswd_info:after { position:absolute; bottom:100%; content:''; }
.pswd_info:before { right:52px; border-right:17px solid transparent; border-bottom:17px solid #ddd; border-left:17px solid transparent; }
.pswd_info:after { right:53px; border-right:16px solid transparent; border-bottom:16px solid rgb(238,238,238); border-left:16px solid transparent; }
.pswd_info h4 { margin:0 0 10px 0; padding:0; font-weight:normal; font-size:1em; font-size:0.7em; }
.pswd_info ul { padding:0; margin:0; list-style-type:none; }
.pswd_info ul li { visibility:visible !important; height:20px !important; min-height:20px !important; line-height:24px; font-size: 0.7em; padding-left:24px !important; }
.pswd_info .invalid { background:url(invalid.png) no-repeat 0 50%; color:#ec3f41; }
.pswd_info .valid { background:url(valid.png) no-repeat 0 50%; color:#3a7d34; }

/* Styles for Sweet alert */
body.swal2-shown > [aria-hidden="true"] {
	transition: 0.1s filter;
	filter: blur(10px);
}
.container--warning {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	justify-content: center;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	height:350px;
}

.alert--warning {
	width:100%; 
	font-size:13pt; 
	margin: 20px; 
	padding: 20px;
	background-color: #ff9800;
	color: black; opacity: 1;
	margin-bottom: 15px;
}	

@media (min-width: 1920px) {
    #column2 {
        min-width: 1330px;
    }
}