@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap");

/******************************************************************

BatchGeo

Stylesheet: Reset

CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126

******************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.sortable th {
  cursor: pointer;
}

em {
  font-style: italic;
}

/******************************************************************

BatchGeo

Stylesheet: Mixins & Constants

******************************************************************/
/*********************
TOOLS
*********************/
/*
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
*/
/*********************
COLORS
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*********************
ALERTS & NOTICES
*********************/
.alert-help,
.alert-info,
.alert-error,
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #ffce30;
  background: #ffd449;
}

.alert-info {
  border-color: #b3daff;
  background: #cce6ff;
}

.alert-error {
  border-color: #9d1908;
  background: #b51d09;
}

.alert-success {
  border-color: #c3e1b3;
  background: #d1e8c5;
}

/*********************
CLEARFIX
*********************/
.pricing:after {
  content: "";
  display: table;
  clear: both;
}

/*********************
BOX-SHADOW
*********************/
/* @include box-shadow(inset 0 1px rgba(white, .5)); */
/*********************
TRANSITION
*********************/
/* @include transition(all 0.2s ease-in-out); */
/*********************
TRANSFORM
*********************/
/*********************
BORDER RADIUS
*********************/
/* @include border-radius(5px); */
/* @include border-top-radius(5px); */
/* @include border-bottom-radius(5px); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************/
/*********************/
/******************************************************************

BatchGeo

Stylesheet: Icons

******************************************************************/
@font-face {
  font-family: "icomoon";
  src:
    url("/css/fonts/icomoon.eot?v=3#iefix") format("embedded-opentype"),
    url("/css/fonts/icomoon.woff?v=3") format("woff"),
    url("/css/fonts/icomoon.ttf?v=3") format("truetype"),
    url("/css/fonts/icomoon.svg?v=3#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: "icomoon";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "batchgeotoolbaricons";
  src: url("/css/fonts/batchgeotoolbaricons.eot?192019");
  src:
    url("/css/fonts/batchgeotoolbaricons.eot?192019#iefix") format("embedded-opentype"),
    url("/css/fonts/batchgeotoolbaricons.ttf?192019") format("truetype"),
    url("/css/fonts/batchgeotoolbaricons.woff?192019") format("woff"),
    url("/css/fonts/batchgeotoolbaricons.svg?192019#batchgeotoolbaricons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="toolbar-icon-"],
[class*=" toolbar-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "batchgeotoolbaricons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.toolbar-icon-archive:before {
  content: "\e90a";
}

.toolbar-icon-error:before {
  content: "\e90c";
}

.toolbar-icon-info:before {
  content: "\e90d";
}

.toolbar-icon-success:before {
  content: "\e90e";
}

.toolbar-icon-refresh:before {
  content: "\e901";
}

.toolbar-icon-location:before {
  content: "\e902";
}

.toolbar-icon-following:before {
  content: "\e926";
}

.toolbar-icon-hand:before {
  content: "\e903";
}

.toolbar-icon-rectangle:before {
  content: "\e904";
}

.toolbar-icon-circle:before {
  content: "\e905";
}

.toolbar-icon-polygon:before {
  content: "\e906";
}

.toolbar-icon-ruler:before {
  content: "\e907";
}

.toolbar-icon-marker-distance:before {
  content: "\e908";
}

.toolbar-icon-print:before {
  content: "\e909";
}

.toolbar-icon-dock:before {
  content: "\e90b";
}

.toolbar-icon-undock:before {
  content: "\e910";
}

.toolbar-icon-zoom:before {
  content: "\e911";
}

.toolbar-icon-close:before {
  content: "\e912";
}

.toolbar-icon-compass-rose:before {
  content: "\e900";
}

.toolbar-icon-marker:before {
  content: "\e947";
}

.toolbar-icon-search:before {
  content: "\e90f";
}

.toolbar-icon-menu:before {
  content: "\e913";
}

.toolbar-icon-table:before {
  content: "\e914";
}

.toolbar-icon-map:before {
  content: "\e915";
}

.toolbar-icon-marker:before {
  content: "\e947";
}

.toolbar-icon-direction:before {
  content: "\e922";
}

.toolbar-icon-copy:before {
  content: "\e91e";
}

.toolbar-icon-cancel-circle:before {
  content: "\e902";
}

@font-face {
  font-family: "batchgeoenterpriseicons2020";
  src: url("/css/fonts/batchgeoenterpriseicons2020.eot");
  src:
    url("/css/fonts/batchgeoenterpriseicons2020.eot") format("embedded-opentype"),
    url("/css/fonts/batchgeoenterpriseicons2020.ttf") format("truetype"),
    url("/css/fonts/batchgeoenterpriseicons2020.woff") format("woff"),
    url("/css/fonts/batchgeoenterpriseicons2020.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
	font-family: 'batchgeofeatureicons';
	src:    url('/css/fonts/batchgeofeatureicons.eot?byvac3');
	src:    url('/css/fonts/batchgeofeatureicons.eot?byvac3#iefix') format('embedded-opentype'),
		url('/css/fonts/batchgeofeatureicons.ttf?byvac3') format('truetype'),
		url('/css/fonts/batchgeofeatureicons.woff?byvac3') format('woff'),
		url('/css/fonts/batchgeofeatureicons.svg?byvac3#batchgeotoolbaricons') format('svg');
	font-weight: normal;
	font-style: normal;
} */
[class^="feature-icon-"],
[class*=" feature-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "batchgeoenterpriseicons2020" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.feature-icon-office:before {
  content: "\e901";
}

.feature-icon-users:before {
  content: "\e907";
}

.feature-icon-lock:before {
  content: "\e910";
}

.feature-icon-pdf:before {
  content: "\e90e";
}

.feature-icon-meter:before {
  content: "\e90f";
}

.feature-icon-make-group:before {
  content: "\e904";
}

.feature-icon-table2:before {
  content: "\e90c";
}

.feature-icon-insert-template:before {
  content: "\e90d";
}

.feature-icon-cancel-circle:before {
  content: "\e902";
}

/* @font-face {
	font-family: 'batchgeoenterpriseicons';
	src:    url('/css/fonts/batchgeoenterpriseicons.eot');
	src:    url('/css/fonts/batchgeoenterpriseicons.eot') format('embedded-opentype'),
		url('/css/fonts/batchgeoenterpriseicons.ttf') format('truetype'),
		url('/css/fonts/batchgeoenterpriseicons.woff') format('woff'),
		url('/css/fonts/batchgeoenterpriseicons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */
[class^="enterprise-icon-"],
[class*="enterprise-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "batchgeoenterpriseicons2020" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* .enterprise-icon-headset:before {
	content: "\e938";
}
.enterprise-icon-user-plus:before {
	content: "\ea45";
}
.enterprise-icon-credit-card:before {
	content: "\e9de";
}
.enterprise-icon-bell-minus:before {
	content: "\ea0b";
}
.enterprise-icon-printer:before {
	content: "\ea11";
}
.enterprise-icon-rocket:before {
	content: "\eaad";
}
.enterprise-icon-clipboard2:before {
	content: "\eaf0";
}
.enterprise-icon-select:before {
	content: "\eb72";
}
.enterprise-icon-share3:before {
	content: "\ec4d";
}
.enterprise-icon-office:before {
	content: "\e904";
}
.enterprise-icon-database:before {
	content: "\ea2a";
}
.enterprise-icon-file-presentation:before {
	content: "\e99d";
}
.enterprise-icon-cancel-circle:before {
	content: "\eb90";
} */
.enterprise-icon-headset:before {
  content: "\e90b";
}

.enterprise-icon-user-plus:before {
  content: "\e907";
}

.enterprise-icon-credit-card:before {
  content: "\e909";
}

.enterprise-icon-printer:before {
  content: "\e906";
}

.enterprise-icon-rocket:before {
  content: "\e903";
}

.enterprise-icon-clipboard2:before {
  content: "\e90a";
}

.enterprise-icon-select:before {
  content: "\e905";
}

.enterprise-icon-share3:before {
  content: "\e908";
}

.enterprise-icon-office:before {
  content: "\e901";
}

.enterprise-icon-database:before {
  content: "\e900";
}

.enterprise-icon-file-presentation:before {
  content: "\e904";
}

.enterprise-icon-cancel-circle:before {
  content: "\e902";
}

@font-face {
  font-family: "batchgeomobilepageicons";
  src: url("fonts/batchgeomobilepageicons.eot?5nxjpy");
  src:
    url("fonts/batchgeomobilepageicons.eot?5nxjpy#iefix") format("embedded-opentype"),
    url("fonts/batchgeomobilepageicons.ttf?5nxjpy") format("truetype"),
    url("fonts/batchgeomobilepageicons.woff?5nxjpy") format("woff"),
    url("fonts/batchgeomobilepageicons.svg?5nxjpy#batchgeomobilepageicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="mobilepage-icon-"],
[class*="mobilepage-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "batchgeomobilepageicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mobilepage-icon-directions:before {
  content: "\e900";
  color: #f8cc00;
}

.mobilepage-icon-filter:before {
  content: "\e901";
  color: #f8cc00;
}

.mobilepage-icon-geolocation:before {
  content: "\e902";
  color: #f8cc00;
}

.mobilepage-icon-share:before {
  content: "\e907";
  color: #f8cc00;
}

.mobilepage-icon-search:before {
  content: "\e903";
  color: #f8cc00;
}

/******************************************************************

BatchGeo

Stylesheet: Globals

******************************************************************/
html {
  font-family: Arial, sans-serif;
}

body {
  color: #071d25;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  height: auto;
  max-width: 100%;
  /* width: 100%; */
}

#mapDiv img {
  max-width: none;
}

a img {
  border: 0;
}

a,
a:visited {
  color: #024059;
  /* text-decoration: none; */
}

a:hover,
a:active {
  /* border-bottom: 1px solid $link-hover; */
  color: #011c27;
}

.round {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

ul {
  list-style-type: disc;
}

ul,
ol {
  margin: 9px 0 18px 1.2em;
}

li {
  margin: 0 0 9px 0;
}

p {
  margin-bottom: 18px;
}

h1 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 1.1;
}

h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.1;
}

h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 9px;
  margin-bottom: 18px;
  line-height: 1.1;
}

h4 {
  width: 20%;
  line-height: 2em;
  height: 20px;
  float: left;
  text-align: center;
  background-color: #369;
  padding: 0;
  margin: 0;
  border-width: 0;
  border-style: solid;
  border-color: #071d25;
}

h5 {
  font-size: 14px;
  margin-bottom: 6px;
  margin-top: 15px;
  border-width: 0 0 1px 0;
  border-color: #e5e5e5;
  border-style: solid;
  padding: 2px;
  color: #387cbc;
  font-weight: bold;
}

.h1 {
  font-size: 3.815rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .h1 {
    font-size: 3.25rem;
  }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
  .h1 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 599px) {
  .h1 {
    font-size: 1.5rem;
  }
}

.h2 {
  font-size: 3.052rem;
}

@media screen and (max-width: 1024px) {
  .h2 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 768px) {
  .h2 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 599px) {
  .h2 {
    font-size: 1.5rem;
  }
}

.h3 {
  font-size: 2.441rem;
}

@media screen and (max-width: 1024px) {
  .h3 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .h3 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 599px) {
  .h3 {
    font-size: 1.35rem;
  }
}

.h4 {
  font-size: 1.953rem;
}

@media screen and (max-width: 1024px) {
  .h4 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .h4 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 599px) {
  .h4 {
    font-size: 1.25rem;
  }
}

.h5 {
  font-size: 1.125rem;
}

hr {
  background: #eee;
  border: 0;
  height: 1px;
  margin: 2em auto;
  width: 100%;
}

.hr-gradient {
  height: 40px;
  margin: 0 auto;
  width: 90%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:
    -webkit-linear-gradient(-90deg,
      rgba(200, 200, 200, 0) 0,
      rgba(255, 255, 255, 0) 100%),
    -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #fafafa 50%, rgba(255,
        255,
        255,
        0) 100%);
  background:
    -moz-linear-gradient(180deg,
      rgba(250, 250, 250, 0) 0,
      rgba(255, 255, 255, 0) 100%),
    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fafafa 50%, rgba(255,
        255,
        255,
        0) 100%);
  background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0, white 100%),
    linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0,
      #fafafa 50%,
      rgba(255, 255, 255, 0) 100%);
  background-position:
    50% 100%,
    50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

small {
  font-size: 0.75em;
}

sup {
  font-size: 10px;
  position: relative;
  top: -1em;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  zoom: 1;
  /* for IE */
}

.clearfix:after {
  clear: both;
}

.center {
  text-align: center;
}

.hide {
  display: none;
}

.italic {
  font-style: italic;
}

.right-arrow-link {
  padding-right: 1.5rem;
  background: url(/images/arrow-right.svg) no-repeat center right;
  border-bottom: transparent solid 1px;
  transition: all ease 0.2s;
}

.right-arrow-link.arrow-red {
  background-image: url(/images/arrow-right-red.svg);
}

a .right-arrow-link:hover,
a.right-arrow-link:hover {
  border-bottom: currentColor solid 1px;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: "Andale Mono", Skia, "Trebuchet MS", sans-serif !important;
}

.second_btn {
  margin-left: 10px;
}

/* @media screen and (min-width: 376px) {
	.second_btn {
		margin-left:10px;
	}
} */
/******************************************************************
BatchGeo
Stylesheet: Site Meta
******************************************************************/
.all-content-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content-wrap {
  flex: 1 0 auto;
}

#footer {
  flex-shrink: 0;
}

.wrap {
  width: 90%;
  margin: 0 auto;
}

.row {
  margin: 45px 0 0;
}

.column {
  margin-left: 20px;
  float: left;
}

.column.left {
  width: 620px;
}

.column.right {
  width: 290px;
}

.content:after,
.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

h1.home span {
  color: #369;
}

h1.home em {
  font-style: normal;
  font-weight: bold;
  color: #666;
}

h1.home b {
  font-size: 12px;
  color: #999;
}

h2.home {
  font-size: 16px;
  margin: 2px 20px 0 0;
  width: 500px;
}

/******************************************************************
Footer Styles
******************************************************************/
#footer {
  margin: 4em 0 0;
}

#footer a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  border: none;
  color: #ddd;
}

.flush-with-footer+#footer {
  margin-top: 0;
}

.footer-main {
  color: #eee;
  font-size: 0.75em;
  padding: 2rem 0;
  /* background-color: $color-primary;
  background-image:	url(/images/step-by-step-bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-blend-mode: multiply; */
  background: url(/images/blue-map-bg.svg) no-repeat center center;
  background-size: cover;
}

.footer-main h2 {
  font-size: 1.25em;
  margin-bottom: 1em;
  text-align: left;
}

.footer-main li {
  list-style-type: none;
}

.footer-main p {
  line-height: 32px;
}

@media screen and (max-width: 479px) {
  .footer-main .nav {
    margin-bottom: 2.5rem;
  }
}

.footer-legal {
  background: #023448;
  padding: 1rem;
  font-size: 13px;
  color: #fff;
}

.footer-legal-item {
  display: inline-block;
  margin-right: 2rem;
}

.apple-store-footer-logo {
  width: 152px;
}

/******************************************************************
BatchGeo
Stylesheet: Menus
******************************************************************/
#login_box p {
  margin-bottom: 18px;
  line-height: 18px;
}

#login_box p:last-child {
  margin-bottom: 0;
}

.pro-signin #login_box {
  background: #000;
  color: #fff;
  position: absolute;
  font-size: 11px;
  right: 0;
  padding: 20px 20px 20px 27px;
  text-align: left;
  top: 25px;
  z-index: 99;
  border-radius: 3px;
}

.pro-signin #login_box.logged-in {
  width: 100%;
  padding: 0;
}

.pro-signin #login_box.logged-in p {
  margin: 0;
}

.pro-signin #login_box.logged-in .advancedToggle {
  padding: 8px 28px;
}

.pro-signin #login_box.logged-in .advancedToggle.on {
  padding: 8px 0;
}

.pro-signin #login_box a {
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.pro-signin #login_box.logged-in a {
  width: auto;
  display: block;
  padding: 8px 28px;
  margin: 0;
}

.pro-signin #login_box p:first-child a {
  margin-top: 10px;
}

.pro-signin #login_box p:last-child a {
  margin-bottom: 10px;
}

.pro-signin #login_box a:hover {
  text-decoration: none;
  border-bottom: none;
  color: #ddd;
  background: #333;
}

.pro-signin #login_box.logged-in .advancedToggle:hover {
  background: #333;
  color: #ddd;
}

.pro-signin a.login.active {
  color: #fff;
  background-color: #000;
  position: relative;
  background-repeat: no-repeat;
  background-position: 98% center;
  z-index: 10;
  border-radius: 5px 5px 0 0;
}

#login_box.logged-in {
  vertical-align: baseline;
}

#login_box label {
  display: block;
  font-size: 12px;
}

#login_box span {
  float: left;
  font-size: 12px;
  margin-top: 10px;
}

#login_box label[for="remember_me"] {
  float: left;
  margin-top: 10px;
}

#login_box input[type="text"],
#login_box input[type="password"] {
  padding: 6px;
  width: 195px;
  border-radius: 2px;
}

#login_box input.button {
  float: right;
  font-size: 14px;
  padding: 8px 20px;
  margin-bottom: 0px;
}

#mapWrap #login_box {
  padding: 10px 20px 0px 30px;
}

.dots {
  height: 14px;
  width: 4px;
  margin-left: 10px;
  margin-top: 2px;
}

.dots div {
  display: block;
  background: #979797;
  width: 3px;
  height: 3px;
  margin-bottom: 3px;
  border-radius: 100%;
}

/******************************************************************
BatchGeo
Stylesheet: Site Content
******************************************************************/
#content {
  padding: 60px 0 0;
}

@media all and (min-width: 768px) {
  #content {
    padding: 100px 0 0;
  }
}

html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* @media all and (max-width: 400px) {
	html {
		font-size: 14px;
	}
} */
/****** These styles are for the VIDEO POD ON HOMEPAGE ******/
#video {
  text-align: center;
}

#video p {
  margin: 9px 0;
}

#video img {
  border: 2px solid #ccc;
  width: 100%;
}

#video div {
  padding: 60px 0 40px;
}

#video div a:active,
#video div a:hover {
  border-bottom: 0 none;
}

/****** These styles are for the MOBILE CALLOUT POD ON HOMEPAGE ******/
#mobile-callout {
  padding: 60px 0 20px;
}

#mobile-callout h2 {
  margin-bottom: 40px;
  text-align: center;
}

#publishers {
  margin-bottom: 3em;
  padding: 1em 0;
  text-align: center;
}

#publishers h2 {
  text-align: left;
}

#publishers p {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
}

#publishers a.round,
#testimonials a.round {
  border: 0 none;
  background: #dfdfdf;
  color: #333;
  font-size: 14px;
  display: block;
  margin-top: 2em;
  padding: 8px;
}

#publishers a.round:hover,
#testimonials a.round:hover {
  background: #ccc;
}

/******************************************************************
These are the styles for the PRESS LOGOS SECTION
******************************************************************/
#pressDiv {
  width: 100%;
  text-align: center;
  margin-top: 3.5em;
  margin-bottom: 4.5em;
}

ul.centerPress {
  margin: 0 auto;
}

.centerPress li {
  display: inline-block;
  text-align: center;
  margin-right: 1em;
  overflow: hidden;
}

.centerPress li.lastli {
  display: inline-block;
  text-align: center;
  margin-right: 0;
  overflow: hidden;
}

.list-press {
  display: block;
  height: 40px;
  background: url("/images/press-sprite.png") top left no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .list-press {
    display: block;
    background: url("/images/press-sprite@2x.png") no-repeat;
    background-size: 820px 40px;
  }
}

#content-wrap {
  background: #eee;
  padding: 0 0 72px 0;
}

#content-wrap.slideshow {
  padding: 2em 0;
  margin-bottom: 3em;
}

.slideshow>#content>img {
  margin-left: 0px;
}

.toggle-billing {
  left: 50%;
  margin-left: -2%;
  position: relative;
  width: 110px;
}

.switch {
  background: #fff;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: block;
  height: 20px;
  margin-bottom: 1em;
  position: relative;
  width: 38px;
}

.switch label {
  color: #737373;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 90px;
}

.switch label:nth-of-type(1) {
  left: -250%;
  position: absolute;
  text-align: right;
}

.switch label:nth-of-type(2) {
  position: absolute;
  right: -250%;
  text-align: left;
}

.switch input {
  height: 16px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 36px;
  z-index: 2;
}

.switch input:checked~label:nth-of-type(1) {
  color: #071d25;
}

.switch input:checked~label:nth-of-type(2) {
  color: #737373;
}

.switch input~ :checked~label:nth-of-type(1) {
  color: #737373;
}

.switch input~ :checked~label:nth-of-type(2) {
  color: #071d25;
}

.switch input:checked~.toggle {
  left: 2px;
}

.switch input~ :checked~.toggle {
  left: 19px;
}

.switch input:checked {
  z-index: 0;
}

.toggle {
  background: #4a4a4a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  -webkit-transition: left 0.2s ease;
  -ms-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
  transition: left 0.2s ease;
  width: 16px;
  z-index: 1;
}

.pricing {
  clear: both;
  list-style-type: none;
  margin: 0 auto 0.5em;
  max-width: 100%;
}

.pricing ul {
  list-style-type: none;
  margin: 0;
}

.pricing>li {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow: hidden;
  padding: 1em;
  position: relative;
}

.pricing>li li {
  border-bottom: 1px solid #919191;
  font-size: 0.75em;
  margin-bottom: 0;
  padding: 0.5em;
}

.pricing>li li:last-child {
  border-bottom: 0 none;
}

.pricing>li.pop {
  -webkit-box-shadow: 0 1px 6px #ffe07c;
  box-shadow: 0 1px 6px #ffe07c;
  background-color: #fffbec;
}

.pricing>li.pop .price span {
  color: #e2ad00;
}

.pricing>li.pop>span {
  background-color: #ffd449;
  color: #af8600;
  font-size: 0.5em;
  position: absolute;
  padding: 0.25em 3em;
  left: -3em;
  text-transform: uppercase;
  top: 2em;
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.pricing>li.pop li {
  border-bottom-color: #ffecaf;
}

.pricing .th {
  border: none;
  padding: 0;
}

.pricing .th h2 {
  color: #000;
  font-size: 32px;
  font-weight: 100;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
}

.pricing .th .price {
  font-size: 44px;
  font-weight: normal;
  text-align: center;
  left: 3%;
  line-height: 1;
  position: relative;
}

.pricing .th .price sup {
  font-size: 18px;
  position: relative;
  top: -19px;
}

.pricing .th .price span {
  color: #737373;
  font-size: 16px;
  position: relative;
  left: -12px;
}

.pricing .th .button {
  width: 100%;
}

/****** These styles are for the PRO PRICING PAGE ******/
#pro-intro h1 {
  margin-bottom: 0.5em;
  font-size: 32px;
}

#pro-intro h1 span {
  font-weight: 300;
  letter-spacing: 1px;
  white-space: nowrap;
}

#pro-intro ul {
  margin-bottom: 2.5em;
}

#pro-intro .proprice {
  font-size: 50px;
  font-weight: normal;
  text-align: center;
}

#pro-intro .proprice em {
  color: #666;
  font-size: 12px;
  margin-left: -39px;
}

#pro-intro .proprice sup {
  font-size: 24px;
  position: relative;
  top: -16px;
}

.pro-tag {
  margin-bottom: 3em;
}

.pro-tag h2 {
  color: #333;
  font-size: 22px;
  font-weight: normal;
  margin: 1em 0;
  padding: 30px 0 5px;
  text-align: center;
}

.pro-tag h2 strong {
  font-weight: bold;
}

.pro-tag h2 strong:first-of-type {
  background: url("/images/underline@2x.svg") no-repeat 0px 34px;
  background-size: 115px 7px;
  padding: 10px 0;
}

.free-plan {
  clear: both;
  font-size: 0.75em;
  text-align: center;
}

.free-plan h3 {
  font-size: 12px;
  margin-bottom: 0;
}

.free-plan strong {
  font-weight: 700;
}

#how-to-use {
  margin: 20px 0 60px;
}

/****** These styles are for the GO PRO SECTION OF HOMEPAGE ******/
#go-pro {
  background: #fff;
}

#go-pro #anchor-wrapper {
  text-decoration: none;
  color: inherit;
}

#go-pro ul {
  margin: 0;
  list-style: none;
}

#go-pro li {
  margin-bottom: 9px;
  padding: 4px;
}

#go-pro li h3 {
  color: #024059;
  font-size: 1.25rem;
}

@media screen and (max-width: 479px) {
  #go-pro li {
    margin-bottom: 4px;
  }

  #go-pro li h3 {
    margin-bottom: 0;
  }
}

#go-pro .go-pro-content {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

@media screen and (max-width: 479px) {
  #go-pro .go-pro-content {
    padding-top: 0;
  }
}

@media screen and (min-width: 600px) {
  #go-pro .flex-columns-item {
    padding: 0 0.5rem 1rem;
  }
}

#testimonials {
  margin-bottom: 3em;
}

#testimonials .more {
  border: 0 none;
  display: block;
  text-align: center;
  margin: 1em auto;
  width: 40%;
}

#favorites ul {
  margin: 0;
}

#favorites li {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 0.75em;
  list-style-type: none;
  margin-left: 0;
  text-align: left;
  clear: both;
  width: 100%;
}

#favorites li div {
  background: #e1eef3;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: block;
  min-height: 120px;
  padding: 1em;
}

.tweet_avatar {
  background: #efefef;
  display: block;
  float: left;
  padding: 0.3em;
  margin: 0.3em;
}

.tweet_avatar:hover {
  border: none;
}

.tweet_avatar img {
  display: block;
}

.tweet_time,
.tweet_user {
  display: block;
  font-size: 10px;
}

.tweet_user {
  font-weight: bold;
}

#mapCount {
  font-weight: bold;
}

#go-pro a {
  margin-top: 12px;
}

#pro-cta {
  margin: 1em auto;
}

#pro-cta h2 {
  margin-bottom: 8px;
}

#pro-cta a {
  margin-top: 12px;
}

#pro-cta.pricing1 {
  padding-bottom: 4rem;
}

.intro {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 599px) {
  .intro {
    font-size: 1.0625rem;
  }
}

.mobile h2 {
  margin-bottom: 18px;
}

.mobile a {
  border: 0 none;
}

.mobile ul {
  margin-bottom: 50px;
}

#webapp .fourcol p {
  margin-top: 3.3em;
}

.offer_to_sign_in {
  margin-bottom: 1em;
}

#sign_up_form fieldset,
#prepaid_form fieldset {
  background: #eee;
  margin-bottom: 2em;
  padding: 26px 30px 30px;
  text-align: left;
}

@media screen and (max-width: 479px) {

  #sign_up_form fieldset,
  #prepaid_form fieldset {
    padding: 24px 10px 30px;
  }
}

#sign_up_form h1,
#prepaid_form h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

#sign_up_form .field,
#prepaid_form .field {
  margin-bottom: 0;
  margin: 0 25%;
}

#sign_up_form .field span,
#prepaid_form .field span {
  display: block;
  font-size: 11px;
}

#sign_up_form label,
#prepaid_form label {
  display: block;
  margin-right: 10px;
  padding: 8px 0 2px;
}

#sign_up_form b,
#prepaid_form b {
  font-weight: bold;
}

#sign_up_form input[type="text"],
#sign_up_form #sign_up_form input[type="password"],
#sign_up_form #prepaid_form input[type="password"],
#prepaid_form input[type="text"],
#prepaid_form #sign_up_form input[type="password"],
#prepaid_form #prepaid_form input[type="password"] {
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
  width: 96%;
}

#sign_up_form input.full-width,
#prepaid_form input.full-width {
  box-sizing: border-box;
  width: 100%;
}

#sign_up_form label[for="card_expires_on_month"],
#prepaid_form label[for="card_expires_on_month"] {
  margin-bottom: 6px;
}

#sign_up_form .buttons,
#prepaid_form .buttons {
  margin-top: 20px;
  text-align: center;
}

#sign_up_form .g-recaptcha-container,
#prepaid_form .g-recaptcha-container {
  text-align: center;
  margin-bottom: 20px;
}

#sign_up_form .g-recaptcha,
#prepaid_form .g-recaptcha {
  display: inline-block;
}

.admin #sign_up_form .field,
.admin #prepaid_form .field {
  /* margin: 0 25%; */
  max-width: 240px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 479px) {

  .admin #sign_up_form .field,
  .admin #prepaid_form .field {
    max-width: 90%;
    margin: 0 auto;
    position: relative;
  }
}

.admin_narrow_content {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.admin_narrow_content.extra_narrow {
  max-width: 200px;
}

.disc_outline {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: -0.85rem;
  background: transparent;
  border: currentColor solid 1px;
  border-radius: 50%;
  position: relative;
  top: -2px;
}

#credit_card_form .expiration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

#credit_card_form #card_expires_on_month {
  margin-right: 5px;
}

#credit_card_form select {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.signup-billing-address {
  display: flex;
  flex-wrap: wrap;
}

.signup-billing-address input {
  width: 290px;
  margin-right: 20px;
}

.signup-billing-address select {
  width: 290px;
}

.signup-billing-address .field {
  width: auto !important;
}

.secure {
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 22px;
  color: #0a0;
  padding-left: 26px;
  margin-right: -90px;
  background: url("/images/icon-lock.png") top left no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .secure {
    background: url("/images/icon-lock@2x.png") top left no-repeat;
    background-size: 22px 22px;
  }
}

.billing-address {
  display: flex;
  flex-wrap: wrap;
}

.billing-address input {
  width: 200px;
  margin-right: 50px;
}

.billing-address select {
  width: 200px;
}

#update_billing_form .field .secure {
  position: absolute;
  bottom: 0.3rem;
  left: calc(100% + 8px);
  margin: 0;
}

@media screen and (max-width: 479px) {
  #update_billing_form .field .secure {
    bottom: initial;
    left: initial;
    top: 0.25rem;
    right: 0;
  }
}

#captcha_element {
  width: 304;
  margin: 20px auto;
}

#captcha_element>div {
  margin: 0 auto;
}

@media screen and (max-width: 340px) {
  #captcha_element {
    width: 264px;
    margin: 20px auto;
  }

  #captcha_element>div {
    width: 264px !important;
    overflow-x: scroll;
  }

  #captcha_element>div iframe {
    max-width: 100% !important;
    overflow: hidden;
  }
}

.amount {
  margin-top: 18px;
}

.billingpoints h2 {
  margin-bottom: 0;
}

.right.signup h2 {
  margin-bottom: 0;
  margin-top: 50px;
}

.instruction {
  font-size: 0.925em;
}

.admin-instruction {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#sales-tax {
  display: none;
}

/******************************************************************
These are the styles for the MOBILE APP PAGE
******************************************************************/
#mobile-intro {
  background: #6ecbf9;
  /* Old browsers */
  background: -moz-radial-gradient(60% bottom,
      ellipse cover,
      #6ecbf9 0%,
      #ffffff 66%,
      #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(60% bottom,
      ellipse cover,
      #6ecbf9 0%,
      #ffffff 66%,
      #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(60% bottom,
      #6ecbf9 0%,
      #ffffff 66%,
      #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ecbf9', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  padding-top: 2em;
}

#mobile-intro .app-button {
  width: 80%;
  margin: 1em 0;
  color: #fff;
  border-color: #585757;
}

#mobile-intro .app-button a {
  color: #fff !important;
}

.button {
  color: #ffffff;
}

#key-features {
  background-image: url(/images/topo-bg.png);
  padding: 60px 0;
}

a.at-app-store {
  border: none;
}

figure {
  text-align: center;
  border-radius: 2px;
  margin: 1em 2em;
  color: #999;
}

figcaption {
  padding: 1em;
}

/******************************************************************
These are the styles for the BLOG
******************************************************************/
article strong {
  font-weight: 700;
}

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

h1.hero_hdr {
  font-size: 4rem;
  margin: 0.5em 0;
}

