/************************************************************************************************************************************************************************
 * ___________                          ___________.__                 __         .__       .__  __          __________         __  .__                      
 * \__    ___/___ ___  ________    _____\_   _____/|  |   ____   _____/  |________|__| ____ |__|/  |_ ___.__.\______   \_____ _/  |_|__| ____    ____  ______
 *   |    |_/ __ \\  \/  /\__  \  /  ___/|    __)_ |  | _/ __ \_/ ___\   __\_  __ \  |/ ___\|  \   __<   |  | |       _/\__  \\   __\  |/    \  / ___\/  ___/
 *   |    |\  ___/ >    <  / __ \_\___ \ |        \|  |_\  ___/\  \___|  |  |  | \/  \  \___|  ||  |  \___  | |    |   \ / __ \|  | |  |   |  \/ /_/  >___ \ 
 *   |____| \___  >__/\_ \(____  /____  >_______  /|____/\___  >\___  >__|  |__|  |__|\___  >__||__|  / ____| |____|_  /(____  /__| |__|___|  /\___  /____  >
 *              \/      \/     \/     \/        \/           \/     \/                    \/          \/             \/      \/             \//_____/     \/
 * 
 */

/* fonts */
@font-face {
  font-family: 'Signature';
  src: url(/fonts/signature.ttf) format('truetype');
}
@font-face {
  font-family: 'Varela Round';
  src: url(/fonts/VarelaRound-Regular.ttf) format('truetype');
}

/* layout */
a, button, input { outline:0; }
a:focus, button:focus, input:focus { outline:0; }
body { color:rgb(50,50,50); }
body, input, label { font-family:'Varela Round','Trebuchet MS',sans-serif !important; }
input { width:100%; }
td { vertical-align:top; }
code, pre { display:block;text-align:left; }
.page-contents { min-height:80vh; }
.hero { width:100%;height:80vh;min-height:300px;background-size:cover;background-position:center;position:relative;padding:0px; }
.hero-cover { position:absolute;top:0;bottom:0;left:0;right:0; }
.hero-cover-blue { background-color:rgba(20,75,188,0.25); }
.hero-box { border-radius:15px;background-color:rgba(0,0,0,0.5);margin:20px 0px;box-shadow:0px 3px 7px -3px rgba(0,0,0,0.5);color:white; }