@media screen and (max-width: 1024px) {
  h1.hero_hdr {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 768px) {
  h1.hero_hdr {
    font-size: 3rem;
  }
}

@media screen and (max-width: 599px) {
  h1.hero_hdr {
    font-size: 2rem;
  }
}

h1.section_hdr {
  margin-bottom: 2rem;
}

h1.section_hdr,
h2.section_hdr {
  font-size: 3rem;
}

@media screen and (max-width: 1024px) {

  h1.section_hdr,
  h2.section_hdr {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 768px) {

  h1.section_hdr,
  h2.section_hdr {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 599px) {

  h1.section_hdr,
  h2.section_hdr {
    font-size: 1.75rem;
  }
}

h1.section_hdr.big,
h2.section_hdr.big {
  font-size: 3.8rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

  h1.section_hdr.big,
  h2.section_hdr.big {
    font-size: 3.25rem;
  }
}

@media screen and (min-width: 600px) and (max-width: 768px) {

  h1.section_hdr.big,
  h2.section_hdr.big {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 599px) {

  h1.section_hdr.big,
  h2.section_hdr.big {
    font-size: 1.75rem;
  }
}

h2.section_subhdr {
  font-size: 2.2rem;
}

@media screen and (max-width: 1024px) {
  h2.section_subhdr {
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  h2.section_subhdr {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 599px) {
  h2.section_subhdr {
    font-size: 1.35rem;
  }
}

h3.section_subhdr {
  font-size: 2rem;
}

@media screen and (max-width: 1024px) {
  h3.section_subhdr {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  h3.section_subhdr {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 599px) {
  h3.section_subhdr {
    font-size: 1.35rem;
  }
}

.centered_hdr {
  max-width: 786px;
  margin-left: auto;
  margin-right: auto;
}

/* Flex utility classes */
.flex-align-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.flex-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.flex-space-evenly {
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
}

/* Flex tablet and desktop columns */
@media screen and (min-width: 760px) {
  .flex-columns-two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    /* @include align-items(flex-start); */
  }

  .flex-columns-three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    /* @include align-items(flex-start); */
  }

  .flex-columns-two .flex-columns-item {
    flex-basis: 50%;
  }

  .flex-columns-two.two-thirds .flex-columns-item {
    flex-basis: 33%;
  }

  .flex-columns-two.two-thirds .flex-columns-item.two {
    flex-basis: 67%;
  }

  .flex-columns-two.two-thirds.pad .flex-columns-item {
    flex-basis: 28%;
  }

  .flex-columns-two.two-thirds.pad .flex-columns-item.two {
    flex-basis: 62%;
  }

  .flex-columns-two.pad .flex-columns-item {
    flex-basis: 47%;
  }

  .flex-columns-three .flex-columns-item {
    flex-basis: 33.333%;
  }

  .flex-columns-three.pad .flex-columns-item {
    flex-basis: 31%;
  }
}

.hero .intro {
  font-size: 1.5rem;
}

@media screen and (max-width: 900px) {
  .hero .intro {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 599px) {
  .hero .intro {
    padding-bottom: 1em;
    font-size: 1.125rem;
  }
}

.section-pad {
  padding: 5rem 0 4rem;
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  .section-pad {
    padding: 3.5em 0 2.5rem;
  }
}

@media screen and (max-width: 599px) {
  .section-pad {
    padding: 2.5em 0 1.5rem;
  }
}

.hero {
  padding: 4em 0;
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  .hero {
    padding: 3em 0;
  }
}

@media screen and (max-width: 599px) {
  .hero {
    padding: 2em 0;
  }
}

.bg-blue {
  background: #023448;
  color: #fff;
}

.bg-gray {
  background-color: #f0f2f3;
}

.gradient-gray {
  background: #eee;
  background-color: #eee;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#fff),
      to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(to bottom, #fff, #eee);
}

.bg-map-blue {
  /* background-color: $color-primary;
  background-image:	url(/images/step-by-step-bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-blend-mode: multiply; */
  background: url(/images/blue-map-bg.svg) no-repeat center center;
  background-size: cover;
  color: #fff;
}

.bg-map-blue a {
  color: #fff;
  /* text-decoration: underline; */
}

.bg-map-blue a.button {
  text-decoration: none;
}

.callout-one-column,
.callout-one-column.wrap {
  max-width: 800px;
  padding: 6.5rem 0;
}

.callout-one-column p,
.callout-one-column.wrap p {
  font-size: 1.25rem;
  margin-bottom: 1.6em;
}

@media screen and (max-width: 599px) {

  .callout-one-column p,
  .callout-one-column.wrap p {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {

  .callout-one-column,
  .callout-one-column.wrap {
    padding: 4rem 0;
  }
}

@media screen and (max-width: 599px) {

  .callout-one-column,
  .callout-one-column.wrap {
    padding: 2rem 0;
  }
}

/* New Home 3 Simple Steps */
.list-steps {
  margin: 3rem 0 0;
  list-style: none;
  padding: 3rem 0 1.5rem;
  color: #fff;
}

@media screen and (max-width: 599px) {
  .list-steps {
    padding: 0;
  }
}

.list-steps-item {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media screen and (max-width: 599px) {
  .list-steps-item {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2.5rem;
  }
}

.list-steps-item:last-of-type .list-steps-img {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

@media screen and (max-width: 599px) {
  .list-steps-item:first-of-type .list-steps-img {
    margin-bottom: -2rem;
  }

  .step2 .list-steps-img {
    margin-bottom: -3rem;
  }

  .list-steps-item:last-of-type .list-steps-img {
    margin-bottom: -4rem;
  }
}

.list-steps-txt {
  padding: 0 9% 1rem;
}

@media screen and (min-width: 600px) and (max-width: 900px) {
  .list-steps-txt {
    flex-basis: 60%;
    padding: 0 4% 0 8%;
    font-size: 14px;
  }
}

@media screen and (max-width: 599px) {
  .list-steps-txt {
    font-size: 12px;
  }
}

@media screen and (min-width: 901px) {
  .list-steps-txt {
    flex-basis: 50%;
    padding: 1rem 5% 1rem 9%;
  }
}

.list-steps-txt h3 {
  position: relative;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 0.7em;
  text-transform: capitalize;
}

@media screen and (max-width: 1024px) {
  .list-steps-txt h3 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .list-steps-txt h3 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 599px) {
  .list-steps-txt h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5em;
  }
}

.list-steps-txt h3:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 32%;
  height: 0;
  border-bottom: #f9c81b solid 2px;
}

.list-steps-txt .list-num {
  color: #f9c81b;
}

@media screen and (max-width: 599px) {
  .list-steps-txt .list-num {
    display: block;
    font-size: 3rem;
    margin-bottom: 0.9rem;
  }
}

@media screen and (min-width: 600px) {
  .list-steps-txt .list-num {
    position: absolute;
    left: -1.15em;
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .list-steps-txt .list-num {
    font-size: 3rem;
  }
}

.list-steps-img {
  /* padding: 1rem; */
  /* @media screen and (max-width: 599px) {
  	width: 106%;
  }
  @media screen and (min-width: 600px) {
  	transform: translateX(6%);
  }
  @media screen and (min-width: 901px) {
  	transform: translateX(7.5%);
  }
  @media screen and (min-width: 1400px) {
  	transform: translateX(10%);
  } */
}

@media screen and (min-width: 600px) and (max-width: 900px) {
  .list-steps-img {
    flex-basis: 40%;
  }
}

@media screen and (min-width: 901px) {
  .list-steps-img {
    flex-basis: 50%;
  }
}

.list-steps-img img {
  display: block;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 600px) {
  .list-steps-item.step1 .list-steps-txt {
    order: 1;
  }

  .list-steps-item.step1 .list-steps-img {
    order: 2;
  }
}

@media screen and (min-width: 901px) {
  .list-steps-item.step2 .list-steps-txt {
    padding: 1rem 8% 1rem 4%;
  }
}

/* New Home Maps Stats */
.batchgeo-stats {
  text-align: center;
  padding-top: 2rem;
}

@media screen and (min-width: 600px) {
  .batchgeo-stats {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .batchgeo-stats {
    padding-top: 5rem;
  }
}

.batchgeo-stats-item {
  margin-bottom: 2.75rem;
}

.batchgeo-stats-item h2 {
  position: relative;
  font-size: 3rem;
  padding-bottom: 1.2rem;
  margin-bottom: 1.75rem;
}

.batchgeo-stats-item h2:after {
  content: "";
  position: absolute;
  width: 20%;
  bottom: -5%;
  left: 40%;
  border-bottom: 2px solid #e4b80b;
}

@media screen and (max-width: 1024px) {
  .batchgeo-stats-item h2 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 599px) {
  .batchgeo-stats-item h2 {
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 0.75rem;
  }

  .batchgeo-stats-item h2:after {
    top: -1.5rem;
    bottom: initial;
  }
}

.batchgeo-stats-item p {
  font-size: 1.5625rem;
}

@media screen and (max-width: 599px) {
  .batchgeo-stats-item p {
    margin-bottom: 1.2rem;
  }
}

@media screen and (min-width: 600px) {
  .home-how-to-content.flex-columns-three .flex-columns-item {
    flex-basis: 30%;
  }
}

.home-how-to-content h3 {
  font-size: 1rem;
  font-weight: normal;
}

.card-how-to {
  background: #fff;
  padding: 1rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.card-how-to-img {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}

.swiper-wrapper {
  display: flex;
  align-items: center;
}

.swiper-container {
  overflow: hidden;
}

@media screen and (max-width: 599px) {
  .press-slides {
    margin-top: 2rem;
  }

  .press-slides .swiper-button-next,
  .press-slides .swiper-button-prev {
    display: none;
  }

  .press-slides .swiper-wrapper {
    flex-direction: column;
    justify-content: center;
  }

  .press-slides .swiper-slide {
    max-width: 60%;
    margin: 0 auto 3rem;
  }

  .press-slides .slide-1 {
    max-width: 50%;
    margin-top: 1rem;
  }

  .press-slides .slide-2 {
    max-width: 50%;
  }
}

@media screen and (min-width: 600px) {
  .swiper-slide {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .press-slides.swiper-container {
    margin-top: 3rem;
    width: calc(100% + 40px);
    transform: translateX(-20px);
    padding-left: 20px;
    padding-right: 20px;
  }

  .press-slides.swiper-container .swiper-button-next.swiper-button-disabled,
  .press-slides.swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 0.25;
  }

  .press-slides.swiper-container .swiper-button-next::after,
  .press-slides.swiper-container .swiper-button-prev::after {
    font-size: 2rem;
    font-weight: normal;
  }

  .press-slides.swiper-container .swiper-button-next,
  .press-slides.swiper-container .swiper-button-prev {
    width: 40px;
    height: 40px;
    color: #ff9a1f;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
  }

  .press-slides.swiper-container .swiper-button-prev,
  .press-slides.swiper-container .swiper-container-rtl .swiper-button-next {
    left: 0;
  }

  .press-slides.swiper-container .swiper-button-next,
  .press-slides.swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 0;
  }

  .press-slides.swiper-container .swiper-button-prev:hover,
  .press-slides.swiper-container .swiper-button-next:hover {
    filter: brightness(110%);
  }
}

@media screen and (min-width: 1024px) {
  .press-slides.swiper-container .slide-1 img {
    max-width: 175px;
    transform: translateY(10px);
  }

  .press-slides.swiper-container .slide-9 img {
    max-width: 175px;
  }

  .press-slides.swiper-container .slide-11 img {
    max-width: 175px;
  }

  .press-slides.swiper-container .slide-12 img {
    max-width: 135px;
  }

  .press-slides.swiper-container .slide-15 img {
    max-width: 135px;
  }
}

.home-reviews {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  height: 80vh;
  min-height: 400px;
}

@media screen and (max-width: 1110px) {
  .home-reviews {
    width: 750px;
  }
}

@media screen and (max-width: 832px) {
  .home-reviews {
    width: 600px;
  }
}

/******************************************************************
These are the styles for the FEATURES MAIN PAGE
******************************************************************/
#feature {
  /* padding-top: 2em; */
}

#feature .features_cta_button_wrapper {
  margin: auto;
  max-width: 320px;
  display: flex;
  justify-content: center;
}

#feature #features_cta_button,
#feature #f_geo_cta_button {
  margin-bottom: 0;
}

#feature section {
  padding: 2em 0 4em;
}

#feature .feature-home-h1 {
  font-weight: 400 !important;
  font-size: 48px;
  text-align: center;
}

#feature ul li {
  list-style-type: circle;
}

.feature-group {
  margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .feature-group {
    margin-bottom: 1.5rem;
  }
}

.mapsforwebsite p,
.foryourbusiness p {
  margin: 2em 0 3em;
}

/******************************************************************
These are the styles for the FEATURES PAGES
******************************************************************/
#feature {
  /******************************************************************
  These are the styles for the HOW-TO TABLES IN FEATURES
  ******************************************************************/
  /******************************************************************
  These are the styles for BULLETS IN AN UL (not numbers)
  ******************************************************************/
}

#feature hr {
  background-image: none;
  border: 0;
  height: 0;
  margin: 40px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
}

#feature strong {
  font-weight: bold;
}

#feature small {
  font-size: 0.75em;
}

#feature .intro img {
  max-height: 250px;
}

#feature .intro.section-pad {
  padding: 4rem 0;
}

@media screen and (max-width: 600px) {
  #feature .intro.section-pad {
    padding: 3rem 0;
  }
}

#feature .callout-one-column {
  padding: 5rem 0rem;
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  #feature .callout-one-column {
    padding: 4rem 0;
  }
}

@media screen and (max-width: 599px) {
  #feature .callout-one-column {
    padding: 2em 0;
  }
}

#feature .callout-one-column p {
  font-size: 1.25rem;
  margin-bottom: 1.5em;
}

#feature .locdot {
  background-image: url(/images/locationdot@2x.png);
  background-repeat: no-repeat;
  background-position: center 40px;
  background-size: 110px;
  height: 260px;
}

#feature .features {
  border-bottom: solid 1px #f1f1f1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  clear: right;
}

#feature .features.noborder {
  border-bottom: none;
}

#feature .bordered {
  border: none;
}

#feature .example-maps {
  height: 100px;
  overflow-y: scroll;
  padding: 0px 10px;
  margin-top: 0px;
  border: 2px solid #f1f1f1;
}

@media only screen and (min-width: 768px) {
  #feature .bordered {
    border: 2px solid #f1f1f1;
    margin: 40px 0;
    padding: 40px 0;
  }

  #feature .example-maps {
    height: 400px;
  }
}

#feature ol {
  display: table;
  list-style: none;
  overflow: hidden;
  padding: 0 0 0 0px;
  border: solid 1px #ddd;
  border-radius: 4px;
  counter-reset: numList;
  margin: 2em auto;
  width: 90%;
  background-color: #fff;
}

#feature ol li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 1em 3em;
  position: relative;
  float: left;
  list-style-type: none;
  display: table-cell;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #feature ol li {
    width: 100%;
  }
}

#feature ol li.last {
  border: none;
}

#feature ol li:before {
  counter-increment: numList;
  content: counter(numList);
  float: left;
  position: absolute;
  left: 1em;
  top: 1.5em;
  font: bold 12px sans-serif;
  text-align: center;
  color: #fff;
  line-height: 20px;
  width: 19px;
  height: 19px;
  background: #ccc;
  background: #024059;
  -moz-border-radius: 999px;
  border-radius: 999px;
}

#feature .bullets ul {
  padding: 0 0 0 0px;
  margin: 2em auto;
  width: 90%;
}

#feature ul.bullets li {
  list-style-type: circle;
  display: list-item;
}

#feature .media-icons a {
  display: inline-block;
  margin: 0 10px;
}

#feature .side-by-side {
  display: flex;
  gap: 60px;
  margin-bottom: 50px;
}

#feature .side-by-side .img-wrap {
  min-width: 33%;
  max-width: 400px;
}

#feature .side-by-side .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#feature .side-by-side .text-wrap h3 {
  margin: 0;
  margin-bottom: 4px;
  line-height: 30px;
}

#feature .side-by-side.reverse {
  flex-direction: row-reverse;
}

#feature .font-18,
#feature #add-users-modal p,
#add-users-modal #feature p,
#feature #add-users-modal #add-user-email,
#add-users-modal #feature #add-user-email,
#feature #add-users-modal .green-cta,
#add-users-modal #feature .green-cta,
#feature #add-users-modal #reached-limit-content .addon-button,
#add-users-modal #reached-limit-content #feature .addon-button,
#feature #add-users-modal #reached-limit-content .pro-button,
#add-users-modal #reached-limit-content #feature .pro-button,
#feature #add-users-modal .complete-button,
#add-users-modal #feature .complete-button,
#feature #add-users-modal .skip-button,
#add-users-modal #feature .skip-button {
  font-size: 1.125rem !important;
  line-height: 1.875rem;
}

#feature .mb-80 {
  margin-bottom: 80px;
}

#feature .flex,
#feature #add-users-modal #reached-limit-content .icon-title-container,
#add-users-modal #reached-limit-content #feature .icon-title-container,
#feature #add-users-modal .main-content-container,
#add-users-modal #feature .main-content-container,
#feature #add-users-modal .buttons-container,
#add-users-modal #feature .buttons-container {
  display: flex;
}

#feature .intro.flex,
#feature #add-users-modal #reached-limit-content .intro.icon-title-container,
#add-users-modal #reached-limit-content #feature .intro.icon-title-container,
#feature #add-users-modal .intro.main-content-container,
#add-users-modal #feature .intro.main-content-container,
#feature #add-users-modal .intro.buttons-container,
#add-users-modal #feature .intro.buttons-container {
  justify-content: center;
  gap: 80px;
}

#feature .section_hdr.left {
  margin: 0 0 2.5rem 0;
  font-size: 2.8rem;
}

#feature .intro-left {
  width: 55%;
  max-width: 750px;
}

#feature .intro-img-wrap {
  width: 385px;
  display: flex;
  align-self: center;
}

#feature .intro-img-wrap img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

#feature .callout-one-column.wrap.multi-point-routing {
  max-width: 975px;
}

@media only screen and (max-width: 768px) {
  #feature .wrap.multi-point-routing {
    max-width: 1125px;
  }
}

@media only screen and (max-width: 840px) {
  #feature {
    /* Header */
    /* first section */
    /* side-by-side */
  }

  #feature .intro-img-wrap {
    display: none;
  }

  #feature .intro-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  #feature .intro-left p {
    margin-bottom: 24px;
  }

  #feature .wrap.multi-point-routing {
    text-align: center;
  }

  #feature .side-by-side.reverse {
    flex-direction: column-reverse;
  }

  #feature .side-by-side {
    gap: 0;
    flex-direction: column-reverse;
    align-items: center;
  }

  #feature .side-by-side .text-wrap h3 {
    margin-bottom: 8px;
  }
}

#feature.mb-0 {
  margin-bottom: 0;
}

.map_badges_link img {
  border: #024059 solid 1px;
}

.map_badges_link a:hover {
  text-decoration: none;
}

#enterprise-intro {
  margin-bottom: 1em;
}

@media screen and (min-width: 600px) {

  .flex-columns-two.pad .enterprise-text-col-1,
  .flex-columns-two.pad .enterprise-text-col-2 {
    flex-basis: 46%;
  }
}

@media screen and (max-width: 599px) {
  .enterprise-text-col-2 {
    padding-top: 1.5rem;
  }
}

#enterprise .features_cta_button_wrapper {
  margin: auto;
  max-width: 320px;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

#enterprise .additional-features {
  margin: 2em;
}

#enterprise .advantage span {
  color: #024059;
}

#enterprise .advantage h3 {
  font-size: 1.25rem;
  padding: 10px 0;
  margin-bottom: 0.5rem;
  display: inline-block;
  color: #024059;
}

#enterprise .advantage .flex-columns-item {
  margin-bottom: 3rem;
}

@media screen and (max-width: 599px) {
  #enterprise .advantage .flex-columns-item {
    margin-bottom: 1.5rem;
  }
}

#enterprise .learn-more {
  padding: 1.5em 0 2.5em;
}

#enterprise .learn-more h2 {
  margin-bottom: 0.95em;
}

#enterprise .learn-more button {
  margin: 0 5px;
}

#enterprise .learn-more button img {
  width: 20px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

#enterprise #pricing-table h2 {
  position: relative;
}

@media screen and (min-width: 768px) {
  #enterprise #pricing-table h2 {
    width: 30%;
    max-width: 290px;
    margin-bottom: -6rem;
  }
}

#enterprise #pricing-table h2:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 190px;
  max-width: 57%;
  height: 0;
  border-bottom: #f9c81b solid 2px;
}

#enterprise .pricing {
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0px 4px 4px 12px;
  margin: 0;
  max-width: 100%;
  padding: 6em 0;
}

@media screen and (max-width: 767px) {
  #enterprise .pricing {
    padding: 3em 0;
  }
}

#enterprise .pricing .threecol {
  margin-left: 0;
  width: 100%;
}

#enterprise .pricing .package-rows {
  display: none;
}

#enterprise .pricing .package-rows li {
  text-align: left;
  margin-bottom: 0;
}

#enterprise .pricing .package-rows li:first-child {
  border: none;
}

#enterprise .pricing .package-rows li:nth-child(2) {
  border-top: 1px solid #e8e8e8;
}

#enterprise .pricing .package-rows li:last-child {
  text-align: left;
  border-color: #e8e8e8;
  padding: 12px;
}

#enterprise .pricing ul {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  #enterprise .pricing ul {
    width: 90%;
  }
}

#enterprise .pricing ul:first-child {
  text-align: left;
}

#enterprise .pricing li {
  border-top: #e8e8e8 1px solid;
  padding: 12px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 0;
}

#enterprise .pricing li:first-child {
  border: none;
  height: 260px;
}

#enterprise .pricing li:first-child button {
  width: 90%;
}

#enterprise .pricing li:first-child span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 10px 0 14px;
  height: 70px;
}

#enterprise .pricing .markers:before {
  content: "Markers per map ";
}

#enterprise .pricing .users:before {
  content: "Users ";
}

#enterprise .pricing .geocodes:before {
  content: "Geocodes per minute ";
}

#enterprise .pricing .export:before {
  content: "Export options ";
}

#enterprise .pricing .security:before {
  content: "Security and privacy ";
}

#enterprise .pricing .sla:before {
  content: "SLA ";
}

#enterprise .pricing .custom:before {
  content: "Custom markers ";
}

#enterprise .pricing .advanced:before {
  content: "Advanced features ";
}

#enterprise .pricing .advertising:before {
  content: "Advertising ";
}

#enterprise [class^="enterprise-icon-"],
#enterprise [class*="enterprise-icon-"] {
  font-size: 1.6em;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

@media only screen and (min-width: 768px) {
  #enterprise .enterprise-intro .intro-top {
    margin-bottom: 1em;
  }

  #enterprise .enterprise-intro .sixcol.first {
    margin-top: 15px;
    margin-bottom: 0;
  }

  #enterprise .pricing ul {
    margin: 0;
  }

  #enterprise .pricing .package-rows {
    display: block;
  }

  #enterprise .pricing .threecol {
    margin-left: 0;
    width: 25%;
  }

  #enterprise .pricing .markers:before,
  #enterprise .pricing .users:before,
  #enterprise .pricing .geocodes:before,
  #enterprise .pricing .export:before,
  #enterprise .pricing .security:before,
  #enterprise .pricing .sla:before,
  #enterprise .pricing .custom:before,
  #enterprise .pricing .advanced:before,
  #enterprise .pricing .advertising:before {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  #enterprise .enterprise-callout h3 button {
    display: inline-block;
    clear: none;
    margin: 0 0 0 25px;
  }
}

.enterprise-footer-wrap #footer {
  margin: 0;
}

/******************************************************************

@import 'map_core';

BatchGeo

Stylesheet: Mapping

******************************************************************/
#generator {
  border-bottom: 1px solid #eee;
  margin-bottom: 3em;
  padding: 3em 0;
}

@media screen and (max-width: 768px) {
  #generator {
    padding: 2.5em 0 2em;
  }
}

@media screen and (max-width: 599px) {
  #generator {
    padding: 2em 0 1em;
  }
}

#generator .wrap {
  max-width: 1150px;
}

#generator .generator_h1 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
}

#generator h2 {
  margin-top: 1em;
}

#generator hr {
  margin-top: 4em;
}

#generator textarea {
  font-size: 11px;
  font-family: "Courier New", Courier, mono;
  border: 1px solid #aaa;
  background-color: #fff;
  overflow-x: hidden;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  resize: vertical;
  width: 100%;
  height: 190px;
  -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}

fieldset,
.fieldset {
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

.fieldset p {
  color: #1d1d1d;
  font-size: 1rem;
  margin-bottom: 1.75rem;
}

legend,
.step {
  color: #369;
  font-weight: bold;
  margin: -38px 0 6px 4px;
  padding: 2px;
  font-size: 14px;
  text-align: left;
}

p.top-buttons {
  margin-top: 3rem;
  margin-bottom: 0.75rem;
}

#sourceWrap {
  cursor: pointer;
  /* display: inline-block; */
  height: 194px;
  margin: 12px auto 1.5rem auto;
  max-width: 1120px;
  padding: 2px 0;
  width: 100%;
}

#sourceWrap.edit {
  width: 100%;
}

#inline_save {
  width: 580px;
  margin: auto;
  padding: 4px 10px;
}

#edit_form {
  display: block;
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #eee;
}

#edit_form .edit-form_breakout {
  width: 1125px;
  max-width: 95%;
  margin: auto;
}

/******************************************************************

BatchGeo

Stylesheet: Generator

******************************************************************/
#map_title,
#map_email,
#map_description {
  width: 350px;
  border: 1px solid #c0c0c0;
}

#inline_save {
  margin: 0 0 -6px 0;
  padding: 6px 6px 0 6px;
  max-width: 100%;
}

#inline_embed {
  margin: 0;
  padding: 0 10px;
}

#inline_save label {
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 114px;
  padding: 2px 0 0 0;
  display: block;
}

#inline_save label.share {
  float: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#inline_save div.input_desc {
  text-align: left;
}

#inline_save div.input_desc.small {
  font-size: 14px;
}

#inline_save div.input_desc span.small {
  display: block;
  margin: 4px 0 0 124px;
}

#inline_save .line {
  margin: 8px;
}

#inline_save #fields label {
  width: 40%;
}

#inline_save .line .button-cta {
  margin-bottom: 0px;
}

@media only screen and (max-width: 572px) {
  #inline_save label {
    text-align: left;
    width: 100%;
  }

  #inline_save div.input_desc {
    width: 100%;
  }

  #inline_save div.input_desc span.small {
    margin: 4px 4px 4px 0;
    width: 100%;
  }

  #map_title,
  #map_email,
  #map_description {
    width: 100%;
  }

  #inline_save label.share {
    display: inline-block;
    width: 100%;
  }

  #inline_save .inline_logo {
    display: none;
  }
}

.inline_logo {
  position: relative;
}

.inline_logo img {
  position: absolute;
  top: -50px;
  left: 30px;
  width: 60px;
  height: 60px;
}

#inline_message {
  padding: 20px;
  text-align: justify;
}

#validate_status {
  display: none;
  margin-top: 14px;
}

#geocode_button {
  margin: 0 0 0 0;
  position: relative;
  display: grid;
  margin: 0px auto;
}

#geocoding .geocoder_status_wrapper {
  margin-top: 18px;
}

@media screen and (min-width: 481px) {
  #geocoding .geocoder_status_2 {
    padding-left: 4%;
    padding-right: 4%;
  }
}

#geocoder_status {
  display: none;
  margin: 14px 0 0 0;
}

#dist_sel {
  width: auto;
}

#view_sel {
  width: auto;
}

#mainText {
  margin-top: 10px;
}

#mapFields {
  height: 245px;
}

#locFields,
#mapOptions,
#mapFields,
.validateFields {
  font-size: 12px;
  width: 500px;
  margin: 0 auto;
}

#locFields,
#mapFields,
.validateFields {
  text-align: right;
}

#mapOptions {
  text-align: center;
}

#advanced_button {
  margin: 12px auto 0px auto;
}

#locFields label,
#mapFields label,
.validateFields label {
  display: block;
  float: left;
  width: 40%;
  margin: 4px 0 0 0;
  line-height: 25px;
  clear: both;
}

#locFields select,
#mapFields select,
.validateFields select {
  display: block;
  float: right;
  width: 38%;
  margin: 4px 20% 0 0;
  height: 25px;
  padding: 2px 0 0 0;
}

#mapOptions label {
  display: block;
  margin-bottom: 5px;
}

#mapOptions input {
  margin: 0;
  padding: 0;
}

#locFields+label {
  font-weight: bold;
}

#mapDiv {
  height: 450px;
  margin: 0 auto;
  border-width: 1px;
  border-style: solid;
  border-color: #aaa;
}

#save_map {
  margin-top: 14px;
}

#preview {
  background-color: #fff;
  border: 1px solid #8b8b8b;
  margin: 8px auto;
  padding: 0px;
  width: 352px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  max-width: 250px;
}

#markerBoxPreview {
  overflow: hidden;
}

#markerBoxPreview .markerLabel {
  width: 100%;
}

#markerBoxPreview div.markerLabelExtras {
  display: none;
}

#buttonsDiv.fieldset {
  margin-top: 10px;
}

#mapheader {
  margin-bottom: 14px;
}

#dis_buttonsDiv button,
#dis_buttonsDiv input[type="submit"] {
  width: 23%;
  margin: 0 3px;
}

#sourceData,
#destData {
  height: 180px;
}

.mapBorder {
  border: 0px;
}

/* Tableize =================== */
div.tableize {
  position: relative;
  box-sizing: content-box;
  height: 180px;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  margin: 1px;
  padding: 4px;
  border: 1px dashed #8b8b8b;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow:
    0 1px 0 #fff,
    inset 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:
    0 1px 0 #fff,
    inset 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow:
    0 1px 0 #fff,
    inset 0 2px 10px rgba(0, 0, 0, 0.2);
}

div.tableize:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 80%);
  z-index: 1;
}

div.tableize em.tableize {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: auto;
  white-space: nowrap;
  height: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
  color: #071d25;
  -moz-text-shadow: 0 -1px 0 #fff;
  -webkit-text-shadow: 0 -1px 0 #fff;
  text-shadow: 0 -1px 0 #fff;
  opacity: 1;
  filter: alpha(opacity=1);
  padding-left: 2.5em;
  background: url(/images/icon-copy-paste.svg) no-repeat left center;
}

@media screen and (max-width: 479px) {
  div.tableize em.tableize {
    width: 75%;
    white-space: normal;
    height: auto;
    line-height: 1.5;
    padding-top: 2.5rem;
    padding-left: 0;
    transform: translate(-50%, -46%);
    background: url(/images/icon-copy-paste.svg) no-repeat center top;
  }
}

div.tableize table.tableize {
  overflow: auto;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  color: #000;
  border-collapse: collapse;
}

div.tableize table.tableize tr {
  margin: 0 0 2px 0;
  border-bottom: 1px solid #ddd;
}

div.tableize table.tableize th,
div.tableize table.tableize td {
  font-size: 13px;
  padding: 4px;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.tableize table.tableize th {
  font-weight: bold;
  border-bottom: 1px solid #f63;
}

div.tableize table.tableize td {
  border-right: 1px solid #aaa;
}

div.tableize table.tableize td:last-child {
  border-right-width: 0;
}

div.tableize textarea {
  color: #000;
}

div.tableize-example table.tableize {
  opacity: 0.3;
  filter: alpha(opacity=33);
}

div.tableize:hover,
div.tableize-drag,
div.tableize-drop {
  margin: 0;
  border: 2px solid #090;
}

div.tableize:hover em.tableize,
div.tableize-drag em.tableize,
div.tableize-drop em.tableize {
  opacity: 1;
  filter: alpha(opacity=100);
}

div.tableize:hover table.tableize,
div.tableize-drag table.tableize,
div.tableize-drop table.tableize {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

div.tableize-unhover {
  margin: 1px !important;
  border: 1px solid #bebebe !important;
}

div.tableize-unhover:after {
  opacity: 0;
}

div.tableize-unhover em.tableize {
  display: none !important;
}

div.tableize-unhover table.tableize {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

p.drag-drop-error {
  margin-bottom: 9px;
  color: #c00;
  font-weight: bold;
}

.l {
  color: #369;
}

.small {
  font-size: 12px;
  line-height: 18px;
}

.vS {
  height: 5px;
}

.status {
  font-size: 1rem;
  color: #090;
}

#rmMarker,
#zoom {
  cursor: pointer;
}

#generator #zoom,
#preview #zoom {
  display: none;
}

img.descIMG,
div.tabRow img {
  max-width: 300px;
  border: 0;
  margin: 10px;
}

div.tabRow img {
  float: right;
}

.tabRow {
  cursor: pointer;
}

a.marker:link,
a.marker:visited {
  display: block;
  margin: 2px 0;
  padding: 0;
}

a.goog:link,
a.goog:visited {
  text-decoration: none;
  color: #000;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  border: 1px solid #aaa;
  background: #fff url(/images/icon-select-down-arrow.svg) no-repeat 96.5% 51.5%;
  background-position-x: calc(100% - 0.5rem);
  border-radius: 4px;
  padding: 0.75rem 1.85rem 0.75rem 1rem;
  min-height: 45px;
}

@media screen and (max-width: 600px) {
  select {
    min-height: 36px;
  }
}

select:focus {
  color: #0e8841;
  border-color: #0e8841;
  outline-color: #0e8841;
  box-shadow: 0px 4px 4px 0px rgba(50, 50, 71, 0.2);
}

select.error {
  color: #b51d09;
  border-color: #b51d09;
  background-color: #fcc8c1;
  background-image: url(/images/icon-select-down-arrow-red.svg);
}

select[disabled] {
  color: #737373;
  border-color: #737373;
  background-color: #e6e6e6;
}

.small-select-options select {
  min-height: 25px;
  padding: 0.25rem 1rem;
  padding-right: 2rem;
}

.small-select-options .option-toggle select {
  margin: 2px 0;
}

/* Base for label styling */
.map-options {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* accessibility */
  /* hover style just for information */
}

.map-options [type="checkbox"]:not(:checked),
.map-options [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.map-options [type="checkbox"]:not(:checked)+.checkbox-layout,
.map-options [type="checkbox"]:checked+.checkbox-layout {
  position: relative;
  top: -2px;
  padding-left: 1.95em;
  cursor: pointer;
}

.map-options [type="checkbox"]:not(:checked)+.checkbox-layout:before,
.map-options [type="checkbox"]:checked+.checkbox-layout:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #8b8b8b;
  background: #fff;
  border-radius: 4px;
}

.map-options [type="checkbox"]:not(:checked)+.checkbox-layout:after,
.map-options [type="checkbox"]:checked+.checkbox-layout:after {
  content: "\2713\0020";
  position: absolute;
  top: 0.2em;
  left: 0.22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #071d25;
  transition: all 0.2s;
  font-family: Arial, sans-serif;
}

.map-options [type="checkbox"]:not(:checked)+.checkbox-layout:after {
  opacity: 0;
  transform: scale(0);
}

.map-options [type="checkbox"]:checked+.checkbox-layout:after {
  opacity: 1;
  transform: scale(1);
}

.map-options [type="checkbox"]:disabled:not(:checked)+.checkbox-layout:before,
.map-options [type="checkbox"]:disabled:checked+.checkbox-layout:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.map-options [type="checkbox"]:disabled:checked+.checkbox-layout:after {
  color: #999;
}

.map-options [type="checkbox"]:disabled+.checkbox-layout {
  color: #aaa;
}

.map-options [type="checkbox"]:checked:focus+.checkbox-layout:before,
.map-options [type="checkbox"]:not(:checked):focus+.checkbox-layout:before {
  border: 1px solid #0e8841;
  color: #0e8841;
  box-shadow: 0px 4px 4px 0px rgba(50, 50, 71, 0.2);
}

.map-options .checkbox-layout:hover:before {
  border: 1px solid #0e8841;
  box-shadow: 0px 4px 4px 0px rgba(50, 50, 71, 0.2);
}

.label-text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 2.5rem);
}

.error [type="checkbox"]:checked+.checkbox-layout:before,
.error [type="checkbox"]:not(:checked)+.checkbox-layout:before,
.error [type="checkbox"]:checked:focus+.checkbox-layout:before,
.error [type="checkbox"]:not(:checked):focus+.checkbox-layout:before {
  border-color: #b51d09;
  color: #b51d09;
  background-color: #fcc8c1;
}

form {
  display: inline;
}

#fields {
  max-width: 810px;
  margin-top: 1rem;
}

.intro {
  margin: 0px auto;
  max-width: 760px;
  padding: 0px;
}

/* Map options =================== */
.map-options {
  max-width: 900px;
  margin: 1rem 0;
  font-size: 14px;
  text-align: left;
  margin: auto;
}

.map-options h3 {
  font-size: 1.25rem;
  font-weight: bold;
}

.map-options-adv-btn {
  max-width: 760px;
  margin: 0px auto;
}

.map-options #preview {
  margin: 0 0 5px 0;
  width: auto;
}

@media screen and (min-width: 922px) {
  .map-options #preview {
    min-width: 350px;
  }
}

.basic-options {
  justify-content: center;
}

.map-options-row {
  /* margin-right: -20px; */
  justify-content: center;
  margin-bottom: 24px;
  display: flex;
}

@media screen and (min-width: 923px) {
  .map-options-row.basic-options {
    align-items: flex-end;
  }
}

@media screen and (max-width: 922px) {
  .map-options-row {
    flex-direction: column;
  }
}

.map-options-1-col .map-options-col {
  width: auto;
}

@media screen and (min-width: 600px) {

  .map-options-2-col .map-options-col,
  .map-options-col {
    width: 360px;
  }

  .map-options-col+.map-options-col {
    width: 400px;
  }

  .map-options-3-col .map-options-col {
    width: 280px;
  }
}

@media screen and (max-width: 599px) {
  #dist_sel {
    margin-top: 2px;
  }
}

@media screen and (min-width: 923px) {
  .map-options-3-col .map-options-col {
    padding-right: 12px;
  }
}

.option-field {
  margin-bottom: 5px;
}

.option-field label {
  display: block;
  padding-top: 4px;
}

.option-field select {
  width: 92%;
}

.option-toggle {
  display: block;
  margin: 0 0 8px 0;
  padding: 2px 0 0 2px;
  line-height: 18px;
}

.option-toggle select {
  height: 26px;
  padding-left: 0.35rem;
}

.option-toggle input[type="checkbox"] {
  margin: 0 2px 0 0px;
  padding: 0;
}

.option-toggle select {
  display: inline-block;
  margin: -2px 0;
}

.option-scrollable {
  max-height: 128px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.marker-color-table {
  max-width: 170px;
  border: 1px solid #ddd;
  background: #fff;
}

/* Visible scrollbar in webkit on OSX Lion and above. */
.option-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.option-scrollable::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.option-images {
  margin: 0 -10px -10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.option-image {
  float: left;
  position: relative;
  width: 78px;
  height: 58px;
  margin: 0 10px 10px 0;
  border: 1px solid #ddd;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}

@media screen and (min-width: 923px) {
  .marker-shapes .option-image {
    float: none;
  }
}

.map-options-2-col .option-images {
  margin-right: -12px;
}

.map-options-2-col .option-image {
  width: 89px;
  margin-right: 12px;
}

.option-image-selected {
  border: 1px solid #666;
}

.option-image-selected:after {
  content: "\2714";
  position: absolute;
  right: 7px;
  bottom: 5px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.option-upload {
  float: left;
}

.option-upload .bttn {
  position: relative;
  margin-bottom: 7px;
}

.option-upload .text {
  font-size: 10px;
  line-height: 13px;
  color: #999;
  margin-bottom: 0;
}

.option-upload .button {
  font-size: 12px;
  color: #333;
  width: 100%;
  margin: 0;
}

.option-upload-step {
  display: none;
}

.option-upload-step-1 label {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.option-upload-step-1 input[type="file"] {
  position: fixed;
  top: 0px;
  left: -99999px;
}

.option-upload-step-2 .load {
  margin: 20px 0 0 0;
  text-align: center;
}

.option-upload-step-2 .load span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 14px 0 28px;
  background-image: url("/images/options/loading.gif");
  background-repeat: no-repeat;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
}

.option-upload-step-3 {
  text-align: center;
}

.option-upload-step-1,
.option-upload-step-2 {
  width: 260px;
}

.option-upload-step-3 {
  width: 160px;
}

.map-options-2-col .option-upload-step-1,
.map-options-2-col .option-upload-step-2 {
  width: 297px;
}

.map-options-2-col .option-upload-step-3 {
  width: 194px;
}

.marker-colors table {
  width: 100%;
  font-size: 11px;
  border-collapse: collapse;
}

.marker-colors th,
.marker-colors td {
  padding: 3px 6px;
  border-left: 1px solid #ddd;
}

.marker-colors th {
  font-weight: bold;
  text-align: left;
}

.marker-colors td {
  border-top: 1px solid #ddd;
}

.marker-colors .color {
  width: 10%;
  padding: 3px;
  border-left: 0;
}

.marker-colors .color div {
  width: 100%;
  height: 100%;
  background: #eee;
  cursor: pointer;
}

.color-picker-wrapper {
  position: absolute;
  width: 100px;
  padding-bottom: 10px;
  display: none;
}

.color-picker {
  position: relative;
  padding: 10px 5px 5px 10px;
  background: #fff;
  border: 1px solid #666;
}

.color-picker-arrow {
  position: absolute;
  left: 50%;
  bottom: -10px;
  height: 10px;
  margin-left: -10px;
}

.color-picker-arrow:before,
.color-picker-arrow:after {
  position: absolute;
  display: block;
  content: " ";
  border: 10px solid transparent;
  border-top-color: #333;
  border-bottom-width: 0;
}

.color-picker-arrow:after {
  top: -1px;
  border-top-color: #fff;
}

.color-choice {
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 5px 5px 0;
  background: #eee;
  cursor: pointer;
}

/* Clear fixes */
.map-options-row:before,
.map-options-row:after,
.map-options-col:before,
.map-options-col:after,
.option-field:before,
.option-field:after,
.option-images:before,
.option-images:after,
.color-picker:before,
.color-picker:after {
  content: " ";
  display: table;
}

.map-options-row:after,
.map-options-col:after,
.option-field:after,
.option-images:after,
.color-picker:after {
  clear: both;
}

.map-options-row,
.map-options-col,
.option-field,
.option-images,
.color-picker {
  zoom: 1;
  /* for IE */
}

.generator_final_cta {
  margin-top: 2.5rem;
}

@media screen and (max-width: 479px) {
  .or-text {
    display: none;
  }

  #save button,
  #save input,
  .option-field label,
  .option-field select,
  #geocode_button {
    width: 100%;
  }

  #generator #validate_button,
  #generator #mapnow_button,
  .generator_final_cta .button {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .map-options-col,
  .map-options-row {
    margin-right: 0;
  }

  .option-field label {
    padding: 20px 0 10px;
  }

  .map-options-col #preview {
    width: initial;
    max-width: 100%;
  }
}

@media screen and (max-width: 345px) {

  #generator #validate_button,
  #generator #mapnow_button {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

/* Index page */
@media screen and (max-width: 922px) {
  .map-options-col {
    margin-bottom: 6px;
    width: 100%;
  }
}

.post-map-create-modal {
  text-align: center;
}

.post-map-create-modal input {
  display: block;
  width: calc(100% - 50px);
  margin: 0 auto;
}

.post-map-create-modal a.button.green {
  color: #fff;
}

#generator fieldset,
#generator .fieldset {
  text-align: left;
}

#geocoding,
#mapheader {
  max-width: 736px;
  margin-right: auto;
  margin-left: auto;
}

#fields {
  margin-right: auto;
  margin-left: auto;
}

#fields h3 {
  margin: 1rem auto;
}

#stylingOptions {
  justify-content: flex-end;
}

#validate_status {
  max-width: 760px;
  margin: 2rem auto 0;
  padding: 0.9rem 1rem 0.9rem 2.5rem;
  border-left: #0e8841 solid 8px;
  background: #b9d7c6 url(/images/icon-success.svg) no-repeat 0.5rem center;
  background-size: 1.5rem;
  line-height: 1.2;
}

.section_hdr {
  max-width: 760px;
  margin: 0px auto 10px auto;
}

#feature .intro {
  max-width: unset;
}

#advancedOptions>h3 {
  padding-left: 25px;
}

/* My Account =================== */
.loading-icon {
  cursor: wait;
  background-color: rgba(0, 0, 0, 0);
  border: 3px solid #ffc715;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-left: 3px solid rgba(0, 0, 0, 0);
  opacity: 0.8;
  border-radius: 50px;
  margin: 5% auto;
  -moz-animation: loading 0.5s infinite linear;
  -webkit-animation: loading 0.5s infinite linear;
  animation: loading 0.5s infinite linear;
  width: 30px;
  height: 30px;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.admin-users-table-wrap {
  overflow-x: auto;
}

.admin-users-table-wrap th,
.admin-users-table-wrap td.title,
.admin-users-table-wrap td.action>a {
  font-size: 12px !important;
}

.admin-users-table-wrap th,
.admin-users-table-wrap td {
  height: 46px !important;
}

.admin-users-table-wrap td.action {
  text-align: center !important;
}

@media (min-width: 516px) {

  .admin-users-table-wrap th,
  .admin-users-table-wrap td.title,
  .admin-users-table-wrap td.action>a {
    font-size: 16px !important;
  }
}

body.admin table.data {
  width: 100%;
  border: 1px solid #ddd;
  border-left-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px 6px 0 0;
}

body.admin table.data th,
body.admin table.data td {
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  text-align: left;
}

body.admin table.data th {
  font-weight: bold;
  border-top-width: 0;
  background: #fff;
}

body.admin table.data td {
  font-size: 12px;
}

body.admin table.data td.title {
  font-size: inherit;
}

body.admin table.data td.title strong {
  font-weight: bold;
}

body.admin table.data td.title small {
  font-size: 12px;
}

body.admin table.data th:first-child {
  border-radius: 6px 0 0 0;
}

body.admin table.data th:last-child {
  border-radius: 0 6px 0 0;
}

body.admin table.data th:only-child {
  border-radius: 6px 6px 0 0;
}

body.admin table.data .center {
  text-align: center;
}

body.admin table.data .updated {
  width: 100px;
}

body.admin table.data .action.edit-action {
  width: 65px;
}

body.admin table.data .action.export-action {
  width: 186px;
}

body.admin table.data .action.manage-user {
  width: 137.25px;
}

body.admin table.data a.button {
  margin: 2px 2px;
  padding: 6px 6px 5px;
}

@media screen and (max-width: 557px) {
  body.admin table.data .admin-map-bulk-checkbox {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  body.admin table.data .admin-map-table-title {
    -webkit-box-flex: 12;
    -webkit-flex: 12;
    -moz-box-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
  }

  body.admin table.data .updated {
    width: auto;
  }

  body.admin table.data .action.export-action {
    width: auto;
  }

  body.admin table.data .action.export-action .button {
    display: block;
    text-align: center;
  }
}

/*Subscription Pricing Table*/
#pricing-cards-wrapper {
  flex-direction: row;
  margin-bottom: 50px;
  display: flex;
}

#pricing-cards-wrapper .pricing-card {
  padding: 0 25px 0 0;
  display: flex;
  justify-content: stretch;
  flex: 1;
  display: none;
}

#pricing-cards-wrapper .pricing-card.show {
  display: flex;
}

#pricing-cards-wrapper .pricing-card.last {
  padding: 0;
}

#pricing-cards-wrapper .pricing-card .card-content {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  padding: 30px 15px;
  background-clip: padding-box;
  position: relative;
  margin-bottom: 6px;
  flex: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#pricing-cards-wrapper .pricing-card .card-content h1 {
  font-weight: 200;
  font-size: 3em;
  color: #515050;
  margin: 0;
  line-height: 1em;
}

#pricing-cards-wrapper .pricing-card .card-content .price {
  font-weight: 600;
  font-size: 3.75em;
  color: #ffc715;
  margin: 0;
  line-height: 1.25em;
}

#pricing-cards-wrapper .pricing-card .card-content .price.enterprise {
  font-size: 1.625em;
  margin: 10px 0 42px 0;
}

#pricing-cards-wrapper .pricing-card .card-content p {
  font-size: 0.75em;
  margin-bottom: 25px;
}

#pricing-cards-wrapper .pricing-card .card-content ul {
  list-style: none;
  margin: 0;
}

#pricing-cards-wrapper .pricing-card .card-content ul li {
  border-bottom: 1px solid #dadada;
  margin-bottom: 10px;
  padding-bottom: 10px;
  list-style: none;
}

#pricing-cards-wrapper .pricing-card .card-content ul li:last-child {
  border-bottom: 0;
}

#pricing-cards-wrapper .pricing-card .card-content .popular {
  background-color: #ffd449;
  color: #515050;
  font-size: 0.875em;
  position: absolute;
  padding: 0.25em 3em;
  left: -2.5em;
  font-weight: 600;
  top: 2.5em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#pricing-cards-wrapper .pricing-card .card-content .price-wrapper {
  display: flex;
  justify-content: center;
  height: 125px;
  position: relative;
  width: 100%;
}

#pricing-cards-wrapper .pricing-card .card-content .button-wrapper {
  display: flex;
  justify-content: center;
  height: 60px;
  position: relative;
  width: 100%;
}

#pricing-cards-wrapper .pricing-card .card-content .button-wrapper .button {
  margin-bottom: 0;
}

#pricing-cards-wrapper .pricing-card .card-content .popular {
  background-color: #ffd449;
  color: #515050;
  font-size: 0.875em;
  position: absolute;
  padding: 0.25em 3em;
  left: -2.5em;
  font-weight: 600;
  top: 2.5em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#pricing-cards-wrapper .pricing-card .card-content.clip {
  overflow: hidden;
}

#pricing-cards-wrapper .pricing-card .card-content.selected {
  border: 4px solid #ffc715;
  margin-top: -3px;
  position: relative;
  margin-bottom: 3px;
}

#pricing-cards-wrapper .pricing-card .card-content.selected:before {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -20px;
  background: #64991e;
  width: 40px;
  height: 40px;
  content: "\e90e";
  border-radius: 50px;
  font-family: "batchgeotoolbaricons";
  color: #fff;
  font-size: 36px;
  line-height: 38px;
}

#pricing-cards-wrapper .pricing-card .button.disabled {
  position: relative;
}

#pricing-cards-wrapper .pricing-card .button.disabled:before {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  content: "\e90e";
  font-family: batchgeotoolbaricons;
  color: #64991e;
  font-size: 36px;
  line-height: 0;
  margin-right: 30px;
  margin-left: -10px;
}

@media screen and (max-width: 768px) {
  #pricing-cards-wrapper {
    flex-direction: column;
    margin-bottom: 50px;
    display: flex;
  }

  #pricing-cards-wrapper .pricing-card {
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  #pricing-cards-wrapper {
    margin-top: 0;
  }

  #pricing-cards-wrapper .pricing-card {
    padding: 15px;
  }
}

#manage-subscription h2 {
  color: #585757;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.account-panel {
  border-radius: 5px;
  margin-bottom: 12px;
}

.update-billing-top {
  display: flex;
  flex-direction: row;
}

.update-billing-top p span {
  color: #eee;
  padding: 0 15px;
}

#sign_up_form .header {
  font-size: 20px;
}

#sign_up_form .amount {
  margin: 0;
  color: 5857757;
  font-size: 16px;
}

#sign_up_form .cancel-buttons {
  display: flex;
  gap: 14px;
  vertical-align: center;
}

#sign_up_form .cancel-buttons .button {
  margin: 0 15px 0 0;
}

#sign_up_form .cancel-buttons label {
  display: flex;
  align-items: center;
  padding: 0;
}

@media screen and (max-width: 480px) {
  #sign_up_form .cancel-buttons {
    flex-direction: column;
    align-items: center;
  }

  #sign_up_form .cancel-buttons .button {
    margin: 0.5rem 0 1.5rem;
  }

  #sign_up_form .cancel-buttons label {
    margin-right: 0;
  }
}

.annual-toggle-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.1);
  max-width: 440px;
  margin-top: -200px;
  color: #fff;
  margin-bottom: 50px;
  border-radius: 8px;
}

.annual-toggle-container p {
  display: flex;
  flex: 1;
  margin: 15px 10px;
  font-size: 16px;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  justify-content: center;
  opacity: 0.4;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.annual-toggle-container p.active {
  opacity: 1;
}

.annual-toggle-container .toggle-btn {
  width: 60px;
  height: 30px;
  margin: 0 10px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background: rgba(255, 199, 21, 0.75);
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  cursor: pointer;
}

.annual-toggle-container .toggle-btn.active .round-btn {
  left: 35px;
}

.annual-toggle-container .toggle-btn .round-btn {
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.annual-toggle-container .toggle-btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.annual-toggle-container.manage-subscription-toggle {
  margin-top: 10px;
  margin-bottom: 15px;
  background: #fff;
  border: none;
  color: #555;
}

@media screen and (max-width: 768px) {
  .annual-toggle-container {
    margin-top: -80px;
  }
}

.pricing-table-container {
  margin-top: 20px;
}

.no-pricing-table-container {
  border-top: none;
  margin-top: 20px;
  margin-bottom: 50px;
}

/*Receipts - Invoice Generator Styles*/
#feature {
  margin-bottom: 50px;
}

#feature .centered {
  text-align: center;
}

#feature a.green.button {
  color: #fff;
}

#submit-generate {
  margin: 0 0 8px;
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.custom-info-container {
  padding: 25px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 25px;
  display: none;
}

.custom-info-container label {
  font-size: 14px;
  clear: both;
  display: block;
  margin: 8px 0 4px 0;
  color: #585757;
}

.custom-info-container .field {
  margin: 0 0 15px;
  width: 70%;
}

.custom-info-container input[type="text"],
.custom-info-container textarea {
  width: 100%;
  padding: 5px;
}

.custom-info-container textarea {
  height: 200px;
  border-color: #d7d7d7;
}

.custom-info-container .green.button {
  margin-top: 25px;
  margin-right: 25px;
  width: auto;
}

.error {
  font-weight: bold;
  color: #ff0000;
}

.batchgeo-inline-notification {
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  display: flex;
}

.batchgeo-inline-notification.batchgeo-inline-notification-info {
  background: #ef7700;
}

.batchgeo-inline-notification.batchgeo-inline-notification-success {
  background: #37b900;
}

.batchgeo-inline-notification.batchgeo-inline-notification-error {
  background: #ef5c50;
}

.batchgeo-inline-notification .batchgeo-inline-notification-icon {
  padding: 5px 8px;
  border-right: 1px solid white;
}

.batchgeo-inline-notification .batchgeo-inline-notification-message {
  padding: 5px 8px;
}

.batchgeo-search-input-wrapper {
  position: relative;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 280px;
  -moz-flex-basis: 280px;
  -ms-flex-preferred-size: 280px;
  flex-basis: 280px;
}

.batchgeo-search-reset-button {
  border: 0;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  color: #c9c8c5;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.batchgeo-search-input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-family: inherit;
  padding: 10px 35px;
  font-size: 13px;
  background: url(/images/batchgeo-search-input-icon.png) no-repeat 10px;
  background-size: 17px;
}

.batchgeo-search-input:focus {
  -webkit-appearance: none;
  outline: 0;
  box-shadow: #dde0ee 0 0 5px 3px;
}

.batchgeo-search-input.active {
  background-color: #f3f6ff;
}

.batchgeo-search-input::-ms-clear {
  width: 0;
  height: 0;
}

.admin-map-table-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.admin-map-table-loader>div {
  width: 18px;
  height: 18px;
  background-color: rgba(68, 67, 67, 0.5);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: admin-map-table-loader-bounce-delay 1.4s infinite ease-in-out both;
  animation: admin-map-table-loader-bounce-delay 1.4s infinite ease-in-out both;
}

.admin-map-table-loader .admin-map-table-loader-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.admin-map-table-loader .admin-map-table-loader-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes admin-map-table-loader-bounce-delay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes admin-map-table-loader-bounce-delay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.admin-map-table-header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.admin-map-table-header-wrapper .toolbar-icon-archive:before {
  position: relative;
  top: 2px;
}

.admin-map-table-header-inner[data-sort-key] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.admin-map-table-header-checkbox-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.admin-map-table-header-checkbox-wrap .admin-map-table-header-inner {
  padding-left: 4px;
  flex-grow: 1;
}

.admin-map-table-header-checkbox-wrap .admin-map-table-header-content {
  text-align: left;
}

.admin-map-table-title-wrap {
  font-size: inherit !important;
}

.admin-map-table-title-wrap-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.admin-map-table-wrap {
  margin-top: 10px;
  overflow: scroll;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

[data-sort-key] {
  cursor: pointer;
}

.admin-map-table .even td {
  background: #eee;
}

.admin-map-table .odd td {
  background: #fff;
}

.admin-map-table .toolbar-icon-archive:before {
  font-size: 1.6rem;
  color: #666666;
  position: relative;
  top: 6px;
  left: 5px;
}

.admin-map-table-search {
  -webkit-flex-basis: 280px;
  -moz-flex-basis: 280px;
  -ms-flex-preferred-size: 280px;
  flex-basis: 280px;
}

.admin-map-table-sort-arrow {
  font-size: 10px;
}

.admin-map-table-no-results {
  text-align: center;
  padding: 15px 0;
  color: #616161;
  border: 1px solid #ddd;
  border-top: 0;
  font-style: italic;
  font-size: 14px;
}

.admin-map-bulk-actions-outer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 0 15px 0 0;
}

@media screen and (max-width: 768px) {
  .admin-map-showing-dropdown-wrapper {
    margin-top: -22px;
    margin-left: 15px;
  }
}

.admin-map-showing-dropdown-wrapper label {
  font-weight: bold;
}

.admin-map-bulk-checkbox {
  margin-right: 7px;
}

@media only screen and (max-width: 930px) {
  .admin-map-table-header-wrapper {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .admin-map-table-search {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }

  .admin-map-bulk-actions-outer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
  }
}

.form-error-modal {
  text-align: left;
}

.form-error-modal button {
  text-align: right;
}

/* Plan breakdown Section */
.summary-wrapper {
  margin-bottom: 2rem;
}

.monthly-total table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.monthly-total table #table-bottom {
  border-top: 1px solid #ededed;
  padding-top: 0.5rem;
}

.monthly-total table tr:last-child {
  text-align: left;
  font-weight: bold;
}

.monthly-total table td:nth-child(1) {
  width: 80%;
}

.monthly-total table #table-left-spacer {
  font-style: italic;
  padding-left: 1rem;
}

.monthly-total table #table-bottom-spacer {
  font-style: italic;
  padding-bottom: 1.5rem;
}

.monthly-total table td:nth-child(2) {
  width: 40%;
  text-align: right;
}

/* Cancel Subscription Section */
.cancel-subscription #sign_up_form {
  display: flex;
  flex-direction: column;
}

.cancel-subscription .cancel-buttons {
  flex-direction: column;
  align-items: center;
}

.cancel-subscription .cancel-subscription-confirm .red {
  margin-top: 20px;
  margin-left: 10px;
}

.cancel-subscription input {
  margin-bottom: 0;
}

.usage_section {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  border: 1px solid #b7b7b7;
  box-sizing: border-box;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 1rem;
}

.usage_section span {
  font-size: 14px;
  line-height: 19px;
  color: #606060;
}

input {
  font-size: 14px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 7px 0.5rem 6px;
}

input:not(.button):focus {
  color: #0e8841;
  border-color: #0e8841;
  outline-color: #0e8841;
  box-shadow: 0px 4px 4px 0px rgba(50, 50, 71, 0.2);
}

input.error {
  color: #b51d09;
  border-color: #b51d09;
  background-color: #fcc8c1;
}

input[disabled] {
  color: #737373;
  border-color: #737373;
  background-color: #e6e6e6;
}

#usageWrapper h3 {
  margin-top: 2rem;
}

.link-wrapper {
  text-align: right;
}

.link-wrapper a {
  text-decoration: none;
  display: inline-block;
  color: #fff;
}

.usage_month {
  border-bottom: #024059 solid 3px;
}

.admin select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.8rem;
  min-height: auto;
}

.admin select[disabled] {
  color: #8b8b8b;
  border-color: #8b8b8b;
  background-color: #f0f2f3;
}

.progress-bar {
  width: 100%;
  height: 100%;
  background-color: #ededed;
  border-radius: 3px;
  margin-bottom: 1rem;
}

.progress-bar-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.progress {
  font-size: 10px;
  font-weight: 700;
  height: 100%;
  max-height: 14px;
  max-width: 100%;
  border-radius: 3px;
  background-color: #7cb62f;
}

.progress span {
  visibility: hidden;
}

.warning-header {
  font-size: 18px;
  font-weight: bold;
}

.warning-wrapper {
  margin-bottom: 1rem;
}

.warning-container {
  background: #fffedd;
  border: 1px solid #ffd449;
  border-radius: 3px;
  padding: 1rem;
  color: #6f5500;
}

.warning-container li {
  margin: 0;
}

.account_buttons {
  display: none;
  justify-content: space-between;
  margin-top: 3rem;
}

.account_buttons form.center {
  margin: 0 auto;
}

.remove-button {
  cursor: pointer;
  max-width: 203px;
  background: linear-gradient(180deg, #ed1c24 0%, #aa1317 100%);
  border: 1px solid #980c10;
  border-radius: 3px;
  padding: 13px 23px;
  color: #ffffff;
}

.remove-addon-button {
  cursor: pointer;
  border-radius: 3px;
  color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-button {
  cursor: pointer;
  font-size: 1em;
  width: 100%;
  max-width: fit-content;
  background: linear-gradient(180deg, #7db72f 0%, #4e7d0e 100%);
  border: 1px solid #538312;
  border-radius: 3px;
  padding: 13px 23px;
  color: #ffffff;
}

.admin-button {
  cursor: pointer;
  max-width: 203px;
  height: 47px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #b7b7b7;
  border-radius: 3px;
  padding: 13px 23px;
}

.admin-button.green {
  background: linear-gradient(180deg, #7db72f 0%, #4e7d0e 100%);
}

.addOn__btn-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 52px;
  margin-bottom: 2rem;
}

.addOn__btn-wrapper button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*Account section */
.account-info-wrapper {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
}

.account-info-col {
  flex-direction: column;
  width: 80%;
}

/*Usage section */
.col1 {
  flex: 60%;
  margin-right: 1rem;
}

/*Add-on section */
.col2 {
  flex: 30%;
  border-left: solid 1px #b7b7b7;
  padding-left: 1rem;
}

@media only screen and (max-width: 1260px) {
  .account-info-col {
    width: 100%;
  }

  .col2 {
    flex: 100%;
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }

  .col1 {
    flex: 100%;
    margin-right: 0;
  }
}

/*styling for all boxes in the account panel*/
.account-panel-box {
  border: 1px solid #b7b7b7;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  background: linear-gradient(180deg, #fff 0, #fbfbfb 100%);
  border-radius: 6px;
  padding: 0.8rem;
  margin: 0 0 1rem 0;
}

#delete {
  margin-right: 1rem;
}

#added-detail p {
  font-size: 14px;
  margin: 0;
}

.account-panel form {
  display: block;
}

#totalAddon {
  font-weight: bold;
}

.account_addons {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 300px;
  opacity: 1;
  padding: 10px;
}

.addon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.added-section {
  display: flex;
  justify-content: space-between;
}

#addon-info {
  padding-left: 5px;
  margin: 5px;
  border-left: solid 1px #b7b7b7;
  color: grey;
}

#addon-info p {
  font-size: 12px;
  margin: 0;
}

#addon_price {
  font-size: 50px;
}

#addon_price::before {
  content: "$";
  font-size: 34px;
  vertical-align: 0.5em;
  color: #707070;
  position: relative;
  right: -10px;
}

#addon_price::after {
  content: "USD";
  font-size: 34px;
  vertical-align: 0.5em;
  color: #707070;
  position: relative;
  right: -10px;
}

#manage-subscription>h1 {
  font-size: 2rem;
  color: #585757;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 2rem;
}

/*Add-on modal section */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

/* Modal Content/Box */
.modal-content {
  max-width: 700px;
  text-align: left;
  padding: 30px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%) !important;
  border-radius: 7px;
  /* The Close Button */
}

.modal-content p {
  padding-top: 5px;
  margin: 0;
  color: #767676 !important;
}

.modal-content .modal-info {
  margin-bottom: 30px;
  text-align: left;
}

.modal-content .close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 2px;
  right: 10px;
}

.modal-content .modal-buttons {
  text-align: right;
}

.modal-content #addOn_total {
  width: 150px;
  padding: 10px;
  text-align: right;
}

.modal-content .add-button {
  padding: 10px 50px 10px 50px;
  font-size: 15px;
}

.modal-content input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
}

.modal-content .close:hover,
.modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .modal-content {
    width: 90%;
  }
}

.subscription-modal a {
  float: right;
  text-decoration: none;
  color: #fff;
}

.spinner {
  /* Spinner size and color */
  width: 1rem;
  height: 1rem;
  border-top-color: #fff;
  border-left-color: #fff;
  /* Additional spinner styles */
  animation: spinner 1.2s linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

/* Animation styles */
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* credit card update/form modal */
.update-billing-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

#update-plan-link {
  display: inline-block;
  text-decoration: underline;
  padding-bottom: 20px;
  cursor: pointer;
  font-weight: bold;
}

.modal-content select {
  margin-bottom: 10px;
}

.modal-content input {
  margin-bottom: 10px;
}

.modal-content label {
  display: block;
  margin-bottom: 5px;
  color: #767676;
  font-size: 12px;
}

.modal-content .gray-text {
  color: #767676;
}

.modal-content .card_number {
  margin-top: 10px;
}

.modal-content .card_number input {
  width: 80%;
}

.modal-content .security_field {
  padding-left: 10px;
}

.modal-content .security_field input {
  width: 100%;
}

.modal-content .info_wrapper {
  margin-bottom: 10px;
  display: flex;
}

.modal-content .billing_warning_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.modal-content .red-text {
  color: #d81b21 !important;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.modal-content .green-text {
  color: #219653 !important;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.modal-content #captcha_element {
  width: 300px;
  margin: 20px 0 20px 0;
}

.modal-content #pricing-cards-wrapper {
  margin-bottom: 0;
}

.modal-content .pricing-card {
  margin-top: 20px;
}

.modal-content .pricing-table-container {
  margin-top: 0;
}

.modal-content .confirmation-wrapper p {
  font-size: 16px !important;
  margin-bottom: 20px;
}

.modal-content .cancel-subscription-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 440px) {
  .modal-content .cancel-subscription-buttons {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}

.modal-content .cancel-subscription-buttons button {
  padding: 10px 23px;
  margin-left: 10px;
  margin-top: 20px;
}

.modal-content .cancel-subscription-buttons .admin-button.red {
  margin-bottom: 0px;
}

.modal-content h2#cancel-header {
  font-size: 18px;
  text-align: center;
}

@media (min-width: 440px) {
  .modal-content h2#cancel-header {
    font-size: 20px;
    text-align: left;
  }
}

.modal-content .cancel-subscription-confirm {
  display: none;
}

.modal-content .cancel-subscription-confirm label {
  font-size: 16px;
  margin-top: 10px;
}

.cancel-wrapper {
  margin-top: 20px;
}

#verify-card-wrapper {
  padding: 20px;
  background: #fef3a6;
  border-radius: 15px;
  font-size: 14px;
  margin-bottom: 10px;
}

#verify-card-wrapper a {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

@media only screen and (min-width: 200px) and (max-width: 800px) {
  .modal-content {
    width: 90%;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }

  .update-billing-top {
    flex-direction: column;
  }

  .info_wrapper {
    flex-direction: column;
  }

  .security_field {
    padding-left: 0 !important;
  }

  .transaction_field {
    width: 100%;
  }
}