/* text */
h1, h2, h3, h4, h5 { line-height:1em;font-family:'Varela Round','Trebuchet MS',sans-serif; }
h1 { font-size:40px;letter-spacing:2px;margin-top:50px;margin-bottom:10px; }
h2 { font-size:30px;letter-spacing:1px;margin-top:40px;margin-bottom:5px; }
h3 { font-size:20px;margin-top:20px;margin-bottom:5px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
@media only screen and (max-width:768px)
{
	h1 { font-size:25px;letter-spacing:1px;margin:20px 0px; }
	h2 { font-size:20px;letter-spacing:0px;margin:15px 0px; }
	h3 { font-size:18px;letter-spacing:0px;margin:10px 0px; }
	h1, h2, h3 { text-align:center; }
}
p { padding:0px 25px; }
.hr-blue-dark { border:none;border-top:1px solid rgb(0,54,125); }
.text-white { color:white; }
.text-black { color:black; }
.text-grey-xlight { color:rgb(200,200,200); }
.text-grey-light, .plan-card-company a { color:rgb(145,145,160); }
.text-grey-dark { color:rgb(125,125,125); }
.text-blue-xlight { color:rgb(42,138,193); }
.text-blue-light, .text-blue-hover, .plan-card-term { color:rgb(40,115,188); }
.text-blue-dark, .text-blue-hover:hover, .plan-card-rate, .plan-row { color:rgb(0,54,125); }
.text-red-hover { color:rgb(100,0,0); }
.text-red-hover:hover { color:rgb(255,0,0); }
.text-upper { text-transform:uppercase; }
input.text-upper:placeholder-shown { text-transform:none; }
.padded-100 { padding-top:100px;padding-bottom:125px; }
.padded-50 { padding-top:50px;padding-bottom:45px; }
.padded-25 { padding-top:25px;padding-bottom:30px; }
.padded-10 { padding-top:10px;padding-bottom:15px; }
.padded { padding:5px; }
.padding-100 { padding:100px; }
.padding-50 { padding:50px; }
.padding-25 { padding:25px; }
.padding-10 { padding:10px; }
@media only screen and (max-width:768px)
{
	.padded-100, .padded-50, .padded-25 { padding:5px;padding-top:20px;padding-bottom:20px; }
	.padding-100, .padding-50, .padding-25 { padding:5px;padding-top:20px;padding-bottom:20px; }
}
.padding-none { padding:0px; }
.center-vertical { padding-top:30vh; }
.margin-top-10 { margin-top:10px; }
.padded-50 > h2 { margin-top:10px; }
.rounded-box { border-radius:5px;padding:15px;margin-top:calc(var(--gutter) * 2); }
.rounded-box h3 { margin:0px;margin-bottom:10px; }
.rounded-box h2 { margin:0px; }
.rounded-box hr { margin:10px 0px; }

/* navigation */
.nav { color:white; }
.nav.header { letter-spacing:2px;box-shadow:0 0 10px black;margin-left:-10px;margin-right:-10px; }
.nav.header .zip-form { letter-spacing:1px;padding:7px 0px; }
.nav.header .zip-form .dropdown-wrapper { min-width:50px;height:auto;margin:0px; }
.nav.header .zip-code, .nav .customer-type-wrapper { width:110px; }
.nav .commodity-wrapper { width:160px; }
.nav.header .phone-bar { padding:5px 0px; }
.nav.header #mobile-toggle { color:white;font-size:35px;margin:5px 10px; }
@media only screen and (max-width:768px) { .nav.header .phone-bar { padding:0px; } }
.nav.footer { letter-spacing:1px;font-size:12px; }
.nav h1 { margin:10px; }
.nav a { color:white;text-decoration:none; }
.nav a:hover { text-decoration:underline; }
.nav ul { padding-top:3px; }
.nav li { margin-left:20px;margin-bottom:10px;padding:0px; }
.nav.footer li { margin:10px; }
.nav .logo-image { max-width:100%;max-height:45px; }
.nav .logo-image-sm { max-height:25px; }
.nav .phone-sm { color:rgb(161,218,255); }
.nav .phone-md { color:rgb(161,218,255);margin-top:5px; }
.page-content { z-index:2; }
.page-title { background-image:linear-gradient(rgb(18,65,115), rgb(25,86,145) 10%, rgb(25,86,145)); }
.page-title { background-color:rgb(25,86,145);border-top:2px solid rgb(18,65,115);color:white;padding:25px 5px 5px 5px; }
.page-title h1 { padding:0px;margin:0px; }
#breadcrumbs { color:rgb(150,175,200);font-size:12px;text-align:left;margin:0px;margin-top:var(--gutter); }
#breadcrumbs b { color:white;font-weight:normal; }
#breadcrumbs a { color:rgb(150,175,200); }

.dark-bar { background-color:rgb(25,86,145);background-image:linear-gradient(rgb(18,65,115), rgb(25,86,145) 10%, rgb(25,86,145));color:rgb(161,218,255); }

.light-bar { background-color:rgb(42,115,189);background-image:linear-gradient(rgb(46,119,194), rgb(42,115,189) 10%, rgb(42,115,189)); }

.title-bar { background-color:rgb(25,86,145);border-top:2px solid rgb(18,65,115);background-image:linear-gradient(rgb(18,65,115), rgb(25,86,145) 10%, rgb(25,86,145));color:white;padding:15px; }

.trust-bar { background-color:rgb(230,230,230);background-image:linear-gradient(rgb(245,245,245), rgb(253,253,253) 10%, rgb(230,230,230));color:rgb(161,218,255);border-bottom:1px solid rgb(200,200,200); }
.trust-bar img { height:30px; }
.trust-bar td { padding:5px 20px 0px 20px; }
.trust-bar th { vertical-align:middle;font-weight:normal; }
.trust-bar .menu-button { color:rgb(150,150,150);display:inline-block;padding:20px; }
.trust-bar .menu-button:hover { text-decoration:none;color:black;background-color:rgba(255,255,255,0.5); }

.footer-media i { font-size:30px;margin-right:20px; }

.home-page-icon { font-size:100px; }
.home-page-reps-star { padding:5px;background-image:url(/images/front-star-500.webp);background-position:center;background-size:cover;text-shadow:0 0 5px white;vertical-align:bottom; }
.home-page-reps-star .row { background-color:rgba(255,255,255,0.85);padding:5px;margin:5px; }
.home-page-reps-star .row i.fa { margin-top:10px;text-shadow:0 0 0px; }

/* forms */
.pretty-form { border-radius:30px;display:inline-block;width:auto;margin:0 auto;padding:10px; }
.pretty-form-sm { border-radius:20px;display:inline-block;width:auto;margin:0 auto;padding:5px 5px 5px 5px; }
.cta, .pretty-input, input.pretty-input, .pretty-form .dropdown-options, button.pretty-input, .pretty-input-wrapper { border:none;min-height:40px;border-radius:20px;padding:5px 20px;font-size:18px;white-space:nowrap;letter-spacing:1px;height:auto;min-height:none;background-color:white; }
button.pretty-input, button.cta { text-transform:uppercase;background:linear-gradient(rgb(200,200,200), rgb(225,225,225)); }
textarea.pretty-input { width:100%;resize:vertical;padding:20px; }
.pretty-input-file { cursor:pointer;color:rgb(200,200,200); }
.pretty-input-file input[type=file] { display:none; }
.pretty-input-wrapper { position:relative;text-align:left;overflow:hidden; }
.pretty-input-wrapper input, .pretty-input-wrapper div { border:none;padding:5px;font-size:18px;position:absolute;width:100%;background-color:transparent;z-index:0; }
.pretty-input-wrapper button { float:right;position:absolute;bottom:5px;right:5px;height:30px;min-height:30px;font-size:16px; }
.pretty-input-wrapper i.fa { margin-top:6px;margin-right:5px;width:20px;text-align:right; }
.cta.with-image { padding:15px; }
.cta.with-image img { position:absolute;top:4px;left:5px; }
.cta:focus, .pretty-input:focus, input.pretty-input:focus { border:none; }
.form-sm .cta, .form-sm .pretty-input, .form-sm input.pretty-input, .form-sm .dropdown-options { min-height:20px;font-size:16px; }
button.cta { background:linear-gradient(rgb(255,200,50), rgb(255,136,72));color:black; }
.cta:active, .plan .cta:focus, .plan .cta:hover { background:radial-gradient(circle at center, yellow, orange); }
.button-shadow { width:100%;max-width:250px;height:15px;display:block;margin-top:-7px;margin-left:auto;margin-right:auto; }
.radio-wrapper { display:block;text-align:left;width:100%; }
.form-sm .dropdown-arrow i { top:10px; }
.full-width { width:100%; }
input[type="checkbox"], input[type="radio"] { transform:scale(1.5); }
/*
@media only screen and (max-width:767px)
{
	.pretty-input-wrapper { min-height:80px; }
}
*/

#datepicker { border: 1px solid rgb(50,150,200); background-color: rgba(50,150,200,0.95); color: white; }
#datepicker { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 5px; position: absolute; }
#datepicker_next, #datepicker_back { cursor: pointer; }
#datepicker_next:hover, #datepicker_back:hover { background-color: rgba(255,255,255,0.3); }
#datepicker_back:after { content: '<'; }
#datepicker_next:after { content: '>'; }
#datepicker th { text-align: center; padding: 5px; }
.datepicker_day { border: 1px solid rgba(255,255,255,0); background-color: rgba(255,255,255,0.3); cursor: pointer; text-align: center; padding: 8px; }
.datepicker_day.current, .datepicker_day:hover { border: 1px solid rgb(255,255,255); background-color: rgb(250,250,250); color: black; }
.datepicker_day.disabled { border: 1px solid transparent; background-color: rgba(200,200,200,0.5); color:rgba(200,200,200,0.5); cursor: default; }
.datepicker_day.pmvi { background-color: rgb(230,150,150); color: black; }

/* backgrounds */
.bg-white, .plan-card, .plan-row.even, .plan-box { background-color:white; }
.bg-grey-xlight { background-color:rgb(250,250,250); }
.bg-grey-light, .plan-card-rate, .plan-card-rate-bar { background-color:rgb(245,245,245); }
.bg-grey { background-color:rgb(200,200,200); }
.bg-grey-dark, .plan-card-name { background-color:rgb(75,75,75);color:white; }
.bg-blue-xxlight { background-color:rgb(245,250,255); }
.bg-blue-xlight { background-color:rgb(240,248,253); }
.bg-blue-light, .plan-card-term, .plan-single-cta, .dropdown-option:hover { background-color:rgb(205,228,249);color:black; }
.bg-blue-dark, .plan-card-usp, .carousel-index.active, .dropdown-options { background-color:rgb(40,115,188) !important;color:white; }
.bg-blue-dark-transparent { background-color:rgba(40,115,188,0.5);color:white; }
.dropdown-option.selected { font-style:italic;background-color:rgba(205,228,249,0.3);color:white; }
.bg-blue-dark-light  { background-image:linear-gradient(rgb(46,119,194), rgb(42,115,189) 10%, rgb(220,240,255)); }
.bg-green-xlight { background-color:rgb(229,254,255); }
.bg-green-light, .plan-row-header { background-color:rgb(209,224,231); }
.bg-orange-light { background-color:rgb(229,169,42); }
.bg-orange-dark { background-color:rgb(220,116,52); }
@media only screen and (max-width:575px)
{
	.bg-grey-light-xs { background-color:rgb(245,245,245); }
	.bg-grey-dark-xs { background-color:rgb(75,75,75);color:white; }
	.bg-grey-dark-xs a { color:white; }

	.bg-blue-xxlight-xs { background-color:rgb(245,250,255); }
	.bg-blue-xlight-xs { background-color:rgb(240,248,253); }
	.bg-blue-light-xs { background-color:rgb(205,228,249);color:black; }
	.bg-blue-dark-xs { background-color:rgb(40,115,188) !important;color:white; }
	.small-cards-container .plan-row-header { display:none; }
}

.hover-blue-light:hover { background-color:rgba(0,100,200,0.05); }

/* tables */
.table-blue-dark thead { background-color:rgb(40,115,188);color:white; }
.table-blue-dark thead td { border:1px solid rgb(40,115,188); }
.table-blue-dark tbody { background-color:white; }
.table-blue-dark tbody tr td { border:1px solid rgb(195,218,245); }

/* plan cards and lists */
.plan-filter { margin-bottom:20px; }
.plan-filter input { margin-right:10px; }
.plan-filter h3 { margin-top:0px;margin-bottom:10px; }
.plan-filter label { display:block;width:100%;font-size:16px;padding-left:15px;margin-top:5px; }
.plan { position:relative; }
.plan a { text-decoration:underline; }
.plan a:hover { text-decoration:none; }
.plan a.phone { text-decoration:none; }
.plan a.phone:hover { text-decoration:underline; }
.plan big { font-size:30px;display:block;margin-bottom:-8px; }
.plan .abnormal-rate { display:none; }
.plan-card, .plan-single, .plan-box { border:1px solid rgb(220,220,220);box-shadow:0 0 15px -5px rgb(215,215,215);border-radius:2px;overflow:hidden; }
.plan-card > * { text-align:center;padding:8px; }
.plan-card-usp { font-size:16px; }
.plan-card-term { padding:5px; }
.plan-card-phone { font-size:20px; }
.plan-card-legal { font-size:12px; }
.plan-card-cta { padding-top:20px; }
.plan-card-company .review-stars { padding:5px; }
.plan-card-company .rep-logo { float:left;margin-left:10px;margin-top:-2px; }
.plan-card-houses { padding-top:10px;padding-bottom:0px;margin-bottom:-5px; }
.plan-card-rate-bar { padding:0px; }
.plan-card-rate small { line-height:1.25em;display:inline-block;margin-top:5px; }
.plan-rows-container { padding:var(--gutter); }
.plan-row { text-align:center; }
.plan-row-header { letter-spacing:1px;padding:10px; }
.plan-row-sort { display:inline-block;padding:5px;cursor:pointer;text-decoration:underline;text-transform:uppercase; }
.plan-row-sort:hover { text-decoration:none; }
.plan-row-name { padding:20px; }
.plan-row-name a { font-size:18px; }
.plan-row-label { padding:10px;font-size:16px;text-align:center; }
.plan-row-large .plan-row-name { padding:5px; }
.plan-row-company div { margin-top:5px;margin-bottom:-5px; }
.plan-row-company .review-stars { display:block; }
.plan-row-company .review-star { font-size:18px; }
.plan-row-company .review-star.half { font-size:14px; }
.plan-row-term, .plan-row-rate, .plan-row-bill { padding:10px; }
.plan-row-cta { padding:20px; }
.plan-row-phone { padding:20px;font-size:20px; }
.plan-row-houses { padding-top:10px;padding-bottom:0px;margin-bottom:-5px;white-space:nowrap; }
.plan-row-rate-bar { padding:0px; }
.plan-row-description > div { display:inline-block;width:auto;text-align:left;padding:10px; }
.plan-row-description > div > li { margin-left:5px; }
.plan-box { padding-bottom:10px; }
.plan-box-name { padding:5px !important;margin:0px !important; }
.plan-single-rate * { color:white; }
.plan-single-rate .bundle-rate { font-size:40px; }
.plan-single-rating { padding-top:7px; }
.plan-single-docs a { text-decoration:none; }
.plan-single-docs a:hover { text-decoration:underline; }
.plan-single-company img { max-width:100%;max-height:150px; }
.plan-more-info { background:linear-gradient(to bottom right, transparent 0%, transparent 50%, rgb(209,224,231) 50%, rgb(209,224,231) 100%); }
.plan-more-info { cursor:pointer;text-align:right;padding:15px 5px 0px 0px;width:80px;position:absolute;right:0;bottom:0;z-index:20; }
.plan-more-info:hover { background:linear-gradient(to bottom right, transparent 0%, transparent 50%, rgb(205,228,249) 50%, rgb(205,228,249) 100%); }
.plan-info { display:none;text-align:left;padding-left:20px;padding-bottom:20px; }
.plan-info-visible { display:block; }
.plan-info .info-label { margin-top:5px;color:rgb(150,150,150); }
.plan-info .info-value { margin-left:20px; }
.plan-info p { padding:0px;margin:7px 0px; }
.plan-info p:last-of-type { margin-bottom:7px !important; }
.plan-row .plan-info { padding:20px 50px; }
.plan-row small { line-height:1em; }
@media only screen and (max-width:767px)
{
	.plan.plan-row { border:1px solid rgb(200,200,200);margin:10px 0px;box-shadow:0 0 15px -10px black; }
	.plan-row { padding-bottom:20px;background-color:white; }
	.plan-row-name { text-align:center;padding:10px !important; }
	.plan-row-cta { padding-bottom:0px; }
	.plan-row-rate { padding-left:2px;padding-right:2px; }
	.plan-row-phone { padding:0px; }

	.company-page-plans .plan-card-company { display:none; }
	.company-page-plans .plan-card-term { display:none; }
	.company-page-plans .plan-card-usp { display:none; }
	.company-page-plans .plan-row-company { display:none; }
	.company-page-plans .plan-row-term { display:none; }
}
img.house-i { cursor:pointer; }
img.house-i:not(.selected) { filter: grayscale(100%);opacity:0.3; }
img.house-i:not(.selected):hover { filter: grayscale(25%);opacity:0.5; }
table.house-rate { width:100%;table-layout:fixed; }
table.house-rate tr { border:none !important; }
table.house-rate th { vertical-align:bottom;width:33%;padding:0px;text-align:center;background-color:transparent;border:none !important; }
table.house-rate td { vertical-align:top;padding:0px;border:none !important; }
table.house-rate i { cursor:pointer;color:rgb(200,200,200) !important; }
table.house-rate i.small { font-size:20px;line-height:27px; }
table.house-rate i.medium { font-size:30px;line-height:35px; }
table.house-rate i.large { font-size:40px;line-height:40px; }
table.house-rate i.all { font-size:35px;line-height:35px;color:rgb(255,150,0) !important; }
table.house-rate i:hover { color:rgb(100,100,100) !important; }
table.house-rate i.selected { text-decoration:underline;color:black !important; }
table.house-rate .house-graph { padding:0px !important;margin:0px !important; }
table.house-rate .house-graph table { table-layout:fixed; }
table.house-rate .house-graph td.hgb { height:15px;border-top:2px solid transparent !important;border-bottom:2px solid transparent !important;cursor:pointer; }
/*
table.house-rate th.house-graph td.hgb.rate_500, table.house-rate th.house-graph td.hgb.rate_1000, table.house-rate th.house-graph td.hgb.rate_2000
{
	border-top:2px solid rgba(50,150,200,0.5) !important;border-bottom:2px solid rgba(50,150,200,0.5) !important;
}
*/
table.house-rate .house-graph td.hgb.hover { border-bottom:2px solid rgb(200,200,200) !important;border-top:2px solid rgb(200,200,200) !important; }
table.house-rate .house-graph td.hgb:hover { border-bottom:2px solid rgb(100,100,100) !important;border-top:2px solid rgb(100,100,100) !important; }
table.house-rate .house-graph td.hgb.selected { border-bottom:2px solid black !important;border-top:2px solid black !important; }
table.house-rate.slim .house-graph td.hgb { height:10px;border-top:none !important; }
table.house-rate.slim .house-graph td.hgb.hover { border-top:none !important; }
table.house-rate.slim .house-graph td.hgb:hover { border-top:none !important; }
table.house-rate.slim .house-graph td.hgb.selected { border-top:none !important; }
.plan table.house-rate tr { border:none !important; }
.plan table.house-rate td { vertical-align:top;padding:0px;border:none !important; }
.plan table.house-rate th.house-graph { padding:0px !important;margin:0px !important; }
.plan table.house-rate th.house-graph table { table-layout:fixed; }
.plan table.house-rate th.house-graph td.hgb { height:15px;border-bottom:2px solid transparent !important;cursor:pointer; }
.plan table.house-rate th.house-graph td.hgb:hover { border-bottom:2px solid rgb(100,100,100) !important; }
.plan table.house-rate th.house-graph td.hgb.selected { border-bottom:2px solid black !important; }

/* plan analyzer */
.analyze-rate-link { font-size:18px; }
.analyze-plan-average { letter-spacing:-1px;display:inline-block;width:auto;position:relative;margin:0px; }
.analyze-plan-average .check-pretty { background-image:url(/images/icons/check-pretty.png);background-size:100%;width:50px;height:50px;position:absolute;right:-40px;top:-40px;display:none; }
.analyze-plan h1, .analyze-plan h2, .analyze-plan h3 { margin:0px;padding:0px; }
.analyze-plan .spinner { display:none; }
.analyze-plan .cta { padding:5px 20px; }
.analyze-plan .plan-card.padded { padding-bottom:15px; }
.analyze-plan .analyze-plan-graph { height:350px; }
.analyze-plan .analyze-plan-graph-label { margin-bottom:-50px; }
.analyze-plan .analyze-plan-graph-bg { padding:25px; }
.analyze-plan .good-deal { background-image:url(/images/great-deal.png);background-size:25%;background-position:75% 75%;background-repeat:no-repeat; }
.analyze-plan .btn-info { width:100%; }
.analyze-plan .plan-card-description { display:none; }
.analyze-plan .google-visualization-tooltip { padding:10px 5px 5px 10px;white-space:nowrap; }
.analyze-plan .google-visualization-tooltip-square { width:15px;height:15px;float:left; }
.analyze-plan .google-visualization-tooltip b { font-size:120%;display:block;margin-left:30px; }
.analyze-plan .google-visualization-tooltip p { padding:0px;margin:0px;margin-bottom:5px; }
.analyze-plan .google-visualization-tooltip .color { display:inline-block;width:10px;height:10px;margin-right:10px;background-color:<?=$compare_color;?>; }
.analyze-plan .google-visualization-tooltip .value { display:block;padding-left:25px; }
.analyze-plan-month { width:100%;margin-top:10px; }
.analyze-plan-month thead { font-size:120%; }
.analyze-plan-month thead td { padding:5px 10px; }
.analyze-plan-month tbody tr td { padding:4px 5px 0px 5px; }
.analyze-plan-month tbody tr td:nth-of-type(1) { width:20px;padding:3px; }
.analyze-plan-month tbody tr td:nth-of-type(2) { width:75px;text-align:right; }
.analyze-plan-month-summary { margin-top:2px; }
.analyze-plan-month-summary:hover { background-color:rgba(255,255,255,0.5); }
.analyze-plan-month-summary.pad-top { margin-top:calc(var(--gutter) * 2); }
.analyze-plan-month-details { margin-bottom:7px; }
.analyze-plan-month-details-month-item-color { height:20px;width:20px;float:left;margin-right:10px; }
@media only screen and (max-width:800px)
{
	.analyze-plan .analyze-plan-graph { height:250px; }
	.analyze-plan .analyze-plan-graph-label { margin-bottom:-20px; }
}

/* reps, ratings and reviews */
.review-stars { white-space:nowrap;display:inline-block;padding-left:1px; }
.review-star { color:rgb(200,200,200);font-size:25px;margin-left:-1px; }
.review-star.gold { color:rgb(255,186,66);font-size:18px;margin-left:0px; }
.review-star.half { color:rgb(255,186,66);font-size:13px;margin-left:0px; }
.review-star.none { color:rgb(150,150,150);font-size:10px;margin-left:1px; }

.separate-stars { padding-top:20px;text-align:center; }
.separate-stars .review-star.gold { font-size:23px; }
.separate-stars .review-star.half { font-size:18px; }
.separate-stars .review-star.none { font-size:10px; }

.review-box { border-radius:10px;background-color:white;border:1px solid rgb(220,220,220);overflow:hidden;box-shadow:0 0 20px -10px black;margin:0px; }
.review-box.hiding, .review-box.hiding .bg-blue-xlight { background-color:rgb(205,205,205);transition:background-color 0.5s ease; }
.review-title big { font-size:25px; }
.review-rating-value { padding-left:20px; }
.recent-review { border-radius:5px;padding:10px; }
.review .fa-quote-left { position:absolute;left:-20px; }
.review .fa-quote-right { margin-left:5px; }
.rep-question { text-align:left; }
.rep-question h3 { font-weight:bold; }

/* carousels */
.carousel.carousel-flipper.loaded .carousel-item { width:100%;top:0;left:0;right:0;transform:scale(0.4);transform-origin:center;position:absolute;transition:1s ease;z-index:10; }
.carousel.carousel-flipper:not(.loaded) .carousel-item { display:none; }
.carousel.carousel-flipper:not(.loaded) .carousel-item:first-of-type { display:block; }
.carousel.carousel-flipper { position:relative; }
.carousel.carousel-flipper .carousel-next, .carousel-flipper .carousel-previous { position:absolute;height:0px;width:0px;border:20px solid;border-color:transparent;cursor:pointer;z-index:25; }
.carousel.carousel-flipper .carousel-next { right:-20px;border-left-color:rgb(40,115,188); }
.carousel.carousel-flipper .carousel-next:hover { border-left-color:rgb(0,54,125); }
.carousel.carousel-flipper .carousel-previous { left:-20px;border-right-color:rgb(40,115,188); }
.carousel.carousel-flipper .carousel-previous:hover { border-right-color:rgb(0,54,125); }
.carousel.carousel-flipper .carousel-inner { position:relative;width:90%;margin:0 auto;font-size:120%; }
.carousel.carousel-flipper .carousel-item.show-now { z-index:20;transform:scale(0.8);transition:1s ease, opacity 0.1s ease;position:relative; }
.carousel.carousel-flipper .carousel-item.show-next { z-index:10;transform-origin:right;transition:0.5s ease;opacity:0.5; }
.carousel.carousel-flipper .carousel-item.show-previous { z-index:10;transform-origin:left;transition:0.5s ease;opacity:0.5; }
.carousel.carousel-flipper .carousel-item.show-none { opacity:0;transform:scale(0.1); }
.carousel.carousel-flipper .carousel-indexes { display:block;z-index:30; }
.carousel.carousel-flipper .carousel-index { width:20px;height:20px;border-radius:10px;display:inline-block;margin:5px;cursor:pointer;background-color:rgb(40,115,188); }
.carousel.carousel-flipper .carousel-index.active { background-color:rgb(0,54,125); }
@media only screen and (max-width:767px)
{
	.carousel.carousel-flipper .carousel-indexes { margin-bottom:20px; }
	.carousel.carousel-flipper .carousel-item { transform-origin:top; }
	.carousel.carousel-flipper .carousel-item.show-now { position:relative;transform:scale(1);font-size:100%; }
}

/*
sorta works
.carousel-next, .carousel-previous { position:absolute;z-index:20;height:0px;width:0px;border:20px solid;border-color:transparent; }
.carousel-next { right:-30px;border-left-color:rgba(255,255,255,0.5); }
.carousel-previous { left:-30px;border-right-color:rgba(255,255,255,0.5); }

.carousel-inner {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
}
.carousel-item {
  display: block;
  position: absolute;
}
*/

/* loaders */
#loading { position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(50,150,200,0.3);z-index:99999999999; }
#loading .spinner { width:40px;height:40px;top:40% !important;position:relative; }
#loading .spinner-container div { width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute; }
#loading .spinner-container div { -webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
#loading .spinner-container { position:absolute;width:100%;height:100%; }
#loading .container2 { -webkit-transform:rotateZ(45deg);transform:rotateZ(45deg); }
#loading .container3 { -webkit-transform:rotateZ(90deg);transform:rotateZ(90deg); }
#loading .circle1 { top:0;left:0; }
#loading .circle2 { top:0;right:0; }
#loading .circle3 { right:0;bottom:0; }
#loading .circle4 { left:0;bottom:0; }
#loading .container2 .circle1 { -webkit-animation-delay:-1.1s;animation-delay:-1.1s; } 
#loading .container3 .circle1 { -webkit-animation-delay:-1.0s;animation-delay:-1.0s; }
#loading .container1 .circle2 { -webkit-animation-delay:-0.9s;animation-delay:-0.9s; }
#loading .container2 .circle2 { -webkit-animation-delay:-0.8s;animation-delay:-0.8s; }
#loading .container3 .circle2 { -webkit-animation-delay:-0.7s;animation-delay:-0.7s; }
#loading .container1 .circle3 { -webkit-animation-delay:-0.6s;animation-delay:-0.6s; }
#loading .container2 .circle3 { -webkit-animation-delay:-0.5s;animation-delay:-0.5s; }
#loading .container3 .circle3 { -webkit-animation-delay:-0.4s;animation-delay:-0.4s; }
#loading .container1 .circle4 { -webkit-animation-delay:-0.3s;animation-delay:-0.3s; }
#loading .container2 .circle4 { -webkit-animation-delay:-0.2s;animation-delay:-0.2s; }
#loading .container3 .circle4 { -webkit-animation-delay:-0.1s;animation-delay:-0.1s; }
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform:scale(0.0) }
	40% { -webkit-transform:scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
	40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

/* panels */
.panel, .panel.alt { margin:0px;margin-top:var(--gutter);margin-bottom:var(--gutter);box-shadow:0 0 10px -5px rgba(0,0,0,0.5); }
.panel-heading, .heading { margin:0px; }
.panel-body { margin:0px; }
.panel-blue, .checkout-complete .panel { border:1px solid rgb(40,115,188); }
.panel-blue .panel-heading, .checkout-complete .panel .panel-heading { background-color:rgb(40,115,188);color:white; }

/* tabs */
.tab { border:1px solid rgb(50,150,200);border-bottom:none;display:inline-block;cursor:pointer;font-size:20px;padding:10px 25px; }
.tab.active { background-color:rgb(50,150,200);color:white; }
.tab-content { border:1px solid rgb(50,150,200);display:none;padding:10px; }
.tab-content.active { display:block; }
@media only screen and (max-width:767px)
{
	.tab { padding:5px 10px; }
}

/* blog */
.entry-content h1, .entry-content h2, .entry-content h3 { margin-top:30px;margin-bottom:10px; }

/* cart */
.checkout { background-image:none; }
.checkout button.pretty-input:hover { background:radial-gradient(circle at center, white, rgb(200,200,200)); }
.checkout .phone-bar { display:none; }
.checkout .error { position:absolute;width:420px;max-width:80vw; }
.checkout .input-group.api .error { position:relative; }
/*
.checkout .title-bar.electricity { padding:0px;background-size:cover;background-color:rgb(40,115,188);border-top:1px solid rgb(36,103,170);box-shadow:inset 0 5px 10px black; }
.checkout .title-bar.electricity { background-position:center;background-image:url(/images/designer/backgrounds/meter-and-solar.jpg); }
.checkout .title-bar.electricity h1 { background-color:rgba(0,100,150,0.3);margin:0px;padding:75px;text-shadow:0 0 10px black;font-weight:bold;font-size:5vh; }
@media only screen and (max-width:767px)
{
	.checkout .title-bar.electricity h1, .checkout .title-bar.natural-gas h1 { padding:25px;font-size:8vh;text-shadow:0 0 5px black; }
}
*/
.checkout-complete .panel { box-shadow:none; }
.checkout-complete .panel-heading { padding:12px;font-size:27px;letter-spacing:1px;text-align:center; }
.checkout-complete .panel .panel-heading * { margin:0px;padding:0px;font-size:inherit; }
.checkout-complete .panel .panel-body > .col-md-12 { float:none; }
.checkout-complete .cart-info-label, .checkout-complete .cart-info-value { border:1px solid rgb(185,205,225);border-top:none; }
.checkout-complete .cart-info .cart-info-label { padding:10px 25px;background-color:rgb(205,228,249);text-align:center; }
.checkout-complete .cart-info .cart-info-value { padding:10px 25px;background-color:rgb(240,248,253);border-bottom:1px solid rgb(216,232,228);border-right:1px solid rgb(216,232,228);border-left:none; }
.checkout-complete p { line-height:1.75em; }
#checkout-processing .panel-heading { padding-left:40px; }
.utility-help { cursor:pointer;font-size:20px;color:rgb(40,115,188);margin:0px 5px; }
.utility-info { display:none;padding-bottom:20px; }
.bill-image { width:100%;min-height:100px;overflow:auto; }
#esiids { z-index:999;max-height:50vh;overflow-y:auto; }

/* cart validation */
.checkout-page .panel { margin:0px;margin-top:0px;margin-top:-1px;box-shadow:none;border-radius:0px;border:1px solid rgb(200,200,200); }
.checkout-page .panel .panel-heading { background-color:white;color:rgb(200,200,200);padding:10px;font-size:20px;font-weight:normal;letter-spacing:0px;transition:0.5s ease; }
.checkout-page .panel .panel-heading .step { display:inline-block;height:30px;width:30px;padding:1px 9px;border-radius:15px;background-color:rgb(200,200,200);color:white;margin-right:10px;margin-left:25px; }
.checkout-page .panel .panel-body { border-top:1px solid rgb(200,200,200); }
.checkout-page.good .panel .panel-heading { color:rgb(50,188,115); }
.checkout-page.good .panel .panel-heading .step { background-color:rgb(50,188,115); }
.checkout-page.active .panel .panel-heading { color:rgb(40,115,188);padding-top:20px;padding-bottom:20px; }
.checkout-page.active .panel .panel-heading .step { background-color:rgb(40,115,188); }
.checkout-page.active .panel .panel-heading, .checkout-page.active .panel .panel-body { background-color:rgb(240,245,250); }
.checkout-page .input-group { margin-bottom:15px; }
.checkout-page .form-control { border-color:rgb(200,200,200); }
.checkout-page .input-group-addon { border-color:rgb(200,200,200);background-color:rgb(200,200,200);color:white;background-size:30px;background-position:center;background-repeat:no-repeat; }
.checkout-page .good .form-control { border-color:rgb(40,188,115); }
.checkout-page .good .input-group-addon { border-color:rgb(40,188,115);background-color:rgb(40,188,115); }
.checkout-page .bad .form-control { border-color:rgb(225,65,65); }
.checkout-page .bad .input-group-addon { border-color:rgb(225,65,65);background-color:rgb(225,65,65); }
.checkout-page .focus .form-control { border-color:rgb(40,115,188); }
.checkout-page .focus .input-group-addon { border-color:rgb(40,115,188);background-color:rgb(40,115,188); }

/* cart fields */
.checkout-page p { padding-top:10px; }
.checkout-page .checkbox-table { width:100%; }
.checkout-page .checkbox-table th { width:20px;padding:0px;vertical-align:top; }
.checkout-page .checkbox-table td { padding-left:10px;vertical-align:top;color:rgb(40,115,188);font-size:16px; }
.checkout-page .radio-wrapper input[type="radio"] { float:left;margin:5px;margin-right:15px; }
.checkout-page .checkout-form-group.terms, .checkout-form-group.other_terms { padding:0px 10px; }
.checkout-page .checkout-form-group.terms p, .checkout-page .checkout-form-group.other_terms p, .checkout-page .checkout-form-group.terms_biz p { padding-top:0px;padding-left:10px;padding-right:10px; }
.checkout-page #billing-address input, .checkout-page #service-address input { text-transform:uppercase; }
@media only screen and (min-width:768px)
{
	.checkout-page .checkbox-label-wrapper { max-height:50vh;overflow-y:auto; }
}
.checkout-page .dots { width:50px;display:inline-block;text-align:left;letter-spacing:2px; }
.checkout-page #move-switch-date { margin-top:10px; }
.checkout-page .move-switch-radio { margin-top:10px; }
.checkout-page .move-switch-radio label span { padding-left:10px; }
.checkout-page .move-switch-radio .indent { padding-left:40px; }
.checkout-page .move-switch-wrapper { margin-top:10px;position:relative;padding:0px;height:auto;border-top:none;border-bottom:none; }
.checkout-page .move-switch-wrapper > .input-group-addon { background-color:rgb(200,200,200);position:absolute;top:40px;bottom:40px;height:auto;border-radius:0px; }
.checkout-page .move-switch-wrapper p { padding:0px;margin-left:50px;margin-bottom:20px; }
.checkout-page .move-switch-wrapper .form-control { height:auto;min-height:40px; }
.checkout-page .move-switch-wrapper .move-switch-first { margin:-1px; }
.checkout-page .move-switch-wrapper .move-switch-first .input-group { margin-bottom:-5px; }
.checkout-page .move-switch-wrapper .move-switch-first .input-group .form-control { border-bottom-right-radius:0px;border-bottom:none; }
.checkout-page .move-switch-wrapper .move-switch-first .input-group-addon { border-bottom-left-radius:0px; }
.checkout-page .move-switch-wrapper .move-switch-last { margin:-1px; }
.checkout-page .move-switch-wrapper .move-switch-last .input-group { margin-top:5px; }
.checkout-page .move-switch-wrapper .move-switch-last .input-group .form-control { border-top-right-radius:0px;border-top:none; }
.checkout-page .move-switch-wrapper .move-switch-last .input-group-addon { border-top-left-radius:0px; }
.checkout-field.e_sig, #e-sig { font-size:35px !important;font-family:'Signature',cursive !important;color:#2155cd; }

/* deposit checker */
#credit-plans .panel { box-shadow:0 5px 10px -5px black;margin-bottom:20px !important; }
#credit-plans .panel-heading { line-height:1em; }
.credit-check-plan { background-color:white; padding:0px !important; }
.credit-check-plan .padding { padding:10px; }
.credit-check-plan .signup { display:none; }
.credit-check-plan .rep-logo { max-width:100%; }
.credit-check-plan h2, .credit-check-plan h3, .credit-check-plan h4 { margin:0px; }
.credit-check-plan table { width:100%; }
.credit-check-plan td { width:50%; text-align:center; }
.credit-check-plan .credit-status-wrapper { display:none; padding:15px; min-height:75px; background-color:rgb(230,230,230); }
.credit-check-plan .credit-status { padding-top:7px; }
.credit-check-plan .bundle-rate { padding:5px; }
.credit-check-plan .bundle-rate b { font-size:25px; }
.credit-check-plan.busy { background-color:rgb(230,230,230); }
.credit-check-plan.busy .credit-status { padding:0px; }
.credit-check-plan.rejected .credit-status-wrapper { background-color:rgb(150,150,150); }
.credit-check-plan.rejected .credit-status { padding:0px; }
.credit-check-plan.accepted .credit-status-wrapper { font-weight:bold; background-color:rgba(0,255,0,0.5); }
.credit-check-plan.accepted .credit-status { padding:0px; }
.credit-check-plan.deposit .credit-status-wrapper { background-color:rgba(50,150,200,0.5); }
.credit-check-plan.deposit .credit-status { padding:0px; }

/* tooltips */
.tooltip { cursor:pointer; }
.tooltip > div { display:none; }
#tooltip { display:none;position:absolute;background-color:white;border:1px solid rgb(50,150,200);padding:5px;text-align:left;width:150px;z-index:9999999;font-size:0.9em; }
#tooltip table tr { border-top:1px solid rgb(50,150,200); }
#tooltip table tr:first-of-type { border-top:none; }
#tooltip table td { padding-top:2px; }

/* deposit payment */
.pay-deposit label { text-transform:uppercase;font-size:14px;letter-spacing:1px; }
.pay-deposit h3 { margin:0px 0px 20px 0px; }

/* spinner */
.spinner { position:relative;display:inline-block;width:auto; }
.spinner-dots { position: absolute; }
.spin { -webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* myacct */
#top-nav-list.myacc-nav-top-list { padding-top:10px; }
.myacct .alert { position:absolute;min-width:300px;max-width:80vw;word-wrap:break-word; }
.myacct .pretty-form { padding:8px 20px; }
.myacct .checkbox-label-wrapper p:first-of-type { padding-top:0px; }
.myacct .checkout .plan-summary { padding-top:5px; }
.myacct .checkout .plan-summary hr { margin:10px 0px; }
.myacct .checkout .plan-summary .review-stars { margin-top:10px; }
.myacct .checkout .plan-summary .plan-card-rate { background-color:transparent; }
.myacct .checkout .plan-info { display:block;padding-left:0px; }
.myacct .old-plan { padding-top:10px;padding-bottom:0px; }
.myacct .old-plan .rep-logo { float:left;margin-right:25px; }
/*
.myacct h2 { font-weight:normal;font-size:3em;margin:0px; }
.myacct h3 { font-weight:normal;font-size:2em;margin:0px; }
*/
.myacct .myacct-panel-top h2 { margin:0px; }
.myacct .myacct-panel-top h3 { margin:0px; }
.myacct h4 { font-weight:normal;font-size:1.5em;line-height:1.5em;margin:0px; }
.myacct h5 { font-weight:normal;font-size:1.25em;line-height:1.25em;margin:0px; }
.myacct hr { border:none;border-top:1px solid rgb(25,86,145);margin-top:0px; }
.myacct code { display:block;padding:5px 10px;border:1px solid rgba(0,0,0,0.5);background-color:white;border-radius:3px;margin:5px; }
.myacct img { max-width:100%; }
.myacct .myacct-section { padding:25px;margin-bottom:calc(var(--gutter) * 2); }
.myacct .myacct-graph { height:300px; }
.myacct .ticket.selected { display:block; }
.myacct .ticket.selected .ticket-selected-hidden { display:none; }
.myacct .ticket:not(.selected) .ticket-selected-visible { display:none; }
.myacct .myacct-ticket-info-key { color:rgb(100,100,100); }
.myacct .myacct-ticket-info-value { font-weight:bold; }
.myacct div.myacct-ticket-info-value { padding-left:40px;margin-bottom:5px; }
.myacct .edit-btn { font-size:20px;cursor:pointer; }
.myacct .delete-cart-location-btn { padding:5px;margin:-5px; }
.myacct .old-plans .delete-cart-location-btn { display:none; }
.myacct .make-primary-location { color:inherit; }
.myacct .make-primary-location:hover { color:rgb(50,150,200); }
.myacct .bill { padding:10px;border-top:1px solid rgba(40,115,188,0.5); }
.myacct .address-info { padding-left:30px; }
.myacct-panel { border-radius:15px;background-color:rgba(255,255,255,0.5);margin:20px 0px;box-shadow:0px 3px 7px -3px rgba(0,0,0,0.5); }
.myacct-panel.bg-blue-light { background-color:rgba(232,240,246,0.9); }
.myacct-panel-contents { padding:20px; }
.myacct-panel-contents-border { border-bottom:1px solid rgb(200,210,220); }
.myacct-panel-top { border-top-right-radius:15px;border-top-left-radius:15px;padding:15px 20px 10px 20px; }
.myacct-panel-top.bg-blue-dark { background-color:rgb(25,86,145);background-image:linear-gradient(rgb(32,111,188), rgb(32,111,188) 10%, rgb(23,84,149)); }
.myacct-panel-bottom { border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:10px 20px; }
.myacct-panel-bottom.bg-blue-light { background-color:rgb(232,240,243); }
.myacct .text-orange { color:rgb(225,131,68); }
.myacct .text-orange a { color:rgb(225,131,68); }
.myacct .text-orange a:hover { color:rgb(150,75,40); }
#raf-hero-1 { background-image:url(/images/designer/raf-hero-1.jpg);background-size:cover;background-position:left center;padding:50px 0px;min-height:450px; }
#raf-hero-2 { background-image:url(/images/designer/raf-hero-2.jpg);background-size:cover;background-position:center 90%;padding:50px 0px;min-height:450px; }
.myacct #your-referrals { background-color:rgb(25,86,145);background-image:linear-gradient(rgb(25,86,145), rgb(18,65,115) 75%, white 75%, white); }
.myacct #renew-reminder { background-color:rgb(25,86,145);background-image:linear-gradient(rgb(25,86,145), rgb(18,65,115));padding:50px 0px; }
.myacct .span-buttons { margin-left:5px; }
.myacct .span-button, .myacct .span-button-selected { margin:5px;padding:2px 10px; }
.myacct .span-button-selected { border:2px solid rgb(0,175,0);color:rgb(0,175,0);border-radius:15px; }
.myacct .usage-graph > div { height:300px; }
.myacct .usage-graph > span { padding:20px;display:block; }
.myacct .toggle-bill-year { padding-left:50px; }
.myacct .myaccount-bill { padding-left:100px; }
#raf-hero-1-container { position:absolute;top:55px;left:0;right:0; }

@media only screen and (max-width:768px)
{
	#raf-hero-1 { background-position:-75px center;min-height:200px; }
	#raf-hero-2 { background-position:-75px center;min-height:200px; }
	#raf-hero-1-container { position:relative;top:0px;background-color:rgba(50,150,200); }
	.myacct .address-info { padding-left:0px; }
	.myacct .toggle-bill-year { padding-left:0px; }
	.myacct .myaccount-bill { padding-left:0px; }
	.myacct h2 { font-size:1.5em; }
	.myacct h3 { font-size:1.25em; }
	.myacct h4 { font-size:1.25em; }
	.myacct h5 { font-size:1.25em; }
}

/* graphs */
.svg-graph { display:inline-block;width:auto;text-align:center;margin-bottom:25px; }
.svg-graph table { width:100%;border-collapse:collapse; }
.svg-graph table.chart td { padding:2px 15px; }
.svg-graph *, .svg-graph h1, .svg-graph h2, .svg-graph h3, .svg-graph h4, .svg-graph h5 { font-family:'Varela Round'; }

/***********************************************************************
 *                __               __            __   
 *   ____ _____ _/  |_ ____  ____ |  |__ _____ _/  |_ 
 *  /    \\__  \\   __/ __ \/ ___\|  |  \\__  \\   __\
 * |   |  \/ __ \|  |\  ___\  \___|   |  \/ __ \|  |  
 * |___|  /______/__| \___ >\___  >___|  /______/__|  
 *
 * natechat
 */

#chat { display:none; position:fixed; bottom:0; right:0; width:375px; max-width:100%; max-height:100%; z-index:99999999; box-shadow:0 0 50px -30px black; }
#chat input, #chat textarea { border:0px solid rgba(0,0,0,0); background-color:transparent; width:100%; resize:none; box-shadow:none; }
#chat-input-wrapper { width:100%; padding:10px; padding-top:0px; margin-top:10px; }
#chat-input-wrapper div { border-radius:5px; padding:10px; }
#chat-heading { cursor:pointer; font-weight:bold; width:100%; text-align:left; display:block; }
#chat-heading div { display:table-cell; height:100%; padding:10px; vertical-align:middle; line-height:1; }
#chat-title { width:100%; font-size:20px; padding:0px; }
#chat-branding { padding-bottom:5px; padding-right:5px; }
#chat-upload { position:fixed; bottom:0; right:0; }
#chat-close { font-size:25px; }
#chat-body { overflow:auto; max-height:400px; min-height:10px; margin-top:0px; }
#chat-body .chat { border-radius:5px; padding:10px; margin:10px; }
#chat-body .chat small { display:block; text-align:right; color:black; font-size:13px; }
#chat-body img { max-width:100%; }
#chat-body hr { border:1px solid rgba(255,255,255,0.3) !important; margin:10px 0px 10px 0px !important; }
#chat .right { text-align:right; }
#chat .chat { word-wrap:break-word !important;white-space:pre-wrap; }
#chat .chat.u { margin-right:25%; }
#chat .chat.v { margin-left:25%; }
#chat .chat.s { background-color:rgb(50,150,200); }
#chat a { color:rgb(100,100,100); text-decoration:underline; }
#chat a:hover { color:black; text-decoration:none; }
#chat { background-color:rgba(0,0,0,0.7); }
#chat-heading { background-color:rgb(100,100,100); color:white; text-shadow:0 0 5px transparent;border-bottom:1px solid black; }
#chat .chat, #chat-message { border:1px solid transparent; }
#chat .chat { background-color:rgba(50,175,200); color:white; }
#chat .chat.v { background-color:rgba(50,200,125); color:black; }
#chat .chat.s { background-color:rgba(200,200,200); color:black; }
#chat-input-wrapper div { background-color:rgba(255,255,255,1); color:black; }
.chat-typing { padding:0px 10px 0px 10px; font-style:italic; -webkit-filter:invert(100%); filter:invert(100%); }
.chat-init { padding:3px 20px 3px 20px;margin-left:20px;width:auto;display:inline-block;cursor:pointer;background-color:rgb(50,175,75);border:1px solid rgb(50,185,85);border-radius:5px;color:white; }
.chat-init.mini { padding:4px;text-align:center;width:50px;display:inline-block; }
.cart-chat-mini .chat-init.mini { padding:10px; }
.chat-init:hover { background-color:rgb(50,185,85);border:1px solid rgb(0,200,0); }
.chat-init.unavailable { display:none; }
@media only screen and (max-height:600px)
{
        #chat { height:100%; }
        #chat.m { height:auto !important; }
        #chat.o #chat-body { position:absolute; top:0; bottom:0; left:0; right:0; height:100vh; padding-top:45px; max-height:none; z-index:2; }
        #chat.o #chat-heading { position:absolute; top:0px; z-index:3; }
}
@media only screen and (max-width:767px)
{
        #chat { width:100%; }
}