.added-section div {
  display: flex;
}

.added-section div:first-child {
  flex-direction: column;
}

.added-section div:last-child {
  justify-content: flex-end;
  align-items: center;
}

.added-section input {
  margin: 0 5px 0 0;
}

.addon-warning {
  font-size: 14px;
}

#remove-addon-modal .modal-buttons {
  display: flex;
  justify-content: flex-end;
  vertical-align: center;
}

#remove-addon-modal input {
  margin: 0 5px 0 0;
  height: 100%;
}

#remove-addon-modal a {
  width: 100%;
  text-align: start;
}

.gray {
  color: #737373;
  background: #ededed;
  border: 1px solid #737373;
}

/******************************************************************

BatchGeo

Stylesheet: Colorbox

TODO: Add real retina images, make sure to include backgroudSize property as well

******************************************************************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
  float: none !important;
  margin: 0 auto;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: gainsboro;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  display: none;
  width: 21px;
  height: 21px;
  background: url("/images/controls.png") no-repeat -101px 0;
}

#cboxTopRight {
  display: none;
  width: 21px;
  height: 21px;
  background: url("/images/controls.png") no-repeat -130px 0;
}

#cboxBottomLeft {
  display: none;
  width: 21px;
  height: 21px;
  background: url("/images/controls.png") no-repeat -101px -29px;
}

#cboxBottomRight {
  display: none;
  width: 21px;
  height: 21px;
  background: url("/images/controls.png") no-repeat -130px -29px;
}

#cboxMiddleLeft {
  display: none;
  width: 21px;
  background: url("/images/controls.png") left top repeat-y;
}

#cboxMiddleRight {
  display: none;
  width: 21px;
  background: url("/images/controls.png") right top repeat-y;
}

#cboxTopCenter {
  display: none;
  height: 21px;
  background: url("/images/border.png") 0 0 repeat-x;
}

#cboxBottomCenter {
  display: none;
  height: 21px;
  background: url("/images/border.png") 0 -29px repeat-x;
}

#cboxContent {
  background: #f7f7f7;
  overflow: hidden;
  border: 1px solid #cccccc;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 0;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingGraphic {
  background: url("/images/loading.gif") no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/images/controls.png") no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("/images/controls.png") no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 7px;
  top: 7px;
  color: #979797;
  z-index: 99999;
  text-indent: -200px;
  overflow: hidden;
}

#cboxClose:before {
  position: absolute;
  top: 5px;
  right: 0;
  width: 40px;
  height: 40px;
  font-family: "batchgeotoolbaricons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  font-size: 28px;
  color: #979797;
  text-indent: 0;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/* Custom dialogs */
#cboxOverlay.custom-dialog {
  background: rgba(255, 255, 255, 0.8);
}

#cboxOverlay.map-success-dialog {
  background: rgba(255, 255, 255, 0.8);
}

#colorbox.map-success-dialog {
  border-radius: 8px;
  box-shadow: #c7c7c7 0 1px 2px 1px;
}

#colorbox.map-success-dialog h1 {
  margin-bottom: 9px;
}

#colorbox.map-success-dialog .post-map-create-modal-input {
  padding: 10px 20px;
  text-align: center;
  margin: 13px auto;
}

#colorbox.map-success-dialog #cboxContent {
  background: #f7f7f7;
  width: 100% !important;
  height: 1000px !important;
}

#colorbox.map-success-dialog #cboxLoadedContent {
  height: 100% !important;
  width: 100% !important;
}

#colorbox.map-success-dialog .go-to-button {
  margin-right: 15px;
}

#colorbox.map-success-dialog .free-plan-button {
  margin-top: 25px;
}

#colorbox.map-success-dialog .post-map-create-modal {
  padding: 30px 125px 0;
}

@media only screen and (max-width: 572px) {
  #colorbox.map-success-dialog .post-map-create-modal {
    padding: 30px 25px 0;
  }

  #colorbox.map-success-dialog .post-map-create-modal .button {
    width: 75%;
    margin-right: 0;
  }
}

#colorbox.map-success-dialog #cboxTopLeft,
#colorbox.map-success-dialog #cboxTopCenter,
#colorbox.map-success-dialog #cboxTopRight,
#colorbox.map-success-dialog #cboxMiddleLeft,
#colorbox.map-success-dialog #cboxMiddleRight,
#colorbox.map-success-dialog #cboxBottomLeft,
#colorbox.map-success-dialog #cboxBottomCenter,
#colorbox.map-success-dialog #cboxBottomRight {
  width: 0;
  height: 0;
  display: none !important;
}

#colorbox.custom-dialog {
  box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

#colorbox.custom-dialog #cboxTopLeft,
#colorbox.custom-dialog #cboxTopCenter,
#colorbox.custom-dialog #cboxTopRight,
#colorbox.custom-dialog #cboxMiddleLeft,
#colorbox.custom-dialog #cboxMiddleRight,
#colorbox.custom-dialog #cboxBottomLeft,
#colorbox.custom-dialog #cboxBottomCenter,
#colorbox.custom-dialog #cboxBottomRight {
  width: 0;
  height: 0;
  display: none !important;
}

#colorbox.custom-dialog #cboxContent {
  text-align: center;
  border-radius: 4px;
  background: #eee;
  float: none;
}

#colorbox.custom-dialog #cboxLoadedContent {
  padding: 24px;
  margin-bottom: 0;
}

#colorbox.custom-dialog .dialog-message {
  color: #555;
  text-shadow: 0 1px 0 white;
  margin-bottom: 24px;
  margin-top: 6px;
}

#colorbox.custom-dialog .dialog-message kbd {
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

#colorbox.custom-dialog .dialog-buttons {
  margin-bottom: 0;
}

#colorbox.custom-dialog .dialog-buttons .button {
  min-width: 25%;
  font-size: 14px;
  padding: 0.5em 1em;
  margin-bottom: 0;
}

#colorbox.custom-dialog .dialog-buttons .dismiss-btn {
  margin-right: 1em;
}

#colorbox.custom-dialog h2 {
  margin-top: 0px;
}

/******************************************************************
BatchGeo

Stylesheet: Buttons

TODO: Get rid of all textured button looks, convert to flat - commenting out gradients seems to break iOS Safari
	 $button-color - doesn't actually get set?
******************************************************************/
.button,
.button:visited {
  font-family: Arial, sans-serif;
  /*
  border: 1px solid darken($button-color, 13%);
  border-top-color: darken($button-color, 7%);
  border-left-color: darken($button-color, 7%);
  */
  -webkit-border-radius: 3em;
  border-radius: 3em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  padding: 18px 32px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  zoom: 1;
  /* zoom and *display = ie7 hack for display:inline-block */
  /*
  &:hover, &:focus {
    // color: $black;
      border: 1px solid darken($button-color, 13%);
      border-top-color: darken($button-color, 20%);
    border-left-color: darken($button-color, 20%);
    @include css-gradient(darken($button-color, 5%), darken($button-color, 10%));
  }
  */
  /*
  &:active {
    @include css-gradient(darken($button-color, 5%), $button-color);
  }
  */
}

@media screen and (max-width: 479px) {
  .button {
    font-size: 1rem;
  }
}

input.button,
button.button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

button.button:focus {
  outline: #000 auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}

.button-cta,
.button-cta:visited {
  border-color: #0c7136;
  color: #fff;
  text-shadow: 0 1px 1px #095a2b;
  background-color: #0c7136;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#0e8841),
      to(#0c7136));
  background-image: -webkit-linear-gradient(top, #0e8841, #0c7136);
  background-image: -moz-linear-gradient(top, #0e8841, #0c7136);
  background-image: -o-linear-gradient(top, #0e8841, #0c7136);
  background-image: linear-gradient(to bottom, #0e8841, #0c7136);
}

.button-cta:hover,
.button-cta:focus,
.button-cta:visited:hover,
.button-cta:visited:focus {
  border-color: #074320;
  color: #fff;
  background-color: #095a2b;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#0e8841),
      to(#095a2b));
  background-image: -webkit-linear-gradient(top, #0e8841, #095a2b);
  background-image: -moz-linear-gradient(top, #0e8841, #095a2b);
  background-image: -o-linear-gradient(top, #0e8841, #095a2b);
  background-image: linear-gradient(to bottom, #0e8841, #095a2b);
}

.button-cta:active,
.button-cta:visited:active {
  background-color: #0e8841;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#0c7136),
      to(#0e8841));
  background-image: -webkit-linear-gradient(top, #0c7136, #0e8841);
  background-image: -moz-linear-gradient(top, #0c7136, #0e8841);
  background-image: -o-linear-gradient(top, #0c7136, #0e8841);
  background-image: linear-gradient(to bottom, #0c7136, #0e8841);
}

.buttonsmall {
  font-size: 16px;
  padding: 17px 26px;
}

.buttonmedium {
  font-size: 14px;
  padding: 1em;
}

.get_started_button {
  font-size: 22px;
  margin-bottom: 1em;
  padding: 0.6em 1em;
  width: 100%;
}

.get_started_button em {
  font-size: 14px;
  font-style: normal;
}

/* social buttons */
#socialButtons {
  width: 400px;
  margin: auto;
  clear: both;
}

#facebookButton {
  border: none;
  overflow: hidden;
  width: 400px;
  height: 25px;
}

#twitterButton {
  height: 25px;
  float: right;
  padding-top: 4px;
}

#mapDirections {
  text-align: center;
  padding: 0 4px;
}

.adp-directions {
  margin: auto;
}

#mobile-map {
  margin: 2px 0 6px 10px;
}

.clear {
  clear: both;
  margin-top: -1px;
  height: 1px;
  overflow: hidden;
}

.directions-link {
  font-size: 12px;
}

a.directions-link {
  text-decoration: none;
  color: #000;
  font-size: 12px;
}

.postmetadata {
  font-size: 11px;
}

/* red */
.red {
  color: #fff;
  border: 1px solid #980c10;
  background: #d81b21;
}

.red:hover {
  background: #bf171d;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.red:active {
  color: #de898c;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

/* green */
.green {
  color: #fff;
  border: 1px solid #0e8841;
  background: #0e8841;
}

.green:hover {
  background: #096f36;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.green:active {
  color: #a9c08c;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

/* white */
.button.white,
.button.white:visited {
  color: #024059;
  border: 1px solid #024059;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.button.white:hover {
  color: #024059;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

/* green */
.button.green:first-child,
.button.green:visited {
  color: #fff;
  background: #0e8841;
  border: 1px solid #0e8841;
  box-shadow: inset 0px -3px 0px #096f36;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.button.green:hover {
  color: #fff;
  background: #0e8841;
  box-shadow:
    inset 0px -3px 0px #096f36,
    0px 4px 4px rgba(0, 0, 0, 0.15);
}

/* blue */
.button.blue,
.button.blue:visited {
  color: #fff;
  background: #024059;
  border: 1px solid #024059;
  box-shadow: inset 0px -3px 0px #022a3a;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.button.blue:hover {
  color: #fff;
  background: #023448;
  box-shadow:
    inset 0px -3px 0px #012635,
    0px 4px 4px rgba(0, 0, 0, 0.15);
}

/* gold */
.button.gold,
.button.gold:visited {
  color: #071d25;
  background: #f9c81b;
  border: 1px solid #f9c81b;
  box-shadow: inset 0px -3px 0px #e0af00;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.button.gold:hover {
  color: #071d25;
  background: #e0af00;
  box-shadow:
    inset 0px -3px 0px #b18a01,
    0px 4px 4px rgba(0, 0, 0, 0.1);
}

.disabled {
  background: #eeeeee;
  border: 1px solid #eeeeee;
  color: #555;
}

.disabled:hover {
  background: #eeeeee;
  border: 1px solid #eeeeee;
  color: #555;
  box-shadow: none;
}

.button.wide {
  min-width: 200px;
}

@media screen and (max-width: 479px) {
  .button-wrap-mobile {
    white-space: initial;
    line-height: 1.2;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/******************************************************************

BatchGeo

Stylesheet: Captions

******************************************************************/
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f6f6f6;
  padding-top: 4px;
  margin-bottom: 35px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 12px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.batchgeo-map-tooltip-anchor {
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: 70px;
  text-align: left;
  z-index: 9999;
}

.batchgeo-map-tooltip-anchor.no-title {
  margin-top: 38px;
}

.batchgeo-map-tooltip-anchor.no-title .batchgeo-map-tooltip-content {
  padding-top: 10px;
}

.batchgeo-map-tooltip-anchor .batchgeo-map-tooltip-content {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  background: rgba(255, 255, 255, 0.85);
  padding: 5px 10px 10px 10px;
  border-radius: 5px;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
}

.batchgeo-map-tooltip-anchor .batchgeo-map-tooltip-content h1 {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  float: none;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.batchgeo-map-tooltip-anchor .batchgeo-map-tooltip-content p {
  font-size: 11px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.batchgeo-custom-buttons {
  position: absolute;
  bottom: 25px;
  right: 10px;
  display: flex;
  gap: 5px;
}

@media only screen and (max-width: 400px) {
  .batchgeo-custom-buttons {
    width: 100%;
    justify-content: center;
    right: 0;
  }
}

.batchgeo-custom-buttons .batchgeo-custom-extent,
.batchgeo-custom-buttons .batchgeo-boundary-zoom {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 0 17px;
  font-family: Roboto, Arial, sans-serif;
  border-radius: 2px;
  color: #000;
  height: 40px;
  font-weight: 500;
  cursor: pointer;
}

.batchgeo-custom-buttons .batchgeo-custom-extent:hover,
.batchgeo-custom-buttons .batchgeo-boundary-zoom:hover {
  background: #ebebeb;
}

.batchgeo-custom-buttons .batchgeo-custom-extent:disabled,
.batchgeo-custom-buttons .batchgeo-boundary-zoom:disabled {
  background: #ebebeb;
  color: #666666;
}

#preview #rmMarker {
  display: none;
}

.ui-helper-hidden-accessible {
  display: none;
}

div.tabRow {
  border: 0;
  border-bottom: 1px solid #aaa;
  font-size: 12px;
  padding: 20px 0;
  text-align: left;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

div.tabRow .zoom,
div.tabRow .rmMarker,
div.tabRow .pop-infowindow {
  display: none;
}

div.tabRow .markerLabel {
  float: left;
}

div.tabRow .markerLabel div {
  width: auto;
}

@media screen and (max-width: 600px) {
  div.tabRow .markerLabel {
    float: none;
  }
}

div.tabRow .descIMG {
  max-width: 198px;
  margin: 8px 0 12px;
  float: right;
}

@media screen and (max-width: 600px) {
  div.tabRow .descIMG {
    float: none;
    margin: 0 auto 15px 12px;
    display: block;
  }
}

img.descIMG {
  max-width: 198px;
  border: 0;
}

a.marker:link,
a.marker:visited,
a.marker:hover {
  border-bottom: 0px;
  margin: 0 0 2px 0;
  text-decoration: none;
  color: #3366cc;
}

a.goog:link,
a.goog:visited {
  text-decoration: none;
  color: #000;
}

.l {
  color: #369;
}

span.tabT {
  font-weight: bold;
}

span.tabA {
  display: block;
  margin-bottom: 4px;
}

span.tabG {
  display: block;
  margin: 4px 0;
}

.tabL {
  float: right;
  padding-left: 20px;
  cursor: hand;
  font-size: 36px;
  color: #aaa;
}

a.directions-link:visited,
a.directions-link:link {
  text-decoration: none;
  color: #000;
  font-size: 12px;
}

a.directions-link:hover {
  text-decoration: underline;
}

#legWrap {
  text-align: left;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 10px 0 0 0;
  position: relative;
  line-height: 1.2;
}

#legWrap:after {
  content: "";
  clear: both;
  display: table;
}

.storeLocator-view #legWrap {
  background-color: #000;
}

.listButton {
  color: white;
  justify-self: flex-start;
  height: 18px;
  width: 15px;
  margin-right: 10px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  background-image: url("../../images/noun-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  grid-column: 1/2;
  align-self: center;
}

.listBackButton {
  color: white;
  justify-self: center;
  height: 18px;
  width: 15px;
  margin-right: 15px;
  border-radius: 3px;
  white-space: nowrap;
  background-image: url("../../images/noun-arrow.svg");
  background-color: rgba(0, 0, 0, 0);
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: -25px;
  transform: rotate(180deg);
  cursor: pointer;
}

@media screen and (hover: none) and (pointer: coarse) {
  .listBackButton {
    margin-left: -5px;
  }
}

.listBackButton::before {
  background-image: url("../../images/noun-arrow.svg");
  transform: rotate(180deg);
}

.placeholder {
  grid-column: 2/3;
  grid-row: 1/2;
  color: white;
  justify-self: center;
  height: 25px;
  width: 25px;
  margin-right: 10px;
  border-radius: 3px;
}

.ellipsis {
  font-size: 16px;
  line-height: 16px;
  width: 35px;
  text-align: center;
}

.buttonbox {
  display: grid;
  cursor: pointer;
}

.buttonbox.active,
.buttonbox:hover {
  background-position: left -1px;
  color: #fffb73;
}

.buttonbox li.active,
.buttonbox li:hover {
  background-position: left -1px;
  color: #fffb73;
}

.buttonbox li.inactive {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.buttonboxforward {
  display: grid;
  cursor: pointer;
  padding-left: 8px;
}

.wrapView {
  height: 36px;
  display: block;
}

@media screen and (min-width: 770px) {
  .wrapView {
    display: none !important;
  }
}

.shrinkLegWrap {
  height: fit-content;
  padding: 0px !important;
  min-height: 0px !important;
}

.smc-up {
  bottom: 83px !important;
}

.selected-marker-count {
  position: absolute;
  right: 5px;
  bottom: 32px;
}

.selected-marker-count span {
  background: #2a2e2b 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 5px 5px;
  border-radius: 3px;
  position: relative;
  z-index: 99;
  height: 24.39px;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0.81;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.selected-marker-count span .selectIndicatorSVG {
  height: 100%;
  margin-right: auto;
}

.selected-marker-count span p {
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  line-height: 11px;
}

#legDiv {
  margin: 0 auto;
  padding: 0;
  font-size: 12px;
  color: #fff;
  width: 100%;
  display: grid;
  grid-template-columns: min-content 100px minmax(min-content, max-content) auto;
}

@media screen and (max-width: 769px) {
  #legDiv {
    grid-template-rows: auto auto auto;
  }
}

@media screen and (max-width: 400px) {
  #legDiv {
    display: block;
  }
}

#legDiv .columnWrap {
  grid-column-start: 1;
  grid-row-start: 1;
  position: relative;
  display: table-cell;
  padding: 0 0 10px 10px;
}

#legDiv .columnWrap:hover .columnList {
  display: block;
}

#legDiv .columnWrap.no-menu .columnName {
  padding: 5px 9px;
  margin-left: 10px;
}

#legDiv .columnWrap.no-menu .columnName:after {
  display: none;
}

#legDiv .columnWrap.no-menu:hover .columnList {
  display: none;
}

#legDiv .columnName {
  display: inline-block;
  border-radius: 3px;
  padding: 5px 23px 5px 9px;
  margin-right: 15px;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  cursor: pointer;
  position: relative;
}

@media screen and (max-width: 769px) {
  #legDiv .columnName {
    font-size: 12px;
  }
}

#legDiv .columnName:before {
  /* A transparent rectangle to fill the gap between the
       * columnName and columnList when hovering columnWrap. */
  position: absolute;
  left: 0;
  top: -15px;
  height: 15px;
  width: 100%;
  content: "";
}

#legDiv .columnName:after {
  position: absolute;
  top: 7px;
  right: 6px;
  background: url(/images/noun-arrow-2.svg);
  background-size: 100% 100%;
  background-position: center;
  height: 10px;
  width: 10px;
  content: "";
}

#legDiv .columnName:hover {
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

#legDiv .columnName:hover:after {
  transform: rotate(180deg);
}

#legDiv .columnList {
  display: none;
  position: absolute;
  bottom: 100%;
  background: #fbfbfb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  list-style: none;
  margin: 0 0 15px 0;
  padding: 3px;
}

#legDiv .columnList.overflowColumnList {
  overflow: auto;
  box-sizing: border-box;
  margin: 0 0 10px 0;
}

#legDiv .columnList.overflowColumnList:after {
  display: none;
}

#legDiv .columnList.overflowColumnList li {
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  min-width: auto;
}

#legDiv .columnList li {
  color: #000;
  background: rgba(0, 0, 0, 0.1);
  padding: 9px;
  margin-bottom: 1px;
  border-radius: 3px;
  min-width: 120px;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  #legDiv .columnList li {
    /* Display on screens smaller than desktop */
    padding: 5px;
  }
}

#legDiv .columnList li:hover {
  background: rgba(0, 0, 0, 0.2);
}

#legDiv .columnList:after {
  position: absolute;
  left: 10px;
  bottom: -8px;
  border-color: #fbfbfb transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0;
  content: "";
}

#legDiv .firstPage {
  grid-column: 2/4;
  grid-row: 1/2;
}

#legDiv .leftItem.active,
#legDiv .leftItem:hover {
  background-position: left -1px;
  color: #fffb73;
}

#legDiv .leftItem.inactive {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#legDiv .groupList {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: auto;
  padding: 0 0 5px 0;
  line-height: 20px;
  grid-row: 1/2;
  grid-column: 2/4;
}

@media screen and (max-width: 400px) {
  #legDiv .groupList {
    padding: 0 0 5px 10px;
  }
}

#legDiv .groupList li {
  display: inline-block;
  margin: 2px 12px 5px 0;
  padding: 0 6px 0 21px;
  background-repeat: no-repeat;
  background-position: left top;
  white-space: nowrap;
  cursor: pointer;
  max-width: 90vw;
  text-overflow: ellipsis;
}

#legDiv .groupList li.active,
#legDiv .groupList li:hover {
  background-position: left -1px;
  color: #fffb73;
}

#legDiv .groupList li.inactive {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#legDiv .filterListWrap {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 2;
  line-height: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #494949;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 769px) {
  #legDiv .filterListWrap {
    flex-direction: column;
  }
}

#legDiv .listCount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
  padding: 0 0 2px 10px;
  background-size: auto 100%;
}

@media screen and (max-width: 769px) {
  #legDiv .listCount {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    background: -webkit-gradient(linear,
        left top,
        left bottom,
        from(#494949),
        to(#646464));
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 5px 10px 10px;
    margin-right: 0;
  }
}

#legDiv .listCount p {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.29px;
  margin: 0;
  white-space: nowrap;
}

#legDiv .listCount .listCountDivider {
  height: 60%;
  width: 2px;
  background-color: #6b6e6c;
  margin-left: 30px;
  margin-right: 20px;
}

@media screen and (max-width: 769px) {
  #legDiv .listCount .listCountDivider {
    display: none;
  }
}

#legDiv .listCount .listCountCloseButton:before {
  content: " ";
  display: block;
  background: url(/images/closeCircle.png);
  background-size: 100% 100%;
  background-position: center;
  position: relative;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  cursor: pointer;
}

@media screen and (max-width: 769px) {
  #legDiv .listCount .listCountCloseButton:before {
    margin-left: 0;
    margin-right: 6px;
  }
}

#legDiv .filterList {
  margin: 0 0 7px 0;
  padding: 0;
  text-align: left;
}

@media screen and (max-width: 769px) {
  #legDiv .filterList {
    padding: 5px;
    margin: 0;
  }
}

#legDiv .filterList li {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 5px 5px 0px 0;
  padding: 5px 10px 5px 7px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  color: #000;
  font-size: 11px;
}

@media screen and (max-width: 769px) {
  #legDiv .filterList li {
    margin: 4px 4px 4px 4px;
  }
}

#legDiv .filterList li:before {
  content: " ";
  display: block;
  background: url(/images/closeCircle.png);
  background-size: 100% 100%;
  background-position: center;
  position: relative;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  cursor: pointer;
}

@media screen and (max-width: 992px) {

  /* Display on screens smaller than desktop */
  #legalDiv {
    font-size: 10px;
  }
}

#descriptionWrap {
  margin: 5px 0;
}

#descriptionWrap #description {
  padding: 5px 10px;
}

a.mapButton:link,
a.mapButton:visited {
  background: #fff;
  border: 1px solid #999999;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.398438);
  color: #999999;
  font-size: 13px;
  font-weight: bold;
  left: 80px;
  padding: 2px 2px 1px 2px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 77px;
  display: none;
}

a.mapButton:hover {
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  color: #000;
}

#mapDiv-outlierMenu-container {
  background-color: #ffffff;
  border: 1px solid #707070;
  opacity: 1;
}

#mapDiv-outlierMenu-container p {
  margin-bottom: 0;
}

#mapDiv-outlierMenu-container #outlierMenu {
  padding: 24px 24px 22px 24px;
  width: 43%;
  text-align: left;
}

@media (max-width: 700px) {
  #mapDiv-outlierMenu-container #outlierMenu {
    width: 100%;
  }
}

#mapDiv-outlierMenu-container #outlierMenu .title-text {
  font: normal normal bold 16px/18px Arial;
  letter-spacing: 0px;
  color: #1d1d1d;
  margin-bottom: 20px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-text,
#mapDiv-outlierMenu-container #outlierMenu .invalid-text {
  font: normal normal normal 12px/14px Arial;
  letter-spacing: 0px;
  color: #1d1d1d;
  margin-bottom: 6px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container,
#mapDiv-outlierMenu-container #outlierMenu .invalid-container {
  height: 100px;
  overflow-y: scroll;
  width: 100%;
  border: 1px solid #ebebeb;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container::-webkit-scrollbar-thumb,
#mapDiv-outlierMenu-container #outlierMenu .invalid-container::-webkit-scrollbar-thumb {
  background: #dddddd 0% 0% no-repeat padding-box;
  opacity: 1;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container::-webkit-scrollbar,
#mapDiv-outlierMenu-container #outlierMenu .invalid-container::-webkit-scrollbar {
  width: 10px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container::-webkit-scrollbar-track,
#mapDiv-outlierMenu-container #outlierMenu .invalid-container::-webkit-scrollbar-track {
  border: 1px solid #ebebeb;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container {
  margin-bottom: 6px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p {
  font: normal normal normal 11px/17px Arial;
  padding-left: 3px;
  min-height: 20px;
  letter-spacing: 0px;
  color: #1d1d1d;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 3px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p button {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  color: red;
  border: none;
  padding: 0px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p button img {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p span {
  font: normal normal bold 11px/17px Arial;
  white-space: nowrap;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p:hover {
  background: #f7f7f7 0% 0% no-repeat padding-box;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p:hover button {
  visibility: visible;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p:focus {
  background: #f7f7f7 0% 0% no-repeat padding-box;
}

#mapDiv-outlierMenu-container #outlierMenu .outlier-container p:focus button {
  visibility: visible;
}

#mapDiv-outlierMenu-container #outlierMenu .invalid-container {
  margin-bottom: 14px;
}

#mapDiv-outlierMenu-container #outlierMenu .invalid-container p {
  padding: 4px 0px 4px 7px;
  text-decoration: line-through;
  font: normal normal bold 11px/12px Arial;
  letter-spacing: 0px;
  color: #960000;
  text-transform: uppercase;
  opacity: 1;
}

#mapDiv-outlierMenu-container #outlierMenu .explanation {
  margin-bottom: 50px;
}

#mapDiv-outlierMenu-container #outlierMenu .explanation p {
  font: normal normal normal 11px/12px Arial;
  letter-spacing: 0px;
  color: #1d1d1d;
  margin-bottom: 14px;
}

#mapDiv-outlierMenu-container #outlierMenu .explanation .if-issue {
  font: normal normal bold 11px/12px Arial;
  letter-spacing: 0px;
  color: #000000;
}

#mapDiv-outlierMenu-container #outlierMenu .buttons-container {
  display: flex;
  justify-content: space-between;
  gap: 12px 12px;
  flex-wrap: wrap;
}

#mapDiv-outlierMenu-container #outlierMenu .buttons-container .buttons-sub-container {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

#mapDiv-outlierMenu-container #outlierMenu .buttons-container button {
  text-align: center;
  font: normal normal bold 11px/15px Arial;
  letter-spacing: 0px;
  border-radius: 3px;
  height: 26px;
  padding: 0px 10px;
  border: 1px solid;
  cursor: pointer;
}

#mapDiv-outlierMenu-container #outlierMenu .buttons-container .edit-data {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-color: #000000;
  color: #000000;
}

#mapDiv-outlierMenu-container #outlierMenu .buttons-container .keep-all {
  background: #72aa27 0% 0% no-repeat padding-box;
  border-color: #547d1d;
  color: #ffffff;
}

#mapDiv-outlierMenu-container #outlierMenu .buttons-container .discard-outside {
  background: #f9c81b 0% 0% no-repeat padding-box;
  border-color: #707070;
  color: #000000;
}

#mapDiv-outlierMenu-container #mapDiv {
  position: relative;
}

#mapDiv.outlier-mode {
  width: 57%;
}

@media (max-width: 700px) {
  #mapDiv.outlier-mode {
    width: 100%;
    height: 450px !important;
  }
}

#outlierMenu.outlier-mode {
  display: block;
}

#mapDiv-outlierMenu-container.outlier-mode {
  display: flex;
}

@media (max-width: 700px) {
  #mapDiv-outlierMenu-container.outlier-mode {
    flex-wrap: wrap;
  }
}

#mapDirections {
  display: none;
  float: left;
  height: 550px;
  width: 28%;
  background-color: #fff;
  overflow-y: scroll;
  z-index: 99;
}

#alias {
  width: 265px;
  font-size: 14px;
}

@media screen and (max-width: 345px) {
  #alias {
    width: 235px;
  }
}

#alias_check {
  font-weight: bold;
}

#mapWrap {
  overflow: hidden;
  position: relative;
  background-color: #eee;
  height: 100vh;
}

.clip {
  overflow: hidden;
}

a img {
  border: 0;
}

.hide {
  display: none;
}

.infobox-wrapper {
  display: none;
}

.markerLabel {
  border-width: 0;
  padding: 0 0.4em 0 0;
  line-height: 1.4em;
  border-spacing: 0;
  margin: 0;
  min-width: 200px;
  max-width: 350px;
}

.markerLabel .markerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.markerLabel .markerContent .cardTitle {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  height: auto;
  line-height: 17px;
  white-space: normal;
  padding-right: 25px;
  margin-top: 2px;
}

.markerLabel .markerContent .cardTitle a {
  color: #3366cc;
}

.markerLabel .markerContent .address {
  font-style: normal;
}

.markerLabel .markerContent .l {
  color: #545453;
  font-weight: bold;
}

.markerLabel div {
  overflow-wrap: break-word;
}

.markerLabel h5 {
  font-size: 12px;
  margin: 0;
  padding: 0;
  top: -10px;
  color: #000;
  border: 0;
}

.markerLabel .markerLabelExtras {
  position: absolute;
  top: 0;
  right: 30px;
}

.markerLabel .rmMarker {
  float: right;
  padding-right: 2px;
  cursor: pointer;
}

.markerLabel .zoom {
  float: right;
}

.markerLabel .pop-infowindow {
  float: right;
  margin-right: 2px;
  cursor: pointer;
}

.markerLabel .address {
  margin: 0;
}

.markerLabel img.streetview {
  display: block;
  cursor: pointer;
  max-height: 193px;
  max-width: 177px !important;
  margin: 0 !important;
}

.pg {
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  border-radius: 0 0 2px 2px;
  font-size: 10px;
  right: -14px;
  top: -28px;
  padding: 1em;
  z-index: 99;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.pg span {
  background-color: #333;
  color: #fff;
  padding: 2px 5px;
  margin: 1em;
  border-radius: 2px;
}

.labels {
  color: #6e6758;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  z-index: 1;
  text-shadow:
    rgba(255, 255, 255, 0.498039) -1px -1px 0px,
    rgba(255, 255, 255, 0.498039) 1px -1px 0px,
    rgba(255, 255, 255, 0.498039) -1px 1px 0px,
    rgba(255, 255, 255, 0.498039) 1px 1px 0px;
}

@font-face {
  font-family: "icomoon";
  src: url("/css/fonts/icomoon.eot?r8bf86");
  src:
    url("/css/fonts/icomoon.eot?#iefixr8bf86") format("embedded-opentype"),
    url("/css/fonts/icomoon.woff?r8bf86") format("woff"),
    url("/css/fonts/icomoon.ttf?r8bf86") format("truetype"),
    url("/css/fonts/icomoon.svg?r8bf86#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  content: "" !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[src$="sv9.png"] {
  display: none;
}

.markerLabelExtras,
.icon-search,
.icon-remove-circle {
  color: #aaa;
}

a.icon-search:hover,
a.icon-remove-circle:hover,
.pop-infowindow a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 0px;
}

.icon-keyboard-arrow-left,
.icon-keyboard-arrow-right {
  cursor: pointer;
}

.icon-clear {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #aaa;
}

.icon-clear:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 0px;
}

.ui-menu .ui-menu-item {
  font-size: 11px;
}

.pricing-box {
  max-width: 544px;
  border: #dadada solid 1px;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pricing-box.selected {
  border: 4px solid #ffc715;
  position: relative;
}

.pricing-box.selected:before {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -20px;
  background: #64991e;
  width: 40px;
  height: 40px;
  content: "\e90e";
  border-radius: 50px;
  font-family: batchgeotoolbaricons;
  color: #fff;
  font-size: 36px;
  line-height: 38px;
}

.pricing-box.pricing-pro {
  border-color: #f9c81b;
}

.pricing-box-title {
  display: flex;
  background-color: #f9c81b;
  height: 4.25rem;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: normal;
  margin-bottom: 0;
}

.pricing-box-body {
  max-width: calc(266px + 4rem);
  margin: 0 auto;
  padding: 1rem;
}

.pricing-box-body hr {
  height: 2px;
  margin: 0 auto 1.5rem;
}

.pricing-box-body h3 .date {
  font-size: 1.25rem;
  font-weight: normal;
  margin-left: -0.75rem;
}

@media only screen and (max-width: 900px) {
  .pricing-box-body h3 .date {
    margin-left: -0.5rem;
  }
}

@media only screen and (max-width: 599px) {
  .pricing-box-body h3 .date {
    margin-left: -0.1rem;
  }
}

.pricing-box-body-top {
  padding: 0 1rem;
}

.pricing-pro hr {
  background-color: #f9c81b;
}

.pricing-features {
  list-style: none;
  margin: 0 0 0.2rem 2rem;
  font-size: 1.25rem;
}

.pricing-features li {
  padding: 0 0 0.75rem 2rem;
  margin: 0;
  position: relative;
}

.pricing-features li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.9rem;
  background: url(/images/icon-checkmark.svg) no-repeat left center;
}

.pricing-2-options .pricing-features {
  font-size: 1rem;
}

.pricing-features-pro {
  margin-left: 1rem;
}

#pro-demo {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 35px 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
  #pricing-wrapper #content-wrap #pro-intro {
    margin-bottom: 25px;
  }

  #pricing-wrapper #pro-cta {
    text-align: center;
  }
}

.pricing-lite {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pricing-2-options {
  align-items: stretch;
  justify-content: center;
  padding-top: 2rem;
}

.pricing-2-options .flex-columns-item {
  flex-basis: 350px;
  max-width: 350px;
  margin: 0 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pricing-lite-spacer {
  height: 4.8rem;
}

@media screen and (max-width: 759px) {
  .pricing-2-options .flex-columns-item {
    margin: 0 auto;
  }

  .pricing-lite-spacer {
    display: none;
  }
}

.pricing-type {
  display: block;
  padding-bottom: 1rem;
  font-size: 1.5625rem;
  font-weight: bold;
}

.pricing-pro .pricing-type {
  color: #f9c81b;
}

.pricing-box .button.disabled:before {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  content: "\e90e";
  font-family: batchgeotoolbaricons;
  color: #64991e;
  font-size: 36px;
  line-height: 0;
  margin-right: 30px;
  margin-left: -10px;
}

@media screen and (min-width: 1240px) {
  .pricing-hero .flex-columns-two.pad .flex-columns-item {
    flex-basis: 45.75%;
  }
}

/* #tier-pricing {

	.pricing-header {
		@include flexbox;
		@include justify-content(center);
		@include align-items(center);

		.pro-slide {
			margin: 0;
		}
	}

	.pricing {
		border-bottom: 1px solid #efefef;
		border-radius: 0px 4px 4px 12px;
		margin: 0;
		max-width: 100%;
		margin: 4em 0;

		h2 {
			font-size: 48px;
			color: #585757;
			text-align: center;
			font-weight: 400;
		}

		.threecol {
			margin-left: 0;
			width: 100%;
		}

		.package-rows {
			display: none;

			li {

				font-weight: 600;
				text-align: left;
				border-left: 1px solid #efefef;
				margin-bottom: 0;

				&:first-child {

					background: none;
					border: none;

				}

				&:nth-child(2) {

					border-top: 1px solid #efefef;

				}

				&:last-child {

					background: none;
					color: #585757;
					font-size: inherit;
					text-shadow: none;
					font-weight: 600;
					text-align: left;
					border-color: #efefef;
					border-radius: 0px 0px 0px 12px;
					padding: 12px;

				}

			}

		}

		ul {

			border-right: none;
			width: 100%;
			margin-top: 1em;
			//float: left;

			&:first-child {

				font-weight: 500;
				text-align: left;

			}

		}

		li {

			border-top: #efefef 1px solid;
			padding: 12px;
			text-align: center;
			box-sizing: border-box;
			margin-bottom: 0;

			&:first-child {

				background-color: #333333;
				color: #fff;
				font: 300 30px/50px $sans-serif;
				height: 260px;
				padding:25px 0 0 0;

				h3 {

					font: 400 36px/18px $sans-serif;
					color: #fff;

				}

				p {

					font: 300 16px/18px $sans-serif;
					height:40px;
					@include flexbox;
					@include align-items(center);
					@include justify-content(center);
					margin-bottom:5px;
					margin-top:0;
					padding:0 10px;


				}
				button{
					width:90%;
				}
				span{
					@include flexbox;
					@include align-items(center);
					@include justify-content(center);
					background:#5B5B5B;
					color:#fff;
					font-size:17px;
					line-height:18px;
					font-weight:600;
					width:100%;
					padding:10px 15px;
					height:70px;
				}
			}

		}

		.markers:before {
			content: 'Markers per map ';
		}
		.users:before {
			content: 'Users ';
		}
		.geocodes:before {
			content: 'Geocodes per minute ';
		}
		.export:before {
			content: 'Export options ';
		}
		.security:before {
			content: 'Security and privacy ';
		}
		.sla:before {
			content: 'SLA ';
		}
		.custom:before {
			content: 'Custom markers ';
		}
		.advanced:before {
			content: 'Advanced features ';
		}
		.advertising:before {
			content: 'Advertising ';
		}

	}

}

@media only screen and (min-width: 768px) {
	#tier-pricing {
		.pricing {
			ul {
				border-right: solid 1px #efefef;
				margin: 0;
			}

			.package-rows {
				display: block;
			}

			.threecol {
				margin-left: 0;
				width: 25%;

			}
			.markers:before, .users:before, .geocodes:before, .export:before, .security:before, .sla:before, .custom:before, .advanced:before, .advertising:before {
				display: none;
			}
		}
	}

} */
/******************************************************************
BatchGeo
Stylesheet: About Page styles
******************************************************************/
.about-container #details {
  text-align: center;
}

.about-container #details .detail-table {
  background: #ffffff;
  border: 1px solid #cdcdcd;
  border-radius: 8px;
  padding: 35px 0;
  margin: 35px 0 50px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 480px) {
  .about-container #details .detail-table {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.about-container #details .detail-table .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-right: 1px solid #cdcdcd;
  width: 33%;
  padding: 25px;
}

@media screen and (max-width: 480px) {
  .about-container #details .detail-table .cell {
    border-bottom: 1px solid #cdcdcd;
    border-right: none;
    width: 80%;
  }

  .about-container #details .detail-table .cell:last-child {
    border-bottom: none;
  }
}

.about-container #details .detail-table .cell h1 {
  color: #ffc715;
  margin: 0;
}

.about-container #details .detail-table .cell h2 {
  color: #ffc715;
  margin: 0;
}

.about-container #details .detail-table .cell h5 {
  color: #666666;
  margin: 0;
  padding: 0;
  border: none;
}

.about-container #details .detail-table .cell:last-child {
  border: none;
}

.about-container #testimonials .top-row,
.about-container #testimonials .bottom-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

.about-container #testimonials .top-row .quote-col,
.about-container #testimonials .bottom-row .quote-col {
  width: 50%;
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin: 35px 20px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.about-container #testimonials .top-row .quote-col strong,
.about-container #testimonials .bottom-row .quote-col strong {
  font-weight: 800;
  font-size: 1rem;
}

.about-container #testimonials .top-row .quote-col p,
.about-container #testimonials .bottom-row .quote-col p {
  font-size: 16px;
  margin: 10px 0;
}

.about-container #testimonials .top-row .quote-col:after,
.about-container #testimonials .bottom-row .quote-col:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}

.about-container #testimonials .top-row .quote-col.top-left:after,
.about-container #testimonials .bottom-row .quote-col.top-left:after {
  border-width: 0 35px 35px 0;
  border-color: transparent #ffffff transparent transparent;
  right: 40px;
  bottom: -33px;
  -webkit-filter: drop-shadow(2px 4px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(2px 4px 1px rgba(0, 0, 0, 0.1));
}

.about-container #testimonials .top-row .quote-col.top-right:after,
.about-container #testimonials .bottom-row .quote-col.top-right:after {
  border-width: 35px 35px 0 0;
  border-color: #ffffff transparent transparent transparent;
  bottom: -33px;
  left: 40px;
  -webkit-filter: drop-shadow(-2px 4px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(-2px 4px 1px rgba(0, 0, 0, 0.1));
}

.about-container #testimonials .top-row .quote-col.bottom-left:after,
.about-container #testimonials .bottom-row .quote-col.bottom-left:after {
  border-width: 35px 0 0 35px;
  border-color: transparent transparent transparent #ffffff;
  right: -33px;
  top: 25px;
  -webkit-filter: drop-shadow(4px 2px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(4px 2px 1px rgba(0, 0, 0, 0.1));
}

.about-container #testimonials .top-row .quote-col.bottom-right:after,
.about-container #testimonials .bottom-row .quote-col.bottom-right:after {
  border-width: 0 0 35px 35px;
  border-color: transparent transparent #ffffff transparent;
  left: -33px;
  top: 25px;
  -webkit-filter: drop-shadow(-4px 2px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(-4px 2px 1px rgba(0, 0, 0, 0.1));
}

.about-container #testimonials .top-row {
  max-width: 800px;
}

.about-container #testimonials .bottom-row {
  max-width: 1200px;
  margin-top: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.about-container #testimonials .bottom-row .quote-col {
  margin-bottom: 100px;
  margin-top: 0;
}

.about-container #testimonials .testimonial-image {
  width: 600px;
}

/* Flash Messages */
#flash {
  font-size: 20px;
  text-align: center;
  display: none;
}

.flash_html {
  display: inline;
}

.flash_ajax {
  display: block;
  margin: 0 auto 0 -200px;
  position: fixed;
  top: 0px;
  left: 50%;
  width: 400px;
  z-index: 1003;
  color: #222;
}

.flash_html div,
.flash_ajax div {
  text-align: center;
  font-size: 14px;
  margin: 0px auto;
  width: 400px;
  padding: 5px 40px;
  background-color: #fffdd7;
  border-bottom: 3px solid #fdfba8;
  border-left: 3px solid #fdfba8;
  border-right: 3px solid #fdfba8;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.flash_ajax div.flash_error,
.flash_html div.flash_error,
.flash_ajax div.flash_critical,
.flash_html div.flash_critical {
  border-color: #ff0000;
  background-color: #ffbaba;
}

#company-support-portal {
  overflow: hidden;
  /* Breadcrumbs */
  /* Small Search */
  /* Portal Company Header */
  /* Portal Support Header */
  /* Support Side Column */
  /* Support Side Column Twitter */
  /* Support Side Twitter Widget */
  /* Support Main Column */
  /* Support Main Column Headers */
  /* Dashboard */
  /* Article Lists */
  /* Article List Metas */
  /* Article List Toggles */
  /* Page Title */
  /* Article View & Question View */
  /* Article View Attachments */
  /* Article View Rating */
  /* Question View */
  /* Question Answers */
  /* Question View Rating */
  /* Question View and Private Portal Reply Form */
  /* Pre Create Headers */
  /* Support Forms */
  /* Pagination */
  /* Big Search */
  /* Footer */
  /* Modals */
  /* Get Satisfaction Styles */
  /* Private Portal */
  /* Private Portal - Case Detail */
  /* Private Portal - My Profile */
  /* Private Portal - Login and Registration */
}

#company-support-portal #header nav {
  position: relative;
  top: -10px;
}

#company-support-portal #nav ul {
  text-align: center;
  padding: 0 15px;
}

#company-support-portal #nav ul li {
  width: 30%;
  float: left;
  text-align: center;
  font-size: 15px;
}

#company-support-portal #nav ul li:first-child {
  width: 33%;
  padding-left: 10px;
}

#company-support-portal #breadcrumbs {
  margin-top: 20px;
}

#company-support-portal #support-search-small-contain {
  /* SEARCH BAR */
}

#company-support-portal #support-search-small-contain .support-search-small {
  background: #e5e5e5;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.05);
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 40px;
}

#company-support-portal #support-search-small-contain form {
  padding: 20px;
  display: block;
}

#company-support-portal #support-search-small-contain h2 {
  font-size: 32px;
  text-shadow: 0 1px 0 #fff;
}

#company-support-portal #support-search-small-contain .support-search-small #support-search-submit {
  background: #64991e;
  background-image: url("http://devl8.batchgeo.com/images/small-search@2x.png");
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
  background-image: url("http://devl8.batchgeo.com/images/small-search@2x.png"),
    linear-gradient(#7db72f, #4e7d0e);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70px 40px;
  outline: 0;
  color: #fff;
  cursor: pointer;
  padding: 10px 0px;
  border: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#company-support-portal #support-search-small-contain .support-search-small #q {
  border: 0;
  color: #000;
  font-size: 13px;
  margin-left: 0;
  margin-top: 0;
  padding: 10px 0px;
  text-align: center;
  outline: none;
  outline-width: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #status-update {
  float: right;
  margin-right: 250px;
}

#company-support-portal #status-update .myaccount-form {
  padding-top: 0;
}

#company-support-portal #customer-account {
  float: right;
  color: #fff;
  margin: 3px 0 0;
}

#company-support-portal #customer-account span {
  float: left;
  padding: 4px 9px;
  font-weight: bold;
}

#company-support-portal #customer-account a {
  float: left;
  display: inline-block;
  padding: 4px 9px;
  background: #2b2b2b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#company-support-portal #customer-account a:hover {
  background: #3b3b3b;
  color: #fff;
}

#company-support-portal #logo img {
  float: left;
}

#company-support-portal .support-header {
  font-size: 2em;
  margin-bottom: 10px;
  color: #333333;
  font-weight: 500;
  letter-spacing: -1px;
  position: relative;
  top: 7px;
}

@media only screen and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) {
  #company-support-portal #header nav {
    top: 0px;
  }

  #company-support-portal #logo {
    width: 100%;
    top: 0;
    float: none;
  }

  #company-support-portal #logo img {
    width: 140px;
  }

  #company-support-portal .support-header {
    font-size: 18px;
    position: relative;
    top: -10px;
    left: 10px;
    margin-bottom: 0;
  }

  #company-support-portal #nav ul li,
  #company-support-portal #nav ul li:first-child {
    width: 100%;
    padding-left: 0;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  #company-support-portal .support-header {
    display: none;
  }
}

#company-support-portal #support-side {
  float: left;
  margin: 0 0 0 20px;
}

#company-support-portal #support-side .content {
  margin: 0 0 40px;
}

#company-support-portal #support-side h3 {
  border-bottom: 1px solid #ccc;
  margin: 21px 0 30px 0;
  padding: 0 0 20px 0;
}

#company-support-portal #support-side ul {
  list-style: none;
}

#company-support-portal #support-side li {
  margin: 0 0 5px;
}

#company-support-portal #tweets .tweet_avatar {
  display: none;
}

#company-support-portal #tweets .tweet_time a {
  color: #999;
  display: block;
}

#company-support-portal #tweets li {
  margin: 0 0 20px;
  line-height: 18px;
}

#company-support-portal #support-side .twitter-timeline-rendered {
  margin-top: 20px;
}

#company-support-portal #support-side a.twitter-timeline {
  clear: both;
  display: block;
  margin-top: 20px;
}

#company-support-portal #support-main {
  color: #585757;
}

#company-support-portal #support-main .content {
  overflow: hidden;
  padding: 20px 0;
  line-height: 1.8;
}

#company-support-portal #support-main .headline-image {
  margin-top: 5px;
}

#company-support-portal #support-main h3,
#company-support-portal h4,
#company-support-portal h5 {
  font-weight: 400;
  color: #585757;
}

#company-support-portal #support-main h3 {
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px;
  padding: 0 0 20px;
  font-size: 28px;
}

#company-support-portal #support-main h3.verify-title {
  background: url('{{ "http://assets0.desk.com/images/twitter-small.gif" }}') no-repeat 0 3px;
  padding-left: 35px;
}

#company-support-portal #support-main h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

#company-support-portal #support-main h5 a {
  background: #eee;
  color: #666;
  font-size: 11px;
  padding: 3px 7px;
  margin: -2px 0 0 9px;
  position: absolute;
  text-decoration: none;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

#company-support-portal #support-main .dashboard h5 a:hover {
  text-decoration: none;
  color: #fff;
  background: #254689;
}

#company-support-portal #support-main .dashboard .topic {
  margin: 20px 0;
}

#company-support-portal #support-main .dashboard .topic h4.topic-header {
  background-color: #fff;
  text-align: left;
  float: none;
  width: 100%;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: normal;
  height: inherit;
}

#company-support-portal #support-main .dashboard .topic ul {
  color: #254689;
  margin: 0 15px 20px 0;
  list-style: none;
}

#company-support-portal #support-main .dashboard .topic li {
  line-height: 2.4;
}

#company-support-portal #support-main .dashboard .topic li.featured a {
  background: #fafbca;
  font-weight: bold;
}

#company-support-portal #support-main .dashboard h5 {
  font-size: 13px;
  text-transform: uppercase;
  border: 0;
}

#company-support-portal #support-main .dashboard h5.questions {
  background-position: 0 -109px;
}

#company-support-portal #support-main .articles ul {
  list-style: none;
}

#company-support-portal #support-main .articles h4 {
  margin: 0 0 5px;
  font-weight: normal;
  float: none;
  background: transparent;
  display: block;
  width: inherit;
  text-align: left;
}

#company-support-portal #support-main .dashboard h5.articles {
  padding-bottom: 20px;
}

#company-support-portal #support-main .articles li {
  margin: 0 0 30px;
}

#company-support-portal #support-main .articles li.question {
  background: url("http://assets0.desk.com/images/portal/icon-types.png") 0 8px no-repeat;
  padding: 0 0 0 40px;
}

#company-support-portal #support-main .articles li.article {
  background: url("http://assets0.desk.com/images/portal/icon-types.png") 0 -271px no-repeat;
  padding: 0 0 0 40px;
}

#company-support-portal #support-main li.article h4,
#company-support-portal #support-main li.question h4 {
  background-color: #fff;
  display: block;
  width: 100%;
  height: inherit;
  text-align: left;
}

#company-support-portal #support-main .articles li.question.featured {
  background-position: 0 -138px;
}

#company-support-portal #support-main .articles li.article.featured {
  background-position: 0 -415px;
}

#company-support-portal #support-main .articles li.featured h4 a {
  font-weight: bold;
  background: #fafbca;
}

#company-support-portal #support-main .articles li p {
  margin: 0;
}

#company-support-portal #support-main .articles .condensed {
  background: #fffdf4;
  border: 1px solid #e3debf;
  margin: 0 0 30px;
  padding: 20px 20px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #support-main .articles .condensed li {
  margin: 0;
  padding: 0;
}

#company-support-portal #support-main .articles .condensed h4 {
  font-size: 15px;
}

#company-support-portal #support-main .articles .condensed p {
  margin: 0 0 20px 30px;
  color: #777;
}

#company-support-portal #support-main .articles .condensed a {
  margin: 0 0 20px 30px;
}

#company-support-portal #search-results h4 {
  background-color: #fff;
  text-align: left;
  float: none;
  width: inherit;
}

#company-support-portal #search-results p {
  margin: 0;
}

#company-support-portal #support-main #search-results .meta,
#company-support-portal #support-main .articles .meta {
  text-transform: uppercase;
  font-size: 11px;
}

#company-support-portal #support-main .articles .meta .answered {
  background: url("http://assets0.desk.com/images/portal/check.png") 0 center no-repeat;
  border-right: 1px solid #ddd;
  color: #549b07;
  padding: 0 5px 0 14px;
  margin: 0 5px 0 0;
  font-weight: 700;
}

#company-support-portal #support-main .articles .meta .count,
#company-support-portal #support-main .articles .meta .date,
#company-support-portal #support-main .question-details .meta .name {
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px solid #ddd;
}

#company-support-portal #toggle div {
  float: right;
  margin: 0;
}

#company-support-portal #toggle a {
  background: #fff;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 7px;
  text-decoration: none;
  text-transform: uppercase;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

#company-support-portal #toggle a:hover {
  text-decoration: none;
  color: #fff;
  background: #254689;
}

#company-support-portal #toggle .active,
#company-support-portal #toggle a.active:hover {
  background: #ddd;
  color: #000;
}

#company-support-portal #support-main .title {
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}

#company-support-portal #support-main .title h3 {
  margin: 0 0 3px;
  padding: 0;
  border: 0;
}

#company-support-portal #support-main .title .meta {
  margin: 0;
  font-weight: 300;
  font-size: 0.75em;
  opacity: 0.5;
}

#company-support-portal .article-content {
  line-height: 1.8;
}

#company-support-portal .article-content strong {
  font-weight: 700;
}

#company-support-portal .article-content ol {
  margin: 20px;
  list-style-type: decimal;
}

#company-support-portal .article-content h1,
#company-support-portal .article-content h2,
#company-support-portal .article-content h3,
#company-support-portal .article-content h4,
#company-support-portal .article-content h5,
#company-support-portal .answer-details h1,
#company-support-portal .answer-details h2,
#company-support-portal .answer-details h3,
#company-support-portal #support-main .answer-details h4,
#company-support-portal .answer-details h5 {
  margin: 0 0 20px;
}

#company-support-portal .article-content h1,
#company-support-portal .answer-details h1 {
  font-size: 22px;
}

#company-support-portal #support-main .article-content h2,
#company-support-portal #support-main .answer-details h2 {
  font-size: 20px;
}

#company-support-portal #support-main .article-content h3,
#company-support-portal #support-main .answer-details h3 {
  font-size: 18px;
}

#company-support-portal #support-main .article-content h4,
#company-support-portal #support-main .answer-details h4 {
  font-size: 16px;
}

#company-support-portal #support-main .article-content h5,
#company-support-portal #support-main .answer-details h5 {
  font-size: 15px;
}

#company-support-portal #support-main .article-content ul,
#company-support-portal ol,
#company-support-portal #support-main .answer-details ul,
#company-support-portal #support-main .answer-details ol {
  margin-left: 15px;
  list-style-position: inside;
}

#company-support-portal #support-main .article-content p {
  margin: 0 0 18px;
}

#company-support-portal #support-main .article-content blockquote,
#company-support-portal #support-main .article-content q,
#company-support-portal #support-main .answer-details blockquote,
#company-support-portal #support-main .answer-details q {
  margin: 0.8em 0 0.8em 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  quotes: "" "";
}

#company-support-portal #support-main .article-content blockquote p,
#company-support-portal #support-main .article-content q p,
#company-support-portal #support-main .answer-details blockquote p,
#company-support-portal #support-main .answer-details q p {
  margin: 0;
  padding: 0.8em;
  color: #666;
  background: inherit;
}

#company-support-portal #attachments {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
  margin: 20px 0 0;
}

#company-support-portal #attachments strong {
  background: url("http://assets0.desk.com/images/attachment.png") -1px 0 no-repeat;
  display: block;
  margin: 0 0 10px;
  padding: 0 0 0 16px;
}

#company-support-portal #attachments ul {
  list-style: none;
}

#company-support-portal #rate_article_container {
  margin: 20px 0 0 0;
  color: #64991e;
}

#company-support-portal #rate_article div {
  color: #64991e;
  float: left;
  width: 100%;
  margin: 0 0 6px;
  font-style: italic;
  height: 1%;
}

#company-support-portal #rate_article_container a {
  background: url("http://assets0.desk.com/images/portal/rating-arrows.gif") center 6px no-repeat;
  overflow: hidden;
  float: left;
  width: 20px;
  height: 16px;
  overflow: hidden;
  border: 1px solid #ccc;
  text-indent: -999px;
  margin: 5px 5px 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #rate_article_container .rate-link-down {
  color: #9b0909;
}

#company-support-portal #rate_article_container .rate-link-down a {
  background-position: center -28px;
}

#company-support-portal #rate_article_container span {
  float: left;
}

#company-support-portal #support-main .question {
  padding: 0;
}

#company-support-portal #support-main .question .question-body {
  background: #fffdf4;
  border-bottom: 1px solid #e3debf;
  margin: 30px 0;
  overflow: hidden;
  padding: 20px 20px 0;
}

#company-support-portal #support-main .question .gravatar-wrapper {
  float: left;
  border: 1px solid #ccc;
  width: 56px;
  height: 56px;
}

#company-support-portal #support-main .question .gravatar {
  float: left;
  border: 3px solid #fff;
}

#company-support-portal #support-main .question .question-details {
  padding: 0 0 0 70px;
}

#company-support-portal #support-main .question .question-details h3 {
  border: 0;
  margin: 0 0 5px;
  padding: 0;
}

#company-support-portal #support-main .question .question-details .meta {
  font-size: 11px;
  text-transform: uppercase;
}

#company-support-portal #support-main .question .meta {
  margin: 0 0 10px;
}

#company-support-portal #support-main .question .replies {
  padding: 0 20px;
  margin: 0 0 20px;
}

#company-support-portal #support-main .question .replies h4 {
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}

#company-support-portal #support-main .question .replies.agents h4 {
  background: url("http://assets0.desk.com/images/portal/check.png") 0 center no-repeat;
  padding: 10px 0 10px 20px;
}

#company-support-portal #support-main .question .replies.agents .reply {
  background: #fff;
  padding: 20px 0 0;
}

#company-support-portal #support-main .question .reply {
  margin: 0;
  overflow: hidden;
  height: 1%;
  padding: 20px 0 0 70px;
  position: relative;
}

#company-support-portal #support-main .question .answer-details,
#company-support-portal #support-main .myportal .interaction-details {
  padding: 0 0 0 70px;
}

#company-support-portal #support-main .question .answer-details .meta {
  float: left;
  width: 100%;
  margin: 0;
}

#company-support-portal #support-main .question .answer-details .meta span {
  display: block;
}

#company-support-portal #support-main .question .answer-details .meta span.date {
  float: none;
  display: block;
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}

#company-support-portal #support-main .question .answer-details .meta span.date-short {
  float: none;
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}

#company-support-portal #support-main .question .answer-details .answer-body {
  margin-bottom: 20px;
}

#company-support-portal #support-main .interactions .interaction-details .interaction-body {
  margin-top: 10px;
}

#company-support-portal #support-main .question .answer-rating {
  font-size: 20px;
  height: 53px;
  line-height: 20px;
  position: absolute;
  margin: 0 0 0 -70px;
  *margin: 0 0 0 -120px;
  text-align: center;
  width: 54px;
}

#company-support-portal #support-main .question .answer-rating div {
  border: 1px solid #ccc;
  padding: 4px;
  height: 48px;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #support-main .question .answer-rating a {
  background: url("http://assets0.desk.com/images/portal/rating-arrows.gif") center top no-repeat;
  display: block;
  height: 14px;
  text-align: center;
  text-indent: -900px;
  overflow: hidden;
}

#company-support-portal .answer-rating a:hover {
  border-bottom: 0;
}

#company-support-portal #support-main .question .answer-rating .decrement {
  background-position: center -25px;
}

#company-support-portal #support-main .question .dialog {
  display: none;
}

#company-support-portal #support-main .question .rating-true .score {
  display: inline-block;
  margin: 5px 0 0 0;
}

#company-support-portal #support-main .question .rating-true .dialog {
  display: inline-block;
  color: #999;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}

#company-support-portal #support-main .question .score-positive {
  color: #396905;
}

#company-support-portal #support-main .question .score-negative {
  color: #69050c;
}

#company-support-portal #support-main .question #form,
#company-support-portal #support-main .myportal #form {
  background: #f8f8f8;
  border: 1px solid #ccc;
  margin: 20px;
  padding: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #support-main .question .form-notice,
#company-support-portal #support-main .myportal .form-notice {
  border-top: 1px solid #ddd;
  margin: 0 20px 20px;
  padding: 15px 0 0 0;
}

#company-support-portal #support-main .question #form h4,
#company-support-portal #support-main .myportal #form h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  text-align: left;
  float: none;
  width: inherit;
}

#company-support-portal #support-main .question #form .input-block input[type="text"],
#company-support-portal #support-main .question #form .input-block textarea,
#company-support-portal #support-main .myportal #form .input-block textarea {
  width: 100%;
}

#company-support-portal #support-main .pre-create h4 {
  margin: 0 0 30px 0;
}

#company-support-portal #support-main .pre-create ul h4 {
  margin: 0;
}

#company-support-portal #form .label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}

#company-support-portal #form .label span {
  color: #999;
}

#company-support-portal #form .input-block input[type="text"],
#company-support-portal #form .input-block textarea {
  /*display: block;*/
  font-size: 13px;
  margin: 0 0 20px;
  width: 90%;
  padding: 10px;
}

#company-support-portal #form .input-block textarea {
  height: 200px;
}

#company-support-portal #form .input-block select {
  margin: 0 0 20px;
}

#company-support-portal #form .input-button input {
  background: url("http://assets0.desk.com/images/portal/button.gif") 0 0 repeat-x;
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0 6px;
  height: 32px;
  text-transform: uppercase;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

#company-support-portal #form .input-button .disabled {
  background-position: 0 -38px;
}

#company-support-portal #form .input-button img {
  display: none;
  margin: 7px 0 0 5px;
  position: absolute;
}

#company-support-portal #form label.invalid {
  color: red;
  display: inline-block;
  margin: -20px 0 20px 0;
}

#company-support-portal #paginate_block {
  margin: 0;
  position: auto;
  text-align: center;
  width: 100%;
}

#company-support-portal #paginate_block .pagination {
  background-color: #fff;
  height: auto;
  margin: 0;
  padding-top: 0;
  position: auto;
  width: auto;
}

#company-support-portal #paginate_block .current {
  background-color: #ddd;
  border: 1px solid #ccc;
  padding: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #support-search-contain {
  margin-bottom: 20px;
}

#company-support-portal #support-search-contain .wrapper {
  position: relative;
}

#company-support-portal #support-search-contain form {
  display: block;
}

#company-support-portal #support-search-contain h2 {
  font-size: 32px;
  text-shadow: 0 1px 0 #fff;
}

#company-support-portal .support-search-big {
  background: #e5e5e5;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.05);
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 60px;
}

#company-support-portal .support-search-big .outer {
  position: relative;
}

#company-support-portal .support-search-big .inner {
  background: #fff;
  border: 1px solid #ccc;
  border-top-color: #999;
  overflow: hidden;
  height: 37px;
  margin: 0;
  padding: 0 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#company-support-portal .support-search-big #q {
  font-size: 18px;
  border: 0;
  padding: 10px;
  margin: 0;
  outline: none;
  outline-width: 0;
  background: #fff;
  border-radius: 4px;
  display: inline;
  /* fixes another IE bug */
}

#company-support-portal .support-search-big #support-search-submit {
  background: #64991e;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#7db72f),
      to(#4e7d0e));
  background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
  color: #fff;
  cursor: pointer;
  padding: 10px;
  border: 0;
  margin: 0;
  font-size: 18px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
  #company-support-portal .support-search-big #q {
    width: 75%;
    font-size: 12px;
  }

  #company-support-portal .support-search-big #support-search-submit {
    font-size: 12px;
    float: right;
  }
}

#company-support-portal #footer {
  display: block;
  clear: both;
  color: #999;
  background-color: #fff;
  padding: 10px 0;
  border-top: solid 1px #e5e5e5;
  margin: 10px 0;
}

#company-support-portal #footer a {
  color: #999;
  text-decoration: none;
}

#company-support-portal #question-mask {
  color: #aaa;
  position: absolute;
  width: 90%;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  text-overflow: ellipsis;
}

#company-support-portal .question-big {
  font-size: 18px;
  top: 8px;
  left: 10px;
}

#company-support-portal .question-small {
  font-size: 13px;
  top: 0;
  left: 0;
  padding: 8px;
  font-weight: bold;
}

#company-support-portal .search-bg {
  display: none;
}

#company-support-portal .highlight {
  background-color: #fffae1;
}

#company-support-portal #modal-screen {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}

#company-support-portal #modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
}

#company-support-portal #modal .inner {
  background: rgba(0, 0, 0, 0.4);
  width: 700px;
  left: 50%;
  top: 50%;
  margin: -230px 0 0 -350px;
  position: absolute;
  padding: 5px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#company-support-portal #modal .inner h1 {
  text-align: center;
  font-size: 27px;
  padding: 25px 0 0;
}

#company-support-portal #modal .inner p.subheader {
  font-size: 18px !important;
  color: #767676 !important;
  text-align: center;
  margin: 4px 0 30px 0;
}

#company-support-portal #modal .inner .input-button {
  text-align: center;
  padding: 0 0 30px;
  font-size: 12px;
  font-weight: bold;
}

#company-support-portal #modal .inner .input-button input {
  margin: 0 0 0 10px;
}

#company-support-portal #modal .inner .note {
  text-align: center;
  color: #616161;
  margin: 0 0 20px 0 !important;
  font-size: 15px;
  font-style: italic;
}

#company-support-portal #modal .main {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#company-support-portal #modal .close {
  float: right;
  margin: -16px -16px 0 0;
}

#company-support-portal .gs-idea {
  background: url("http://assets0.desk.com/images/portal/getsatisfaction/idea_mini.png") 0 0 no-repeat !important;
  background-position: 0px 1px;
}

#company-support-portal .gs-question {
  background: url("http://assets0.desk.com/images/portal/getsatisfaction/question_mini.png") 0 0 no-repeat !important;
  background-position: 0px 1px;
}

#company-support-portal .gs-praise {
  background: url("http://assets0.desk.com/images/portal/getsatisfaction/praise_mini.png") 0 0 no-repeat !important;
  background-position: 0px 1px;
}

#company-support-portal .gs-update {
  background: url("http://assets0.desk.com/images/portal/getsatisfaction/update_mini.png") 0 0 no-repeat !important;
  background-position: 0px 1px;
}

#company-support-portal .gs-problem {
  background: url("http://assets0.desk.com/images/portal/getsatisfaction/problem_mini.png") 0 0 no-repeat !important;
  background-position: 0px 1px;
}

#company-support-portal .gs_search_result {
  width: 100% !important;
}

#company-support-portal #gs_Sidebar_Results .tweet_time,
#company-support-portal .gs-search-result {
  padding-left: 20px;
}

#company-support-portal #gs_search_title h5 {
  font-size: 20px;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

#company-support-portal #question-best-answer {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  margin: 0 0 25px 70px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px 0;
}

#company-support-portal #support-main .agent-answer-label {
  margin: 0 0 10px;
}

#company-support-portal #support-main #question-best-answer .reply {
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

#company-support-portal #support-main .best-answer-green {
  position: absolute;
  right: 0;
  background: url("http://assets0.desk.com/images/portal/check.png") 0 center no-repeat;
  padding: 0 0 0 15px;
  color: #6db400;
  font-weight: bold;
}

#company-support-portal #support-main .best-answer-green a {
  color: #6db400;
}

#company-support-portal #support-main .best-answer-green a:hover {
  text-decoration: none;
}

#company-support-portal #support-main #question-best-answer-heading {
  margin: 30px 0 10px 0;
}

#company-support-portal #social-share {
  float: left;
  width: 80px;
  margin-left: -90px;
}

#company-support-portal #social-share .share-btn {
  margin: 0 auto 15px auto;
  width: 60px;
  text-align: center;
}

#company-support-portal #social-share .share-btn .fb-like {
  margin-left: 6px;
}

#company-support-portal #support-main .myportal .content {
  background: #fff;
}

#company-support-portal .myportal-label {
  margin: 0 0 8px 0;
  padding-left: 22px;
  background: url("http://assets0.desk.com/images/mail.png") 0 0 no-repeat;
}

#company-support-portal .myportal .mycases-filters {
  padding: 20px 0 0 0;
  height: 50px;
}

#company-support-portal .myportal .a-selectbox {
  border: 1px solid #bebebe;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #fff;
  -webkit-border-image: none;
  display: block;
  float: left;
  padding: 4px;
  text-decoration: none;
  zoom: 1;
}

#company-support-portal .myportal .a-selectbox select {
  background: url("http://assets0.desk.com/images/arrow_down.png") right 0px no-repeat;
  border: none;
  box-sizing: border-box;
  white-space: pre;
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 2px 3px;
  font-size: 12px;
  width: 190px;
}

#company-support-portal .myportal .a-checkbox {
  float: left;
  margin: 5px;
  color: #333;
  font-size: 11px;
}

#company-support-portal .myportal-button,
#company-support-portal .myportal-button:visited {
  float: right;
  padding: 8px 6px;
  border: 0;
  background: url(http://assets0.desk.com/images/portal/button.gif) 0 0 repeat-x;
  font-weight: bold;
  font-size: 11px;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff !important;
  text-transform: uppercase;
}

#company-support-portal .myportal-button:hover {
  text-decoration: none;
}

#company-support-portal .myportal .mycases {
  background: #e5e5e5;
  width: 100%;
  border-collapse: collapse;
  font:
    normal 12px Arial,
    sans-serif;
  margin: 0px 0px 30px 0px;
  -moz-box-shadow: 0 3px 4px #ccc;
  -webkit-box-shadow: 0 3px 4px #ccc;
}

#company-support-portal .myportal .mycases caption {
  border: 1px solid #5c443a;
  color: #5c443a;
  font-weight: bold;
  letter-spacing: 20px;
  padding: 6px 4px 8px 0px;
  text-align: center;
  text-transform: uppercase;
}

#company-support-portal .myportal .mycases td,
#company-support-portal th {
  color: #363636;
  padding: 11px 5px;
}

#company-support-portal .myportal .mycases tr {
  background: #fff;
  border: 1px solid #ccc;
}

#company-support-portal .myportal .mycases tbody tr:hover {
  cursor: pointer;
}

#company-support-portal .myportal .mycases thead th,
#company-support-portal tfoot th {
  background: #e8e8e8;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  padding: 6px 5px;
  text-align: left;
  text-transform: uppercase;
}

#company-support-portal .myportal .mycases a {
  text-decoration: none;
}

#company-support-portal .myportal .mycases a:hover {
  text-decoration: underline;
}

#company-support-portal .myportal .mycases tbody th,
#company-support-portal .myportal .mycases tbody td {
  text-align: left;
  vertical-align: middle;
}

#company-support-portal .myportal .mycases tfoot td {
  background: #5c443a;
  color: #ffffff;
  padding-top: 3px;
}

#company-support-portal .myportal .mycases .a-casechannel {
  text-align: center;
  vertical-align: middle;
  width: 20px;
  padding: 11px 0 11px 11px;
}

#company-support-portal .myportal .case-block {
  float: left;
  margin-right: 60px;
}

#company-support-portal .myportal .a-caseid {
  padding-left: 15px;
}

#company-support-portal .myportal .a-caseid,
#company-support-portal .myportal .a-casestatus {
  width: 70px;
}

#company-support-portal .myportal .a-casecreated {
  width: 60px;
}

#company-support-portal #support-main .case {
  padding: 0;
}

#company-support-portal #support-main .myportal .case-details,
#company-support-portal #support-main .myportal .interaction {
  padding: 25px 20px;
}

#company-support-portal #support-main .myportal .interaction {
  min-height: 60px;
  padding-bottom: 0;
}

#company-support-portal #support-main .myportal .case-details {
  background-color: #fffdef;
}

#company-support-portal #support-main .myportal .case-details h3 {
  border: 0;
  margin: 0 0 20px;
  padding: 0;
  width: 510px;
  font-size: 18px;
  vertical-align: top;
  float: left;
}

#company-support-portal #support-main .myportal .status {
  float: right;
  font-weight: bold;
}

#company-support-portal #support-main .myportal .status img {
  vertical-align: middle;
}

#company-support-portal #support-main .myportal .status .a-New,
#company-support-portal #support-main .myportal .status .a-Open,
#company-support-portal #support-main .myportal .status .a-Pending,
#company-support-portal #support-main .myportal .status .a-Resolved,
#company-support-portal #support-main .myportal .status .a-Closed {
  color: #fff;
  padding: 2px 8px;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#company-support-portal #support-main .myportal .status .a-New {
  background-color: #5b75af;
  border: #465a86 1px solid;
}

#company-support-portal #support-main .myportal .status .a-Open {
  background-color: #61a00f;
  border: #4a7b0b 1px solid;
}

#company-support-portal #support-main .myportal .status .a-Pending {
  background-color: #de901b;
  border: #aa6e14 1px solid;
}

#company-support-portal #support-main .myportal .status .a-Resolved {
  background-color: #a5a5a5;
  border: #7e7e7e 1px solid;
}

#company-support-portal #support-main .myportal .status .a-Closed {
  background-color: #de901b;
  border: #aa6e14 1px solid;
}

#company-support-portal #support-main .myportal .meta {
  clear: both;
  color: #888;
  line-height: 16px;
}

#company-support-portal #support-main .myportal .meta strong {
  color: #000;
}

#company-support-portal .myportal #paginate_block .pagination {
  background-color: transparent;
}

#company-support-portal #support-main .myportal .case-details .meta span.date,
#company-support-portal #support-main .myportal .interaction-details span.date {
  margin: 0;
  color: #888;
}

#company-support-portal #support-main .myportal .interaction-details span.date {
  float: right;
  text-align: right;
}

#company-support-portal #support-main .myportal .meta .case-data {
  list-style: none;
  width: 50%;
  float: left;
  position: relative;
}

#company-support-portal #support-main .myportal .meta .case-dates {
  list-style: none;
  width: 50%;
  float: right;
  position: relative;
}

#company-support-portal #support-main .myportal .meta .case-dates strong {
  display: inline-block;
  text-align: right;
  width: 50%;
  *display: inline;
  zoom: 1;
}

#company-support-portal #support-main .myportal .meta .name {
  font-weight: bold;
  text-transform: uppercase;
}

#company-support-portal #support-main .myportal .interactions {
  border-top: 1px solid #e3debf;
  padding-bottom: 20px;
}

#company-support-portal #customer-account a {
  margin-left: 9px;
}

#company-support-portal #support-main .myportal .gravatar-wrapper {
  position: absolute;
  border: 1px solid #ccc;
  width: 56px;
  height: 56px;
}

#company-support-portal #support-main .myportal .gravatar {
  float: left;
  border: 3px solid #fff;
}

#company-support-portal #support-main .myportal .gravatar.twitter-avatar {
  border: 4px solid #fff;
}

#company-support-portal #support-main .myportal .interaction-details .meta {
  width: 100%;
  margin: 0;
}

#company-support-portal #support-main .myportal .interactions .system-message {
  padding: 15px 20px 0 20px;
  color: #aaa;
  font-size: 12px;
}

#company-support-portal #support-main .myportal .interactions .chat {
  padding: 18px 20px 10px;
}

#company-support-portal #support-main .myportal .interactions .chat .interaction-details {
  padding: 0;
}

#company-support-portal #support-main .myportal .interactions .chat .interaction-details .meta span {
  color: #000;
  font-weight: bold;
}

#company-support-portal #support-main .myportal .interactions .chat .interaction-details .meta span.date {
  color: #888;
  font-weight: normal;
}

#company-support-portal #support-main .myportal .interactions .chat .interaction-body {
  padding-right: 50px;
  margin-top: 5px;
}

#company-support-portal #support-main .myportal .case-footer {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding: 25px 20px 0;
}

#company-support-portal #support-main .myportal .case-footer p {
  margin-bottom: 5px;
}

#company-support-portal .myaccount-form {
  padding-top: 20px;
}

#company-support-portal .myaccount-form .new_customer_contact_email {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}

#company-support-portal .myaccount-form div img {
  vertical-align: middle;
}

#company-support-portal .myaccount-form div[id^="email_"],
#company-support-portal .myaccount-form div[id^="twitter_user_"],
#company-support-portal .myaccount-form div[id^="facebook_user_"],
#company-support-portal .myaccount-form div[id^="add_"] {
  padding: 15px 0;
  font-size: 14px;
  color: #666;
  position: relative;
  border-top: 1px solid #ddd;
}

#company-support-portal .myaccount-form div[id^="twitter_user_"] form div,
#company-support-portal .myaccount-form div[id^="facebook_user_"] form div {
  position: absolute;
  top: 10px;
  right: 0px;
}

#company-support-portal .myaccount-form div[id^="email_"] div[id^="delete_"] form div {
  position: absolute;
  top: 10px;
  right: 78px;
}

#company-support-portal .myaccount-form input[id^="update_status"]:disabled {
  cursor: help;
}

#company-support-portal .myaccount-form div[id^="verified_"] input,
#company-support-portal .myaccount-form div[id^="delete_"] input,
#company-support-portal .myaccount-form input[id^="update_status"],
#company-support-portal .myaccount-form input[id^="update_status"]:disabled {
  background-color: #f9f9f9;
  border: 1px solid #cfcfcf;
  color: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  padding: 6px 15px 7px;
  height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
}

#company-support-portal .myaccount-form div[id^="verified_"] input:hover,
#company-support-portal .myaccount-form div[id^="delete_"] input:hover,
#company-support-portal .myaccount-form input[id^="update_status"]:hover {
  background-color: #fff;
  border-color: #b4b4b4;
}

#company-support-portal .myaccount-form div[id^="email_"]:hover,
#company-support-portal .myaccount-form div[id^="twitter_user_"]:hover,
#company-support-portal .myaccount-form div[id^="facebook_user_"]:hover,
#company-support-portal .myaccount-form div[id^="add_"]:hover {
  background-color: #f9f9f9;
}

#company-support-portal #authentication-verification-copy {
  display: inline-block;
  padding-left: 20px;
  width: 50%;
  zoom: 1;
  *display: inline;
}

#company-support-portal .authentication_verification-form {
  display: inline-block;
  height: 100px;
  zoom: 1;
  *display: inline;
}

#company-support-portal .authentication_verification-form form {
  background-color: #eefaff;
  display: inline-block;
  padding: 25px 20px;
  zoom: 1;
  *display: inline;
}

#company-support-portal .myaccount-form .verified,
#company-support-portal .authentication_verification-form .verified {
  position: absolute;
  top: 10px;
  right: 0;
  color: #3d8933;
  padding: 7px 1px 0 0;
  font-weight: bold;
  font-size: 13px;
}

#company-support-portal .myaccount-form div[id^="email_"] .verified form div,
#company-support-portal .myaccount-form div[id^="twitter_user_"] .verified form div,
#company-support-portal .myaccount-form div[id^="facebook_user_"] .verified form div {
  margin-top: -7px;
}

#company-support-portal .myaccount-form input[type="text"],
#company-support-portal .authentication_verification-form input[type="text"] {
  font-size: 12px;
  border: 1px solid #c0c0c0;
  float: left;
  margin: 0 5px 8px 0;
  width: 195px;
  padding: 8px 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#company-support-portal .myaccount-form button,
#company-support-portal .authentication_verification-form button {
  height: 32px;
  padding: 0 6px;
  border: 1px solid #c0c0c0;
  background: url("/images/portal/button.gif") 0 0 repeat-x;
  color: #fff;
  cursor: pointer;
  border: 0;
  float: left;
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#company-support-portal .myaccount-form label.invalid,
#company-support-portal .authentication_verification-form label.invalid {
  font-weight: normal;
  display: block !important;
  clear: both;
  margin: 10px 0 20px 0;
}

#company-support-portal .login-form,
#company-support-portal .registration-form,
#company-support-portal .forgotpw-form,
#company-support-portal .alternatelogins {
  padding: 20px 0;
}

#company-support-portal .alternatelogins {
  float: right;
  padding: 20px 0;
}

#company-support-portal .login-form .field label,
#company-support-portal .registration-form .field label,
#company-support-portal .forgotpw-form .field label {
  font-weight: bold;
  font-size: 14px;
  display: block;
}

#company-support-portal .login-form .field input,
#company-support-portal .registration-form .field input,
#company-support-portal .forgotpw-form .field input {
  font-size: 14px;
  border: 1px solid #999;
  display: block;
  margin: 4px 0 15px 0;
  width: 250px;
  padding: 8px 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#company-support-portal .login-form .actions input {
  width: 80px;
  margin-bottom: 40px;
}

#company-support-portal .login-form .newaccount,
#company-support-portal .login-form .forgotpw {
  font-weight: bold;
  float: left;
}

#company-support-portal .login-form .forgotpw {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #999;
}

#company-support-portal .registration-form label.invalid,
#company-support-portal .forgotpw-form label.invalid {
  font-weight: normal;
  display: block;
  margin: -10px 0 20px 0;
}

#company-support-portal .login-form form {
  float: left;
  width: 330px;
}

#company-support-portal .left-divider {
  border-left: 1px solid #ccc;
}

#company-support-portal .alternatelogins {
  float: left;
  height: 200px;
  padding-left: 25px;
}

#company-support-portal .alternatelogins div {
  margin: 0 0 20px 0;
}

#company-support-portal .alternatelogins a,
#company-support-portal #add_facebook input,
#company-support-portal #add_twitter input {
  position: relative;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  padding: 0 1em;
  border: 1px solid #999;
  border-radius: 2px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  color: #222;
  background: #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  *overflow: visible;
  *display: inline;
  *zoom: 1;
}

#company-support-portal .alternatelogins a:hover,
#company-support-portal .alternatelogins a:focus,
#company-support-portal .alternatelogins a:active,
#company-support-portal #add_facebook input,
#company-support-portal #add_twitter input {
  color: #222;
  text-decoration: none;
}

#company-support-portal .alternatelogins a:before {
  content: "";
  float: left;
  width: 36px;
  height: 36px;
  background: url(http://assets0.desk.com/images/portal/auth-icons.png) no-repeat 99px 99px;
}

#company-support-portal .alternatelogins #twitter,
#company-support-portal #add_twitter input {
  border-color: #a6cde6;
  color: #327695;
  background: #cfe4f0;
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#f1f5f7),
      to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}

#company-support-portal .alternatelogins #twitter:hover,
#company-support-portal .alternatelogins #twitter:focus,
#company-support-portal .alternatelogins #twitter:active,
#company-support-portal #add_twitter input:hover,
#company-support-portal #add_twitter input:focus,
#company-support-portal #add_twitter input:active {
  color: #327695;
  border-color: #8dc2e4;
  background-color: #cadde9;
}

#company-support-portal .alternatelogins #twitter:active,
#company-support-portal #add_twitter input:active {
  background: #cadde9;
  -webkit-box-shadow: inset 0 1px 0 #bbd6e7;
  box-shadow: inset 0 1px 0 #bbd6e7;
}

#company-support-portal .alternatelogins #twitter:before {
  margin: 0 0.6em 0 -0.6em;
  background-position: -36px -22px;
}

#company-support-portal .alternatelogins #facebook,
#company-support-portal #add_facebook input {
  border-color: #29447e;
  border-bottom-color: #1a356e;
  color: #fff;
  background-color: #5872a7;
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#637bad),
      to(#5872a7));
  background-image: -webkit-linear-gradient(#637bad, #5872a7);
  background-image: -moz-linear-gradient(#637bad, #5872a7);
  background-image: -ms-linear-gradient(#637bad, #5872a7);
  background-image: -o-linear-gradient(#637bad, #5872a7);
  background-image: linear-gradient(#637bad, #5872a7);
  -webkit-box-shadow: inset 0 1px 0 #879ac0;
  box-shadow: inset 0 1px 0 #879ac0;
}

#company-support-portal .alternatelogins #facebook:hover,
#company-support-portal .alternatelogins #facebook:focus,
#company-support-portal #add_facebook input:hover,
#company-support-portal #add_facebook input:focus {
  color: #fff;
  background-color: #3b5998;
}

#company-support-portal .alternatelogins #facebook:active,
#company-support-portal #add_facebook input:active {
  color: #fff;
  background: #4f6aa3;
  -webkit-box-shadow: inset 0 1px 0 #45619d;
  box-shadow: inset 0 1px 0 #45619d;
}

#company-support-portal .alternatelogins #facebook:before {
  border-right: 1px solid #465f94;
  margin: 0 1em 0 -1em;
  background-position: 0 -22px;
}

#company-support-portal #add_facebook input,
#company-support-portal #add_twitter input {
  height: 22px;
  font-size: 11px;
  line-height: 22px;
  padding-left: 35px;
}

#company-support-portal #add_facebook input {
  background: url(http://assets0.desk.com/images/portal/auth-icons.png) no-repeat -265px -25px #5872a7;
}

#company-support-portal #registration-in-progress {
  display: none;
  padding: 5px;
  background-color: #fffdef;
  border-color: 2px solid #ede9c2;
}

#company-support-portal #registration-in-progress img {
  float: left;
  margin-right: 5px;
}

#company-support-portal #add_twitter input {
  background: url(http://assets0.desk.com/images/portal/auth-icons.png) no-repeat -261px 0 #cfe4f0;
}

#company-support-portal .desk-external-variables {
  display: none;
}

#company-support-portal .hidden {
  display: none;
}

#company-support-portal .desk_file_upload {
  overflow: hidden;
}

#company-support-portal .desk_file_upload input[type="file"] {
  float: left;
  outline: none;
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-left: -99999px;
}

#company-support-portal .desk_file_upload input[type="button"] {
  float: left;
}

#company-support-portal .desk_file_upload .faux-file-field {
  padding: 0 8px 0 0;
  margin: 0;
  z-index: 1;
  float: left;
}

#company-support-portal .desk_file_upload .faux-file-field input[type="text"] {
  width: 180px !important;
}

/* Auto Completion */
.ui-autocomplete {
  background: #fff;
  border: 1px solid #c0c0c0;
  width: 100px;
  list-style: none;
  margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 300px;
}

.ui-autocomplete a {
  padding: 9px;
  cursor: pointer;
  display: block;
}

.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-hover {
  background: #fffae1;
  text-decoration: none;
}

.ui-menu .ui-menu-item {
  font-size: 13px !important;
  margin: 0 0 5px;
}

.ui-autocomplete li:first-child a {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.ui-autocomplete li:last-child a {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.ui-autocomplete .KbArticle,
.ui-autocomplete .QnaThread {
  background: url("http://assets0.desk.com/images/portal/icon-types-small.png") 0 4px no-repeat;
  display: block;
  padding: 0 0 0 25px;
  overflow: hidden;
}

.ui-autocomplete .QnaThread {
  background-position: 0 -106px;
}

.ui-autocomplete .article-autocomplete-subject {
  display: block;
  font-weight: bold;
  font-size: 15px;
}

.ui-autocomplete .article-autocomplete-body {
  display: block;
  font-size: 13px;
  color: #666;
}

/******************************************************************
BatchGeo
Stylesheet: Header Styles - includes styles for the primary and
mobile nav. That includes the container styles that push
content when mobile nav is selected.

Update 2.0: Refactoring of the header stylesheet to standardize
the header element of both the Site and the Map
******************************************************************/
/******************************************************************
 General Header Styles & Utilities
******************************************************************/
.login {
  position: relative;
  padding: 10px 16px 10px 13px;
  right: 0;
  border: 0 none;
  font-size: 13px;
  font-weight: 800;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.login:link,
.login:visited {
  color: #979797;
  text-decoration: none;
}

.login:hover {
  border: none;
}

.login img {
  height: 15px;
  width: 20px;
  margin-right: 4px;
}

@media (max-width: 768px) {
  .login.nav-login {
    display: none;
  }
}

.toggle-icon-wrapper,
.search-icon-wrapper {
  position: relative;
  display: none;
}

.toggle-icon-wrapper>a,
.search-icon-wrapper>a,
.toggle-icon-wrapper>button,
.search-icon-wrapper>button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0;
  padding: 13px 1rem;
  color: #dedede;
  font-size: 45px;
  text-decoration: none;
}

.toggle-icon-wrapper>a:link,
.search-icon-wrapper>a:link,
.toggle-icon-wrapper>a:visited,
.search-icon-wrapper>a:visited,
.toggle-icon-wrapper>button:link,
.search-icon-wrapper>button:link,
.toggle-icon-wrapper>button:visited,
.search-icon-wrapper>button:visited {
  color: #024059;
}

.toggle-icon-wrapper>a.active,
.search-icon-wrapper>a.active,
.toggle-icon-wrapper>button.active,
.search-icon-wrapper>button.active {
  color: #024059;
}

.toggle-icon-wrapper>a:hover,
.search-icon-wrapper>a:hover,
.toggle-icon-wrapper>button:hover,
.search-icon-wrapper>button:hover {
  border: none;
  cursor: pointer;
}

.toggle-icon-wrapper>button,
.search-icon-wrapper>button {
  color: #024059;
  border: none;
  background-color: inherit;
}

@media (max-width: 768px) {

  .toggle-icon-wrapper,
  .search-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

.search-icon-wrapper {
  border: none;
}

.search-icon-wrapper>a {
  padding: 13px 1rem 13px 0;
}

.search-icon-wrapper>a:link,
.search-icon-wrapper>a:visited {
  color: #909090;
}

.search-icon-wrapper>a.active {
  color: #024059;
}

@media (max-width: 768px) {
  .search-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

/******************************************************************
 Map ONLY Header Styles
******************************************************************/
.map-page-container #utility {
  position: relative;
  white-space: nowrap;
}

.map-page-container .toggle-icon-wrapper,
.map-page-container .search-icon-wrapper {
  border-left: 1px solid #cccccc;
}

.map-page-container .search-icon-wrapper {
  border: none;
}

/******************************************************************
 Site Header Styles
******************************************************************/
.site-page-container .login {
  padding: 0 0 0 5px;
}

.site-page-container .login span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

#header {
  padding: 1.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media all and (max-width: 768px) {
  #header {
    padding: 0.5em;
  }
}

@media all and (min-width: 1240px) {
  #header {
    padding-left: 0;
    padding-right: 0;
  }
}

#header #header-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media (max-width: 768px) {
  #header #header-inner {
    width: 100%;
  }
}

@media all and (min-width: 769px) {
  #header #header-inner {
    flex-basis: 80%;
  }
}

#header nav {
  /* width: 100%; */
  /* background-color: $yellow; */
  display: block;
  /* overflow: hidden; */
  zoom: 1;
  text-align: center;
  position: relative;
  /* margin: 5px 0 21px 0; */
  /* @include css-gradient($nav-color, darken($nav-color, 12%)); */
  /* @include border-radius(3px); */
  /* a.current {
    	&:after {
    		border-color: transparent transparent #fff;
    		border-style: solid;
    		border-width: 10px;
    		bottom: -3px;
    		content: '';
    		height:0;
    		left: 40%;
    		position: absolute;
    		width:0;
    	}
    } */
}

#header nav ul {
  margin: 0;
  padding: 0 30px 0;
  display: block;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media (min-width: 769px) and (max-width: 1000px) {
  #header nav ul {
    padding: 0 15px;
  }
}

#header nav li {
  display: block;
  margin: 0 0.6rem;
}

#header nav li:last-of-type {
  margin-right: 0;
}

#header nav a,
#header nav a:link {
  white-space: nowrap;
  border-bottom: none;
  display: block;
  font-weight: bold;
  line-height: 32px;
  font-size: 1.25rem;
  padding: 8px 0.35rem;
  text-decoration: none;
  /* text-transform: lowercase; */
  color: #071d25;
  margin: 0;
  position: relative;
  text-transform: capitalize;
}

#header nav a:visited {
  color: #071d25;
}

#header nav a:hover {
  color: #333;
  border-bottom: none;
}

@media (max-width: 768px) {
  #header nav {
    display: none;
  }
}

#header .button {
  margin-bottom: 0;
  white-space: nowrap;
  padding: 15px 26px;
}

#logo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

#logo a {
  transform: translateY(3px);
}

#logo a:hover {
  border: 0 none;
}

#logo a img {
  width: 100%;
  max-width: 100%;
  height: 56px;
}

@media (max-width: 768px) {
  #logo a img {
    height: 37px;
  }
}

/*These styles are a quick fix for the support section header*/
#company-support-portal .support-header {
  width: 30%;
}

#company-support-portal #header #header-inner {
  flex-direction: row;
  align-items: center;
}

#company-support-portal #header #header-inner #logo {
  margin-top: -10px;
  max-width: 300px;
  min-width: 180px;
}

#company-support-portal #header #nav {
  margin: 25px 0 5px 0;
}

@media all and (max-width: 1023px) {
  #company-support-portal .support-header {
    width: 40%;
  }

  #company-support-portal #header #header-inner .sixcol.last {
    width: 100%;
    display: block;
  }
}

@media all and (max-width: 768px) {
  #company-support-portal .support-header {
    width: 100%;
    text-align: center;
  }

  #company-support-portal #header #header-inner {
    flex-direction: column;
  }
}

.signup {
  margin-left: 1.3rem;
}

@media all and (min-width: 900px) and (max-width: 1100px) {

  #header nav a,
  #header nav a:link {
    font-size: 1rem;
  }

  #header .button {
    font-size: 1rem;
    padding: 11px 16px;
  }

  .signup {
    margin-left: 0.5rem;
  }
}

@media all and (min-width: 769px) and (max-width: 899px) {

  #header nav a,
  #header nav a:link {
    font-size: 1rem;
  }

  #header .button {
    font-size: 1rem;
    padding: 8px 10px;
  }

  .signup {
    margin-left: 0.3rem;
  }

  #header nav li {
    margin: 0;
  }
}

@media all and (max-width: 768px) {
  #logo {
    flex-basis: 100%;
  }

  #logo a {
    width: 50%;
    display: block;
    margin: 0 auto;
  }

  #header {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  #header #header-inner {
    position: absolute;
    left: 5%;
    width: 3rem;
  }

  #header #header-inner .pro-signin,
  #header #header-inner .signup {
    display: none;
  }
}

#edit_form a:hover {
  text-decoration: none;
  border-bottom: 0;
}

#edit_form .line {
  display: block;
  margin: 20px 0;
  clear: both;
}

#edit_form .edit_form_inner {
  width: 800px;
  margin: auto;
  padding: 1rem 0;
}

#edit_form .edit_form_inner h1 {
  font-size: 14px;
  font-weight: bold;
}

#edit_form .edit_form_inner #inline_save {
  width: 100%;
}

#edit_form .edit_form_inner #inline_save label {
  font-size: 12px;
  font-weight: bold;
  margin-top: 6px;
}

#edit_form .edit_form_inner #inline_save .simplelabel {
  float: none;
  margin: 0 auto;
  display: inline;
}

#edit_form span.small {
  color: #999;
}

#edit_form #locFields {
  height: 150px;
}

#edit_form #fields {
  text-align: center;
}

#edit_form textarea#map_description {
  color: #000;
  font-size: 14px;
  width: 400px;
  height: 100px;
  font-family: Arial, sans-serif;
}

#edit_form #edit_form input {
  font-size: 14px;
}

#edit_form #zoom {
  display: none;
}

#edit_form textarea#map_description,
#edit_form #map_title,
#edit_form #map_email,
#edit_form #map_description,
#edit_form .map_embed_code,
#edit_form .map_locator_code,
#edit_form .map_badge_code {
  width: 350px;
}

#edit_form #badge {
  margin-left: 125px;
  width: 284px;
  height: 142px;
}

@media only screen and (max-width: 900px) {
  #edit_form .edit_form_inner {
    width: 100%;
  }
}

@media only screen and (max-width: 630px) {
  #edit_form .edit_form_inner #inline_save label {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 25px;
    margin-right: 0;
  }

  #edit_form textarea#map_description,
  #edit_form #map_title,
  #edit_form #map_email,
  #edit_form #map_description,
  #edit_form .map_embed_code,
  #edit_form .map_locator_code,
  #edit_form .map_badge_code {
    width: 100%;
  }

  #edit_form #inline_save div.input_desc span.small {
    margin: 10px 0 15px 0;
  }

  #edit_form #badge {
    margin-left: 0;
  }

  #edit_form #generator hr {
    margin: 3em 0 2em;
    border-bottom: 1px solid #ccc;
  }

  #edit_form fieldset,
  #edit_form .fieldset {
    margin-top: 25px;
  }
}

#signup-wrapper {
  font-family: Arial, sans-serif;
  margin-top: 2rem;
}

#signup-wrapper+#footer {
  margin: 0;
}

#signup-wrapper b {
  font-weight: bold;
}

#signup-wrapper img {
  width: auto;
}

#signup-wrapper .blink {
  background: #fff8a9;
}

#signup-wrapper .map-count {
  background: transparent;
  transition: 0.25s background;
}

#signup-wrapper .standard-body {
  margin-left: 0;
}

#signup-wrapper .signup-right {
  padding-bottom: 25px;
  text-align: center;
}

#signup-wrapper .signup-form-wrapper {
  margin-bottom: 80px;
}

#signup-wrapper .signup-splash {
  padding: 80px 25px 50px;
  text-align: center;
}

#signup-wrapper .signup-splash h1 {
  color: #fff;
  font-size: 2.4em;
  font-weight: normal;
  margin: 0;
}

#signup-wrapper .signup-splash h2 {
  color: #fb9b39;
  font-weight: bold;
  font-style: italic;
  font-size: 1.8em;
}

#signup-wrapper .signup-splash p {
  color: #fff;
  font-size: 1.6em;
}

#signup-wrapper .signup-form {
  display: block;
  max-width: 800px;
  margin: 0 auto 50px;
}

#signup-wrapper .signup-form .signup-fields {
  background: #f4f4f4;
  padding: 0 75px 50px;
  margin-bottom: 20px;
  font-size: 100%;
}

@media screen and (max-width: 599px) {
  #signup-wrapper .signup-form .signup-fields {
    padding: 0 40px 50px;
  }
}

#signup-wrapper .signup-form .signup-fields.hidden {
  display: none;
}

#signup-wrapper .signup-form .signup-fields .field {
  margin: 0 0 0.5rem;
}

#signup-wrapper .signup-form h3 {
  font-size: 1.4em;
  margin: 50px 0 25px;
  z-index: 2;
  position: relative;
  text-align: left;
}

#signup-wrapper .signup-form a {
  color: #4990e2;
}

#signup-wrapper .signup-form .signup-form-bubble-number {
  background: #fb9b39;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
  width: 33px;
  height: 33px;
}

#signup-wrapper .signup-form .split-width .field:first-child {
  margin-right: 46px;
}

#signup-wrapper .signup-form .split-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

#signup-wrapper .signup-form .field {
  width: 100%;
  margin-bottom: 15px;
  text-align: left;
}

#signup-wrapper .signup-form .field label {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

#signup-wrapper .signup-form .field input {
  border: 1px solid #cacaca;
  padding: 14px 16px 14px 12px;
}

#signup-wrapper .signup-form .field.full-width {
  width: 100%;
}

#signup-wrapper .signup-form .field.full-width input,
#signup-wrapper .signup-form .field.full-width label {
  width: 100%;
}

#signup-wrapper .signup-form .field.fiftywidth {
  width: 100%;
}

#signup-wrapper .signup-form .field.fiftywidth input,
#signup-wrapper .signup-form .field.fiftywidth label {
  width: 50%;
  margin-right: 50%;
}

#signup-wrapper .signup-form .field select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 14px 26px 14px 12px;
  border-radius: 0;
  border: 1px solid #cacaca;
  background: url(/images/signup/select-arrows.svg) no-repeat calc(100% - 10px) center #fff;
  background-size: 6px 20px;
}

#signup-wrapper .signup-form .field select::-ms-expand {
  color: #cfcfcf;
  background: #fff;
  border: 0;
}

#signup-wrapper .signup-form .field.field-cvv {
  width: 285px;
}

#signup-wrapper .signup-form .input-helper-text {
  padding: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #777777;
  text-align: left;
}

#signup-wrapper .signup-form .input-error-helper {
  color: #ff2f2a;
  display: none;
  /* gets displayed if there's an error */
}

#signup-wrapper .signup-form .card-number-expiration-field select {
  width: 214px;
}

#signup-wrapper .signup-form .card-number-expiration-slash {
  padding: 0 5px;
  font-size: 1.1em;
  font-weight: bold;
  color: #777777;
}

#signup-wrapper .signup-form .state-select-field select {
  width: calc(100% - 187px);
}

#signup-wrapper .signup-form .pricing-subhead {
  color: #333;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  font-size: 0.95em;
  margin-bottom: 5px;
}

#signup-wrapper .signup-form .pricing-text {
  font-size: 0.8em;
  color: #333333;
  margin: 0px 0 35px 0;
  line-height: 140%;
  letter-spacing: 0.02em;
}

#signup-wrapper .signup-signin-text {
  margin: 10px 0 20px;
  text-align: center;
  color: #333333;
  font-weight: 700;
  font-size: 1.1em;
}

#signup-wrapper .signup-signin-button {
  border: 0;
  background: none;
  color: #fb9b39;
  font: inherit;
  text-decoration: underline;
}

#signup-wrapper .secure-label {
  color: #5fa700;
  font-weight: normal;
}

#signup-wrapper .secure-label img {
  height: 12px;
}

#signup-wrapper .split-width-two-thirds {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

#signup-wrapper .split-width-two-thirds .field:first-child {
  margin-right: 50px;
}

#signup-wrapper .signup-submit-wrapper {
  text-align: center;
  margin-top: 35px;
}

#signup-wrapper .signup-submit-wrapper img {
  width: 28px;
  vertical-align: middle;
}

#signup-wrapper .signup-submit-wrapper p {
  color: #333333;
  margin: 0 0 25px;
}

#signup-wrapper .signup-submit-wrapper button {
  font-size: 1.5em;
  font-weight: 500;
  font-family: inherit;
  padding: 18px 72px;
}

#signup-wrapper .signup-submit-wrapper .small-print {
  font-size: 12px;
}

#signup-wrapper .signup-footer {
  background: #444343;
  color: #fff;
  padding: 50px;
  clear: both;
}

#signup-wrapper .signup-footer p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
}

#signup-wrapper .signup-footer .signup-footer-underline {
  background: url(/images/signup/underline.svg) no-repeat bottom;
  padding: 0 0 7px;
}

#signup-wrapper .signup-footer .signup-footer-logos-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  list-style: none;
}

#signup-wrapper .signup-footer .signup-footer-logos-list-item {
  padding: 0 10px;
}

#signup-wrapper .batchgeo-form-auto-error {
  color: red;
  font-weight: bold;
}

@media all and (min-width: 1280px) {
  #signup-wrapper {
    background-size: contain;
  }
}

@media all and (max-width: 700px) {
  #signup-wrapper .signup-footer .signup-footer-logos-list-item:nth-child(even) {
    display: none;
  }
}

@media all and (max-width: 580px) {
  #signup-wrapper .signup-footer .signup-footer-logos-list-item:nth-child(even) {
    display: block;
  }

  #signup-wrapper .signup-footer .signup-footer-logos-list-item:nth-child(odd) {
    display: none;
  }

  #signup-wrapper .signup-splash {
    font-size: 0.8em;
  }

  #signup-wrapper .signup-form .split-width,
  #signup-wrapper .signup-form .split-width-two-thirds {
    display: block;
  }

  #signup-wrapper .signup-form .field.field-cvv {
    width: 100%;
  }

  #signup-wrapper .signup-form .card-number-expiration-slash {
    display: none;
  }

  #signup-wrapper .signup-form .card-number-expiration-month {
    margin-bottom: 30px;
  }

  #signup-wrapper .signup-form .state-select-field select,
  #signup-wrapper .signup-form .card-number-expiration-field select {
    width: 100%;
  }

  #signup-wrapper .signup-form .signup-submit-wrapper button {
    padding: 18px 25px;
  }
}

#signup-wrapper .pricing-box {
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 768px) {
  #signup-wrapper .pricing-box {
    margin-top: 0;
  }
}

.signup_frequency_radio_group {
  display: flex;
  flex-wrap: wrap;
}

button.faux-braintree-payment-options-button {
  background: #fafafa;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  margin: 0 auto;
  padding: 18px;
  text-align: center;
  width: 100%;
  border: none;
  line-height: 1.2;
  font-weight: 400;
}

button.faux-braintree-payment-options-button:hover {
  font-weight: 500;
  background: #fcfcfc;
}

button.faux-braintree-payment-options-button:hover span {
  border-color: #000;
}

button.faux-braintree-payment-options-button span {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 1px;
}

#video img {
  width: auto;
  border: none;
}

#generator.homepage-generator {
  background: url(/images/signup/signup-background.jpg) no-repeat;
  background-size: cover;
  font-family: Arial, sans-serif;
}

#generator.homepage-generator h1 {
  color: #fff;
}

#generator.homepage-generator p {
  color: #fff;
}

#generator.homepage-generator p a {
  color: #fff;
  text-decoration: underline;
}

#generator.homepage-generator .extra-options {
  background: #f6f6f6;
  border-radius: 4px;
  margin: 25px auto;
  padding: 25px;
}

#generator.homepage-generator .extra-options p {
  color: #333;
}

#generator.homepage-generator fieldset,
#generator.homepage-generator .fieldset {
  width: 100%;
}

h2.subheadline {
  color: #585757;
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 35px;
}

.headline-underline {
  background: url(/images/signup/underline.svg) no-repeat bottom;
  padding: 0 0 7px;
}

.home-native-apps-container {
  background: #f5f5f5;
  text-align: left;
}

.home-native-apps-container .home-native-apps-inner {
  max-width: 1000px;
}

.home-native-apps-container #mobile-callout {
  padding: 40px 0;
}

.home-native-apps-container #mobile-callout .mobile-callout-image {
  max-width: 400px;
}

.home-native-apps-container h2,
.home-native-apps-container p,
.home-native-apps-container li {
  text-align: left;
}

.home-native-apps-container ul {
  text-align: left;
  margin: 15px 0;
  padding: 10px 0;
}

.home-native-apps-container ul li {
  padding-right: 35px;
  display: inline-block;
}

.home-native-apps-container ul .bullet-icon-marker {
  width: 15px;
  border: none;
  outline: none;
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.home-native-apps-container p {
  text-align: left;
}

.home-native-apps-container p a {
  text-decoration: underline;
}

a.play-video-btn {
  display: inline-block;
  background: #ff8700;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  padding: 8px 15px;
  margin-left: 5px;
  position: relative;
  top: -2px;
}

a.play-video-btn .play-video-btn-icon {
  width: 12px;
  margin-right: 4px;
}

/*Reusable Logo Footer*/
.logo-footer {
  background: #444343;
  color: #fff;
  padding: 50px;
}

.logo-footer p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
}

.logo-footer h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
  max-width: 1000px;
  margin: 0 auto;
}

.logo-footer .signup-footer-logos-list {
  max-width: 1000px;
  margin: 30px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  list-style: none;
}

.logo-footer .signup-footer-logos-list-item {
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .logo-footer .signup-footer-logos-list {
    display: inline-block;
    text-align: center;
  }

  .logo-footer .signup-footer-logos-list-item {
    display: inline-block;
    margin-bottom: 25px;
  }
}

/* #tier-pricing-wrapper {
	 #pricing-header {
		background: url(/images/signup/signup-background.jpg) no-repeat;
		background-size: cover;
		padding: 75px 0 200px 0;
		h1 {
			color: #fff;
			font-size: 2.4em;
			font-weight: 400;
			margin: 0 0 10px 0;
			text-align: center;
		}
		p {
			color: #fff;
			font-size: 1.6em;
			text-align: center;
			margin-bottom:40px;
		}
		@include media ("screen", "<tablet") {
			padding: 75px 0;
		}
	}

	#pricing-cards-wrapper {

		@include media ("screen", "<=tablet") {
			.pricing-card { padding: 0; }
		}
		@include media ("screen", "<=phone") {
			margin-top: 0;
			.pricing-card { padding: 15px; }
		}
		&.two-up{
			max-width:820px;
		}
	}

	&.gray{
		background: #F8F8F8;
	}

	.pro-features {
		margin-top: 60px;
		h2 {
				text-align: center;
				font-weight:600;
		}
		&.white{
			background:#fff;
			border-top:0;
			border-bottom:0;
			padding-top:50px;
			h2{
				color: #585757;
			}
		}
	}
	

	#media {
		background-color: #EFEFEF;
		padding: 35px 0;
	}
	#pro-cta {
		background: #444343;
		padding: 35px 0;
		margin: 0;
		text-align: center;
		.wrap {
			@include media ("screen", ">=tablet") {
				@include flexbox;
				@include align-items(center);
				text-align: left;
				max-width:900px;
			}
		}
		h2 {
			color: #fff;
			font-size: 24px;
			font-weight:600;
			margin-bottom:0px;
			text-align:left;
			@include media ("screen", "<tablet") {
				margin-bottom: 15px;
			}
		}
		p {
			font-size: 1em;
			color: #DADADA;
			margin: 0;
			@include media ("screen", "<tablet") {
				margin-bottom: 15px;
			}
		}
	}
} */
.promo-banner {
  padding: 10px;
  background: #fff0c0;
  text-align: center;
  font-weight: bold;
}

.pricing-card {
  padding: 0 15px;
}

.pricing-card.signup-card {
  margin-bottom: 25px;
}

.pricing-card .card-content {
  background: #fff;
  border: 1px solid #ffc715;
  border-radius: 8px;
  text-align: center;
  padding: 30px 15px;
  background-clip: padding-box;
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.pricing-card .card-content.signup-card-content {
  padding: 0;
  border-color: #dddddd;
}

.pricing-card .card-content h1 {
  font-weight: 200;
  font-size: 2.9em;
  color: #515050;
  margin: 0;
  line-height: 1em;
  padding: 0 10px;
}

.pricing-card .card-content .price {
  font-weight: 600;
  font-size: 3.75em;
  color: #ffc715;
  margin: 0;
  line-height: 1.25em;
}

.pricing-card .card-content .price.enterprise {
  font-size: 1.625em;
  margin: 10px 0 42px 0;
}

.pricing-card .card-content p {
  font-size: 0.75em;
  margin-bottom: 25px;
}

.pricing-card .card-content .card-title {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 15px;
}

.pricing-card .card-content ul {
  list-style: none;
  margin: 0;
}

.pricing-card .card-content ul li {
  border-bottom: 1px solid #dadada;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.pricing-card .card-content ul li:last-child {
  border-bottom: 0;
}

.pricing-card .card-content .pricing-card-explainer {
  border-top: 1px solid #dadada;
  background: #f6f6f6;
  padding: 25px;
}

.pricing-card .card-content .pricing-card-explainer p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 12px;
  color: #757575;
}

.pricing-card .card-content .popular {
  background-color: #ffd449;
  color: #515050;
  font-size: 0.875em;
  position: absolute;
  padding: 0.25em 3em;
  left: -2.5em;
  font-weight: 600;
  top: 2.5em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

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

.pro-features .fourcol {
  margin-bottom: 3rem;
}

@media screen and (min-width: 768px) {
  .pro-features .fourcol {
    margin-bottom: 1.25rem;
  }
}

.pro-features h2 {
  margin-bottom: 1.7em;
}

.pro-features h3 {
  color: #024059;
}

.pro-features span {
  display: block;
  color: #024059;
  font-size: 4em;
  margin: 0 0 1rem;
}

.bg-blue .pro-features-content h3,
.bg-blue .pro-features-content span,
.bg-blue .pro-features-content a {
  color: #bfe4f9;
}

.lite-features-cta {
  margin-top: 2rem;
}

/* #pricing-wrapper {
	#content-wrap {
		background: url(/images/signup/signup-background.jpg) no-repeat;
		background-size: cover;

		.pricing-splash h1 {
			color: #fff;
			font-size: 2.4em;
			font-weight: 400;
			margin: 0 0 10px 0;
			text-align: center;
		}

		.pricing-splash p {
			color: #fff;
			font-size: 1.6em;
			text-align: center;
			margin-bottom:40px;
		}

		#pro-intro .proprice {
			font-size:72px;
			line-height:52px;
			margin:0;
			padding:0;
			font-weight:500;
			sup {
				position:relative;
				top:-30px;
				margin-left:-15px;
				margin-right:5px;
			}
		}
		#pro-intro .proprice-label {
			font-size:20px;
			line-height:16px;
			color:#fff;
			font-style:normal;
			padding:0 0 10px 0;
			letter-spacing:.0125em;
		}

		#pro-intro h2 {
			font-size: 20px;
			font-weight:600;
			color: #fff;
			margin:0;
			padding:0 0 10px 0;
		}
		#pro-intro p {
			font-size:16px;
		}

		.get_started_button {
			display:block;
			width:100%;
		}

		#pro-intro {
			background: rgba(0, 0, 0, .15);
			border-radius: 4px;
			padding:20px;
			text-align:center;
		}

	}
	.pro-slide {
		margin: 0 !important;
	}

	.pro-features h2 {
		color: #585757;
		font-size:30px;
		text-align:center;
		margin-bottom:50px;
	}

	#pro-cta-wrap {
		background: #444343;
		border-bottom: 1px solid #5E5E5E;
		padding:50px 0;
	}
	#pro-cta {
		margin:0 auto;
		background: #444343;

		h2 {
			color:#fff;
			font-size:36px;
			font-weight:700;
			line-height: 100%;
			margin-bottom: 10px;
		}
		h3 {
			color:#fff;
			margin:5px 0 0 0;
		}
	}

	.signup-footer {
		background: #efefef;
		color: #fff;
		padding: 50px;

		p {
			color:#585757;
			margin: 0;
			text-align: center;
			font-weight: 700;
			font-size: 30px;
		}

		.signup-footer-logos-list {
			margin-top: 30px;
			@include flexbox;
			@include justify-content(space-between);
			@include align-items(center);
			list-style: none;
		}

		.signup-footer-logos-list-item {
			padding: 0 10px;
		}

	}
	#pro-demo {
		margin:0;
		border: 1px solid #C0C0C0;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.20);
	}

} */
.pricing-video {
  display: block;
  margin: 0 auto;
  justify-content: center;
  background: none;
  text-align: center;
}

.pricing-video #pro-demo {
  height: auto;
  margin: 1rem auto 4rem;
  max-width: 100%;
  max-height: 400px;
  height: auto;
  width: auto;
}

.flexible-billing {
  line-height: 24px;
}

a.pro-features-link {
  color: #ff9200;
  font-weight: bold;
  margin-top: 20px;
  text-decoration: underline;
  display: inline-block;
}

a.pro-features-link:hover {
  text-decoration: none;
  border-bottom: 0;
  padding-bottom: 0;
  cursor: pointer;
}

@media screen and (max-width: 1125px) {
  .pricing-card .card-content h1 {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 1115px) {
  .pricing-card .card-content h1 {
    font-size: 2.4em;
  }
}

@media screen and (max-width: 950px) {
  .pricing-card .card-content h1 {
    font-size: 1.8em;
  }

  .pricing-card .card-content .price {
    font-size: 3.25em;
  }
}

/* .signup-footer-underline {
	background: url(/images/signup/underline.svg) no-repeat bottom;
	padding: 0 0 7px;
} */
#feature-page section {
  text-align: center;
}

#feature-page section.using-batchgeo {
  padding: 0;
}

.feature-set .feature-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.feature-set h2 {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.feature-set p {
  text-align: center;
}

.feature-set .feature-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  margin: 0 11px;
  text-align: center;
  background: #f0f2f3;
}

.feature-set .feature-item a {
  display: inline-block;
  height: 360px;
  margin: 0 auto;
  text-decoration: none;
}

.feature-set .feature-item a:hover {
  outline: none;
  text-decoration: none;
  border-bottom: none;
}

.feature-set .feature-item .feature-content {
  height: 155px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 0 10px;
}

.feature-set .feature-item .feature-content h3 {
  font-size: 20px;
  color: #024059;
  margin: 0 0 12px 0;
  padding: 0;
}

.feature-set .feature-item .feature-content p {
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 20px;
}

.feature-set .feature-item .feature-content p.more {
  color: #024059;
}

.feature-set .feature-item .featureill {
  height: 195px;
  padding: 20px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.feature-set .feature-item .featureill img {
  max-width: 170px;
}

@media screen and (max-width: 1250px) {
  .feature-set .feature-item .featureill img {
    max-width: 140px;
  }
}

.feature-set .feature-item:hover {
  background: #fbfbfb;
}

.foryourbusiness .feature-item {
  background: #fff;
}

.foryourbusiness .feature-content p {
  font-size: 15px;
}

.using-batchgeo .using-batchgeo-contain a:hover {
  border: none;
  opacity: 0.8;
}

.using-batchgeo .using-batchgeo-contain h1,
.using-batchgeo .using-batchgeo-contain p,
.using-batchgeo .using-batchgeo-contain ul,
.using-batchgeo .using-batchgeo-contain li,
.using-batchgeo .using-batchgeo-contain a {
  color: #fff;
}

.using-batchgeo .using-batchgeo-contain h1,
.using-batchgeo .using-batchgeo-contain p {
  text-align: center;
}

.using-batchgeo .using-batchgeo-contain ul,
.using-batchgeo .using-batchgeo-contain li {
  text-align: left;
  font-weight: bold;
}

.using-batchgeo .using-batchgeo-contain li {
  list-style: none;
  background: url(/images/icon-article.svg) no-repeat 0 2px;
}

.using-batchgeo .using-batchgeo-contain li a {
  padding-left: 30px;
}

.using-batchgeo .using-batchgeo-contain li:before {
  display: none;
}

.batchgeo-list-wrapper {
  padding-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 33%;
  -moz-flex-basis: 33%;
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
}

.batchgeo-list-wrapper ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media all and (min-width: 801px) {
  .batchgeo-list-wrapper ul:first-of-type {
    flex-basis: 40%;
  }

  .batchgeo-list-wrapper ul:nth-of-type(2) {
    flex-basis: 33%;
  }

  .batchgeo-list-wrapper ul:last-of-type {
    flex-basis: 27%;
  }
}

@media all and (max-width: 1150px) {
  .feature-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .feature-set {
    width: 100%;
  }

  .feature-set .feature-item {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin-bottom: 1.5rem;
  }
}

@media all and (max-width: 800px) {
  .batchgeo-list-wrapper {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 25px;
  }

  .batchgeo-list-wrapper ul {
    width: 225px;
    margin: 0;
  }

  .batchgeo-list-wrapper ul li {
    margin-bottom: 5px;
  }
}

@media all and (max-width: 650px) {
  .feature-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .feature-set {
    width: 100%;
  }

  .feature-set .feature-item {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 48%;
    -moz-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin-bottom: 1.5rem;
  }

  .using-batchgeo-contain ul li {
    width: 100%;
  }
}

@media all and (max-width: 460px) {
  .feature-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .feature-set {
    width: 100%;
  }

  .feature-set .feature-item {
    max-width: 300px;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.promo-features.feature-set .feature-item {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33);
}

@media all and (min-width: 1250px) {
  .promo-features.feature-set .feature-item {
    margin: 0 2.25rem;
  }
}

#mobile-page-wrapper #content-wrap {
  /* background: url(/images/signup/signup-background.jpg) no-repeat;
  background-size: cover; */
  padding-bottom: 0;
}

#mobile-page-wrapper #content-wrap .button {
  display: block;
  width: 100%;
  color: #fff;
  border-color: #000;
}

#mobile-page-wrapper .mobile-page-intro {
  padding: 80px 25px 0;
  overflow: hidden;
}

#mobile-page-wrapper .mobile-page-intro h1 {
  color: #fff;
  font-size: 2.4em;
  font-weight: 600;
  margin: 0 0 10px 0;
  text-align: center;
}

#mobile-page-wrapper .mobile-page-intro h2 {
  font-size: 22px;
  color: #fb9b39;
  text-align: center;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 50px;
}

#mobile-page-wrapper .mobile-page-intro p {
  color: #fff;
  font-size: 24px;
  text-align: left;
  margin-bottom: 30px;
}

#mobile-page-wrapper .mobile-page-intro ul {
  margin-left: 50px;
  list-style-type: disc;
}

#mobile-page-wrapper .mobile-page-intro ul li {
  color: #fff;
  font-size: 22px;
  text-align: left;
}

#mobile-page-wrapper .mobile-page-intro p.disclaimer {
  font-size: 13px;
  color: #ffffff;
  line-height: 18px;
}

#mobile-page-wrapper .mobile-page-intro p.disclaimer a {
  color: #fff;
  text-decoration: underline;
}

#mobile-page-wrapper .mobile-page-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}

@media all and (min-width: 1025px) {
  #mobile-page-wrapper .mobile-page-image-wrapper {
    right: 5%;
  }
}

#mobile-page-wrapper .download-callout {
  background: #023448;
  border-radius: 4px;
  margin: 10px 0 15px 0;
  padding: 15px 25px;
  display: inline-block;
  width: auto;
}

@media all and (max-width: 345px) {
  #mobile-page-wrapper .download-callout {
    padding: 10px 20px;
  }
}

#mobile-page-wrapper .download-callout p {
  font-size: 30px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.35px;
  margin: 0;
  padding: 15px 0 0 0;
}

@media all and (max-width: 600px) {
  #mobile-page-wrapper .download-callout p {
    font-size: 24px;
  }
}

@media all and (max-width: 600px) {
  #mobile-page-wrapper .download-callout p {
    font-size: 24px;
  }
}

@media all and (min-width: 600px) {
  #mobile-page-wrapper .download-callout img {
    max-width: 250px;
  }
}

@media all and (min-width: 1160px) {
  #mobile-page-wrapper .download-callout img {
    margin-left: 20px;
    margin-top: -15px;
  }
}

@media all and (max-width: 600px) {
  #mobile-page-wrapper .download-callout img {
    max-width: 100%;
  }
}

#pro-features-mobile h3 {
  color: #024059;
}

.key-feature {
  margin: 1rem 0;
}

#why-go-mobile .feature-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  max-width: 1140px;
  margin: 0 auto;
}

#why-go-mobile .feature-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  margin: 0 1%;
  text-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#why-go-mobile .feature-item .feature-content {
  padding: 0 25px;
}

#why-go-mobile .feature-item .feature-content h3 {
  color: #024059;
  margin: 0 0 15px 0;
  min-height: 40px;
}

#why-go-mobile .feature-item .feature-content p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.35;
}

#why-go-mobile .feature-item .feature-content p.more {
  color: #36c;
}

#why-go-mobile .feature-item .featureill {
  height: 220px;
  padding: 50px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

#why-go-mobile .feature-item .featureill img {
  max-width: 200px;
  max-height: 180px;
}

#getstartedwithbg ol li {
  font-style: italic;
}

#getstartedwithbg .wrap {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

#getstartedwithbg h2 {
  margin-bottom: 3.5rem;
}

@media screen and (max-width: 1063px) {
  #getstartedwithbg h2 {
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  #getstartedwithbg h2 {
    margin-bottom: 2rem;
  }
}

#footer {
  margin: 0;
}

@media all and (max-width: 1160px) {
  .mobile-page-intro .download-callout {
    width: 100%;
    text-align: center;
  }

  .mobile-page-intro .download-callout p {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    width: 100%;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mobile-page-intro .download-callout a {
    clear: both;
    margin-top: 10px;
    display: block;
  }

  .mobile-page-intro .download-callout img {
    clear: both;
    max-width: 250px;
    margin-left: 0;
    margin-top: 0;
    float: none;
  }
}

@media all and (max-width: 767px) {
  .mobile-page-image-wrapper {
    display: none;
  }
}

@media all and (max-width: 768px) {
  #why-go-mobile .feature-group {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
  }

  #why-go-mobile .feature-item {
    margin-bottom: 25px;
  }
}

.home-admin-map-table-title {
  text-align: center;
  margin-top: 3em;
}

.home-admin-map-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1140px;
  width: 90%;
  margin: 0 auto 4rem;
}

.home-admin-map-container table center {
  align-items: center;
  text-align: center;
}

.home-admin-map-container table {
  width: 100%;
  border: 1px solid #ddd;
  border-left-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px 6px 0 0;
  margin-bottom: 50px;
}

.home-admin-map-container td {
  padding: 8px 9px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  text-align: left;
}

.home-admin-map-container td.center {
  text-align: center;
}

.home-admin-map-container td.updated {
  font-size: 12px;
}

.home-admin-map-container th {
  font-weight: 700;
  border-top-width: 0;
  padding: 6px 9px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  text-align: left;
}

.home-admin-map-container th:first-child {
  border-radius: 6px 0 0 0;
}

.home-admin-map-container .button {
  margin: 0;
  margin: 2px;
  padding: 6px 10px;
}

@media all and (max-width: 768px) {
  .home-admin-map-container .button {
    display: block;
  }

  .home-admin-map-container td {
    vertical-align: top;
  }
}

/******************************************************************
Sidebar Navigation Styles
******************************************************************/
/******************************************************************
Sidebar Navigation Styles
******************************************************************/
*,
::before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hide-navbar {
  display: none;
}

.scroller,
.scroller-inner {
  position: relative;
}

.container {
  overflow: hidden;
}

.container.map-page-container.data-view-open {
  position: absolute;
  height: 100%;
  width: 100%;
}

.menu-trigger {
  display: none;
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  font-size: 0.9em;
}

.menu-trigger:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 40px;
  height: 6px;
  background: #ccc;
  content: "";
  -webkit-box-shadow:
    0 6px #fff,
    0 12px #ccc,
    0 18px #fff,
    0 24px #ccc;
  box-shadow:
    0 6px #fff,
    0 12px #ccc,
    0 18px #fff,
    0 24px #ccc;
}

.menu-trigger:hover,
.menu-trigger:active,
.menu-trigger:visited {
  border: 0;
  text-decoration: none;
}

.menu-trigger:hover {
  opacity: 0.8;
}

.mp-pusher {
  position: relative;
  left: 0;
  display: block;
  z-index: 9999;
}

.mp-pusher.mp-pushed {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.mp-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 300px;
  height: 100vh;
  background-color: #ccc;
  overflow: auto;
  background: #fff;
  width: 320px;
  z-index: 99999;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media screen and (max-width: 768px) {
  .mp-menu {
    width: 86%;
  }
}

.mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition:
    opacity 0.3s,
    width 0.1s 0.3s,
    height 0.1s 0.3s;
  -ms-transition:
    opacity 0.3s,
    width 0.1s 0.3s,
    height 0.1s 0.3s;
  -o-transition:
    opacity 0.3s,
    width 0.1s 0.3s,
    height 0.1s 0.3s;
  transition:
    opacity 0.3s,
    width 0.1s 0.3s,
    height 0.1s 0.3s;
  transition:
    opacity 0.3s,
    width 0.1s 0.3s,
    height 0.1s 0.3s;
}

.mp-level::after {
  z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
  cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1;
}

.mp-pusher,
.mp-level {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transition: all 0.3s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* First level */
.mp-menu>.mp-level,
.mp-menu>.mp-level.mp-level-open,
.mp-menu.mp-overlap>.mp-level,
.mp-menu.mp-overlap>.mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-levelen {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open>ul>li>.mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

div#sidebar-recently-viewed .mp-back {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1em;
  outline: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  font-size: 14px;
  color: #ff8a00;
  letter-spacing: 0.5px;
  line-height: 16px;
}

div#sidebar-recently-viewed .mp-back:before {
  font-family: "batchgeotoolbaricons";
  content: "\e923";
  font-size: 1.8em;
  width: 22px;
}

@media all and (min-width: 100px) and (max-width: 918px) {
  .menu-trigger {
    display: inline;
    font-size: 0.9em;
    height: 32px;
    top: 8px;
    float: right;
    position: relative;
  }

  .menu-trigger:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 30px;
    height: 4px;
    background: #ccc;
    -webkit-box-shadow:
      0 4px #fff,
      0 8px #ccc,
      0 12px #fff,
      0 16px #ccc;
    box-shadow:
      0 4px #fff,
      0 8px #ccc,
      0 12px #fff,
      0 16px #ccc;
    content: "";
  }
}

/*Some styling for the sidebar menu*/
#mp-menu #login_box input[type="text"],
#mp-menu #login_box input[type="password"] {
  border: 1px solid rgba(252, 189, 66, 0.6);
}

#mp-menu #login_box {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20px;
}

/* Sidebar Login Box */
#sidebar-utility {
  background: #fff;
}

#sidebar_login_box {
  width: 90%;
  margin: 1rem auto 2rem;
  padding: 0.8rem 1rem 1rem;
  font-size: 1.2em;
  background-color: #ffd449;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#sidebar_login_box .error {
  color: #b51d09;
  font-weight: normal;
  padding-top: 10px;
}

#sidebar_login_box h3 {
  width: 100%;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

#sidebar_login_box form {
  width: 100%;
}

#sidebar_login_box label {
  display: none;
}

#sidebar_login_box input[type="text"],
#sidebar_login_box input[type="password"] {
  box-sizing: border-box;
  margin-bottom: 10px;
  border-radius: 2px;
  border-color: #8b8b8b;
  border: none;
  padding: 0.9em 0.75em;
  width: 100%;
  font-size: 14px !important;
}

#sidebar_login_box form p {
  padding: 0;
  margin-top: 0.25rem;
  font-size: 14px;
}

@media screen and (max-width: 350px) {
  #sidebar_login_box form p {
    font-size: 12px;
  }
}

#sidebar_login_box p {
  padding: 15px 0;
  margin: 0;
  font-size: 15px;
}

#sidebar_login_box p:last-child {
  box-shadow: none;
}

#sidebar_login_box p a {
  color: #7f6e35;
}

#sidebar_login_box p #sidebar_login_box span {
  font-size: 12px;
  margin-left: 15px;
}

#sidebar_login_box p .forgot_link {
  position: relative;
  top: -2px;
  font-weight: normal;
  color: #023448;
}

#sidebar_login_box p .forgot_link:hover {
  border: none;
  color: #023448;
}

#sidebar_login_box p .avatar-icon {
  display: inline-block;
  width: 20px;
  margin-right: 8px;
  margin-bottom: -6px;
}

#sidebar_login_box p .lock-icon {
  display: inline-block;
  width: 16px;
  margin-right: 8px;
  margin-bottom: -3px;
  margin-top: -4px;
}

#sidebar_login_box p #login_button {
  /* 
	background: rgba(0,0,0,.1);
	font-size:14px !important;
	border:none;
	text-transform:uppercase;
	font-weight:700;
	padding:.75rem 2rem;
	color: #FFF;
	 */
  padding: 14px 20px;
  font-size: 20px !important;
  margin: 0 0.25rem 0 0;
}

@media screen and (max-width: 350px) {
  #sidebar_login_box p #login_button {
    font-size: 16px !important;
    padding: 12px 16px;
  }
}

#sidebar-navigation {
  margin: 0;
  padding: 1rem;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#sidebar-navigation li {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
}

#sidebar-navigation li a {
  display: inline-block;
  width: 100%;
  color: #071d25;
  padding: 0.25rem 0;
  margin: 0.5rem 0;
  text-decoration: none;
}

#sidebar-navigation li a:hover {
  border: none;
  text-decoration: none;
  color: #333;
}

/* @media all and (max-height: 699px) {
	#sidebar-navigation {
		padding: .5rem 1rem;
		li{
			a{
				padding: .5rem 0;
			}
		}
	}
} */
@media (min-width: 919px) {
  .site-page-container #sidebar-navigation {
    display: none;
  }
}

div ul li #secondary-menu-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div ul li #secondary-menu-trigger:after {
  font-family: "batchgeotoolbaricons";
  content: "\e924";
  font-size: 2em;
}

#sidebar-recently-viewed {
  display: none;
  background: #fff;
  height: 100vh;
}

#sidebar-recently-viewed h3 {
  color: #777;
  line-height: 1.5em;
  text-decoration: none;
  font-weight: normal;
  background: #ffd449;
  margin: 0;
  padding: 1rem;
  font-size: 1em;
  cursor: auto;
}

#recently-viewed-list {
  background: #fff;
  padding: 0.5rem 1rem 1rem;
  margin: 0;
  list-style: none;
}

#sidebar-account-navigation,
#sidebar-navigation.logged-in {
  margin: 0;
  padding: 1rem;
  list-style: none;
  background-color: #ffd449;
}

#sidebar-account-navigation li,
#sidebar-navigation.logged-in li {
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}

#sidebar-account-navigation li:last-child,
#sidebar-navigation.logged-in li:last-child {
  border-bottom: none;
}

#sidebar-account-navigation li a,
#sidebar-navigation.logged-in li a {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #777777;
  padding: 0.75rem 0;
  line-height: 1.5em;
  text-decoration: none;
}

#sidebar-account-navigation li a:hover,
#sidebar-navigation.logged-in li a:hover {
  border: none;
  text-decoration: none;
  color: #333;
}

@media all and (max-height: 699px) {

  #sidebar-account-navigation,
  #sidebar-navigation.logged-in {
    padding: 0.55rem 1rem 1rem;
  }

  #sidebar-account-navigation li a,
  #sidebar-navigation.logged-in li a {
    padding: 0.5rem 0;
  }
}

#sidebar-navigation.logged-in {
  margin-top: -1.5rem;
}

#sidebar-navigation.logged-in li {
  font-weight: normal;
  text-align: left;
}

#sidebar-navigation.logged-in li:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.075);
}

#sidebar-navigation.logged-in a {
  margin: 0;
}

#signout-container {
  padding: 10px 10px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#sidebar_login_signout {
  width: 100%;
  background: #f4f2f4;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  color: #858585;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  padding: 0.75rem;
  text-decoration: none;
}

#sidebar_login_signout:hover {
  text-decoration: none;
  border: none;
  background: #e4e2e4;
}

#sidebar_signin {
  padding: 1rem;
  color: #858585;
  background-color: transparent;
  width: 100%;
  text-transform: none;
  cursor: pointer;
}

.sidebar-signup-nudge {
  font-size: 12px;
  font-weight: 800px;
  color: #7f6e35;
  text-align: center;
  margin-top: 15px;
  letter-spacing: 0.02em;
}

.sidebar-nav-signup {
  text-align: center;
}

.sidebar-nav-signup .signup {
  margin: 0;
}

.infoBox {
  margin: 8px auto 0;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.infoBox .pg {
  background: transparent;
  font-size: 12px;
  z-index: inherit;
  text-align: left;
  border-bottom: none;
  padding: 3px 10px;
  font-weight: bold;
  color: #858585;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
}

.infoBox .pg .pg-arrow {
  font-size: 24px;
  padding: 0 5px;
  margin: 0;
  background: #fefefe;
  /* Old browsers */
  background: linear-gradient(to bottom, #fefefe 0%, #f6f6f6 100%);
  color: #979797;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  height: 26px;
}

.infoBox .pg .pg-arrow:active {
  background: linear-gradient(to bottom, #fefefe 100%, #f6f6f6 0%);
}

.infoBox .pg .pg-arrow:before {
  font-family: "batchgeotoolbaricons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  font-size: 32px;
  color: #979797;
  position: relative;
  top: -4px;
}

.infoBox .pg .icon-keyboard-arrow-left {
  margin-left: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.infoBox .pg .icon-keyboard-arrow-right {
  position: relative;
  left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.infoBox .pg .icon-keyboard-arrow-right:before {
  content: "\e924";
}

.infoBox .batchgeo-infobox-close-button {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #979797;
  z-index: 99999;
}

.infoBox .batchgeo-infobox-close-button:before {
  font-family: "batchgeotoolbaricons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  font-size: 28px;
  color: #979797;
}

.infoBox .icon-remove-circle {
  position: absolute;
  right: 2px;
  top: 7px;
  color: #979797;
  z-index: 99999;
}

.infoBox .icon-remove-circle:before {
  font-family: "batchgeotoolbaricons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e920";
  font-size: 28px;
  color: #979797;
}

.infoBox .markerLabel {
  width: 275px;
  padding: 0;
}

.infoBox .markerLabel div {
  font-weight: 700;
  color: #585857;
}

.infoBox .markerLabel div.markerDetails a {
  color: #585857;
  text-decoration: none;
}

.infoBox .markerLabel div.markerDetails a:hover {
  text-decoration: underline;
  border: none;
}

.infoBox .markerLabel div.address {
  font-weight: 400;
}

.infoBox .markerLabel .markerContent {
  padding: 10px 1em 55px 1em;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.infoBox .markerLabel .markerContent .markerSub {
  margin-top: 5px;
}

@media (min-width: 481px) {
  .infoBox .markerLabel .markerContent .markerSub {
    max-height: 400px;
    overflow: auto;
  }
}

.infoBox .markerLabel .markerContent .markerSub .markerImage {
  display: block;
  float: right;
  margin-left: 10px;
  height: 80px;
  width: 80px;
  overflow: hidden;
}

.infoBox .markerLabel .markerContent .markerSub .markerImage img {
  height: auto;
  width: 80px;
}

.infoBox .markerLabel .markerContent .markerSub .markerImage.no-title {
  margin-top: 20px;
}

.infoBox .markerLabel .markerContent .markerDetails div {
  text-align: left;
  margin-bottom: 5px;
}

.infoBox .markerLabel .cardTitle {
  font-size: 14px;
  font-weight: 600;
  height: auto;
  line-height: 17px;
  white-space: normal;
  padding-right: 25px;
  margin-top: 2px;
  text-align: left;
}

.infoBox .markerLabel .cardTitle a {
  color: #3366cc;
}

.infoBox .markerLabel .address {
  font-style: normal;
}

.infoBox .markerLabel .l {
  color: #585857;
  font-weight: 400;
}

.infoBox .markerLabel .infowindow-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background: #f6f6f6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button {
  position: relative;
  height: 32px;
  width: 40px;
  color: #878787;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:active,
.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:focus {
  background: #f5f5f5;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:hover {
  cursor: pointer;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:before {
  display: block;
  content: "";
  width: 32px;
  height: 28px;
  text-align: center;
  background-size: 14px;
  background-position: center;
  font-family: "batchgeotoolbaricons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e922";
  font-size: 28px;
  color: #979797;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button.pin-button:before {
  content: "\e927";
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button.pin-button-active:before {
  content: "\e928";
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button.zoom-button:before {
  content: "\e911";
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button.url-button:before {
  content: "\e921";
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button.nav-button:before {
  content: "\e922";
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button.distance-button:before {
  content: "\e91e";
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:after {
  content: "";
  color: #d9d9d9;
  position: absolute;
  right: 0;
  top: 7px;
  border-right: 1px dotted #cccccc;
  height: 19px;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:first-child {
  border-bottom-left-radius: 5px;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:last-child {
  border-bottom-right-radius: 5px;
}

.infoBox .markerLabel .infowindow-footer .infowindow-footer-button:last-child:after {
  content: "";
  display: none;
}

#preview.infoBox .markerLabel .markerContent {
  padding: 10px;
}

.batchgeo-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 10px;
  left: 70px;
  z-index: 2;
}

@media screen and (max-width: 199px) {
  .batchgeo-toolbar {
    left: 10px;
    right: 5px;
    flex-wrap: wrap;
  }
}

.batchgeo-toolbar-button {
  display: none;
  padding: 0;
  margin: 0;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}

.batchgeo-toolbar-button.drawing-manager-button {
  width: 48px;
  margin-left: -1px;
}

.batchgeo-toolbar-button-group:hover .batchgeo-toolbar-button {
  display: block;
  border-left: 1px solid #d9d9d9;
}

.batchgeo-toolbar-button:hover {
  background: #f7f7f7;
}

.batchgeo-toolbar-button:first-child {
  display: block;
  margin-left: -1px;
}

.batchgeo-toolbar-button-group .batchgeo-toolbar-button {
  margin-top: -1px;
}

.batchgeo-toolbar-button-group .batchgeo-toolbar-button:first-child {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-top: 0;
}

.batchgeo-toolbar-button-group:first-child .batchgeo-toolbar-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.batchgeo-toolbar-button-group:last-child .batchgeo-toolbar-button:first-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.batchgeo-toolbar-button:focus {
  outline: none;
}

.batchgeo-toolbar-button-icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  display: inline-block;
  opacity: 1 !important;
  color: #666666;
}

.batchgeo-toolbar-button:hover .batchgeo-toolbar-button-icon {
  color: #111;
}

.batchgeo-toolbar-button.active {
  background: #f2f2f2;
}

.batchgeo-toolbar-button.active .batchgeo-toolbar-button-icon:before {
  opacity: 0.3;
  color: #333;
}

.batchgeo-toolbar-button-group .batchgeo-toolbar-button:first-child.active {
  box-shadow:
    inset 0 0 8px rgba(0, 0, 0, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.1);
}

.batchgeo-toolbar-button-group .batchgeo-toolbar-button:first-child.active .batchgeo-toolbar-button-icon:before {
  opacity: 1;
  color: #3366cc;
}

.batchgeo-toolbar-button-group .groupSelectionCount {
  position: absolute;
  left: 0px;
  bottom: 48px;
}

.batchgeo-toolbar-button-group .groupSelectionCount span:first-of-type {
  display: none;
}

.batchgeo-toolbar-button.active .batchgeo-toolbar-button-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

.batchgeo-toolbar-tooltip {
  z-index: 10;
  display: none;
  background: #4687f1;
  padding: 5px 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 60px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

button.has-options:hover div.toolbar-options-button-group {
  display: flex;
  align-items: center;
}

button.has-options:first-child:hover .toolbar-options-button-group {
  display: none;
}

button.has-options:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 0.7em;
}

button.has-options.miles:before {
  content: "mi";
}

button.has-options.kilometers:before {
  content: "km";
}

.toolbar-options-button-group {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 40px;
  display: none;
}

.toolbar-options-button-group .batchgeo-toolbar-button {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.gm-bundled-control .gmnoprint>div {
  width: 48px !important;
  height: 96px !important;
}

.gm-bundled-control .gmnoprint>div button {
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
}

.gm-bundled-control .gmnoprint>div button img {
  margin: 0 !important;
  height: 12px !important;
  width: 12px !important;
}

.gm-bundled-control .gmnoprint>div button>div {
  top: auto !important;
  left: auto !important;
}

.gm-bundled-control .gmnoprint>div>div {
  margin: 0 !important;
  left: auto !important;
  width: 100% !important;
}

.gm-style-mtc div {
  font-size: 12px !important;
}

.gm-svpc {
  top: 110px !important;
  width: 48px !important;
  height: 48px !important;
}

.gm-svpc>div img {
  width: 14px !important;
  height: 24px !important;
}

.gm-svpc:hover>div img {
  width: 24px !important;
  height: 32px !important;
}

@media screen and (max-width: 599px) {
  .in-iframe .gm-bundled-control .gmnoprint>div {
    width: 32px !important;
    height: 64px !important;
  }

  .in-iframe .gm-bundled-control .gmnoprint>div button {
    width: 32px !important;
    height: 32px !important;
  }

  .in-iframe .gm-bundled-control .gmnoprint>div button img {
    margin: 0 !important;
    height: 12px !important;
    width: 12px !important;
  }

  .in-iframe .gm-bundled-control .gmnoprint>div>div {
    left: auto !important;
    width: 100% !important;
  }

  .in-iframe .gm-bundled-control .gm-svpc {
    width: 32px !important;
    height: 32px !important;
    display: none;
  }

  .in-iframe .batchgeo-toolbar-button-group {
    width: 24px;
    height: 24px;
  }

  .in-iframe .batchgeo-toolbar-button {
    height: 24px;
    width: 24px;
  }

  .in-iframe .batchgeo-toolbar-button-icon {
    height: 20px;
    width: 20px;
    font-size: 20px;
  }

  .in-iframe .batchgeo-toolbar {
    left: 50px;
  }
}

@media screen and (max-width: 599px) and (max-width: 199px) {
  .in-iframe .batchgeo-toolbar {
    left: 10px;
  }
}

@media screen and (max-width: 300px) {
  .in-iframe .gm-style-mtc {
    display: none;
  }
}

.storeLocator-view .batchgeo-toolbar {
  left: calc(70px + 375px);
}

.geocode-tracker-header {
  background: #515050;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  z-index: 101;
  position: relative;
}

.geocode-tracker-header .inner {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}

.geocode-tracker-header h1 {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 24px;
  display: flex;
  flex-direction: row;
}

.geocode-tracker-header h1 img {
  width: 30px;
  height: 30px;
  display: flex;
  margin-right: 15px;
}

.geocode-tracker-header p {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 16px;
}

#geocode-tracker-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.inner {
  padding: 1rem;
  max-width: 1300px;
  justify-content: center;
  width: 100%;
}

.geocode-tracker-chart {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#geocode-chart {
  width: 100%;
  height: 200px;
}

.geocode-tracker-chart-toggle-buttons {
  display: inline-flex;
  flex-direction: row;
  list-style: none;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  overflow: hidden;
}

.geocode-tracker-chart-toggle-buttons li {
  margin: 0;
  padding: 0;
  border-right: 1px solid #d8d8d8;
}

.geocode-tracker-chart-toggle-buttons li:last-child {
  border-right: none;
}

.geocode-tracker-chart-toggle-buttons li a {
  display: inline-block;
  width: 100px;
  text-align: center;
  padding: 4px 0;
  background-image: linear-gradient(0deg, #fcfcfc 0%, #e8e8e8 30%);
  background-image: linear-gradient(-180deg, #fcfcfc 2%, #f0f0f0 100%);
  background-image: linear-gradient(-180deg, #fcfcfc 2%, #f0f0f0 100%);
  font-size: 16px;
  color: #979797;
}

.geocode-tracker-chart-toggle-buttons li a:hover {
  border: none;
  cursor: pointer;
}

.geocode-tracker-chart-toggle-buttons li.active a {
  background: #e3e3e3;
}

.geocode-tracker-stats {
  display: flex;
  flex: 1;
  justify-content: space-evenly;
  flex-direction: row;
}

.geocode-tracker-stats .stat-container {
  position: relative;
  flex: 1;
  text-align: center;
  border-right: 1px solid #d8d8d8;
}

.geocode-tracker-stats .stat-container:last-child {
  border-right: none;
}

.geocode-tracker-stats .stat-container .stat-title {
  font-size: 22px;
  color: #9b9b9b;
  font-weight: 700;
}

.geocode-tracker-stats .stat-container .stat-count {
  font-size: 64px;
  font-weight: 500;
  color: #ffc715;
}

.geocode-tracker-stats .stat-container .overlimit-info {
  display: none;
}

.geocode-tracker-stats .stat-container .stat-sub-text {
  font-size: 14px;
  font-style: italic;
  color: #4a4a4a;
}

.geocode-tracker-stats .stat-container.overlimit .stat-count,
.geocode-tracker-stats .stat-container.overlimit .overlimit-info {
  color: #d0021b;
}

.geocode-tracker-stats .stat-container.overlimit .overlimit-info {
  display: block;
  position: absolute;
  bottom: 25px;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  left: 0;
}

hr {
  margin: 3.5rem 0;
  background: #d8d8d8;
}

.geocode-tracker-jobs table {
  width: 100%;
  font-size: 14px;
  margin-bottom: 5rem;
  color: #4a4a4a;
}

.geocode-tracker-jobs table thead {
  text-align: left;
  font-weight: 700;
  color: #000;
}

.geocode-tracker-jobs table thead th {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
}

.geocode-tracker-jobs table tbody tr td {
  padding: 0.75rem 0.5rem;
}

.geocode-tracker-jobs table tbody tr:nth-child(odd) {
  background: #f7f7f7;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  margin: 6px;
  border: 4px solid #ffc715;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ffc715 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#lds-ring-container {
  opacity: 0;
  margin-right: 10px;
}

#lds-ring-container.animation {
  -webkit-animation: fadeinText 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeinText 2s;
  /* Firefox < 16 */
  -ms-animation: fadeinText 2s;
  /* Internet Explorer */
  -o-animation: fadeinText 2s;
  /* Opera < 12.1 */
  animation: fadeinText 2s;
}

#cover #lds-ring-container {
  opacity: 1;
}

@keyframes fadeinText {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.last-updated-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#last_updated_text.animation {
  -webkit-animation: colorText 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: colorText 2s;
  /* Firefox < 16 */
  -ms-animation: colorText 2s;
  /* Internet Explorer */
  -o-animation: colorText 2s;
  /* Opera < 12.1 */
  animation: colorText 2s;
}

@keyframes colorText {
  0% {
    color: "#fff;";
  }

  30% {
    color: "#ffc715;";
  }

  80% {
    color: "#ffc715;";
  }

  100% {
    color: "#fff;";
  }
}

@keyframes fadeCover {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 0.9;
  }

  75% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

#cover {
  position: fixed;
  left: -1000px;
  background: #fff;
  opacity: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cover.animation {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: fadeCover 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeCover 2s;
  /* Firefox < 16 */
  -ms-animation: fadeCover 2s;
  /* Internet Explorer */
  -o-animation: fadeCover 2s;
  /* Opera < 12.1 */
  animation: fadeCover 2s;
}

.batchgeo-ui-map-mode-toggle {
  display: flex;
}

@media only screen and (max-width: 572px) {
  .batchgeo-ui-map-mode-toggle {
    flex-direction: row;
    width: 100%;
  }
}

.batchgeo-ui-map-mode-toggle .batchgeo-ui-map-mode-toggle-header {
  display: flex;
  vertical-align: middle;
  align-items: baseline;
}

.batchgeo-ui-map-mode-toggle .batchgeo-ui-map-mode-toggle-label {
  display: block !important;
  width: 50% !important;
  text-align: left !important;
  line-height: 0 !important;
}

.batchgeo-ui-map-mode-toggle .batchgeo-ui-map-mode-toggle-image-wrap {
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  margin-bottom: 5px;
}

.batchgeo-ui-map-mode-toggle img {
  width: 128px;
  height: 95px;
  margin: 10px 7px;
}

.batchgeo-cookie-notice {
  position: fixed;
  width: 100%;
  background: #444343;
  color: #fff;
  padding: 24px;
  left: 0;
  bottom: 0;
  display: flex;
  z-index: 1000;
}

.batchgeo-cookie-notice p {
  font-size: 12px;
  margin-bottom: 0;
}

.batchgeo-cookie-notice a {
  color: #fff;
  text-decoration: underline;
}

.batchgeo-cookie-notice button {
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  background: transparent;
  flex: 0 0 32px;
  margin-right: 20px;
  line-height: 1.1;
  cursor: pointer;
  text-align: center;
  padding: 0;
}

.unverifed-email-notice-wrapper {
  background: #444343;
}

.unverifed-email-notice {
  max-width: 1140px;
  margin: 0 auto 25px;
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
}

.resource-error-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

.resource-error-modal .resource-error-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  text-align: left;
  padding: 30px 30px 0 30px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%) !important;
  border-radius: 7px;
  background: white;
}

.resource-error-modal p {
  margin: 15px 0;
  color: #767676 !important;
}

#add-users-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  justify-content: center;
  align-items: center;
}

#add-users-modal .add-users-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1009px;
  max-height: 100%;
  width: 95%;
  text-align: left;
  padding: 50px 20px 50px 20px;
  position: relative;
  border-radius: 7px;
  background: white;
}

@media (min-width: 425px) {
  #add-users-modal .add-users-modal-content {
    padding: 67px 46px 46px 46px;
  }
}

@media (min-width: 780px) {
  #add-users-modal .add-users-modal-content {
    padding: 46px 67px;
  }
}

#add-users-modal #add-users-content,
#add-users-modal #reached-limit-content {
  width: 100%;
  height: 100%;
}

#add-users-modal #reached-limit-content {
  display: none;
}

#add-users-modal #reached-limit-content h3 {
  font: normal normal normal 20px/31px Arial;
  margin-bottom: 20px;
}

@media (min-width: 425px) {
  #add-users-modal #reached-limit-content h3 {
    font: normal normal normal 27px/31px Arial;
  }
}

#add-users-modal #reached-limit-content p {
  font: normal normal normal 14px/26px Arial;
}

@media (min-width: 425px) {
  #add-users-modal #reached-limit-content p {
    font-size: 18px;
  }
}

#add-users-modal #reached-limit-content .list-title {
  font: normal normal bold 14px/26px Arial;
}

@media (min-width: 425px) {
  #add-users-modal #reached-limit-content .list-title {
    font-size: 18px;
  }
}

#add-users-modal #reached-limit-content .icon-title-container {
  gap: 16px;
  align-items: center;
}

#add-users-modal #reached-limit-content .list-item-container {
  margin-left: 70px;
}

#add-users-modal #reached-limit-content .addon-button {
  width: 213px;
}

#add-users-modal #reached-limit-content .pro-button {
  width: 136px;
}

#add-users-modal .main-content-container {
  width: 100%;
}

@media (min-width: 715px) {
  #add-users-modal .main-content-container {
    gap: 20px;
  }
}

@media (min-width: 780px) {
  #add-users-modal .main-content-container {
    gap: 90px;
  }
}

#add-users-modal .soft-gray-border,
#add-users-modal .table-wrapper,
#add-users-modal .table-wrapper::-webkit-scrollbar-track,
#add-users-modal table tbody th,
#add-users-modal table tbody td,
#add-users-modal #add-user-email {
  border: 1px solid #ebebeb;
}

#add-users-modal .text-defaults,
#add-users-modal #reached-limit-content .list-title,
#add-users-modal h3,
#add-users-modal p,
#add-users-modal table tbody th,
#add-users-modal table tbody td,
#add-users-modal #add-user-email,
#add-users-modal .green-cta,
#add-users-modal #reached-limit-content .addon-button,
#add-users-modal #reached-limit-content .pro-button,
#add-users-modal .complete-button {
  text-align: left;
  letter-spacing: 0px;
  color: #162b32;
  opacity: 1;
}

#add-users-modal .font-14,
#add-users-modal table tbody .td-count {
  font: normal normal normal 14px/20px Arial;
}

#add-users-modal .font-15 {
  font: normal normal normal 15px/28px Arial;
}

#add-users-modal .font-bold-15,
#add-users-modal table tbody th {
  font: bold normal normal 15px/28px Arial;
}

#add-users-modal .font-13,
#add-users-modal table tbody .td-email,
#add-users-modal table tbody .td-admin,
#add-users-modal .input-container #input-error {
  font: normal normal normal 13px/20px Arial;
}

#add-users-modal .font-18,
#add-users-modal p,
#add-users-modal #add-user-email,
#add-users-modal .green-cta,
#add-users-modal #reached-limit-content .addon-button,
#add-users-modal #reached-limit-content .pro-button,
#add-users-modal .complete-button,
#add-users-modal .skip-button {
  font: normal normal normal 16px/26px Arial;
}

@media (min-width: 425px) {

  #add-users-modal .font-18,
  #add-users-modal p,
  #add-users-modal #add-user-email,
  #add-users-modal .green-cta,
  #add-users-modal #reached-limit-content .addon-button,
  #add-users-modal #reached-limit-content .pro-button,
  #add-users-modal .complete-button,
  #add-users-modal .skip-button {
    font-size: 18px;
  }
}

#add-users-modal .w-100 {
  width: 100%;
}

#add-users-modal .text-light-gray,
#add-users-modal #reached-limit-content .list-title,
#add-users-modal p,
#add-users-modal #add-user-email {
  color: #707070;
}

#add-users-modal .flex,
#add-users-modal #reached-limit-content .icon-title-container,
#add-users-modal .main-content-container,
#add-users-modal .buttons-container {
  display: flex;
}

#add-users-modal .margin-bottom-30 {
  margin-bottom: 20px;
}

@media (min-width: 425px) {
  #add-users-modal .margin-bottom-30 {
    margin-bottom: 30px;
  }
}

#add-users-modal h3 {
  font: normal normal normal 24px/31px Arial;
  color: #024059;
  margin: 0;
  margin-bottom: 30px;
}

@media (min-width: 425px) {
  #add-users-modal h3 {
    font: normal normal normal 27px/31px Arial;
  }
}

@media (min-width: 780px) {
  #add-users-modal h3 {
    margin-bottom: 20px;
  }
}

#add-users-modal p {
  margin: 0;
}

@media (min-width: 715px) {
  #add-users-modal p {
    max-width: 403px;
  }
}

#add-users-modal .first-p {
  margin-bottom: 30px;
}

#add-users-modal .second-p {
  margin-bottom: 30px;
}

@media (min-width: 425px) {
  #add-users-modal .second-p {
    margin-bottom: 34px;
  }
}

@media (min-width: 780px) {
  #add-users-modal .second-p {
    margin-bottom: 30px;
  }
}

#add-users-modal .table-wrapper {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-top: 30px;
  max-height: 152px;
  overflow-y: auto;
  border-right: none;
  border-left: none;
}

#add-users-modal .table-wrapper::-webkit-scrollbar-thumb {
  background: #dddddd 0% 0% no-repeat padding-box;
  border-radius: 0px 5px 0px 0px;
  opacity: 1;
}

#add-users-modal .table-wrapper::-webkit-scrollbar {
  width: 10px;
}

#add-users-modal .table-wrapper::-webkit-scrollbar-track {
  border-left: none;
  border-top: none;
  border-bottom: none;
  border-top-right-radius: 5px;
}

@media (min-width: 780px) {
  #add-users-modal .table-wrapper {
    margin-top: 50px;
  }
}

#add-users-modal table {
  width: 100%;
}

#add-users-modal table tbody tr {
  height: 38px;
}

#add-users-modal table tbody th {
  border-top: none;
}

#add-users-modal table tbody th,
#add-users-modal table tbody td {
  border-collapse: collapse;
  padding: 8px;
  height: 100%;
  vertical-align: middle;
}

#add-users-modal table tbody .td-email {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 1px;
}

#add-users-modal table tbody:last-child td {
  border-bottom: none;
}

#add-users-modal .meeples-3-container {
  display: none;
}

@media (min-width: 715px) {
  #add-users-modal .meeples-3-container {
    display: block;
    max-width: 388px;
    width: 50%;
    background-image: url("/images/3-batch-avatars.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

#add-users-modal .meeples-5-container {
  display: none;
}

@media (min-width: 715px) {
  #add-users-modal .meeples-5-container {
    display: block;
    max-width: 416px;
    width: 50%;
    background-image: url("/images/5-batch-avatars.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

#add-users-modal #add-user-email {
  width: 100%;
}

#add-users-modal button,
#add-users-modal input {
  min-height: 43px;
}

#add-users-modal .input-container {
  position: relative;
}

#add-users-modal .input-container .button-input-group {
  display: flex;
  gap: 9px;
}

#add-users-modal .input-container #add-user-button {
  width: 95px;
}

#add-users-modal .input-container #input-error {
  color: red;
  position: absolute;
  top: -25px;
}

#add-users-modal .buttons-container {
  justify-content: space-between;
  align-items: end;
  margin-top: 35px;
}

@media (min-width: 425px) {
  #add-users-modal .buttons-container {
    margin-top: 70px;
    justify-content: end;
  }
}

@media (min-width: 780px) {
  #add-users-modal .buttons-container {
    margin-top: 50px;
  }
}

#add-users-modal button:hover {
  cursor: pointer;
}

#add-users-modal .green-cta,
#add-users-modal #reached-limit-content .addon-button,
#add-users-modal #reached-limit-content .pro-button,
#add-users-modal .complete-button {
  background: transparent linear-gradient(180deg, #77b02b 0%, #4f7e0f 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #68922f;
  border-radius: 5px;
  color: white;
  text-align: center;
}

#add-users-modal .green-cta:disabled,
#add-users-modal #reached-limit-content .addon-button:disabled,
#add-users-modal #reached-limit-content .pro-button:disabled,
#add-users-modal .complete-button:disabled {
  background: gray;
  border: #707070;
}

#add-users-modal .complete-button {
  width: 126px;
}

#add-users-modal .skip-button {
  color: black;
  background: transparent linear-gradient(180deg, #f9c81b 0%, #c7ad28 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #000000;
  border-radius: 5px;
  width: 126px;
  letter-spacing: 0px;
  opacity: 1;
  margin-right: 13px;
}

#add-users-modal #close-modal {
  position: absolute;
  top: 10px;
  right: 13px;
  height: 13.5px;
  min-height: 13.5px;
  width: 13.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: inherit;
  padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  select,
  textarea,
  input {
    font-size: 16px;
  }
}

/* Leftovers? =================== */
strong {
  font-weight: bold;
}

#feature li {
  list-style-type: decimal;
}

#side-nav ul {
  list-style: none;
  margin-left: 0;
  padding: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#side-nav li {
  margin: 0;
}

#side-nav li a {
  border: 1px solid #ddd;
  border-bottom-width: 0;
  color: #024059;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  padding: 8px 10px;
}

#side-nav li.top a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

#side-nav li.bottom a {
  border-bottom-width: 1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

#side-nav li a:hover {
  background: #bfe4f9;
  color: #024059;
  text-decoration: none;
}

#side-nav a.current,
#side-nav a.current:hover {
  background: #024059;
  color: #fff;
}

#side-nav li.prolist a {
  background: #fff;
  border: 7px solid #eed678;
  color: #f63;
  padding: 0;
}

#side-nav li.prolist a:hover {
  background: #fff;
  border: 7px solid #c4aa41;
  color: #e51c00;
  padding: 0;
}

#side-nav li.prolist span.pro-header {
  background: #ffe681;
  display: block;
  padding: 6px 0 6px 3px;
}

#side-nav li.prolist span.pro-icon {
  background: #00a614;
  color: #fff;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  text-transform: uppercase;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#side-nav li.prolist span.pro-list {
  display: block;
  line-height: 1.8em;
  padding: 10px;
}

.prolist img {
  margin-left: 10px;
}

.blog img {
  width: auto;
}

#sign_up_form input[type="text"],
#sign_up_form input[type="password"],
#sign_up_form .input-email {
  width: 100%;
}

@media screen and (min-width: 480px) {
  #logo {
    top: 0;
    max-width: 274px;
  }

  #logo img {
    max-width: 100%;
  }

  #logo span {
    left: 76%;
  }

  a.login {
    top: 0;
  }

  #sign_up_form input[type="text"],
  #sign_up_form input[type="password"],
  #prepaid_form input[type="text"],
  #prepaid_form input[type="password"],
  #sign_up_form .input-email {
    width: 240px;
  }
}

@media screen and (min-width: 624px) {
  #favorites li {
    clear: none;
    float: left;
    margin-right: 2.762430939%;
    width: 22.928176794%;
  }

  #favorites li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .onecol {
    width: 5.801104972%;
  }

  .twocol {
    width: 14.364640883%;
  }

  .threecol {
    width: 22.928176794%;
  }

  .fourcol {
    width: 31.491712705%;
  }

  .fivecol {
    width: 40.055248616%;
  }

  .sixcol {
    width: 48.618784527%;
  }

  .sevencol {
    width: 57.182320438000005%;
  }

  .eightcol {
    width: 65.74585634900001%;
  }

  .ninecol {
    width: 74.30939226%;
  }

  .tencol {
    width: 82.87292817100001%;
  }

  .elevencol {
    width: 91.436464082%;
  }

  .twelvecol {
    width: 99.999999993%;
  }

  .onecol,
  .twocol,
  .threecol,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol,
  .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  .pushone {
    margin-left: 5.801104972%;
  }

  .pullone {
    margin-right: 5.801104972%;
  }

  .first {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 768px) {
  .first-tablet {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .last {
    float: right;
  }

  .wrap {
    max-width: 1200px;
  }

  .intro p {
    margin-bottom: 2.5em;
  }

  #publishers a.round,
  #testimonials a.round {
    margin-top: 0;
  }

  #pro-intro {
    text-align: left;
  }

  .pro-slide {
    display: block;
  }

  .pro-slide img {
    max-width: none;
    height: 468px;
  }

  .get_started_button {
    margin-bottom: 0;
    width: 80%;
  }

  .pro-features div {
    min-height: 250px;
  }

  .pro-features .fourcol {
    margin-left: 5%;
    margin-bottom: 2rem;
    width: 30%;
  }

  .pro-features .fourcol.first {
    margin-left: 0;
  }
}

@media screen and (min-width: 1064px) {
  .pro-features div {
    min-height: 210px;
  }

  #favorites li div {
    float: right;
    margin: 0;
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  #pricing-wrapper .signup-footer .signup-footer-logos-list {
    display: inline-block;
    text-align: center;
  }

  #pricing-wrapper .signup-footer .signup-footer-logos-list-item {
    display: inline-block;
    margin-bottom: 25px;
  }
}

.wrap.header-wrap {
  max-width: 1200px;
  width: 100%;
}

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

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

@media screen and (min-width: 481px) {
  .vertical-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

@media screen and (max-width: 480px) {
  .no-mobile {
    display: none;
  }
}

@media screen and (min-width: 481px) {
  .mobile-only {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .no-tablet {
    display: none;
  }
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.videoBlock {
  width: 640px;
  max-width: 100%;
}

.videoWrapper {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe,
.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  color: #8b8b8b;
  border: 1px solid currentColor;
  background: #fff;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

input[type="radio"]:active {
  color: #0e8841;
  background: radial-gradient(circle at 50% 50%,
      currentcolor 50%,
      #2f5865 50.001%,
      #fff 52.1%);
  box-shadow:
    0px 4px 4px rgba(50, 50, 71, 0.08),
    0px 4px 8px rgba(50, 50, 71, 0.06);
}

input[type="radio"]:checked {
  color: #071d25;
  /* background: radial-gradient(currentcolor 50%, rgba(255, 0, 0, 0) 51%); */
  background: radial-gradient(circle at 50% 50%,
      currentcolor 50%,
      #2f5865 50.001%,
      #fff 52.1%);
}

input[type="radio"]:focus {
  outline: none;
}

.error input[type="radio"],
input[type="radio"].error {
  color: #b51d09;
  background-color: #fcc8c1;
}

/*# sourceMappingURL=site.css.map */