@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-r0lnlz");
  src: url("../fonts/icomoon.eot?#iefix-r0lnlz") format('embedded-opentype'), url("../fonts/icomoon.woff?-r0lnlz") format('woff'), url("../fonts/icomoon.ttf?-r0lnlz") format('truetype'), url("../fonts/icomoon.svg?-r0lnlz#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility;
}
.right {
  float: right !important;
}
.left {
  float: left !important;
}
.hide {
  display: none;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
a {
  text-decoration: none;
  color: #008cba;
  line-height: inherit;
}
a:hover {
  cursor: pointer;
}
label {
  display: block;
}
label.right {
  float: none !important;
  text-align: right;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem;
}
form .row .row {
  margin: 0 -0.5rem;
}
form .row .row .column,
form .row .row .columns {
  padding: 0 0.5rem;
}
form .row .row.collapse {
  margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}
form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem;
}
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.postfix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}
.prefix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}
.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
span.prefix,
label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333;
  border-color: #ccc;
}
span.postfix,
label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333;
  border-color: #ccc;
}
input[type=checkbox]+label,
input[type=radio]+label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}
input[type=checkbox],
input[type=file],
input[type=radio],
select {
  margin: 0 0 1rem 0;
}
input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.15s linear, background 0.15s linear;
}

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  width: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
}
select:disabled {
  background-color: #ddd;
  cursor: default;
}
table {
  background: #fff;
  border: solid 1px #ddd;
  margin-bottom: 1.25rem;
  table-layout: auto;
}
table caption {
  background: transparent;
  color: #222;
  font-size: 1rem;
  font-weight: bold;
}
table thead {
  background: #f5f5f5;
}
table thead tr th,
table thead tr td {
  color: #222;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}
table tfoot {
  background: #f5f5f5;
}
table tfoot tr th,
table tfoot tr td {
  color: #222;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}
table tr th,
table tr td {
  color: #222;
  font-size: 0.875rem;
  padding: 0.5625rem 0.625rem;
  text-align: left;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: #f9f9f9;
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.125rem;
}
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333;
}
.top-bar-section ul {
  display: block;
  font-size: 16px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline;
  height: auto !important;
  width: auto;
}
.top-bar-section ul li {
  background: none;
  float: left;
}
.top-bar-section ul li a {
  display: block;
}
.top-bar-section a {
  padding: 0 15px 0 15px;
  white-space: nowrap;
}
.top-bar-section .has-dropdown {
  position: relative;
}
.top-bar-section .has-dropdown a {
  padding-right: 2.18rem;
}
.top-bar-section .has-dropdown a:after {
  border: inset 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: rgba(255,255,255,0.4) transparent transparent transparent;
  border-top-style: solid;
  margin-top: -2.5px;
  margin-right: 15px;
  top: 50%;
  position: absolute;
  right: 0;
}
.top-bar-section .has-dropdown .dropdown {
  background: transparent;
  min-width: 100%;
  top: auto;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  padding: 0;
  position: absolute;
  z-index: 99;
  right: auto;
  left: 0;
}
.top-bar-section .has-dropdown .dropdown li {
  height: auto;
  width: 100%;
}
.top-bar-section .has-dropdown:hover .dropdown {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  display: block;
  position: absolute !important;
}
.top-bar ul {
  list-style: none;
  margin-bottom: 0;
}
.top-bar .name {
  font-size: 16px;
  height: 2.8125rem;
  margin: 0;
}
.reveal-modal-bg {
  background: #000;
  background: rgba(0,0,0,0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0;
}
.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #fff;
  padding: 1.875rem;
  border: solid 1px #666;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.reveal-modal {
  left: 0;
  margin: 0 auto;
  max-width: 62.5rem;
  right: 0;
  width: 80%;
}
.reveal-modal.full {
  height: 100vh;
  height: 100%;
  left: 0;
  margin-left: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0;
}
.reveal-modal.toback {
  z-index: 1003;
}
.reveal-modal .close-reveal-modal {
  color: #aaa;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  right: 1.375rem;
}
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0;
}
.tabs:before,
.tabs:after {
  content: " ";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs dd,
.tabs .tab-title {
  float: left;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative;
}
.tabs dd > a,
.tabs .tab-title > a {
  display: block;
  background-color: #efefef;
  color: #222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  padding: 1rem 2rem;
}
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
  background-color: #e1e1e1;
}
.tabs dd.active > a,
.tabs .tab-title.active > a {
  background-color: #fff;
  color: #222;
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.tabs.vertical dd,
.tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}
.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%;
}
.tabs-content:before,
.tabs-content:after {
  content: " ";
  display: table;
}
.tabs-content:after {
  clear: both;
}
.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.9375rem 0;
  width: 100%;
}
.tabs-content > .content.active {
  display: block;
  float: none;
}
.tabs-content > .content.contained {
  padding: 0.9375rem;
}
.tabs-content.vertical {
  display: block;
}
.tabs-content.vertical > .content {
  padding: 0 0.9375rem;
}
button,
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #008cba;
  border-color: #007095;
  color: #fff;
  transition: background-color 300ms ease-out;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #007095;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
  color: #fff;
}
button.secondary,
.button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333;
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  background-color: #b9b9b9;
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  color: #333;
}
button.success,
.button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff;
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  background-color: #368a55;
}
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  color: #fff;
}
button.alert,
.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
  background-color: #cf2a0e;
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
  color: #fff;
}
button.warning,
.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #fff;
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  background-color: #cf6e0e;
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  color: #fff;
}
button.info,
.button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333;
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  background-color: #61b6d9;
}
button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  color: #fff;
}
button.large,
.button.large {
  padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
  font-size: 1.25rem;
}
button.small,
.button.small {
  padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
  font-size: 0.8125rem;
}
button.tiny,
.button.tiny {
  padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
  font-size: 0.6875rem;
}
button.expand,
.button.expand {
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  padding-bottom: 1.0625rem;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
button.left-align,
.button.left-align {
  text-align: left;
  text-indent: 0.75rem;
}
button.right-align,
.button.right-align {
  text-align: right;
  padding-right: 0.75rem;
}
button.radius,
.button.radius {
  border-radius: 3px;
}
button.round,
.button.round {
  border-radius: 1000px;
}
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  background-color: #008cba;
  border-color: #007095;
  color: #fff;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.row {
  margin: 0 auto;
  max-width: 62.5rem;
  width: 100%;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  margin: 0 -0.9375rem;
  max-width: none;
  width: auto;
}
.row .row:before,
.row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}
.row .row.collapse:before,
.row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}
form .row .row .column,
form .row .row .columns {
  padding: 0 0.5rem;
}
.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}
.column + .column:last-child,
.columns + .column:last-child,
.column +,
.columns:last-child,
.columns + {
  float: right;
}
.column + .column.end,
.columns + .column.end,
.column +,
.columns.end,
.columns + {
  float: left;
}
@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0 !important;
  }
  .small-offset-1 {
    margin-left: 8.33333% !important;
  }
  .small-offset-2 {
    margin-left: 16.66667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.33333% !important;
  }
  .small-offset-5 {
    margin-left: 41.66667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.33333% !important;
  }
  .small-offset-8 {
    margin-left: 66.66667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.33333% !important;
  }
  .small-offset-11 {
    margin-left: 91.66667% !important;
  }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}
@media only screen and (min-width: 40.0625em) {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}
@media only screen and (min-width: 64.0625em) {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0 !important;
  }
  .large-offset-1 {
    margin-left: 8.33333% !important;
  }
  .large-offset-2 {
    margin-left: 16.66667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.33333% !important;
  }
  .large-offset-5 {
    margin-left: 41.66667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.33333% !important;
  }
  .large-offset-8 {
    margin-left: 66.66667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.33333% !important;
  }
  .large-offset-11 {
    margin-left: 91.66667% !important;
  }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #008cba;
  border-color: #0078a0;
  color: #fff;
}
.alert-box .close {
  right: 0.25rem;
  background: inherit;
  color: #333;
  font-size: 1.375rem;
  line-height: 0.9;
  margin-top: -0.6875rem;
  opacity: 0.3;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%;
}
.alert-box .close:hover,
.alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  border-radius: 3px;
}
.alert-box.round {
  border-radius: 1000px;
}
.alert-box.success {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: #fff;
}
.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: #fff;
}
.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #4f4f4f;
}
.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: #fff;
}
.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;
}
.alert-box.alert-close {
  opacity: 0;
}
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}
@media only screen and (min-width: 64.0625em) {
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
}
.breadcrumbs {
  border-style: solid;
  border-width: 1px;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: #f4f4f4;
  border-color: #dcdcdc;
  border-radius: 3px;
}
.breadcrumbs > * {
  color: #008cba;
  float: left;
  font-size: 0.6875rem;
  line-height: 0.6875rem;
  margin: 0;
  text-transform: uppercase;
}
.breadcrumbs > *:hover a,
.breadcrumbs > *:focus a {
  text-decoration: underline;
}
.breadcrumbs > * a {
  color: #008cba;
}
.breadcrumbs > *.current {
  color: #333;
  cursor: default;
}
.breadcrumbs > *.current a {
  color: #333;
  cursor: default;
}
.breadcrumbs > *.current:hover,
.breadcrumbs > *.current:hover a,
.breadcrumbs > *.current:focus,
.breadcrumbs > *.current:focus a {
  text-decoration: none;
}
.breadcrumbs > *.unavailable {
  color: #999;
}
.breadcrumbs > *.unavailable a {
  color: #999;
}
.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a,
.breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
  color: #999;
  cursor: not-allowed;
  text-decoration: none;
}
.breadcrumbs > *:before {
  color: #aaa;
  content: "/";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
}
.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0;
}
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/";
}
.top-bar-section .dropdown {
  clip: auto;
  width: auto;
}
.top-bar .left {
  display: flex;
  flex-wrap: wrap;
}
.top-bar ul {
  margin: 0;
  list-style-type: none;
}
.top-bar a {
  text-decoration: none;
  padding: 0 20px 0 14px !important;
}
.top-bar .has-dropdown {
  position: relative;
}
.top-bar .has-dropdown a {
  display: flex;
  align-items: baseline;
}
.top-bar .has-dropdown .dropdown a {
  display: block;
}
.top-bar .has-dropdown > a:after {
  top: 50%;
  border: inset 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: rgba(255,255,255,0.4) transparent transparent transparent;
  border-top-style: solid;
  margin: -4px 0 0 14px;
}
.top-bar .dropdown {
  position: absolute;
  min-width: 100%;
  text-align: center;
  padding: 0;
  z-index: 100;
  left: 0;
  display: none;
}
.reveal-modal {
  width: 800px;
  margin-left: -400px;
  left: 50%;
  padding: 20px;
  display: none;
  z-index: 110;
  background: #fff;
}
.reveal-modal-bg {
  display: none;
  inset: 0;
  background: #000;
  opacity: 0.3;
  z-index: 105;
}
.detail-view.print button {
  border: none;
}
.dashboard-main .client-list-filters {
  max-width: none;
}
.dashboard-main .client-list-filters h3 {
  font: normal 700 14px "Open Sans Regular", "Open Sans";
  line-height: 50px;
  padding: 0;
  text-transform: uppercase;
}
.dashboard-main .client-list-filters label {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
}
.dashboard-main .client-list-filters select {
  height: 1.5rem;
  padding: 0 0.5rem;
}
.dashboard-main .client-list-filters button[type="reset"] {
  margin-top: 13px;
}
.dashboard-main .client-list {
  margin: 0;
  padding: 0;
}
.directory-edit-main {
  width: 100%;
}
.directory-edit-main .color-theme .section-head {
  display: inline-block;
  width: 100%;
}
.directory-edit-main .color-theme .color-override svg {
  fill: currentcolor;
  vertical-align: middle;
}
.directory-edit-main .color-theme h1 {
  border-left: none;
  border-right: none;
  font: normal 600 20px "Open Sans Semibold", "Open Sans";
  height: 72px;
  padding-bottom: 16px;
  vertical-align: bottom;
  width: 100%;
}
.directory-edit-main .color-theme .icon-wrapper {
  display: inline-block;
}
.directory-edit-main .color-theme .icon-wrapper .icon-text {
  font: normal 600 12px "Open Sans SemiBold", "Open Sans";
  text-transform: uppercase;
  color: #333;
  line-height: 40px;
  vertical-align: middle;
  float: left;
}
.directory-edit-main .color-theme textarea.css {
  font-family: monospace, serif;
  font-size: 12px;
}
.directory-edit-main .section-description {
  margin-bottom: 20px;
}
.directory-edit-main .fixed-width {
  margin: 0 auto;
  width: 1000px;
}
.directory-edit-main .admin-embed-settings {
  width: 1000px;
  margin: 0 auto 20px auto;
}
.directory-edit-main .admin-embed-settings pre {
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 0.85em;
  padding: 10px 0;
}
.directory-edit-header {
  width: 1000px;
  margin: 0 auto 35px auto;
}
.directory-edit-tabs-container {
  width: 1000px;
  margin: 0 auto;
}
.directory-edit-tabs svg {
  fill: currentcolor;
  height: 28px;
  vertical-align: middle;
  width: 28px;
}
.directory-edit-tabs .text {
  vertical-align: middle;
}
.directory-edit-tabs-content-container {
  margin-top: 59px;
  width: 100%;
}
.directory-edit-tabs-content {
  width: 1000px;
  margin: 0 auto;
}
.directory-edit-tabs-content .show-header {
  padding-right: 20px;
}
.directory-content {
  background-color: #fff;
  min-height: 300px;
}
.directory-edit-map .buttons {
  padding-left: 5px;
}
.directory-edit-map .map {
  margin-left: -16px;
}
form header {
  background-color: #f2f2f2;
  height: 195px;
}
form header .left,
form header .right {
  height: 100%;
}
form header .left {
  width: 800px;
}
form header .left small {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #999;
}
form header .right small {
  font: normal 400 10px "Open Sans Regular", "Open Sans";
  color: #999;
  text-align: right;
  display: block;
}
form label {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  color: #333;
  margin-bottom: 5px;
  text-transform: uppercase;
}
form label.bold-label {
  font: normal 700 13px "Open Sans Regular", "Open Sans";
}
form p {
  margin: 0px;
  padding: 0px;
}
form ul {
  list-style: none;
}
form .color-picker input.color {
  width: 100px;
}
form .color-picker .swatch {
  width: 2.3125rem;
  height: 2.3125rem;
  border: 1px solid #333;
}
.relative {
  position: relative;
}
.bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
form.edit-library header h1 {
  padding: 50px 0 0 0;
}
form.edit-library section {
  padding: 30px 0 30px 15px;
  clear: both;
  min-height: 100px;
}
form.edit-library section:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
form.edit-library section .name {
  min-width: 140px;
  display: inline-block;
  vertical-align: top;
  width: 140px;
}
form.edit-library section .name.wide {
  width: inherit;
}
form.edit-library section .fields {
  width: 820px;
  max-width: 820px;
  display: inline-block;
}
form.edit-library section .fields.indent {
  margin-left: 140px;
}
form.edit-library .border-shadow-settings h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}
form.edit-library .border-shadow-settings .name {
  width: inherit;
}
.library .tabs dd > a,
.list-tabs>.tabs dd>a,
.library>.tabs .tab-title>a {
  font: normal 400 13px "Arial Regular", "Arial";
  text-align: center;
  padding: 2em;
}
.library h1 {
  align-items: center;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font: normal 400 16px "Open Sans Regular", "Open Sans";
  display: flex;
  height: 60px;
  margin: 0;
  padding-left: 20px;
  width: 1000px;
}
.library h2 {
  font: normal 700 14px "Open Sans Semibold", "Open Sans";
  color: #069;
  text-transform: uppercase;
}
.library .tabs dd {
  border: 1px solid #ccc;
  width: 33%;
}
.library .tabs dd > a {
  color: #666;
}
.library .tabs dd.active {
  border-bottom-style: none;
  border-top: 5px solid #069;
}
.library .tabs dd.active a {
  padding-top: 1.7em;
  color: #069;
}
.library .tabs.survey dd {
  width: 16.66%;
}
.library .tabs.survey dd > a {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  padding: 2em 1em;
}
.library .tabs-content > .content {
  padding-bottom: 0;
  padding-top: 0;
  background: transparent;
}
.library .tabs-content > .content > h1 {
  background-color: #fff;
}
.library .tabs-content > .offset {
  margin-bottom: -60px;
  position: relative;
  top: -60px;
}
.template h2 {
  font: normal 400 16px "Open Sans Regular", "Open Sans";
  color: #333;
  text-transform: uppercase;
}
.page-layout {
  background: #fff;
}
.page-layout .nav {
  background: #eee;
  border-bottom: 1px solid #ccc;
  padding-top: 30px;
}
.page-layout .nav .description {
  position: absolute;
  width: 525px;
  padding: 10px;
}
.page-layout .layout-tabs dd {
  border: 1px solid #ccc;
  border-bottom: none;
  margin-left: 15px;
  height: 165px;
  width: 222px;
}
.page-layout .layout-tabs dd:not(.active) {
  overflow: hidden;
}
.page-layout .layout-tabs dd.active {
  border-top: 1px solid #ccc;
}
.page-layout .layout-tabs dd.active a {
  padding: 0;
}
.page-layout .layout-tabs dd a {
  padding: 0;
}
.page-layout .layout-tabs dd .visual {
  width: 220px;
  height: 165px;
}
.page-layout .layout-tabs dd#master-tab .visual {
  background: url("../../images/layout_tab_master_inactive.png") no-repeat left top;
}
.page-layout .layout-tabs dd#master-tab.active .visual {
  background: url("../../images/layout_tab_master_active.png");
}
.page-layout .layout-tabs dd#custom-tab .visual {
  background: url("../../images/layout_tab_custom_inactive.png") no-repeat left top;
}
.page-layout .layout-tabs dd#custom-tab.active .visual {
  background: url("../../images/layout_tab_custom_active.png");
}
.page-layout .layout-tabs dd#iframe-tab .visual {
  padding-left: 2px;
  background: url("../../images/layout_tab_iframe_inactive.png") no-repeat left top;
}
.page-layout .layout-tabs dd#iframe-tab.active .visual {
  background: url("../../images/layout_tab_iframe_active.png");
}
.page-layout .tabs-content {
  margin: 0;
  width: 100%;
}
.page-layout .tabs-content .content {
  padding-bottom: 0;
}
.page-layout section.footer {
  padding-bottom: 0;
}
.page-layout section.footer .footer-editor {
  background: none;
  margin: -3px 0 0 0;
  width: 100%;
  height: 100%;
}
.page-layout .section-toggle {
  cursor: pointer;
}
.page-layout .section-toggle h2:before {
  content: "";
  display: block;
  float: left;
  height: 20px;
  margin: 3px 5px 0 0;
  width: 20px;
}
.styledRadio {
  float: left;
}
.styledRadio:not(:last-child) {
  margin: 0 5px 0 0;
}
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.checkbox + .checkbox {
  margin-top: -5px;
}
.iris-picker {
  display: block;
  position: absolute !important;
  z-index: 5 !important;
}
.fileinputs {
  margin-top: 5px;
  position: relative;
}
.fakefile {
  position: absolute;
  left: 0;
  z-index: 1;
}
.deletefile {
  position: absolute;
  left: 100px;
  z-index: 3;
}
input.file {
  cursor: pointer;
  height: 45px;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: right;
  top: -15px;
  opacity: 0;
  -moz-opacity: 0;
  width: 96px;
  z-index: 2;
}
button.file-upload {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  color: #333;
  background: #ccc;
  border-radius: 0;
  width: initial;
  display: inline-block;
  height: 30px;
}
button.file-delete {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  width: initial;
  display: inline-block;
  height: 30px;
}
.list-header {
  padding-left: 25px;
}
.list-header input {
  margin: 0;
}
.list-header li {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #333;
}
.list-tabs {
  margin-top: 20px;
}
.list-tabs > .tabs dd > a {
  text-transform: uppercase;
}
.list-tabs > .tabs dd.active {
  border-bottom-style: none;
}
.list-tabs > .tabs dd.active a {
  color: #069;
}
.list-tab-show {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  text-align: right;
  color: #333;
  margin-bottom: -24px;
  padding: 5px 10px 0 0;
}
.list-tab-show input {
  padding: 0;
  margin: 0;
}
.list-subheader {
  margin: 20px 10px;
}
.list-subheader h3 {
  font-weight: 600;
}
.list-content .company {
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.list-content .company:first-child {
  border-top: 1px solid #ccc;
}
.list-content .company-name {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #069;
}
.list-content .list-content input {
  margin: 0;
}
.static-template-content {
  width: 1000px;
  text-align: center;
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  text-transform: uppercase;
  padding: 150px 20px;
}
.static-template-content .row {
  padding: 10px 0;
}
.static-template-content .static-template-content p.lowercase {
  text-transform: lowercase;
}
.image-library .tabs-container .tabs dd.active a,
.image-library .tabs-container .tabs dd a {
  padding: 2em 3px;
  height: 70px;
  max-height: 70px;
  vertical-align: middle;
}
.image-library .tabs-content {
  padding: 10px;
}
.image-library .data-section {
  border: none;
}
.image-library .thumb-container {
  border: 1px solid #ccc;
  max-width: 200px;
  max-height: 200px;
  margin: 5px;
  padding: 5px;
  position: relative;
}
.image-library .thumb-container .copied-msg {
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px 15px;
  position: absolute;
  top: -21px;
  right: 23px;
  font-size: 11px;
  z-index: 10;
}
.image-library .thumb-container .copy {
  text-align: center;
  font-size: 16px;
  height: 26px;
  width: 26px;
  border-radius: 26px;
  line-height: 24px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  right: 39px;
  top: 17px;
  transition: background 0.3s, color 0.3s;
}
.image-library .thumb-container .copy:hover {
  background: #069;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}
.image-library .thumb-container.selected {
  border-color: #069;
}
.image-library .thumb-container.selectable {
  cursor: pointer;
}
.image-library .thumb-container.selectable:hover {
  border-color: #069;
}
.image-library .thumb-container p {
  margin: 5px;
}
.image-library .thumb-container .image-name {
  line-height: 12px;
  word-break: break-all;
}
.image-library .preview-image,
.image-library .thumb-container img {
  width: 100px;
  height: 100px;
  padding: 1px;
  border: 1px solid #999;
}
.image-library .empty-list-container {
  display: flex;
  min-height: 180px;
}
.image-library .empty-list-content {
  margin: auto;
}
.image-library .loader-icon path,
.image-library .loader-icon rect {
  fill: #666;
}
.image-library-delete-confirm,
.image-library-edit-image {
  display: flex;
  flex-flow: column;
  height: auto;
  margin: -150px 0 0 -300px;
  min-height: 150px;
  padding: 10px;
  width: 600px;
}
.image-library-edit-image .columns {
  padding-left: 0;
}
.image-library-edit-image .error {
  margin-top: 0;
}
.image-library-edit-image .preview-image {
  margin-bottom: 10px;
}
.reveal-modal {
  position: fixed;
  top: 65px !important;
}
.reveal-modal.fixed {
  top: 200px !important;
}
.reveal-modal-bg {
  position: fixed;
}
.reveal-modal .upload-btn {
  top: 0.625rem;
  right: 1.375rem;
}
.reveal-modal .error {
  margin-top: 0;
}
#border-selector {
  padding: 0;
  margin: 10px 0 20px 50px;
}
#border-selector p {
  text-transform: uppercase;
}
#border-selector .container {
  width: 300px;
  height: 250px;
  margin-top: 20px;
  position: relative;
}
#border-selector .absolute {
  position: absolute;
  top: 0px;
  left: 0px;
}
#border-selector #border_section_header {
  width: 300px;
  height: 50px;
  border-top: 2px dashed #ccc;
  border-left: 2px dashed #ccc;
  border-right: 2px dashed #ccc;
}
#border-selector #border_section_header p {
  line-height: 50px;
}
#border-selector #border_section_body {
  width: 300px;
  height: 150px;
  border: 2px dashed #ccc;
}
#border-selector #border_section_body p {
  line-height: 150px;
}
#border-selector #border_section_footer {
  width: 300px;
  height: 50px;
  border-bottom: 2px dashed #ccc;
  border-left: 2px dashed #ccc;
  border-right: 2px dashed #ccc;
}
#border-selector #border_section_footer p {
  line-height: 50px;
}
#border-selector .clickable {
  cursor: pointer;
  cursor: hand;
}
#border-selector #header_top {
  position: absolute;
  top: -5px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#border-selector #header_sides {
  position: absolute;
  top: 5px;
  left: -5px;
  width: 310px;
  height: 40px;
}
#border-selector #body_top {
  position: absolute;
  top: 47px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#border-selector #body_sides {
  position: absolute;
  top: 57px;
  left: -5px;
  width: 310px;
  height: 137px;
}
#border-selector #body_bottom {
  position: absolute;
  top: 194px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#border-selector #footer_sides {
  position: absolute;
  top: 205px;
  left: -5px;
  width: 310px;
  height: 40px;
}
#border-selector #footer_bottom {
  position: absolute;
  top: 245px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#shadow-selector {
  margin: 10px 0 20px 50px;
  padding: 0;
}
#shadow-selector p {
  text-transform: uppercase;
}
#shadow-selector .container {
  height: 250px;
  margin-top: 20px;
  position: relative;
  width: 300px;
}
#shadow-selector .absolute {
  left: 0;
  position: absolute;
  top: 0;
}
#shadow-selector #shadow_section_body {
  background-color: #eee;
  border: 1px solid #ccc;
  height: 250px;
  width: 300px;
  z-index: 2;
}
#shadow-selector #shadow_section_body p {
  line-height: 150px;
}
#shadow-selector .clickable {
  cursor: pointer;
  cursor: hand;
}
.editor {
  height: 100%;
  outline: none;
  width: 100%;
}
.editor:focus {
  outline: #ccc dashed 2px;
}
.layout-header {
  display: flex;
  padding: 0;
  position: relative;
  width: 1000px;
}
.layout-header .editor,
.layout-header .header-text {
  bottom: 0;
  height: auto;
  overflow: hidden;
  position: absolute;
  width: auto;
  z-index: 1;
}
.layout-header a {
  overflow: hidden;
}
.directory-intro {
  padding: 20px;
}
.directory-intro .editor {
  min-height: 100px;
}
.directory-intro .row.buttons {
  margin-top: 20px;
}
.directory-intro .row.buttons > .columns:first-child {
  padding-left: 0;
}
.print-template-edit-main .page-layout {
  padding: 2em;
  border: 1px solid #ccc;
  border-bottom: 1px dashed #ccc;
}
.print-template-edit-main .print-sample {
  border: 1px solid #ccc;
  border-width: 0 1px;
  background-color: #fff;
}
.print-template-edit-main .print-sample .buttons-and-links {
  pointer-events: none;
}
.print-template-edit-main .print-header-image .image-preview {
  width: 100%;
  min-height: 140px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: auto;
}
.print-template-edit-main .print-header-image .image-preview .loading,
.print-template-edit-main .print-header-image .image-preview .preview-hint {
  position: relative;
  top: 65px;
}
.print-template-edit-main .print-header-image .image-preview.has-image {
  border: none;
  background: none;
}
.print-template-edit-main .print-header-image .image-preview.has-image .preview-hint {
  display: none;
}
.print-template-edit-main .print-header-image .image-preview img {
  display: block;
  width: auto;
}
.print-template-edit-main .print-header-image .help-text {
  text-transform: none;
}
.print-template-edit-main .print-header-image button {
  width: 98px;
  min-width: 90px;
  margin-right: 1px;
  border-radius: 5px;
}
.print-template-edit-main #print_header_txt {
  text-align: right;
  height: 140px;
}
/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.c3 path, .c3 line {
  fill: none;
  stroke: #000; }

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges; }

.c3-chart-arc path {
  stroke: #fff; }

.c3-chart-arc rect {
  stroke: white;
  stroke-width: 1; }

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px; }

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa; }

.c3-grid text {
  fill: #aaa; }

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3; }

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em; }

/*-- Line --*/
.c3-line {
  stroke-width: 1px; }

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white; }

.c3-selected-circle {
  fill: white;
  stroke-width: 2px; }

/*-- Bar --*/
.c3-bar {
  stroke-width: 0; }

.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75; }

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1; }

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px; }

.c3-target.c3-defocused {
  opacity: 0.3 !important; }

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: .1; }

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: .1; }

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px; }

.c3-legend-item-hidden {
  opacity: 0.15; }

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1; }

/*-- Title --*/
.c3-title {
  font: 14px sans-serif; }

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10; }

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9; }

.c3-tooltip tr {
  border: 1px solid #CCC; }

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF; }

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999; }

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px; }

.c3-tooltip td.value {
  text-align: right; }

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2; }

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em; }

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #FFF; }

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px; }

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777; }

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777; }

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/ }

.c3-chart-arc.c3-target g path {
  opacity: 1; }

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1; }

.c3-text {
  font-size: 22px;
  font-family: 'Open Sans';
}
.c3-axis-y {
  font-family: 'Open Sans';
  font-size: 14px;
}
.c3-axis-x {
  font-family: 'Open Sans';
  font-size: 11px;
  fill: #333;
}
.c3-axis-x .tick text.future {
  fill: #999;
}
.c3-chart-texts text {
  fill: #333 !important;
}
.c3-texts-min text {
  fill: #fff !important;
}
.c3 .c3-axis-x path,
.c3 .c3-axis-x line {
  stroke: #fff;
}
.c3 .c3-axis-y path,
.c3 .c3-axis-y line {
  stroke: transparent;
}
.x-axis-border {
  border-top: 1px solid #ccc;
  margin: -85px -133px 0 106px;
}
.custom-legend {
  margin: 0 -120px 0 90px;
  padding: 14px 120px 0 0;
}
.custom-legend span,
.label-span {
  width: 25%;
  display: inline-block;
  font-size: 11px;
  line-height: 17px;
  cursor: pointer;
  text-align: center;
}
.additional-charts {
  margin-top: 20px;
}
.additional-chart-wrapper {
  margin-top: 20px;
}
.bar-chart,
.chart {
  height: 350px;
  width: 315px;
}
.bar-chart.wide,
.chart.wide {
  width: 1150px;
  height: 350px;
}
.bar-chart.narrow,
.chart.narrow {
  width: 150px;
}
.bar-chart {
  text-align: center;
  float: left;
  margin: 20px 20px 20px 0;
}
.bar-chart .c3-chart {
  clip-path: none;
}
.bar-chart.wide {
  margin-top: 50px;
}
.bar-chart.wide .x-axis-border {
  margin-top: -85px;
  margin-right: -10px;
  padding-right: 10px;
}
.bar-chart.narrow {
  margin-bottom: 80px;
  margin-left: 40px;
}
.bar-chart.narrow .chart-label {
  left: 43px;
}
.bar-chart.narrow .x-axis-border {
  margin-right: -20px;
  margin-left: -120px;
}
.bar-chart .chart-label {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  position: relative;
  left: 40px;
}
.budget-manager .bar-radio {
  margin: 6px 0 0 96px;
  text-transform: uppercase;
  text-align: left;
}
.budget-manager .bar-radio label {
  cursor: pointer;
  font-size: 11px;
  color: #000;
}
.budget-manager .bar-radio input[type="radio"] {
  margin: 0 0 6px 0;
}
.filter-row {
  margin-top: 20px;
}
.filter-row .filter.left {
  margin-right: 10px;
}
.filter-row .filter.left.last {
  margin-right: 0;
}
.project-list .project-stats .one-budget-wrapper {
  border: none;
}
.project-list .project-stats .footer {
  margin: 14px 0 0 0;
}
.project-list .project-stats .budget-footer .buttons {
  margin-top: 14px;
}
.project-list .project-stats .workflow-wrapper {
  display: none;
}
.project-list .project-stats .workflow-wrapper.show {
  display: block;
}
.project-detail-list {
  margin: 0 -20px 0 -20px;
}
.budget-manager h3,
.bpa-summary h3 {
  font-size: 14px;
}
.budget-manager .top-banner,
.bpa-summary .top-banner {
  padding-bottom: 6px;
  margin-bottom: 10px;
}
.budget-manager .top-banner.projects-banner,
.bpa-summary .top-banner.projects-banner {
  margin-bottom: 4px;
  padding: 0;
}
.budget-manager .top-banner h1,
.bpa-summary .top-banner h1 {
  margin-top: 16px;
}
.budget-manager .projects-title,
.bpa-summary .projects-title {
  margin: 0;
}
.budget-manager .projects-title .filters,
.bpa-summary .projects-title .filters {
  margin: 0;
}
.budget-manager .white-mask {
  width: 1375px;
  margin: 0 auto;
  padding: 10px 20px 120px 20px;
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.budget-manager.bpa-summary .white-mask {
  border: none;
}
.budget-manager {
  width: 1375px;
  margin: 0 auto;
  background: #f3f3f3;
}
.budget-manager,
.budget-manager.projects-main {
  width: 1475px;
}
.budget-manager .white-mask,
.budget-manager.projects-main .white-mask {
  width: 1475px;
}
.budget-manager.workflows-manager {
  width: 1675px;
}
.budget-manager.workflows-manager .white-mask {
  width: 1675px;
}
.budget-manager.workflows-manager.activity-summary {
  width: 1875px;
}
.budget-manager.workflows-manager.activity-summary .white-mask {
  width: 1875px;
}
.budget-manager.workflows-manager .past {
  left: 191px;
}
.budget-manager.workflows-manager .row-label {
  flex: 0 0 190px;
}
.budget-manager label,
.bpa-summary label,
table.budget-table tr td.footer,
.note,
.row-label,
.caption,
.show-warning {
  color: #333;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}
.show-warning {
  color: #f00;
  margin: -6px 0 16px 0;
  text-align: right;
}
select.select-wide {
  width: 500px;
  margin: 0;
}
select.select-m {
  width: 120px;
  margin: 0;
  height: auto;
  padding: 5px;
}
.select-medium,
input[type="search"].input-medium {
  width: 250px;
  font-size: 14px;
  text-transform: uppercase;
}
.select-date {
  width: 80px;
  font-size: 14px;
}
.dr-date {
  text-transform: uppercase;
}
input[type="text"].input-wide {
  width: 700px;
  font-weight: bold;
  margin: 1px 0 0 0;
}
.modal-padding {
  padding: 25px;
}
.budget-divider {
  padding: 20px 0 20px 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #ccc;
}
.one-budget-wrapper {
  border-top: 1px solid #ccc;
  margin-bottom: 16px;
  padding-top: 16px;
}
.one-budget-wrapper.no-border {
  border: none;
  margin-top: 0;
}
.one-budget-wrapper.inactive {
  color: inherit;
  background: #ddd; /* #f9f9f9; */
  padding-bottom: 16px;
  margin: 0;
}
.one-budget-wrapper.inactive .budget-tables,
.one-budget-wrapper.inactive .budget-footer {
  display: none;
}
.one-budget-wrapper .buttons .btn3 {
  display: inline-block;
  width: 100px;
  padding: 6px 0 6px 0;
  text-align: center;
}
.one-budget-wrapper .buttons .btn3.wide {
  width: 200px;
}
.one-budget-wrapper .no-banner {
  margin-top: 20px;
}
.one-budget-wrapper .banner {
  margin: 0 0 16px 0;
}
.one-budget-wrapper .banner h3 {
  margin: 9px 0 9px 0;
}
.one-budget-wrapper .banner .mr {
  margin-right: 60px;
}
.budget-footer {
  margin-top: 10px;
  width: 100%;
}
.budget-footer .move-down {
  margin: 10px 0 0 0;
}
.budget-footer .move-up {
  margin-top: -16px;
}
.budget-footer .move-up-more {
  margin-top: -26px;
}
.sectors .budget-footer .buttons {
  left: -150px;
  position: relative;
}
.btn4.save-budget {
  background: #069;
  color: #fff;
}
.btn4.selected {
  background: #ccc;
}
.btn4.selected .hiding {
  display: inline !important;
}
.check-list {
  margin: 10px 6px 0 0;
}
.check-list .check {
  text-align: right;
  margin: 0 0 4px 0;
}
.check-list .check input[type="checkbox"] {
  margin: 0;
}
.ar {
  text-align: right;
}
.ib {
  display: inline-block;
  vertical-align: top;
  text-align: right;
}
.ib.none {
  padding-top: 10px;
}
.ib.extra {
  padding-top: 29px;
}
.ib.date {
  padding: 9px 0 0 9px;
  font-size: 0.875rem;
}
.top-info {
  font-size: 13px;
  float: left;
  line-height: 18px;
  margin: 10px 0 0 0;
  max-width: 900px;
  padding: 0;
}
ul.top-info {
  list-style-type: none;
}
.budget-source-wrapper {
  float: left;
/* margin-top: -6px; */
  margin: 10px 0 0 100px;
}
.budget-source-wrapper.margin {
/* margin: 8px 0 30px 0; */
  margin: 8px 0 30px 100px;
}
.budget-source-wrapper h3 {
  padding: 10px 0 0 14px;
  font-weight: normal;
  font-size: 12px;
}
.budget-settings {
  margin-left: 100px;
}
.budget-tables .details {
  display: none;
}
.budget-tables .details.top-margin {
  margin-top: 14px;
}
.budget-tables .details.show {
  display: block;
}
.table-label {
  margin: -8px 0 1px 0;
}
.past {
  background: #999;
  position: absolute;
  height: 28px;
  z-index: 1;
/*
  top: 44px;
  left: 0;
  */
  top: 0;
  left: 104px;
  max-width: 1200px;
}
.past.push {
  top: 28px;
}
.bpa-summary .bpa-details {
  width: 3772px;
  padding: 30px 20px 10px 21px;
}
.bpa-details {
  background: #f3f3f3;
  width: 2576px;
  padding: 16px 20px 10px 21px;
}
.bpa-details .past {
  left: 21px;
  top: 51px;
  max-width: 2400px;
}
.bpa-details table.budget-table tr td.no-border {
  border: none;
}
.bpa-wrapper {
  display: none;
}
.bpa-wrapper.show {
  display: block;
}
.bpa-wrapper.summary-page .bpa-border {
  display: none;
}
.bpa-wrapper.summary-page .bpa-details {
  padding-top: 0;
  background: #fff;
}
.bpa-wrapper.summary-page .bpa-details .past {
  top: 72px;
}
.bpa-border {
  border-bottom: 1px solid #ccc;
  margin: 0 -20px 0 -20px;
}
.bpa-border.upper {
  margin-top: 10px;
}
.bpa-border.lower {
  margin-bottom: 10px;
}
.budget-table-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
}
.budget-table-wrapper.hide-months .past {
  top: 16px;
}
.budget-table-wrapper.busbar {
  margin-top: -37px;
}
.budget-table-wrapper.busbar .past {
  top: 0;
}
.budget-table-wrapper.no-gutter {
  margin-bottom: 16px;
}
.budget-table-wrapper.no-gutter.hide-months {
  margin-bottom: 36px;
}
.budget-table-wrapper.no-gutter.hide-months.tight {
  margin-bottom: 16px;
}
.table-spacer {
  padding: 6px 0 6px 100px;
}
.row-label {
  width: 104px;
  text-align: right;
  padding: 0 6px 8px 0;
  cursor: pointer;
  white-space: nowrap;
}
table.budget-table {
  border-collapse: separate;
  margin: 0;
  position: relative;
  z-index: 2;
  background: transparent;
  width: auto;
  border: none;
}
table.budget-table.status {
  margin: 10px 20px 10px 0;
  float: left;
  clear: none;
  width: 1px;
}
table.budget-table.margin {
  margin: 10px 0 10px 0;
}
table.budget-table.right-edit {
  float: right;
  margin: 16px 100px 16px 0;
}
table.budget-table tr:nth-of-type(even) {
  background: transparent;
}
table.budget-table tr:first-child td,
table.budget-table td.top-border {
/* border-top: 1px solid #ccc; */
  border-right: 1px solid #ccc;
}
table.budget-table tr {
  height: auto;
  background: transparent;
}
table.budget-table tr.rollup td {
  border-top: 3px solid #ccc;
  font-weight: bold;
}
table.budget-table tr.top-border td {
  border-top: 1px solid #ccc;
}
table.budget-table tr td:first-child,
table.budget-table tr th:first-child {
  border-left: 1px solid #ccc;
}
table.budget-table tr .red {
  color: #f00;
}
table.budget-table tr td {
  padding: 0 3px;
  white-space: nowrap;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  height: 28px;
  min-width: 100px;
  font-size: 13px;
  width: 1px;
  vertical-align: middle;
  max-width: 100px;
  overflow-x: clip;
}
table.budget-table tr td.double {
  border-right: 4px solid #ccc;
}
table.budget-table tr td input {
  text-align: center;
  border: none;
  padding: 0;
  padding-left: 2px;
  background: #c7ffb9;
  height: 27px;
  margin: 0;
}
table.budget-table tr td.caption {
  border-top: 1px solid #ccc;
  white-space: normal;
  font-size: 12px;
  font-weight: bold;
}
table.budget-table tr td.caption.end {
  text-align: left;
  white-space: nowrap;
}
table.budget-table tr td.long-title {
  font-weight: bold;
  font-size: 14px;
}
table.budget-table tr td.spacer {
  border: none;
  border-right: 1px solid #ccc;
  min-width: 30px;
}
table.budget-table tr td.no-border {
  border: none;
}
table.budget-table tr td.total {
  font-weight: bold;
}
table.budget-table tr td.total.red {
  color: #000;
}
table.budget-table tr td.sub-total {
  font-weight: bold;
}
table.budget-table tr td.sub-total,
table.budget-table tr td.fixed-caption {
  position: relative;
}
table.budget-table tr td.sub-total .caption,
table.budget-table tr td.fixed-caption .caption {
  position: absolute;
  font-weight: normal;
  white-space: nowrap;
  text-align: right;
  width: 250px;
}
table.budget-table tr td.sub-total .caption.left-border,
table.budget-table tr td.fixed-caption .caption.left-border {
  display: block;
  border-right: 1px solid #ccc;
  height: 28px;
  padding: 4px 6px 0 0;
  top: 0px;
  left: -250px;
}
table.budget-table tr td.sub-total .caption.wide,
table.budget-table tr td.fixed-caption .caption.wide {
  left: -350px;
  width: 350px;
}
table.budget-table tr td.sub-total .caption.up-right,
table.budget-table tr td.fixed-caption .caption.up-right {
  text-align: left;
  top: -20px;
  left: 106px;
}
table.budget-table tr td.sub-total .caption.push-right,
table.budget-table tr td.fixed-caption .caption.push-right {
  left: 140px;
  text-align: left;
}
table.budget-table tr td.yellow-total {
  background: #fcffb8;
}
table.budget-table tr td.red {
  background: #ffc8c9;
}
table.budget-table tr td.footer {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-align: right;
  padding-right: 10px;
}
.arrow-show {
  cursor: pointer;
}
.arrow-show h3 {
  display: inline-block;
}
.arrow-show .arrow {
  position: relative;
  display: inline-block;
  border-left: 12px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 3px;
  margin-right: 6px;
  transition: all 0.5s ease;
}
.arrow-show .arrow.down {
  transform: rotate(90deg);
}
.arrow-section {
  margin: 10px 0 20px 0;
}
.arrow-section p {
  margin-left: 22px;
}
.show {
  display: block;
}
.rug {
  clear: both;
}
.projects-map {
  min-height: 500px;
}
.projects-map-no-projects {
  font-size: 20px;
  margin-top: 100px;
  text-align: center;
}
.projects-map-counter {
  color: #333;
  font-size: 14px;
  margin-top: 10px;
}
.projects-map-marker-address {
  font-size: 14px;
  margin-bottom: 5px;
}
.projects-map-marker-site {
  font-size: 14px;
}
.daterange {
  position: relative;
}
.daterange * {
  box-sizing: border-box;
}
.daterange div,
.daterange span,
.daterange ul,
.daterange li {
  margin: 0;
  padding: 0;
  border: 0;
}
.daterange ul {
  list-style: none;
}
.daterange.dr-active {
  z-index: 10;
}
.daterange .dr-input {
  display: flex;
  border: 1px solid #c3cacd;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  z-index: 5;
  overflow: hidden;
  height: 40px;
}
.daterange .dr-input:hover {
  border-color: #069;
}
.daterange .dr-input.dr-active {
  box-shadow: 0 0 0 3px rgba(0,102,153,0.4);
  border-color: #069;
}
.daterange .dr-input .dr-dates {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.5rem 0 0.75rem;
  min-width: calc(100% - 35px);
}
.daterange .dr-input .dr-dates .dr-date {
  font-size: 0.9375rem;
  padding: 0.65625rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}
.daterange .dr-input .dr-dates .dr-date:hover,
.daterange .dr-input .dr-dates .dr-date:focus,
.daterange .dr-input .dr-dates .dr-date.dr-active {
  color: #069;
}
.daterange .dr-input .dr-dates .dr-date:empty:after {
  content: attr(placeholder);
  color: #9ba3a7;
}
.daterange .dr-input .dr-dates .dr-dates-dash {
  color: #9ba3a7;
  padding: 0 10px;
  flex-grow: 0;
  font-weight: 600;
}
.daterange .dr-input .dr-presets {
  width: 2.1875rem;
  border-left: 1px solid #c3cacd;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.daterange .dr-input .dr-presets:hover,
.daterange .dr-input .dr-presets.dr-active {
  border-color: #069;
  box-shadow: inset 0 2px 3px #ebf1f4;
}
.daterange .dr-input .dr-presets:hover .dr-preset-bar,
.daterange .dr-input .dr-presets.dr-active .dr-preset-bar {
  background-color: #069;
}
.daterange .dr-input .dr-presets .dr-preset-bar {
  height: 2px;
  background-color: #c3cacd;
  margin: 1px 0 1px 25%;
}
.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(1) {
  width: 50%;
}
.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(2) {
  width: 40%;
}
.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(3) {
  width: 30%;
}
.daterange .dr-selections {
  position: absolute;
}
.daterange .dr-selections .dr-calendar {
  background-color: #fff;
  font-size: 0.9375rem;
  box-shadow: 0 0 5px #c3cacd;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  z-index: 4;
  padding-top: 5px;
  top: -5px;
  left: 4px;
  transition: width 0.2s;
  min-width: 210px;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem;
  font-size: 0.875rem;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #c3cacd;
  border-opacity: 0.5;
  border-radius: 5px;
  height: 1.5625rem;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i {
  color: #c3cacd;
  position: relative;
  top: -1px;
  cursor: pointer;
  font-size: 0.75rem;
  height: 100%;
  width: 20px;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:before,
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:after {
  background-color: #069;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-disabled {
  pointer-events: none;
  opacity: 0;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:before,
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 2px;
  background-color: #c3cacd;
  border-radius: 1px;
  left: 50%;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:before {
  top: calc(50% - 2px);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:after {
  top: calc(50% + 2px);
  transform: translate(-50%, -50%) rotate(45deg);
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:before {
  top: calc(50% - 2px);
  transform: translate(-50%, -50%) rotate(45deg);
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:after {
  top: calc(50% + 2px);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-month-switcher {
  width: 100%;
  margin-right: 0.375rem;
}
.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher {
  min-width: 80px;
}
.daterange .dr-selections .dr-calendar .dr-days-of-week-list {
  display: flex;
  background-color: #ebf1f4;
  font-size: 0.625rem;
  color: #9ba3a7;
  padding: 0.3125rem 0rem;
  border: 1px solid #c3cacd;
  border-opacity: 0.5;
  border-left: none;
  border-right: none;
}
.daterange .dr-selections .dr-calendar .dr-days-of-week-list .dr-day-of-week {
  width: calc(100% / 7);
  text-align: center;
}
.daterange .dr-selections .dr-calendar .dr-day-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9375rem;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day {
  padding: 0.3125rem;
  text-align: center;
  width: calc(100% / 7);
  cursor: pointer;
  color: #4f565c;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover:not(.dr-current) {
  background-color: #ebf1f4 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before {
  border-left: 2px solid #069 !important;
  border-radius: 2px 0 0 2px;
  padding-left: 0.1875rem !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after {
  border-right: 2px solid #069 !important;
  border-radius: 0 2px 2px 0;
  padding-right: 0.1875rem !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-selected,
.daterange .dr-selections .dr-calendar .dr-day-list .dr-start,
.daterange .dr-selections .dr-calendar .dr-day-list .dr-end {
  background-color: #ebf1f4;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-maybe {
  background-color: #ebf1f4 !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-fade {
  color: #c3cacd;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-start {
  border-left: 2px solid #069;
  border-radius: 2px 0 0 2px;
  padding-left: 0.1875rem;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-end {
  border-right: 2px solid #069;
  border-radius: 0 2px 2px 0;
  padding-right: 0.1875rem;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-current {
  color: #069 !important;
  background-color: rgba(0,102,153,0.2) !important;
}
.daterange .dr-selections .dr-calendar .dr-day-list .dr-outside {
  pointer-events: none;
  cursor: default;
  color: #c3cacd;
  opacity: 0.5;
}
.daterange .dr-selections .dr-preset-list {
  background-color: #fff;
  color: #069;
  font-size: 0.9375rem;
  box-shadow: 0 0 5px #c3cacd;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  z-index: 4;
  padding-top: 5px;
  top: -5px;
  left: 4px;
  width: 100%;
}
.daterange .dr-selections .dr-list-item {
  display: flex;
  align-items: flex-end;
  padding: 0.75rem 0.625rem;
  border-bottom: 1px solid #ebf1f4;
  cursor: pointer;
  white-space: nowrap;
}
.daterange .dr-selections .dr-list-item:hover {
  background-color: #ebf1f4;
}
.daterange .dr-selections .dr-list-item .dr-item-aside {
  color: #9ba3a7;
  font-size: 0.75rem;
  margin-left: 0.3125rem;
  position: relative;
  top: -1px;
}
.daterange--single .dr-input {
  cursor: text;
}
.daterange--single .dr-input .dr-dates {
  padding: 0;
  min-width: 160px;
  width: 100%;
}
.daterange--single .dr-input .dr-dates .dr-date {
  width: 100%;
  padding: 0.65625rem 0.75rem;
  text-align: left;
  color: #4f565c;
}
.daterange {
  margin-bottom: 10px;
}
.daterange .dr-input.dr-active,
.daterange .dr-input:hover {
  box-shadow: none;
  border-color: #999;
}
.daterange .dr-input .dr-dates {
  min-width: initial;
  padding-right: 0.75rem;
}
.daterange .dr-input .dr-dates .dr-date {
  font-size: 0.875rem;
  padding: 0.5rem 0;
}
.daterange .dr-input .dr-dates .dr-date-start {
  border-right: 1px solid #c3cacd;
  padding-right: 10px;
}
.daterange .dr-input .dr-dates .dr-date-end {
  padding-left: 10px;
}
.daterange .dr-input .dr-dates .dr-dates-dash {
  display: none;
}
.daterange--single .dr-input .dr-dates .dr-date {
  padding-left: 8px;
}
.project-site {
  font-size: 14px;
  font-weight: bold;
  margin-top: auto;
}
.project-site-wrapper {
  margin-top: auto;
}
.projects-title {
  align-items: stretch;
  display: flex;
  font-size: 14px;
  margin: 0 20px 20px;
  justify-content: space-between;
}
.projects-title .projects-input,
.projects-title .projects-select {
  width: 250px;
}
.projects-title .filter,
.projects-title .setting {
  margin-left: 20px;
}
.projects-title-admin {
  margin: 0 20px;
}
.projects-title-admin .settings-row {
  margin-bottom: 14px;
}
.projects-title-admin .setting-label {
  text-transform: uppercase;
}
.projects-title-admin .setting {
  flex: 1 1 auto;
  margin-right: 10px;
  width: 250px;
}
.projects-title-admin .setting:last-child {
  margin-right: 0;
}
.projects-title-admin .setting.push-left {
  margin-right: auto;
}
.projects-title-admin .setting.fixed-width {
  flex: 0 0 203px;
}
.projects-title .title,
.projects-title-admin .title {
  display: flex;
  flex-flow: column;
  text-align: left;
  flex-grow: 2;
}
.projects-title .title h1,
.projects-title-admin .title h1 {
  margin: 0;
  font-size: 26px;
}
.projects-title .setting-label,
.projects-title-admin .setting-label {
  color: #999;
  cursor: default;
  font-size: 10px;
}
.projects-title .projects-select,
.projects-title-admin .projects-select {
  font-size: 13px;
  text-transform: uppercase;
}
.projects-title .project-site-heading,
.projects-title-admin .project-site-heading,
.projects-title .project-id-heading,
.projects-title-admin .project-id-heading {
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
}
.projects-title .project-id-heading,
.projects-title-admin .project-id-heading,
.projects-title .project-id,
.projects-title-admin .project-id {
  text-align: right;
  margin-left: auto;
}
.projects-title-menu,
.projects-title-admin-menu {
  align-items: flex-start;
  display: flex;
  flex-flow: row;
  line-height: 26px;
}
.projects-title-menu .button,
.projects-title-admin-menu .button {
  margin-left: 10px;
  margin-bottom: 0;
}
.projects-title .filters,
.projects-title-admin .filters,
.projects-title .settings,
.projects-title-admin .settings {
  align-items: flex-end;
  display: flex;
  flex-flow: column;
  margin-left: auto;
  margin-right: 20px;
  text-transform: uppercase;
}
.projects-title .settings-row,
.projects-title-admin .settings-row {
  display: flex;
}
.projects-title .settings-row.split,
.projects-title-admin .settings-row.split {
  justify-content: space-between;
}
.projects-title .filter-row,
.projects-title-admin .filter-row {
  display: flex;
}
.projects-title .project-id-wrapper,
.projects-title-admin .project-id-wrapper {
  text-align: right;
}
.projects-title .search-box,
.projects-title-admin .search-box {
  appearance: none;
  background-image: url("../../images/magnifying-glass.svg");
  background-position: center right 5px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-right: 35px;
  width: 250px;
}
.projects-title .search-box:focus,
.projects-title-admin .search-box:focus {
  background-image: url("../../images/magnifying-glass.svg");
  background-position: center right 5px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
.projects-title .go-btn,
.projects-title-admin .go-btn {
  height: 2.3125rem;
  margin-top: 15px;
}
.projects-title .date-range,
.projects-title-admin .date-range {
  margin-bottom: 10px;
  width: 250px;
}
.projects-title .image-wrapper,
.projects-title-admin .image-wrapper {
  width: 300px;
  display: flex;
  flex-flow: column;
  margin-right: 100px;
}
.status-icon {
  align-items: center;
  display: flex;
  fill: currentColor;
  height: 30px;
  margin-left: auto;
}
.status-icon .icon {
  margin-left: 10px;
}
.status-icon svg {
  height: 30px;
  width: 30px;
}
.status-icon.checkmark-optional {
  fill: #999;
}
.project-alert {
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 20px;
  width: 100%;
}
.project-alert p {
  padding: 0;
  margin: 0;
}
.project-alert.info {
  background-color: #c2eefe;
}
.project-alert.info p {
  color: #333;
}
.project-alert.warn {
  background-color: #f04124;
}
.project-alert.warn p {
  color: #fff;
}
.project-alert.complete {
  background-color: #43ac6a;
}
.project-alert.complete p {
  color: #fff;
}
.project-step-list :first-child .project-step {
  border-top: 1px solid #ccc;
}
.project-step {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 13px;
}
.project-step.homeDetails {
  border-left: none;
  border-right: none;
}
.project-step.homeDetails .project-step-header {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.project-step.homeDetails .project-step-contents {
  border: none;
  margin: 0 -50px 0 -50px;
}
.project-step.homeDetails .narrow {
  margin: 40px 90px 0 90px;
}
.project-step p {
  font-size: 13px;
  line-height: 1.6;
  margin: 20px 0 0 0;
}
.project-step-description {
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 20px;
}
.project-step-title + .project-step-list-default {
  margin-top: 0;
}
.project-step-list,
.project-step-list-default {
  font-size: 13px;
  list-style: none;
  margin: 20px 0;
}
.project-step-header-wrapper {
  cursor: pointer;
  display: flex;
}
.project-step-header {
  align-items: center;
  background-color: #e4e4e4;
  display: flex;
  flex: 1 0 0%;
  padding: 10px 20px;
  text-transform: uppercase;
}
.project-step-header.header-accent {
  background-color: #d9dae0;
}
.project-step-header .header-aside {
  color: #999;
}
.project-step-list-title {
  font-size: 14px;
  margin: 0 0 10px 0;
  text-transform: none;
}
.project-step-title {
  font-size: 14px;
  margin: 0;
}
.project-step-content-title {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 0;
}
.project-step-content-title .icon {
  height: 30px;
  margin-right: 10px;
}
.project-step-content-title svg {
  fill: currentColor;
  height: 30px;
  width: 30px;
}
.project-step-note-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}
.project-step-contents {
  display: flex;
/* TODO for sliding but breaks calendar
    display: none;
    */
/* max-height: 800px; */
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.project-step-contents.slide-up {
  max-height: 0;
}
.project-step-contents.large:not(.slide-up) {
  max-height: none;
}
.project-step-contents .row {
  display: flex;
}
.project-step-contents .icon.checkmark {
  fill: #00992b;
}
.project-step-contents .icon.soft {
  fill: #999;
}
.project-step-contents .icon.dark path {
  fill: #222;
}
.project-step-contents .icon.warn path {
  fill: #f00;
}
.project-step-contents .icon.calendar path {
  fill: #069;
}
.project-step-contents .icon.lock path {
  fill: currentColor;
}
.project-step .button {
  font-size: 16px;
}
.project-step .button.small {
  font-size: 10px;
  height: 27px;
  min-width: 120px;
  padding: 5px 15px;
}
.project-step .button-as-link {
  font-size: 13px;
  text-transform: uppercase;
}
.project-step-overrides-header,
.project-step-overrides {
  border-left: 1px solid #ccc;
  width: 400px;
}
.project-step-overrides-header {
  background-color: #e4e4e4;
  margin-left: auto;
  padding: 5px 10px;
}
.project-step-overrides-header.header-accent {
  background-color: #d9dae0;
}
.project-step-overrides-header select {
  margin: 0;
}
.project-step-overrides {
  background-color: #f2f2f2;
  display: flex;
  flex-flow: column;
  margin-left: auto;
  padding: 40px 20px;
}
.project-step-overrides h2,
.project-step-overrides h3 {
  margin-bottom: 20px;
}
.project-step-overrides section:first-child {
  margin-bottom: 10px;
}
.project-step-overrides section:first-child.locked {
  margin-top: 43px;
}
.project-step-overrides .modal {
  height: auto;
  margin: -50px 0 0 -305px;
  min-height: auto;
  overflow-y: auto;
  width: 610px;
}
.project-step-overrides .modal .content {
  padding: 20px;
}
.project-step-overrides-section {
  border-bottom: 1px solid #ccc;
  margin: 20px -20px;
  padding: 20px;
}
.project-step-overrides-section:last-child {
  border-bottom: none;
}
.project-step-overrides-section.first-doc {
  border-top: 1px solid #ccc;
  margin-top: 98px;
  min-height: 340px;
}
.project-step-overrides-section.first-doc.expanded {
  min-height: 416px;
}
.project-step-overrides-panel {
  background-color: #fff;
  margin: 20px -20px;
  padding: 20px 20px 0;
}
.project-step-overrides-desc:first-child {
  margin-top: 0;
}
.project-step-overrides-loan-row {
  display: flex;
}
.project-step-overrides-loan-col {
  margin-right: 20px;
}
.project-step-overrides-loan-col:last-child {
  margin-right: 0;
}
.project-step-overrides label {
  margin-bottom: 5px;
}
.project-step-overrides .find-contractor-overrides {
  margin-top: 340px;
}
.project-step-overrides .insulation-requirements-overrides {
  margin-top: 43px;
  margin-bottom: 10px;
}
.project-step-user-info {
  flex: 1 0 0%;
  position: relative;
}
.project-step-user-info:not(.wrapper) {
  padding: 40px;
}
.project-step-user-info > section,
.project-step-user-info .section,
.project-step-user-info > form > section {
  padding: 40px;
}
.project-step-user-info > section.snug-bottom,
.project-step-user-info .section.snug-bottom,
.project-step-user-info > form > section.snug-bottom {
  padding-bottom: 0;
}
.project-step-user-info > section:not(:last-child):not(.action-panel),
.project-step-user-info .section:not(:last-child):not(.action-panel),
.project-step-user-info > form > section:not(:last-child):not(.action-panel) {
  border-bottom: 1px solid #ccc;
}
.project-step-user-info > section:not(:last-child):not(.action-panel).product-details-measure-header,
.project-step-user-info .section:not(:last-child):not(.action-panel).product-details-measure-header,
.project-step-user-info > form > section:not(:last-child):not(.action-panel).product-details-measure-header {
  border-bottom: none;
}
.project-step-user-info .waived {
  text-transform: uppercase;
}
.project-step-attention {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
}
.project-step .highlight {
  font-weight: bold;
}
.project-step-requirement-list {
  font: normal 400 13px 'Open Sans Regular', 'Open Sans';
  list-style-type: disc;
  margin: 20px 0 20px 20px;
}
.project-step-requirement-list.inside {
  list-style-position: inside;
}
.project-step-info:not(:last-child) {
  margin-right: 20px;
}
.project-step-info .icon {
  height: 40px;
  margin-right: 10px;
}
.project-step-cta {
  margin-right: 20px;
}
.project-step-cta .icon {
  margin-right: 10px;
}
.project-step-lock {
  background: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.wrapper > .project-step-message {
  margin: 5px 5px -30px 5px;
}
.project-step-message {
  border-radius: 4px;
  color: #fff;
  margin: -35px -35px 10px -35px;
  padding: 15px 20px;
  text-transform: uppercase;
}
.project-step-message .icon {
  margin-right: 10px;
}
.project-step-message-warn {
  background-color: #f00;
}
.project-step-message-info {
  background-color: #069;
}
.project-step-instructions {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  text-transform: none;
}
.project-step-doc-panel {
  min-height: 200px;
}
.project-step-doc-panel .file-upload.button {
  margin-right: 0;
}
.project-step-doc-selector-upi .project-step-doc-panel {
  height: inherit;
}
.project-step-doc-upload {
  margin-top: 20px;
}
.project-step-doc-list {
  background-color: #f2f2f2;
  margin: 0 -40px -40px;
  padding: 0 40px 0 100px;
}
.project-step-doc {
  background-color: #f2f2f2;
  padding: 0 0 20px 0;
}
.project-step .invite-contractor,
.project-step .uninvite-contractor {
  margin-top: 40px;
}
.project-step .link-info {
  margin-left: 10px;
}
.project-step .contractor-address {
  margin-bottom: 10px;
}
.project-step .terms-area {
  background-color: #fff;
  height: 180px;
}
.project-step .terms-overrides {
  margin-top: 345px;
}
.project-step .rebate-amount {
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
.project-step .admin-notes {
  resize: none;
  height: 140px;
}
.project-step .admin-notes.loan-info {
  height: 90px;
}
.project-step .admin-notes.pre-auth {
  height: 140px;
}
.project-step .admin-notes.requirements-checklist {
  height: 115px;
}
.project-step .admin-notes.project-details {
  height: 350px;
}
.project-step .action-panel {
  background-color: #f2f2f2;
  margin: 30px -40px;
  padding: 40px;
}
.project-step .action-panel.short {
  padding: 20px 40px;
}
.project-step .action-panel.snug-bottom {
  margin-bottom: 0;
}
.project-step .action-panel .project-step-content-title {
  margin-top: 40px;
}
.project-step .action-panel .input-row {
  justify-content: flex-start;
}
.project-step .action-inline {
  align-self: stretch;
  background-color: #f2f2f2;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  margin: 0 20px 20px;
  padding: 20px;
}
.project-step .action-inline .project-step-content-title {
  text-transform: uppercase;
}
.project-step .action-inline .controls {
  align-items: center;
  margin-top: auto;
}
.project-step .action-inline .controls .button.primary {
  margin-left: auto;
  margin-bottom: 0;
}
.project-step .action-inline .controls .button-as-link {
  text-transform: none;
}
.project-step .warning {
  margin: 40px 0;
}
.project-step .parens {
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
}
.project-step .help-link {
  font-size: 11px;
}
.project-step .submit-main {
  display: flex;
  margin: 40px 0;
}
.project-step .submit-main .btn-submit {
  font-size: 18px;
  margin: 0 auto;
  padding: 20px 30px;
}
.project-step .submit-main .btn-submit svg {
  height: 30px;
  width: 30px;
}
.project-step .submit-main .btn-submit .text {
  margin-left: 16px;
  line-height: 30px;
}
.project-step .submit-main .btn-submit.gray {
  background: #999;
}
.project-step-file-name {
  margin-left: 20px;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-step-recipient-address {
  height: 130px;
  margin-bottom: 0;
  resize: none;
}
.project-step .home-details-survey {
  margin: 0 -40px;
  position: relative;
}
.project-step .product-details-notes {
  resize: vertical;
  min-height: 60px;
}
.project-step .product-details-form .input-group:not(:last-child) {
  margin-right: 10px;
}
.project-step .product-details-custom-row .input-group {
  flex: 0 1 auto;
}
.project-step .product-details-offer-desc.input-group {
  width: 380px;
  flex: 1 0 auto;
}
.project-step .product-details-ues-no.input-group {
  width: 230px;
  flex: 1 0 auto;
}
.project-step .product-details-busbar.input-group {
  width: 140px;
  flex: 1 0 auto;
}
.project-step .product-details-label-row .input-group {
  flex-grow: 1;
}
.project-step .product-details-total {
  height: 395px;
}
.project-step .product-details-delete-label {
  align-self: center;
  margin: 0;
}
.project-step .product-details-categorization {
  min-height: 300px;
}
.project-step .product-details-categorization .prepopulate-checkbox {
  margin: auto 0 7px 10px;
}
.project-step .product-details-categorization .modal {
  height: auto;
  margin: -50px 0 0 -305px;
  min-height: auto;
  overflow-y: auto;
  width: 610px;
}
.project-step .product-details-categorization .modal .content {
  padding: 20px;
}
.project-step .product-details-measure-header {
  padding-bottom: 0;
}
.project-step .product-details-measure-header .project-step-content-title {
  margin-bottom: 0;
}
.project-step .product-details-measure {
  border-bottom: 1px solid #ccc;
  padding: 40px 40px 20px;
}
.project-step .product-details-measure .error {
  margin: 0 0 5px;
}
.project-step .product-details-add-measure.button,
.project-step .product-details-delete-measure.button {
  margin-bottom: 0;
  min-width: 150px;
}
.project-step .product-details-add-measure-section {
  border-bottom: 1px solid #ccc;
  min-height: 71px;
  padding: 20px 40px;
}
.project-step .product-details-building-select {
  text-transform: none;
}
.project-step .product-details-building-operator-group.input-group {
  flex: 0 1 0%;
  width: 130px;
}
.project-step .product-details-contractor-wrapper {
  width: 50%;
}
.project-step .product-details-overrides-categorization {
  min-height: 246px;
  padding-top: 0;
}
.project-step .product-details-overrides-categorization input {
  margin-bottom: 8px;
}
.project-step .product-details-overrides-measure {
  height: 831px;
}
.project-step .product-details-overrides-measure:first-of-type {
  height: 906px;
}
.project-step .product-details-overrides-measure-non-deemed {
  border-bottom: 1px solid #ccc;
  height: 524px;
}
.project-step .product-details-overrides-total {
  height: 262px;
}
.project-step .product-details-overrides-total-non-deemed {
  height: 175px;
}
.project-step .product-details-overrides-inputs {
  margin-top: 173px;
}
.project-step .product-details-overrides-snug {
  height: 395px;
  margin-top: -20px;
  padding-bottom: 16px;
}
.project-step .product-details-overrides-snug input {
  margin-bottom: 5px;
}
.project-step .product-details-overrides-snug input.retail-cost {
  width: 352px;
}
.project-step .product-details-overrides-snug .project-step-description {
  margin-bottom: 10px;
}
.project-step .product-details-overrides-add-measure {
  min-height: 50px;
}
.project-step .dynamic-document-list {
  margin-top: 20px;
}
.project-step .dynamic-document-list .document-select {
  width: 285px;
}
.project-step .dynamic-document-list .create-doc-btn {
  height: 37px;
  min-width: 70px;
}
.unsaved-changes-dialog {
  height: auto;
  margin: -50px 0 0 -305px;
  min-height: auto;
  overflow-y: auto;
  width: 610px;
}
.unsaved-changes-dialog .content {
  padding: 20px;
}
.unsaved-changes-sections {
  font-size: 100%;
}

.project-view-main .file-upload .doc-upload {
  cursor: pointer;
  filter: alpha(opacity=0);
  font-size: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.project-view-main {
  padding: 20px 30px;
}
.project-view-main .title {
  font-size: 14px;
  line-height: 20px;
}
.project-view-main .title .project-site-heading {
  margin-bottom: 0;
  margin-top: 10px;
}
.project-view-main .control-label {
  text-transform: uppercase;
}
.project-view-main label,
.project-view-main .control-label {
  color: #333;
  font-size: 12px;
}
.project-view-main label.disabled,
.project-view-main .control-label.disabled {
  pointer-events: none;
}
.project-view-main label:not(:last-child) input[type=radio],
.project-view-main .control-label:not(:last-child) input[type=radio] {
  margin-bottom: 5px;
}
.project-view-main label.project-step-checkbox,
.project-view-main .control-label.project-step-checkbox,
.project-view-main label.project-step-radio,
.project-view-main .control-label.project-step-radio {
  text-transform: none;
}
.project-view-main label.project-step-override-checkbox,
.project-view-main .control-label.project-step-override-checkbox,
.project-view-main label.project-step-checkbox,
.project-view-main .control-label.project-step-checkbox {
  margin-bottom: 20px;
}
.project-view-main label.project-step-radio,
.project-view-main .control-label.project-step-radio {
  margin-bottom: 10px;
}
.project-view-main label.project-step-override-checkbox,
.project-view-main .control-label.project-step-override-checkbox,
.project-view-main label.project-step-checkbox,
.project-view-main .control-label.project-step-checkbox,
.project-view-main label.project-step-radio,
.project-view-main .control-label.project-step-radio {
  font-size: 13px;
}
.project-view-main label.project-step-override-checkbox > input[type=checkbox],
.project-view-main .control-label.project-step-override-checkbox > input[type=checkbox],
.project-view-main label.project-step-checkbox > input[type=checkbox],
.project-view-main .control-label.project-step-checkbox > input[type=checkbox],
.project-view-main label.project-step-radio > input[type=checkbox],
.project-view-main .control-label.project-step-radio > input[type=checkbox],
.project-view-main label.project-step-override-checkbox > input[type=radio],
.project-view-main .control-label.project-step-override-checkbox > input[type=radio],
.project-view-main label.project-step-checkbox > input[type=radio],
.project-view-main .control-label.project-step-checkbox > input[type=radio],
.project-view-main label.project-step-radio > input[type=radio],
.project-view-main .control-label.project-step-radio > input[type=radio] {
  margin-bottom: 0;
  margin-right: 5px;
}
.project-view-main label.project-step-override-checkbox > input[type=checkbox].right,
.project-view-main .control-label.project-step-override-checkbox > input[type=checkbox].right,
.project-view-main label.project-step-checkbox > input[type=checkbox].right,
.project-view-main .control-label.project-step-checkbox > input[type=checkbox].right,
.project-view-main label.project-step-radio > input[type=checkbox].right,
.project-view-main .control-label.project-step-radio > input[type=checkbox].right,
.project-view-main label.project-step-override-checkbox > input[type=radio].right,
.project-view-main .control-label.project-step-override-checkbox > input[type=radio].right,
.project-view-main label.project-step-checkbox > input[type=radio].right,
.project-view-main .control-label.project-step-checkbox > input[type=radio].right,
.project-view-main label.project-step-radio > input[type=radio].right,
.project-view-main .control-label.project-step-radio > input[type=radio].right {
  margin-left: 5px;
  margin-right: 0;
  margin-top: 3px;
}
.project-view-main label.project-step-override-checkbox.disabled,
.project-view-main .control-label.project-step-override-checkbox.disabled,
.project-view-main label.project-step-checkbox.disabled,
.project-view-main .control-label.project-step-checkbox.disabled,
.project-view-main label.project-step-radio.disabled,
.project-view-main .control-label.project-step-radio.disabled {
  color: #ccc;
  cursor: default;
}
.project-view-main label.project-step-override-checkbox.highlight,
.project-view-main .control-label.project-step-override-checkbox.highlight,
.project-view-main label.project-step-checkbox.highlight,
.project-view-main .control-label.project-step-checkbox.highlight,
.project-view-main label.project-step-radio.highlight,
.project-view-main .control-label.project-step-radio.highlight {
  font-size: 16px;
}
.project-view-main label.header,
.project-view-main .control-label.header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.project-view-main label.header.margin-top,
.project-view-main .control-label.header.margin-top {
  margin-top: 20px;
}
.project-view-main label.error,
.project-view-main .control-label.error {
  color: #f00;
  font-weight: bold;
}
.project-view-main select {
  font-size: 13px;
  text-transform: uppercase;
}
.project-view-main ::placeholder {
  color: #ccc;
}
.project-view-main .input-row {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.project-view-main .input-row.end {
  align-items: flex-end;
}
.project-view-main .input-row.end .filter-select {
  width: 100%;
}
.project-view-main .input-row.end .radio-label {
  padding: 8px 0;
}
.project-view-main .input-row-no-space {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
}
.project-view-main .input-row.disabled {
  color: #ccc;
}
.project-view-main .input-row .button:not(:last-of-type) {
  margin-right: 20px;
}
.project-view-main .input-group {
  flex-basis: calc((100% - 40px) / 3);
}
.project-view-main .input-group.nb {
  flex-basis: initial;
}
.project-view-main .input-group.g2 {
  flex-basis: calc((100% - 40px) / 2);
}
.project-view-main .input-group:not(:last-child) {
  margin-right: 20px;
}
.project-view-main .hide {
  display: none;
}
.project-view-main .bold {
  font-weight: bold;
}
.project-view-main .icon.small {
  $icon-size-small: 30px;
  height: $icon-size-small;
  margin-left: 0;
  width: $icon-size-small;
}
.project-view-main .icon.small svg {
  height: $icon-size-small;
  width: $icon-size-small;
}
.project-view-main .file-upload {
  margin-right: 20px;
  overflow: hidden;
  position: relative;
}
.project-view-main .file-upload-wrapper {
  align-items: flex-start;
  display: flex;
}
.project-view-main .file-upload-wrapper .icon {
  display: inline-block;
  margin-bottom: 10px;
}
.project-view-main .file-upload-wrapper .hide {
  display: none;
}
.project-view-main ::-webkit-file-upload-button {
  cursor: pointer;
}
.project-view-main .l-flex {
  display: flex;
}
.project-view-main .l-element:not(:last-child) {
  margin-right: 20px;
}
.project-view-main .l-small {
  flex-grow: 0.5;
}
.project-view-main .l-wide {
  flex-grow: 1.5;
}
.project-view-main .l-bottom {
  align-items: flex-end;
}
.project-view-main .l-right {
  margin-left: auto;
}
.project-view-main .l-center-vertical {
  display: flex;
  align-items: center;
}
.project-view-main .l-center-vertical .icon {
  margin-right: 10px;
}
.project-view-main .l-pull-down {
  align-self: flex-end;
  margin-bottom: 0;
}
.project-view-main .l-center {
  display: flex;
  justify-content: center;
}
.project-view-main .l-halves {
  flex-basis: 50%;
}
.project-view-main .l-thirds {
  flex-basis: 33%;
}
.project-view-main .l-indent {
  margin-left: 20px;
}
.project-view-main .l-indent-small {
  margin-left: 10px;
}
.project-view-main .l-indent-double {
  margin-left: 40px;
}
.project-view-main .l-indent-triple {
  margin-left: 60px;
}
.project-view-main .l-margin-top {
  margin-top: 30px;
}
.project-view-main .l-address {
  flex: 1 0 auto;
  width: 40%;
}
.project-view-main .l-city {
  flex: 1 0 auto;
  width: calc(26% - 20px);
}
.project-view-main .l-state-zip {
  flex: 0 1.1 auto;
  width: 115px;
}
.project-intro,
.project-intro p {
  font-size: 14px;
}
.project-info {
  margin-left: 20px;
}
.project-id {
  font-weight: bold;
}
.project-step-list {
  margin: 30px 20px;
}
.audit-list-table th {
  cursor: pointer;
}
.audit-list-table th.hov:hover {
  text-decoration: underline;
}
.sap-contractor-list {
  width: 1000px;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-top: none;
}
.sap-contractor-list .top-banner {
  margin: 20px 0 40px 0;
}
.sap-contractor-list .top-banner .title {
  float: left;
}
.sap-contractor-list .top-banner .projects-title-menu {
  float: right;
}
.sap-contractor-list .project-detail-list {
  margin: 0 -30px 0 -30px;
}
.sap-contractor-list .cell-buttons button,
.sap-contractor-list .cell-buttons a {
  font-size: 11px;
  padding-right: 0;
  padding-left: 0;
  width: 70px;
  display: block;
  text-decoration: none;
  text-align: center;
}
.sap-contractor-list .cell-buttons button:hover,
.sap-contractor-list .cell-buttons a:hover {
  background: #08b;
  color: #fff;
}
.save-error {
  margin: -20px -30px 20px -30px;
  padding: 20px 45px;
  background: #fee;
}
.control.required .control-label {
  color: #c00;
}
.control.mright {
  margin-right: 40px;
}
.input-lock {
  font-weight: bold;
  padding: 10px 0;
}
.eligibility p {
  margin-bottom: 20px;
}
.rebate-section .input-text:not(.data-skip),
.rebate-section .input-select:not(.data-skip) {
  background: #eef;
}
.measure-section h3 {
  font-size: 14px;
  text-transform: none;
}
.measure-section input {
  width: auto;
}
.measure-section .project-step-checkbox.highlight {
  font-size: 13px !important;
  font-weight: normal;
}
.measure-group.dhp,
.measure-group.ptcs,
.measure-group.windows {
  margin: 0 -40px 20px -60px;
  padding: 0 40px 20px 60px;
  background: #f2f2f2;
}
.measure-group.dhp .add-button.m,
.measure-group.ptcs .add-button.m,
.measure-group.windows .add-button.m {
  margin-top: 20px;
}
.measure-group.dhp .remove.m,
.measure-group.ptcs .remove.m,
.measure-group.windows .remove.m {
  margin-top: 16px;
}
.measure-group.dhp .measure-row .control,
.measure-group.ptcs .measure-row .control,
.measure-group.windows .measure-row .control {
  margin: 20px 20px 0 0;
}
.measure-group.dhp .measure-row .control-label,
.measure-group.ptcs .measure-row .control-label,
.measure-group.windows .measure-row .control-label {
  text-transform: none;
}
.measure-group.dhp .measure-row .input-text.narrow,
.measure-group.ptcs .measure-row .input-text.narrow,
.measure-group.windows .measure-row .input-text.narrow {
  width: 120px;
}
.measure-group.dhp .measure-row .htn,
.measure-group.ptcs .measure-row .htn,
.measure-group.windows .measure-row .htn {
  padding: 10px 0;
}
.dhp-details .control {
  margin: 20px 20px 0 0;
}
.dhp-details .control.mright {
  margin-right: 70px;
}
.measure-group.dhp .add-button.m {
  margin-top: 16px !important;
}
.measure-group.dhp .measure-btns {
  justify-content: flex-end;
}
.measure-group.dhp .measure-row {
  padding-bottom: 10px;
}
.measure-group.dhp .measure-row .input-text.model {
  width: 140px;
}
.measure-group.dhp .measure-row .input-text.ahri {
  width: 115px;
}
.measure-group.dhp .measure-row .input-text.hspf {
  width: 75px;
}
.measure-group.dhp .measure-row .input-text.highcap,
.measure-group.dhp .measure-row .input-text.lowcap {
  width: 190px;
}
table.insulation-table {
  border: none;
  border-collapse: collapse;
  width: auto;
}
table.insulation-table tr:not(:last-child) {
  border: none;
}
table.insulation-table tr:nth-of-type(even) {
  background: #fff;
}
table.insulation-table tr.narrow td {
  padding: 0 0 2px 0;
}
table.insulation-table select {
  width: 190px;
}
table.insulation-table select.wide {
  width: auto;
}
table.insulation-table td.fixed-w {
  width: 92px;
}
table.insulation-table td.narrow {
  width: 122px;
}
table.insulation-table td {
  padding: 10px 20px 10px 0;
}
.wrap-radio {
  margin-bottom: 0px;
}
.wrap-radio .project-step-list-title {
  margin: 10px 0 20px 0;
}
.wrap-radio .control-field {
  display: flex;
  flex-wrap: wrap;
}
.wrap-radio .control-field label {
  width: 192px;
  margin: 0 0 10px 0;
}
.total-rebate {
  font-weight: bold;
}
.total-rebate .total {
  font-size: 22px;
  width: 100px;
  position: relative;
  left: -22px;
}
.cant-find,
.return-dropdowns {
  margin-top: 10px;
  display: block;
}
.required::placeholder {
  color: #c00;
}
.hpxml-section .cancel.admin {
  background: #e4e4e4;
  color: #666;
  top: -5px;
  position: relative;
  font-size: 10px;
  width: 118px;
}
.hpxml-section .cancel.admin.wide {
  width: initial;
}
.hpxml-section .info {
  float: left;
  width: 800px;
}
.hpxml-section .info p {
  margin-bottom: 20px;
}
.hpxml-section .info.small {
  width: 300px;
}
.hpxml-section .input-text,
.hpxml-section select.input-select {
  width: 300px;
}
.hpxml-section .hpxml-group {
  display: flex;
  margin: 0 0 20px 0;
  align-items: flex-end;
}
.hpxml-section .hpxml-group .control {
  margin-right: 20px;
}
select.input-select,
input[type="text"].input-text,
.input-radio {
  margin: 0;
}
select.input-select.required,
input[type="text"].input-text.required,
.input-radio.required {
  border: 2px solid #c00;
}
.reset-rows {
  width: 300px;
  margin: 60px auto;
}
.reset-rows .control {
  margin-bottom: 16px;
}
.reset-rows .control-label {
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
.reset-rows .button {
  width: 140px;
  padding: 10px 0;
  min-width: initial;
}
.reset-rows .button.cancel {
  background: #999;
}
.reset-rows .input-text {
  width: 100%;
}
.next-header {
  margin: 60px 0 0 0 !important;
}
.project-step p.no-margin {
  margin: 0;
}
.input-note {
  color: #666;
  font-style: italic;
  display: block;
  padding: 6px;
}
.bottom-notes {
  height: 240px;
}
.sap-tip {
  background: #b7efff;
  padding: 16px 10px;
  margin: 20px 0;
}
.project-view-main label.grey-out {
  color: #999;
}
.project-view-main .reqs {
  background: #f2f2f2;
}
.project-view-main .reqs .project-step-checkbox {
  margin: 0;
}
.detail-view .demo-view .projects-title {
  margin: 20px 20px 40px 20px;
  align-items: baseline;
}
.detail-view .demo-view .title {
  margin: 0;
  line-height: inherit;
  text-align: left;
}
.filter-select {
  width: 200px;
}
.filter-select.project-type {
  width: 400px;
}
.create-project {
  margin: 0 20px;
  padding: 16px;
}
.create-project h3 {
  font-size: 16px;
  margin: 0 0 16px 0;
}
.create-project .control-label {
  margin-bottom: 10px;
}
.create-project .input-group.nb {
  line-height: 70px;
}
.cta-section .buttons .cancel {
  margin-right: 40px;
  background: #999;
  min-width: auto;
}
button.add-button {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: none;
  color: #00639b;
  width: 130px;
  padding: 7px 0;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0;
}
button.add-button.remove {
  width: 70px;
}
button.add-button.remove.m {
  margin-top: 16px;
}
button.add-button:hover {
  background: none;
  color: #00639b;
}
.delete-button {
  border: none;
  text-decoration: underline;
  background: none;
  padding: 0;
}
.download-button {
  width: 260px;
  display: block;
  margin-top: 20px;
}
.excel-results .flex-row {
  margin-bottom: 10px;
}
.excel-results .bb {
  font-size: 18px;
}
.excel-results .ss {
  font-size: 26px;
  font-weight: bold;
}
.below-fields {
  margin: 20px;
}
.saved.margin {
  margin-top: 20px;
  font-size: 14px;
  color: #00f;
  font-weight: bold;
}
.saved .green {
  color: #0a0;
}
.saved .neutral {
  color: #00f;
}
.saved .error {
  color: #f00;
}
.control-filters {
  display: flex;
  margin-left: 20px;
}
.control-filters .control {
  margin: 0 20px 0 0;
}
.control-filters .control-label {
  font-weight: bold;
  margin-bottom: 10px;
}
.project-site-wrapper {
  margin-bottom: 20px;
}
.project-step.terms label.project-step-checkbox {
  margin: 20px 0 0 0;
}
.project-step-contents {
  flex-wrap: wrap;
}
.input-select {
  margin-bottom: 20px;
}
.project-step-overrides {
  padding: 40px;
}
.project-step-overrides:not(.extra-admin) .input-select,
.project-step-overrides:not(.extra-admin) .input-text {
  margin-bottom: 20px;
}
.project-step-overrides:not(.extra-admin) .input-note {
  margin-top: -20px;
}
.project-step-overrides .project-step-title {
  line-height: 18px;
}
.project-step-overrides .control-field p {
  margin: 0 0 20px 0;
}
.project-step-overrides.extra-admin {
  border-top: 1px solid #ccc;
  border-left: none;
  flex: 0 0 100%;
  padding: 0;
  margin: 0;
}
.project-step-overrides.extra-admin .section {
  padding: 20px 40px;
}
.project-step-overrides.extra-admin .section:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.project-step-overrides.extra-admin .section .l-20 {
  flex-basis: 20%;
}
.project-step-overrides.extra-admin .section .l-15 {
  flex-basis: 15%;
}
.project-step-overrides.extra-admin .section .l-10 {
  flex-basis: 10%;
}
.project-step-overrides.extra-admin .section .hpxml {
  display: flex;
}
.project-step-overrides.extra-admin .section .hpxml .fields {
  width: 830px;
}
.project-step-overrides.extra-admin .section .hpxml .fields .input-row {
  justify-content: stretch;
}
.project-step-overrides.extra-admin .section .hpxml .desc {
  padding: 0 20px;
  width: 400px;
}
.project-step-overrides.extra-admin .section .hpxml .desc p {
  margin-top: 0;
}
.my-projects-list {
  font-size: 13px;
  list-style: none;
  margin: 30px 20px;
}
.my-projects-list table {
  width: 100%;
}
.my-projects-list table th,
.my-projects-list table td {
  padding: 4px 10px 4px 0;
}
.my-projects-list table th:first-of-type,
.my-projects-list table td:first-of-type {
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
.my-projects-list table th:last-of-type,
.my-projects-list table td:last-of-type {
  padding-right: 10px;
  border-right: 1px solid #ccc;
}
.my-projects-list table th {
  padding: 10px 10px 0 0;
  background-color: #e4e4e4;
  font-size: 14px;
  text-transform: uppercase;
}
.my-projects-list table tr.first th {
  border-top: 1px solid #ccc;
}
.my-projects-list table tr.light th {
  padding: 6px 0;
  font-size: 13px;
  font-weight: normal;
}
.my-projects-list table .space {
  width: 38px;
}
.my-projects-list table td {
  font-size: 13px;
}
.my-projects-list table td.c {
  text-align: center;
}
.my-projects-list table td.l {
  width: 180px;
}
.my-projects-list table td.r {
  white-space: nowrap;
  text-align: right;
  position: relative;
}
.my-projects-list table td.icon {
  padding-left: 50px;
}
.my-projects-list table .icon.lock {
  left: 0;
  top: 6px;
  position: absolute;
}
.my-projects-list table .icon.lock path {
  fill: #999;
}
.my-projects-list table .open {
  background: #00d939;
}
.my-projects-list table .locked {
  background: #999;
}
.my-projects-list table .btn-default {
  display: inline-block;
  margin-bottom: 0;
}
.my-projects-list table .btn-default.cancel {
  font-size: 10px;
  color: #ccc;
}
.my-projects-list table .btn-default.allow {
  color: #00639b;
}
.my-projects-list table .btn-default.disabled {
  background-color: #fff;
  border-color: #ccc;
  color: #999;
}
.my-projects-list table .tag {
  background-color: #666;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 5px;
  text-align: center;
  text-transform: uppercase;
  width: 180px;
  width: 140px;
}
.my-projects-list table .tag.black {
  background-color: #000;
}
.my-projects-list table .tag.green {
  background-color: #00992b;
}
.my-projects-list table .tag.grey-light {
  background-color: #ccc;
}
.my-projects-list table .tag.grey {
  background-color: #666;
}
.my-projects-list table .tag.grey-dark {
  background-color: #434343;
}
.my-projects-list table .tag.navy {
  background-color: #069;
}
.my-projects-list table .tag.red {
  background-color: #f00;
}
.my-projects-list table .addr {
  color: #0067ba;
}
.button.big {
  padding: 8px 0;
  text-align: center;
  width: 180px;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
body.budget-type {
  background-color: #fff;
}
body.budget-type > .container {
  min-width: 1475px;
  width: fit-content;
}
body.budget-type .top-banner {
  max-width: 1375px;
}
body.budget-type .projects-main {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-bottom: 20px;
  width: auto;
}
body.budget-type .projects-main-extra-wide {
  padding: 10px 0;
}
body.budget-type .projects-main.budget-manager {
  border: none;
  padding-bottom: 0;
  width: auto;
}
body.budget-type .projects-main.budget-manager main {
  margin-left: 50px;
  padding-top: 20px;
  width: auto;
}
body.budget-type .projects-main .search-box {
  width: 250px;
}
body.budget-type .projects-main .search-banner {
  padding-right: 40px;
}
body.budget-type .project-detail-list.budget-detail-list {
  width: 100%;
  margin: 0;
}
body.budget-type .project-detail-list.budget-detail-list h4 {
  color: #000;
  font-size: 10px;
  margin: 0 0 3px 0;
}
body.budget-type .project-detail-list.budget-detail-list .stat-row {
  display: flex;
  min-height: 100px;
}
body.budget-type .project-detail-list.budget-detail-list .stat-box {
  background-color: #eee;
  border: 1px solid #ccc;
  flex-basis: 100px;
  float: left;
  height: 100px;
  min-width: 100px;
  padding-top: 10px;
  position: relative;
  text-align: center;
}
body.budget-type .project-detail-list.budget-detail-list .stat-box:not(:last-child) {
  margin-right: 20px;
}
body.budget-type .project-detail-list.budget-detail-list .stat-box.inactive {
  background-color: #e4e4e4;
  color: #333;
}
body.budget-type .project-detail-list.budget-detail-list .stat-box.inactive .value {
  color: #999;
}
body.budget-type .project-detail-list.budget-detail-list .stat-group {
  display: flex;
  margin-left: 0;
}
body.budget-type .project-detail-list.budget-detail-list .stat-group .stat-box {
  margin-right: 0;
}
body.budget-type .project-detail-list.budget-detail-list .stat-group .stat-box:not(:first-child) {
  border-left: none;
}
body.budget-type .project-detail-list.budget-detail-list .count {
  font-weight: bold;
  font-size: 24px;
}
body.budget-type .project-detail-list.budget-detail-list .value {
  border-top: 1px solid #ccc;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0;
  position: absolute;
  width: 100%;
}
body.budget-type .project-detail-list.budget-detail-list .notifications {
  bottom: 28px;
  background-color: #069;
  color: #fff;
  padding: 2px 4px;
  position: absolute;
  right: 0;
}
body.budget-type .project-detail-list.budget-detail-list .value-only {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
}
body.budget-type .project-detail-list.budget-detail-list .stat-tab {
  height: 120px;
  padding: 10px;
}
body.budget-type .project-detail-list.budget-detail-list .stat-tab.active {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 9px 9px 10px;
}
body.budget-type .project-detail-list.budget-detail-list .project-tabs {
  border-bottom: 1px solid #ccc;
  box-shadow: 0 -10px 18px -16px #888 inset;
  height: 120px;
  padding: 0 10px 0 60px;
  margin-left: -70px;
}
body.budget-type .project-detail-list.budget-detail-list .project-tab-content {
  padding: 10px 20px;
  margin-left: -20px;
}
body.budget-type .project-detail-list.budget-detail-list .count,
body.budget-type .project-detail-list.budget-detail-list .value {
  color: #333;
}
body.budget-type .project-detail-list.budget-detail-list .controls {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 0 20px 0;
  max-width: 1375px;
}
body.budget-type .project-detail-list.budget-detail-list .controls > *:not(:last-child) {
  margin-right: 20px;
}
body.budget-type .project-detail-list.budget-detail-list .controls label {
  color: #333;
  cursor: default;
  font-size: 13px;
  white-space: nowrap;
}
body.budget-type .project-detail-list.budget-detail-list .export-report .export-select {
  width: 200px;
  display: inline-block;
  margin-right: 20px;
}
body.budget-type .project-detail-list.budget-detail-list .export-report .btn-export {
  display: inline-block;
}
body.budget-type .project-detail-list.budget-detail-list .page-indicator {
  display: inline-block;
  margin-right: 20px;
}
body.budget-type .project-detail-list.budget-detail-list .pagers {
  display: inline-block;
}
body.budget-type .project-detail-list.budget-detail-list .pager {
  margin-right: 5px;
}
body.budget-type .project-detail-list.budget-detail-list .pager.active,
body.budget-type .project-detail-list.budget-detail-list .pager:hover {
  color: #069;
  font-weight: bold;
}
body.budget-type .project-detail-list.budget-detail-list .pager:not(.active) {
  cursor: pointer;
}
body.budget-type .project-detail-list.budget-detail-list select {
  border-radius: 4px;
  height: 26px;
  padding: 5px 10px;
  text-transform: uppercase;
}
body.budget-type .project-detail-list.budget-detail-list button,
body.budget-type .project-detail-list.budget-detail-list input,
body.budget-type .project-detail-list.budget-detail-list select {
  margin-bottom: 0;
  outline: none;
}
body.budget-type .project-detail-list.budget-detail-list .actions-select {
  flex: 0 auto;
  width: 200px;
}
body.budget-type .project-detail-list.budget-detail-list .page-size-select {
  width: 60px;
  margin-right: 10px;
}
body.budget-type .project-detail-list.budget-detail-list .btn-back {
  align-self: center;
  margin-left: auto;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table {
  table-layout: fixed;
  border: 1px solid #ccc;
  border-collapse: separate;
/* margin: 10px 0 20px; */
  width: auto;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table thead {
  background-color: #e4e4e4;
  border-bottom: 1px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 2;
back
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td,
body.budget-type .project-detail-list.budget-detail-list .project-list-table th {
  padding: 0 10px;
  font-size: 13px;
  white-space: nowrap;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td {
  background-color: #fff;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table th {
  text-transform: uppercase;
  background-color: #e4e4e4;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table th:first-child {
  min-width: 35px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td:nth-child(-n+3),
body.budget-type .project-detail-list.budget-detail-list .project-list-table th:nth-child(-n+3) {
  position: sticky;
  left: 0;
  z-index: 1;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table th:nth-child(2),
body.budget-type .project-detail-list.budget-detail-list .project-list-table td:nth-child(2) {
  left: 35px;
  width: 150px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table th:nth-child(3),
body.budget-type .project-detail-list.budget-detail-list .project-list-table td:nth-child(3) {
  left: 177px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td {
  height: 100%;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.address input {
  margin-right: 10px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.address label {
  color: #069;
  font-size: 13px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.project-type,
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.project-value {
  color: #069;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.task-icons {
  text-align: right;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.task-icons svg {
  height: 30px;
  width: 30px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td .inline-select {
  background-position: 96% center;
  border-radius: 0;
  padding: 0 40px 0 5px;
  width: auto;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td .inline-select.inverted {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAAAdUlEQVRIx2MQllCs+P//vwcQM1ATM4waPGrwqMEjzmBSweAxGMgu+k8YFJHjYsvFixfvwWUiSA6khtygsFmxYsV+dENBYiA5SsPYfvXq1QdghoLYIDFqRZ7jxo0bD4MwiE3tVOECxYM0uVHd4NFCaNTgQW4wAKpugq+9Zk7QAAAAAElFTkSuQmCC");
  color: #fff;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.budget-status.red select {
  color: #f00;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.budget-status.green select {
  color: #00992b;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.budget-status.grey-light select {
  color: #ccc;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.budget-status .budget-select {
  width: 100%;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.admin-status {
  background: none;
  color: #333;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.admin-status.navy {
  background-color: #069;
  color: #fff;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td .inline-date {
  height: 25px;
  font-size: 11px;
  padding: 0 5px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.updated {
  font-size: 11px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.empty-row {
  padding: 10px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td hr {
  margin: 0;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-select {
  line-height: 10px;
  height: 22px;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-select,
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-input,
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-date {
  margin: 3px 0;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-select:last-child,
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-input:last-child,
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.double-inline .inline-date:last-child {
  margin: 0 0 3px 0;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td .document-select {
  padding: 5px 20px 5px 10px;
  width: auto;
}
body.budget-type .project-detail-list.budget-detail-list .project-list-table td.selected {
  background-color: #d4fdb0;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag {
  background-color: #666;
  color: #fff;
  font-size: 10px;
  padding: 3px 5px;
  text-align: center;
  text-transform: uppercase;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.black {
  background-color: #000;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.black select {
  background-color: #000;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.green {
  background-color: #00992b;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.green select {
  background-color: #00992b;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.grey-light {
  background-color: #999;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.grey-light select {
  background-color: #999;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.grey {
  background-color: #666;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.grey select {
  background-color: #666;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.grey-dark {
  background-color: #434343;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.grey-dark select {
  background-color: #434343;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.navy {
  background-color: #069;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.navy select {
  background-color: #069;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.red {
  background-color: #f00;
}
body.budget-type .project-detail-list.budget-detail-list .budget-tag.red select {
  background-color: #f00;
}
body.budget-type date-input-polyfill {
  z-index: 1100;
}
.budget-type-tab-options {
  align-items: flex-end;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  margin-left: 20px;
  padding: 10px;
  width: 115px;
}
.budget-type-tabs-container {
  min-width: 840px;
}
.multi-update-dialog {
  bottom: auto !important;
  display: flex;
  flex-flow: column;
  height: auto;
  margin: -50px 0 0 -305px !important;
  min-height: auto !important;
  overflow-y: auto !important;
  padding: 20px;
  width: 610px !important;
}
.multi-update-dialog-fields {
  margin: 0 auto;
  width: 400px;
}
.multi-update-dialog .multi-update-dialog-input,
.multi-update-dialog .multi-update-dialog-select {
  height: 30px !important;
  margin-bottom: 10px !important;
}
.multi-update-dialog .multi-update-dialog-input:last-of-type,
.multi-update-dialog .multi-update-dialog-select:last-of-type {
  margin-bottom: 0;
}
.projects-main {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-bottom: 20px;
  width: 1375px;
}
.projects-main.budget-manager {
  border: none;
  padding-bottom: 0;
}
.projects-main .date-type-selection {
  margin-top: 0;
}
.projects-main .date-type-selection input[type=radio] {
  margin: 0;
}
.project-allocation table {
  width: 100%;
}
.project-allocation table thead tr th {
  text-transform: uppercase;
  color: #333;
  font-size: 13px;
}
.project-allocation table tr {
  height: 40px;
}
.project-allocation table tr td,
.project-allocation table tr th {
  height: 40px;
  padding: 0 25px;
  line-height: 16px;
}
.project-allocation table tr td button,
.project-allocation table tr th button {
  vertical-align: middle;
  margin: 0;
}
.project-allocation table tr td.blue {
  color: #069;
}
.project-allocation table tr.totals {
  border-top: 2px solid #ccc;
}
.project-list h2 {
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  margin-bottom: 25px;
}
.project-list .project-stats {
  padding: 7px 20px 14px 20px;
  margin: 0 -20px 0 -20px;
}
.project-list .project-stats:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.project-list .controls .btn-default {
  margin-left: 10px;
}
.project-list .notifications,
.project-detail-list .notifications {
  bottom: 28px;
  background-color: #069;
  color: #fff;
  padding: 2px 4px;
  position: absolute;
  right: 0;
}
.project-list h4,
.project-detail-list h4 {
  color: #000;
  font-size: 10px;
  margin: 0 0 3px 0;
}
.project-list .stat-row,
.project-detail-list .stat-row {
  display: flex;
  min-height: 100px;
}
.project-list .selected,
.project-detail-list .selected {
  background: #d4fdb0;
}
.project-list .stat-box,
.project-detail-list .stat-box {
  background-color: #eee;
  border: 1px solid #ccc;
  flex-basis: 100px;
  float: left;
  height: 100px;
  min-width: 100px;
  padding-top: 10px;
  position: relative;
  text-align: center;
}
.project-list .stat-box:not(:last-child),
.project-detail-list .stat-box:not(:last-child) {
  margin-right: 20px;
}
.project-list .stat-box.inactive,
.project-detail-list .stat-box.inactive {
  background-color: #e4e4e4;
  color: #333;
}
.project-list .stat-box.inactive .value,
.project-detail-list .stat-box.inactive .value {
  color: #999;
}
.project-list .stat-group,
.project-detail-list .stat-group {
  display: flex;
  margin-left: auto;
}
.project-list .stat-group .stat-box,
.project-detail-list .stat-group .stat-box {
  margin-right: 0;
}
.project-list .stat-group .stat-box:not(:first-child),
.project-detail-list .stat-group .stat-box:not(:first-child) {
  border-left: none;
}
.project-list .count,
.project-detail-list .count {
  font-weight: bold;
  font-size: 24px;
}
.project-list .value,
.project-detail-list .value {
  border-top: 1px solid #ccc;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0;
  position: absolute;
  width: 100%;
}
.project-list .value-only,
.project-detail-list .value-only {
  border-top: 1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
  padding-top: 20px;
  margin-top: 5px;
}
.project-detail-list .stat-tab {
  height: 120px;
  padding: 10px;
}
.project-detail-list .stat-tab.active {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 9px 9px 10px;
}
.project-detail-list .stat-group {
  padding: 10px;
}
.project-detail-list .project-tabs {
  border-bottom: 1px solid #ccc;
  box-shadow: 0 -10px 18px -18px #aaa inset;
  height: 120px;
  padding: 0 10px;
}
.project-detail-list .project-tab-content {
  padding: 10px 20px;
}
.project-detail-list .count,
.project-detail-list .value {
  color: #333;
}
.project-detail-list .controls {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 13px;
  text-transform: uppercase;
}
.project-detail-list .controls > *:not(:last-child) {
  margin-right: 20px;
}
.project-detail-list .controls label {
  color: #333;
  cursor: default;
  font-size: 13px;
}
.project-detail-list .export-report {
  margin-left: auto;
}
.project-detail-list .export-report .export-select {
  width: 200px;
  display: inline-block;
  margin-right: 20px;
}
.project-detail-list .export-report .btn-export {
  display: inline-block;
}
.project-detail-list .page-indicator {
  display: inline-block;
  margin-right: 20px;
}
.project-detail-list .pagers {
  display: inline-block;
}
.project-detail-list .pager {
  margin-right: 5px;
}
.project-detail-list .pager.active,
.project-detail-list .pager:hover {
  color: #069;
  font-weight: bold;
}
.project-detail-list .pager:not(.active) {
  cursor: pointer;
}
.project-detail-list select {
  border-radius: 4px;
  height: 26px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.project-detail-list button,
.project-detail-list input,
.project-detail-list select {
  margin-bottom: 0;
  outline: none;
}
.project-detail-list .actions-select {
  width: 200px;
}
.project-detail-list .page-size-select,
.project-detail-list .new-page-size {
  width: 50px;
  margin-right: 10px;
}
.project-detail-list .btn-back {
  align-self: center;
  margin-left: auto;
}
.project-detail-list .project-list-table {
  table-layout: fixed;
  border: 1px solid #ccc;
  margin: 10px 0 20px;
  width: 100%;
}
.project-detail-list .project-list-table thead {
  background-color: #e4e4e4;
  border-bottom: 1px solid #ccc;
}
.project-detail-list .project-list-table td,
.project-detail-list .project-list-table th {
  padding: 10px;
  font-size: 13px;
}
.project-detail-list .project-list-table td:first-child,
.project-detail-list .project-list-table th:first-child {
  padding-left: 20px;
}
.project-detail-list .project-list-table td:last-child,
.project-detail-list .project-list-table th:last-child {
  padding-right: 20px;
}
.project-detail-list .project-list-table th {
  text-transform: uppercase;
}
.project-detail-list .project-list-table th.project-type {
  width: 150px;
}
.project-detail-list .project-list-table th.project-value {
  width: 100px;
}
.project-detail-list .project-list-table th.task-icons {
  width: 140px;
}
.project-detail-list .project-list-table th.project-status {
  width: 200px;
}
.project-detail-list .project-list-table th.bpa-status,
.project-detail-list .project-list-table th.payment-status {
  width: 60px;
}
.project-detail-list .project-list-table th.updated {
  width: 100px;
}
.project-detail-list .project-list-table th.action {
  width: 100px;
}
.project-detail-list .project-list-table td {
  height: 56px;
}
.project-detail-list .project-list-table td.address input {
  margin-right: 10px;
}
.project-detail-list .project-list-table td.address label {
  color: #069;
  font-size: 13px;
}
.project-detail-list .project-list-table td.project-type,
.project-detail-list .project-list-table td.project-value {
  color: #069;
}
.project-detail-list .project-list-table td.task-icons {
  text-align: right;
}
.project-detail-list .project-list-table td.task-icons svg {
  height: 30px;
  width: 30px;
}
.project-detail-list .project-list-table td.updated {
  font-size: 11px;
}
.project-detail-list .project-list-table.sortable .header-section {
  display: inline-block;
}
.project-detail-list .project-list-table.sortable .sorter {
  background: #e4e4e4;
  border: none;
  color: #e4e4e4;
  padding: 0;
  visibility: hidden;
}
.project-detail-list .project-list-table.sortable th:hover .sorter {
  color: #a4a4a4;
  visibility: visible;
}
.project-detail-list .project-list-table.sortable th:hover .sorter:hover {
  color: #000;
  visibility: visible;
}
.project-detail-list .project-list-table.sortable .ordered {
  background: #f2f2f2;
}
.project-detail-list .project-list-table.sortable .ordered .sorter {
  background: #f2f2f2;
}
.project-detail-list .project-list-table.sortable .ordered .sorter:disabled {
  color: #000;
  visibility: visible;
}
.project-detail-list .tag {
  background-color: #666;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 5px;
  text-align: center;
  text-transform: uppercase;
  width: 180px;
}
.project-detail-list .tag.black {
  background-color: #000;
}
.project-detail-list .tag.green {
  background-color: #00992b;
}
.project-detail-list .tag.grey-light {
  background-color: #ccc;
}
.project-detail-list .tag.grey {
  background-color: #666;
}
.project-detail-list .tag.grey-dark {
  background-color: #434343;
}
.project-detail-list .tag.navy {
  background-color: #069;
}
.project-detail-list .tag.red {
  background-color: #f00;
}
.project-detail-list .task-icon.black {
  fill: #000;
}
.project-detail-list .task-icon.green {
  fill: #00992b;
}
.project-detail-list .task-icon.grey-light {
  fill: #ccc;
}
.project-detail-list .task-icon.grey {
  fill: #666;
}
.project-detail-list .task-icon.grey-dark {
  fill: #434343;
}
.project-detail-list .task-icon.navy {
  fill: #069;
}
.project-detail-list.search-results {
  margin: 0;
}
.account-info-content {
  margin-right: 20px;
}
.account-info-content .button {
  font-size: 16px;
}
/*!
 * <%= meta.title %> v<%= meta.version %> Stylesheet
 * Docs & License: <%= meta.homepage %>
 * (c) <%= meta.copyright %>
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content, /* for gutter border */
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	box-sizing: border-box; /* fix scrollbar issue in firefox */
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
	-webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4;
}

/* resizer (touch devices) */

.fc-event .fc-resizer {
	display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
	/* only show when hovering or selected (with touch) */
	display: block;
}

/* hit area */

.fc-event.fc-selected .fc-resizer:before {
	/* 40x40 touch area */
	content: "";
	position: absolute;
	z-index: 9999; /* user of this util can scope within a lower z-index */
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
}


/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
	z-index: 9999 !important; /* overcomes inline z-index */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3; /* below resizers */
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
	cursor: w-resize;
	left: -1px; /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
	cursor: e-resize;
	right: -1px; /* overcome border */
}

/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px; /* overcome top border */
	bottom: -1px; /* overcome bottom border */
}

/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
	/* 8x8 little dot */
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* vertically center */
	top: 50%;
	margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
	margin-left: -4px; /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
	margin-right: -4px; /* centers the 8x8 dot on the right edge */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1; /* same z-index as fc-bg, behind text */
	/* overcome the borders */
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	/* darkening effect */
	background: #000;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resizer (cursor devices) */

/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px; /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px; /* to the day cell's edge */
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
	position: absolute;
	border: 0 solid red;
}


/* Utilities
--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-content-col {
	position: relative; /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3;
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5;
}

.fc-time-grid .fc-helper-container { /* also is fc-event-container */
	position: relative;
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
	/* need to allow touch resizers to extend outside event's bounding box */
	/* common fc-selected styles hide the fc-bg, so don't need this anyway */
	overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
	display: none; /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
	overflow: hidden; /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer (cursor device) */

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "=";
}

/* resizer (touch device) */

.fc-time-grid-event.fc-selected .fc-resizer {
	/* 10x10 dot */
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* horizontally center */
	left: 50%;
	margin-left: -5px;
	/* center on the bottom edge */
	bottom: -5px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	/* triangle pointing right... */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	/* triangle pointing left... */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.scheduler-calendar table {
  background: transparent;
  margin: 0;
}
.scheduler-calendar table tr {
  height: auto;
}
.scheduler-calendar table tr:nth-of-type(even) {
  background: transparent;
}
.scheduler-calendar table th {
  height: 1.75rem;
  vertical-align: middle;
}
.scheduler-calendar .fc-day,
.scheduler-calendar .fc-today {
  background-color: #e4e4e4;
}
.scheduler-calendar .fc-time-grid .fc-event-container {
  margin: 0;
}
.scheduler-calendar .fc-unthemed th,
.scheduler-calendar .fc-unthemed td,
.scheduler-calendar .fc-unthemed thead,
.scheduler-calendar .fc-unthemed tbody,
.scheduler-calendar .fc-unthemed .fc-divider,
.scheduler-calendar .fc-unthemed .fc-row,
.scheduler-calendar .fc-unthemed .fc-popover {
  border-color: #ccc;
}
.scheduler-calendar .fc-time-grid .fc-slats td {
  height: 1.75rem;
  border-bottom: 1px solid #ccc;
}
.workday-calendar .fc-toolbar {
  display: none;
}
.workday-calendar .fc-event,
.fc-event.white {
  background: #fff;
  border: 1px solid #ccc;
  border-left: 0 none;
  border-right: 0 none;
  border-radius: 0;
  margin-bottom: -1px;
}
.workday-calendar .fc-event .fc-content,
.fc-event.white .fc-content {
  display: none;
}
.master-calendar {
  padding: 2em 4em;
}
.appt-calendar .h2 {
  font-size: 15px;
  font-weight: bold;
}
.appt-calendar .only-four {
  color: #069;
  text-align: center;
  font-size: 22px;
  padding: 30px 0;
  border: 1px solid #ccc;
  font-weight: bold;
}
.appt-calendar .btn-default {
  background: #f2f2f2;
  color: #333;
  margin: 0 0.5em 1em 0;
  width: 6rem;
}
.appt-calendar .btn-default.active {
  background: #fff;
}
.appt-calendar .fc-toolbar {
  background: #f2f2f2;
  border: 1px solid #ccc;
  margin: 0 0 -1px 0;
  padding: 1em;
}
.appt-calendar .fc-toolbar h2 {
  margin: 0;
}
.appt-calendar .fc-toolbar button {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0.25em;
  outline: none;
  color: #069;
}
.appt-calendar .fc-toolbar button .fc-icon {
  font-size: 2em;
}
.appt-calendar .fc-day-header {
  padding: 1em;
}
.appt-calendar .fc-bgevent {
  opacity: 1;
}
.appt-calendar .fc-agenda-view .fc-bgevent {
  border: 1px solid #ccc;
  border-left: 0 none;
  border-right: 0 none;
  border-radius: 0;
  margin-bottom: -1px;
}
.fc-event.appointment .fc-title {
  text-transform: uppercase;
}
.fc-event.appointment .fc-time {
  display: none;
}
.schedule-calendar .fc-toolbar {
  border: 1px solid #ccc;
  margin: 0 0 -1px 0;
  padding: 1em;
}
.schedule-calendar .fc-day-header {
  background: #fff;
  font-weight: 400;
  text-transform: uppercase;
}
.schedule-calendar .fc-basic-view .fc-day-number {
  background: #fff;
  border-bottom: 1px solid #ccc;
  color: #069;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.schedule-calendar .fc-basic-view .fc-day-number.fc-past {
  background: #e4e4e4;
  color: #666;
}
.schedule-calendar .fc-basic-view .fc-event {
  border: 1px solid #ccc;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  color: #666;
  padding: 3px 6px;
  margin: 0;
  margin-bottom: -1px;
}
.schedule-calendar .fc-basic-view .fc-event.available {
  background: #fff;
}
.schedule-calendar .fc-basic-view .fc-event.blocked {
  background: #e4e4e4;
}
.schedule-calendar .fc-basic-view .fc-event .fc-time {
  font-weight: 400;
}
.schedule-calendar .fc-basic-view .fc-event.pending {
  background: transparent;
  position: relative;
}
.schedule-calendar .fc-basic-view .fc-event.pending .fc-content {
  background: #069;
  border-radius: 5px;
  color: #fff;
  font-size: 0.95em;
  padding: 6px;
  position: absolute;
  width: 104px;
  height: 30px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 100;
}
.schedule-calendar .fc-basic-view .fc-event.pending .fc-title {
  display: block;
  padding-top: 2px;
}
.scheduler-main .flex-video.travel-zone-map > div {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.scheduler-main .zone-popup .leaflet-popup-tip-container {
  display: none;
}
.scheduler-main .zone-popup .leaflet-popup-content-wrapper {
  border: 2px solid #000;
  border-radius: 100%;
}
.scheduler-main .zone-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  font-weight: bold;
  font-size: 16px;
  height: 2em;
  line-height: 2em;
  margin: 0;
  text-align: center;
  width: 2em !important;
}
.scheduler-main .tabs {
  border-bottom: 1px solid #ccc;
  box-shadow: inset 0 -10px 16px -10px rgba(33,33,33,0.2);
  padding-left: 3em;
}
.scheduler-main .tabs .tab-title a {
  border: 1px solid #ccc;
  box-shadow: inset 0 -10px 16px -10px rgba(33,33,33,0.2);
  font-size: 0.8em;
  margin-bottom: -1px;
  padding: 2.5em 3.5em;
  text-transform: uppercase;
}
.scheduler-main .tabs .tab-title a:focus {
  outline: none;
}
.scheduler-main .tabs .tab-title.active a {
  border-bottom: 1px solid #fff;
  box-shadow: none;
}
.scheduler-main .tabs .tab-title + .tab-title {
  margin-left: -1px;
}
.scheduler-main .tabs-content > .content {
  padding: 1.5rem;
}
.scheduler-main {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-bottom: 20px;
  width: 1300px;
}
.scheduler-main .title-bar {
  padding: 0 1.25em;
}
.scheduler-main .content > table,
.scheduler-main .content .row {
  max-width: none;
  width: 100%;
}
.scheduler-main tr.edit-view {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.scheduler-main .edit-view .row {
  position: relative;
}
.scheduler-main .edit-view .field-is-active {
  position: absolute;
  right: 0;
  top: 0;
}
.scheduler-main .edit-view .field-is-active label {
  display: inline-block;
}
.scheduler-main .edit-view .input {
  display: inline-block;
  height: 2.3125rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.scheduler-main .edit-view .input-block {
  display: block;
}
.scheduler-main .section {
  background: #fff;
  border: 1px solid #ccc;
}
.scheduler-main .section + .section {
  margin-top: -1px;
}
.scheduler-main h2 {
  margin-top: 1em;
}
.scheduler-main h4,
.scheduler-main label.form-label {
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
}
.scheduler-main textarea {
  min-height: 200px;
}
.scheduler-main table {
  width: 100%;
}
.scheduler-main a.btn-default {
  display: inline-block;
}
.scheduler-main .zone-table {
  margin: 0 0 20px 0;
}
.scheduler-main .zone-table tr {
  height: auto;
  vertical-align: top;
}
.scheduler-main .radio-large {
  margin-bottom: 1rem;
  padding-left: 1.25em;
  position: relative;
}
.scheduler-main .radio-large input[type=radio] {
  left: 0;
  position: absolute;
  top: 5px;
}
.scheduler-main .inline {
  display: inline-block;
  vertical-align: middle;
}
.scheduler-main .inline label {
  display: inline-block;
}
.scheduler-main .inline input {
  display: inline-block;
  margin-right: 0.5em;
  width: auto;
}
.scheduler-main .appointment-types td {
  padding: 2em 2em 1em 2em;
}
.scheduler-main .appointment-types .appt-type-actions {
  padding-right: 2em;
  position: relative;
  text-align: right;
}
.scheduler-main .appointment-types .appt-type-actions button {
  margin-top: 1.5rem;
}
.scheduler-main .appointment-types .appt-type-actions .field-is-active {
  right: -1rem;
  text-transform: uppercase;
  top: -1rem;
}
.scheduler-main .modal .content {
  padding: 1em;
}
.notification-settings .content,
.scheduler-prompt .content {
  padding: 1em;
}
.notification-settings .section .columns,
.scheduler-prompt .section .columns {
  padding-left: 6em;
}
.notification-settings h2,
.scheduler-prompt h2 {
  margin-top: 1em;
}
.notification-settings .icon,
.scheduler-prompt .icon {
  left: 1.5em;
  position: absolute;
  top: 1.125em;
}
.notification-settings .icon path,
.scheduler-prompt .icon path {
  fill: #069;
}
.notification-settings .icon-success path,
.scheduler-prompt .icon-success path {
  fill: #03d105;
}
.notification-settings .icon-error path,
.scheduler-prompt .icon-error path {
  fill: #fc0000;
}
.scheduler-prompt button {
  background: #069;
  font-weight: 700;
  padding: 0.6rem 2.5rem;
  text-transform: uppercase;
}
.scheduler-prompt button.btn-cancel {
  background: #666;
}
.scheduler-prompt button.btn-no {
  background: #ccc;
}
.customer-login .form-container,
.dashboard-login .form-container {
  margin: 0 auto;
  padding: 100px 0;
  width: 400px;
}
.customer-login .form-container form,
.dashboard-login .form-container form {
  background: #efefef;
  padding: 10px;
}
.customer-login .form-container form h1,
.dashboard-login .form-container form h1 {
  color: #069;
  font: normal 700 18px "Open Sans Bold", "Open Sans";
  margin-bottom: 20px;
  text-transform: uppercase;
}
.customer-login .form-container form button[type="submit"],
.dashboard-login .form-container form button[type="submit"] {
  border-radius: 4px;
  font: normal 700 16pt "Open Sans Bold", "Open Sans";
  width: 170px;
}
.customer-login .form-container form label,
.dashboard-login .form-container form label {
  color: #000;
  font: normal 700 14px "Open Sans Bold", "Open Sans";
  text-transform: uppercase;
}
.customer-login .form-container form .error,
.dashboard-login .form-container form .error {
  color: #f04124;
}
.customer-login .form-container form .errorlist li,
.dashboard-login .form-container form .errorlist li {
  color: #f04124;
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  list-style: none;
}
.customer-login .form-container form .remember-me-label,
.dashboard-login .form-container form .remember-me-label {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  text-transform: uppercase;
}
.customer-login .form-container form .forgot-password,
.dashboard-login .form-container form .forgot-password {
  color: #069;
  font: normal 400 13px "Open Sans Regular", "Open Sans";
}
.customer-login .form-container form.dashboard,
.dashboard-login .form-container form.dashboard {
  background: #fff;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fas::before {
  font-family: 'FontAwesome', sans-serif;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.errors {
  border-bottom: 1px dotted #ccc;
  padding: 20px;
  font-style: normal;
  color: #999;
  font-size: 13px;
  margin-bottom: 0;
}
.yellow-msg {
  border: 1px solid #ccc;
  background: #ffd;
  padding: 2px 8px;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -20px;
  z-index: 20;
}
.yellow-msg.error-msg {
  background: #f9b;
  margin-left: -170px;
}
.audit-frame {
  display: block;
  margin: 40px auto;
  width: 1000px;
}
.audit-frame.bg {
  background: #f3f3f3;
}
.audit-tab {
  width: 900px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 40px auto;
  min-height: 400px;
}
.audit-pane {
  padding-bottom: 20px;
}
.audit-table-wrapper {
  padding: 10px;
}
.audit-table {
  width: 100%;
  margin: 0 0 16px 0;
}
.audit-table tr:nth-of-type(even) {
  background: #fff;
}
.audit-main {
  margin: 0 auto;
}
.audit-main .tab-table {
  width: 100%;
  margin: 0;
}
.audit-main .tab-table td {
  border: 1px solid #ccc;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  background: #e4e4e4;
  height: 50px;
  vertical-align: middle;
  padding: 0 8px;
}
.audit-main .tab-table td.selected {
  background: #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.audit-panel {
  border-bottom: 1px solid #ccc;
}
.audit-panel .h1 {
  margin: 0 0 30px 0;
  color: #00649c;
  font-weight: bold;
  font-size: 18px;
}
.detail-view main.audit-print {
  max-width: 1200px;
  margin: 0;
}
.detail-view main.audit-print p {
  font-size: 14px;
}
.audit-print .audit-panel {
  border: none;
}
.audit-print .audit-panel.contractors .content.left {
  max-width: 500px !important;
}
.audit-banner {
  position: relative;
  padding: 35px 35px 6px 35px;
}
.audit-banner .h {
  color: #00649c;
  font-size: 18px;
  margin: 27px 35px 27px 19px;
  font-weight: bold;
}
.audit-banner p {
  margin: 0 35px 16px 0;
  color: #333;
  line-height: 18px;
}
.no-address {
  background: #ffd;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #bbb;
  margin: 10px;
  text-align: center;
}
.audit-main,
.detail-view main.audit-main {
  width: 1000px;
  background: #f2f2f2;
/*
  h1 {
    background: #e4e4e4;
    height: 100px;
    margin: 0;
    padding: 20px;
  }
  */
}
.audit-main .top-banner,
.detail-view main.audit-main .top-banner {
  padding: 10px;
}
.audit-main .separator,
.detail-view main.audit-main .separator {
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  padding: 30px 35px;
}
.audit-main .border-row,
.detail-view main.audit-main .border-row {
  border-top: 1px solid #ccc;
  padding: 6px 0 6px 0;
}
.audit-main .border-row.no-border,
.detail-view main.audit-main .border-row.no-border {
  border: none;
}
.audit-main .border-row.bottom-border,
.detail-view main.audit-main .border-row.bottom-border {
  border-top: none;
  border-bottom: 1px solid #ccc;
}
.audit-main .border-row.rec,
.detail-view main.audit-main .border-row.rec {
  padding: 0 0 16px 35px;
}
.audit-main .border-row.radio-row,
.detail-view main.audit-main .border-row.radio-row {
  padding: 8px 0;
}
.audit-main .border-row.button-row,
.detail-view main.audit-main .border-row.button-row {
  padding: 31px 33px 10px 0;
}
.audit-main .border-row.button-row .right,
.detail-view main.audit-main .border-row.button-row .right {
  margin-bottom: 10px;
}
.audit-main .full-w,
.detail-view main.audit-main .full-w {
  width: 807px;
}
.audit-main .custom-w,
.detail-view main.audit-main .custom-w {
  width: 787px;
}
.audit-main .med-w,
.detail-view main.audit-main .med-w {
  width: 443px;
}
.audit-main .emed-w,
.detail-view main.audit-main .emed-w {
  width: 672px;
}
.audit-main .small-w,
.detail-view main.audit-main .small-w {
  width: 76px;
  text-align: center;
}
.audit-main .small-w.extra,
.detail-view main.audit-main .small-w.extra {
  width: 105px;
}
.audit-main .small-w.bold,
.detail-view main.audit-main .small-w.bold {
  font-weight: bold;
}
.audit-main .rec-h,
.detail-view main.audit-main .rec-h {
  font-size: 14px;
  margin: 27px 0;
  font-weight: bold;
}
.audit-main .tab-cell,
.detail-view main.audit-main .tab-cell {
  margin: 0 0 0 20px;
}
.audit-main .margin-cell,
.detail-view main.audit-main .margin-cell {
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
.audit-main .input-cell,
.detail-view main.audit-main .input-cell {
  margin-right: 10px;
}
.audit-main select,
.detail-view main.audit-main select,
.audit-main input[type=text],
.detail-view main.audit-main input[type=text],
.audit-main input[type=checkbox],
.detail-view main.audit-main input[type=checkbox],
.audit-main input[type=radio],
.detail-view main.audit-main input[type=radio],
.audit-main .input-text,
.detail-view main.audit-main .input-text {
  margin: 0;
}
.audit-main .field-row .daterange,
.detail-view main.audit-main .field-row .daterange {
  margin: 0;
}
.audit-main .field-row .daterange .dr-selections .dr-calendar,
.detail-view main.audit-main .field-row .daterange .dr-selections .dr-calendar {
  top: 4px;
}
.audit-main .field-row .input-text,
.detail-view main.audit-main .field-row .input-text,
.audit-main .field-row select,
.detail-view main.audit-main .field-row select {
  width: 240px;
  color: #00649c;
  font-size: 13px;
}
.audit-main .field-row .input-text.window-level,
.detail-view main.audit-main .field-row .input-text.window-level,
.audit-main .field-row select.window-level,
.detail-view main.audit-main .field-row select.window-level {
  margin-left: 10px;
  width: 100px;
}
.audit-main .field-row .input-area,
.detail-view main.audit-main .field-row .input-area {
  width: 71px;
}
.audit-main .field-row .input-area.total,
.detail-view main.audit-main .field-row .input-area.total {
  margin-left: 170px;
}
.audit-main .field-row .input-wide,
.detail-view main.audit-main .field-row .input-wide {
  width: 486px;
}
.audit-main .field-row .input-inline,
.detail-view main.audit-main .field-row .input-inline {
  display: inline-block;
}
.audit-main .field-row .input-inline.first,
.detail-view main.audit-main .field-row .input-inline.first {
  margin-right: 6px;
}
.audit-main .field-row .radio,
.detail-view main.audit-main .field-row .radio {
  margin: 0 10px;
}
.audit-main .field-row .radio.first,
.detail-view main.audit-main .field-row .radio.first {
  margin-left: 0;
}
.audit-main .field-row .address-city,
.detail-view main.audit-main .field-row .address-city {
  display: inline-block;
  margin: 6px 6px 0 0;
}
.audit-main .field-row .address-state,
.detail-view main.audit-main .field-row .address-state {
  width: 84px;
  display: inline-block;
  margin: 6px 6px 0 0;
}
.audit-main .field-row .address-zip,
.detail-view main.audit-main .field-row .address-zip {
  width: 150px;
  display: inline-block;
  margin: 6px 0 0 0;
}
.audit-main .field-row .cell,
.detail-view main.audit-main .field-row .cell {
  margin: 0 0 0 35px;
}
.audit-main .field-row .cell label,
.detail-view main.audit-main .field-row .cell label {
  margin: 4px 0 10px 0;
  color: #222;
  font-size: 13px;
}
.audit-main .field-row .cell label.window-subtract,
.detail-view main.audit-main .field-row .cell label.window-subtract,
.audit-main .field-row .cell label.door-subtract,
.detail-view main.audit-main .field-row .cell label.door-subtract {
  margin: 7px 0 0 0;
}
.audit-main .field-row .cell label.override,
.detail-view main.audit-main .field-row .cell label.override {
  color: #999;
  margin-left: 45px;
}
.audit-main .field-row .cell.wide,
.detail-view main.audit-main .field-row .cell.wide {
  width: 830px;
}
.audit-main .field-row .cell.wide textarea,
.detail-view main.audit-main .field-row .cell.wide textarea {
  width: 100%;
  height: 200px;
}
.audit-main .field-row .cell.first,
.detail-view main.audit-main .field-row .cell.first {
  width: 310px;
  text-transform: uppercase;
}
.audit-main .audit-panel.window-panel .field-row .cell.first,
.detail-view main.audit-main .audit-panel.window-panel .field-row .cell.first {
  width: 200px;
}
.window-level {
  width: 30px;
}
.no-border {
  border: none;
}
.r-enumeration .option {
  color: #999;
}
.r-enumeration .option.selected {
  color: #00649c;
}
.camera-icon,
.notes-icon {
  height: 30px;
  width: 30px;
  background-size: 30px 30px;
  margin: 0 20px 0 0;
}
.camera-icon {
  background-image: url("../../images/camera_off.svg");
}
.camera-icon.present {
  background-image: url("../../images/camera_on.svg");
}
.notes-icon {
  background-image: url("../../images/notes_add_new.svg");
}
.notes-icon.present {
  background-image: url("../../images/notes.svg");
}
.full-image {
  max-width: 888px;
  top: 50%;
  left: 50%;
  margin-top: -5000px;
  position: absolute;
  border: 6px solid #fff;
}
.image-panel {
  position: absolute;
  top: 86px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  min-height: 460px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 0 10px -4px #ccc;
  z-index: 11;
  padding: 30px 32.6px 60px 32.6px;
}
.image-panel .image-row {
  position: relative;
}
.image-panel .image-row:not(:first-child) {
/* padding-top: 32.6px; */
  margin-bottom: 32.6px;
/* border-top: 1px solid #ddd; */
}
.image-panel .col {
  width: 400px;
}
.image-panel .col.last {
  margin-left: 32.6px;
}
.image-panel textarea {
  height: 300px;
  width: 400px;
}
.image-panel .file-select {
  margin: 6px 0;
  display: none;
}
.image-panel .preview {
  height: 300px;
  width: 400px;
  background: #999;
  background-size: 400px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.audit-upload-btn {
  display: block;
  background: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 11px;
  padding: 6px 0;
  width: 140px;
  color: #333;
  margin: 0;
  float: right;
  clear: both;
}
.audit-upload-btn.hide {
  display: none;
}
.remove-picture {
  background-image: url("../../images/rejected_x.svg");
  background-size: 25px 25px;
  height: 25px;
  width: 25px;
  position: absolute;
  right: 4px;
  top: 4px;
}
.btn-delete {
  color: #999;
  display: inline-block;
  cursor: pointer;
}
.blue-button {
  background: #00649c;
  border-radius: 4px;
  min-width: 100px;
  padding: 8px 28px;
  font-size: 12px;
  margin: 0 0 0 16px;
  text-transform: uppercase;
}
.blue-button.first {
  margin: 0;
}
.blue-button.grey {
  background: #f2f2f2;
  color: #069;
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 7px 16px;
  margin: 0 0 0 8px;
  min-width: 200px;
}
.blue-button.disabled {
  cursor: default;
}
.blue-button.archive-mode {
  background: #444;
}
.blue-button.archive-mode .show {
  display: none;
}
.blue-button.archive-mode .hide {
  display: inline;
}
.blue-button.dark {
  background: #ccc;
}
.sync-data {
  display: inline-block;
}
.last-sync-time {
  display: inline-block;
  text-transform: uppercase;
  color: #999;
  margin-left: 10px;
  font-size: 11px;
}
.archive-panel .button-row {
  margin-top: 60px;
}
.archive-panel .left-button {
  margin: 14px 0 30px 0;
}
.plus-icon {
  background: url("../../images/plus-icon.svg");
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-left: 45px;
}
.plus-icon.minus {
  margin-left: 65px;
  background: url("../../images/minus-icon.svg");
}
.double-bold {
  font-weight: bold;
  font-size: 14px;
  margin: 6px 0 20px 0;
}
.include-report {
  text-transform: uppercase;
}
.print-this,
label.include-report {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px 20px 0;
  padding: 14px 26px 14px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  line-height: initial;
}
.print-this.selected,
label.include-report.selected {
  background: #00649c;
  border: 1px solid #fff;
  color: #fff;
}
.print-this .recommendation-icon,
label.include-report .recommendation-icon {
  margin: -3px 14px 0 0;
  vertical-align: middle;
}
label.include-report {
  padding-right: 14px;
}
label.include-report input {
  margin-top: -2px;
}
.email-pane {
  background: #fff;
  padding: 35px 39px;
  border: 1px solid #ccc;
}
.email-pane input[name=email] {
  color: #00649c;
  width: 238px;
}
.email-pane p {
  margin: 14px 0;
}
.email-pane .input-row {
  margin: 0 0 10px 0;
}
.email-pane .message {
  float: left;
  font-size: 14px;
  text-transform: uppercase;
}
.email-pane .message.error {
  color: #f00;
}
.email-pane .message.success {
  color: #0f0;
}
.cover-letter {
  padding: 40px;
}
.cover-letter .right.address {
  text-align: right;
}
.cover-letter .letter {
  line-height: 17px;
}
.cover-letter p {
  line-height: 16px;
}
table.rec-table {
  border: none;
  margin-left: 20px;
  width: 842px;
  margin: 0 -20px 0 -20px;
}
table.rec-table tr:nth-of-type(even) {
  background: #fff;
}
table.rec-table tr td {
  padding: 4px 0;
}
table.rec-table tr.incentive td {
  font-size: 14px;
}
table.rec-table .h1 {
  border-top: 1px solid #ccc;
  padding: 10px 20px;
}
table.rec-table .spacer-20 {
  width: 20px;
}
table.rec-table .spacer {
  width: 20px;
}
table.rec-table .offer {
  padding-right: 10px;
}
table.rec-table .info {
  padding-right: 40px;
  white-space: nowrap;
}
table.rec-table .info.last {
  text-align: right;
  padding-right: 20px;
}
.one-rec {
  position: relative;
}
.one-rec.suggested {
  background: #96f8a6;
}
.one-rec label.enable {
  position: absolute;
  z-index: 8;
/*
    right: 114px;
    */
  right: 33px;
  top: 24px;
  width: 140px;
  color: #888;
  text-align: right;
}
.one-rec input[type=text],
.one-rec .enable {
  font-size: 12px;
}
.one-rec .rec-mask {
  z-index: 7;
  position: absolute;
  background: rgba(153,153,153,0.4);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.audit-panel.contractors {
  padding: 40px 40px 0 40px;
  border-bottom: none;
}
.audit-panel.contractors p {
  color: #333;
  line-height: 18px;
}
.audit-panel.contractors iframe {
  margin: 0 -99px;
  min-height: 1000px;
}
.audit-panel.contractors iframe .tabbed-list {
  margin: 0;
}
.contractor-list {
  margin: 0 -98px 0 -98px;
  padding-bottom: 200px;
  background: #fff;
}
.contractor {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.contractor .title {
  text-align: left;
  font-size: 18px;
  margin: 0;
}
.contractor .logo {
  position: absolute;
  right: 20px;
  top: 10px;
}
.contractor .address,
.contractor .promo {
  margin: 14px 0 0 20px;
  max-width: 800px;
}
.contractor-h:not(.first),
.audit-print .page-break {
  page-break-before: always;
}
.audit-print .page-break:first-child,
.audit-print .page-break.first {
  page-break-before: avoid;
}
.audit-print .rec-table {
  margin: 20px 0 0 0;
  width: auto;
}
.home-comparison {
  padding: 40px 40px;
}
.home-comparison .asterisk {
  line-height: 20px;
  color: #333;
}
.home-comparison .top-input {
  margin: 0 30px 16px 16px;
  white-space: nowrap;
}
.home-comparison .top-input label {
  font-weight: bold;
}
.home-comparison .top-input .box {
  width: 170px;
  min-height: 37px;
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  border: 1px solid #ccc;
}
.home-comparison .top-p {
  line-height: 18px;
  margin: 16px 0 0 0;
}
.home-comparison .slider-gradient {
/*
    box-shadow: 0 0 100px 100px #39b54a inset;
    box-shadow: -600px 0 200px -200px #f7941e inset;
    */
  background-image: url("../../images/slider-gradient.png");
  -webkit-print-color-adjust: exact;
  height: 50px;
  width: 780px;
}
.home-comparison .slider-marker {
  border-bottom: 18px solid #f2f2f2;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  position: absolute;
  top: 92px;
}
.home-comparison .slider-marker.your-home {
  border: none;
}
.home-comparison .slider-marker.double-bold {
  top: 110px;
  margin-left: -20px;
}
.home-comparison .slider-wrapper {
  padding: 14px 20px 10px 20px;
  background: #f2f2f2;
  box-shadow: 0 0 0 1000px #f2f2f2 inset;
  position: relative;
  margin-bottom: 20px;
/* charts */
}
.home-comparison .slider-wrapper label {
  font-size: 13px;
}
.home-comparison .slider-wrapper p {
  line-height: 16px;
  margin: 22px 0 0 0;
  color: #333;
}
.home-comparison .slider-wrapper .high-low {
  margin-top: 24px;
}
.home-comparison .slider-wrapper .c3 .c3-axis-x path,
.home-comparison .slider-wrapper .c3 .c3-axis-x line {
  stroke: #f2f2f2;
}
.home-comparison .slider-wrapper .c3-axis-x,
.home-comparison .slider-wrapper .c3-axis-y {
  font-size: 14px;
  font-weight: bold;
}
.home-comparison .slider-bar {
  padding: 14px 14px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  min-width: 66px;
  max-width: 778px;
  width: 66px;
  -webkit-print-color-adjust: exact;
}
.home-comparison .slider-bar.mid-blue {
/* background: #00649c; */
/* box shadow for printing */
  box-shadow: 0 0 0 1000px #00649c inset;
}
.home-comparison .slider-bar.dark-blue {
  box-shadow: 0 0 0 1000px #002e68 inset;
}
.home-comparison .slider-bar.green {
  box-shadow: 0 0 0 1000px #00d839 inset;
}
.home-comparison .slider-bar.orange {
  box-shadow: 0 0 0 1000px #ff9500 inset;
}
.audit-dashboard label.date-radio {
  font-size: 12px;
  text-align: right;
  text-transform: none;
  margin-bottom: 4px;
}
.audit-dashboard label.date-radio input[type=radio] {
  font-size: 12px;
  margin: 0;
}
.audit-dashboard label.date-radio.first {
  margin-top: 26px;
}
.filter .daterange {
  margin: 0;
}
.filter .daterange .dr-input {
  height: auto;
}
.filter .daterange .dr-input .dr-dates {
  padding: 0;
}
.filter .daterange .dr-input .dr-dates .dr-date {
  font-size: 13px;
  padding: 9px 8px 8px 5px;
}
.project-detail-list.audit .stat-box {
  background: #eee;
}
.audit-list-table {
  table-layout: fixed;
}
.audit-list-table .sort-date {
  cursor: pointer;
}
.audit-list-table .sort-date:hover {
  text-decoration: underline;
}
.audit-list-table .btn-default {
  margin-right: 5px;
}
.audit-list-table .date {
  font-size: 10px;
}
.audit-list-table .daterange {
  margin: 0;
}
.audit-list-table .daterange .dr-input {
  height: auto;
}
.audit-list-table .daterange .dr-input .dr-dates .dr-date {
  font-size: 13px;
  padding: 5px 0 5px 5px;
}
.audit-list-table .cell-s {
  width: 80px;
}
.audit-list-table .cell-m {
  width: 100px;
}
.audit-list-table .cell-w {
  width: 155px;
}
.audit-list-table .cell-buttons {
  width: 200px;
}
.audit-list-table .cell-address {
  width: 300px;
}
.audit-list-table select.time-select {
  width: auto;
  font-size: 13px;
  margin: 0;
  height: auto;
  padding-right: 20px;
}
.audit-list-table tr {
  border-bottom: 1px solid #ccc;
}
.audit-status {
  background: #002e68;
  border-radius: 4px;
  width: 100px;
  font-weight: bold;
  font-size: 10px;
  width: 120px;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.audit-status.status-Completed,
.audit-status.status-Complete {
  background: #333;
}
.audit-status.status-Cancelled {
  background: #999;
}
.back-top {
  position: fixed;
  bottom: 40px;
  right: 60px;
  z-index: 20;
  cursor: pointer;
}
.audit-main.audit-narrow,
.detail-view main.audit-main.audit-narrow {
  background: #fff;
}
.audit-narrow {
  padding: 0;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.audit-narrow .filter.left {
  clear: both;
}
.audit-narrow .filter.left.no-clear {
  clear: none;
}
.audit-narrow .title {
  margin: 0;
  text-align: left;
}
.audit-narrow .top-banner h1 {
  margin: 0;
}
.audit-narrow .project-detail-list {
  margin: 0;
  background: #fff;
}
.audit-narrow .cell-address {
  width: 150px;
  white-space: normal;
}
.audit-narrow .audit-status {
  width: 140px;
}
.audit-narrow .btn-nav {
  margin-left: 18px;
}
.audit-narrow table.audit-list-table tr.no-border:not(:last-child) {
  border: none;
}
.clear {
  clear: both;
}
*,
:before,
:after {
  box-sizing: border-box;
}
body {
  font: normal 400 13px 'Open Sans Regular', 'Open Sans';
  padding: 0;
  margin: 0;
}
summary {
  display: revert;
  cursor: pointer;
}
summary:hover {
  text-decoration: underline;
}
.ev-site.mobile .company-wrapper-container {
  width: 100%;
  min-width: auto;
}
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 4px;
  color: #333;
  font: normal 400 11px 'Open Sans Regular', 'Open Sans';
  outline: none;
  min-width: 90px;
  height: auto;
  padding: 6px;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  line-height: normal;
}
textarea[readonly] {
  background: #ddd;
}
img {
  max-width: 100%;
}
input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: inherit;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}
input[type="text"]:focus {
  background: #fafafa;
  border-color: #999;
  outline: 0;
}
table {
  border-collapse: collapse;
}
a {
  text-decoration: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hide {
  display: none;
}
.control.horiz .control-field {
  display: flex;
}
.control.horiz .input-radio {
  margin-right: 16px;
}
.gr {
  display: flex;
  align-items: center;
}
.relative {
  position: relative;
}
.flex-start {
  align-items: flex-start;
}
.flex-end {
  align-items: flex-end;
}
.flex-center {
  align-items: center;
}
.flex-shrink {
  flex: 0 1 auto;
}
.just-end {
  justify-content: flex-end;
}
.baseline {
  align-items: baseline;
}
.wrap {
  flex-wrap: wrap;
}
.stretch {
  align-self: stretch;
}
.grow {
  flex: 1;
}
.flex-row {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.flex-row .grow {
  flex: 1;
}
.flex-row.wrap {
  flex-wrap: wrap;
}
.flex-row .shrink {
  flex: 0;
}
.flex-row.vertical {
  flex-direction: column;
}
.flex-row.start {
  align-items: start;
}
.flex-row.baseline {
  align-items: baseline;
}
.flex-row.align-end,
.flex-row.end {
  align-items: flex-end;
}
.flex-row.top {
  align-items: start;
}
.flex-row.justify-center {
  justify-content: center;
}
.flex-row.space {
  margin-bottom: 10px;
}
.flex-row.space-between {
  justify-content: space-between;
}
.flex-row.window {
  position: relative;
}
.flex-row.window .blue-button.grey {
/*
      margin-left: 38px
      min-width: 200px
      */
/* LAST
      margin-left: 28px
      min-width: 180px
      */
  min-width: 140px;
  margin-left: 13px;
}
.flex-row.window .blue-button.grey.fas {
  width: 50px;
  min-width: auto;
}
.flex-row.window .max {
  font-size: 11px;
  color: #333;
}
.flex-row.window .abs {
  position: absolute;
  left: -80px;
  top: 12px;
}
.flex-row.window .abs.total {
  left: -94px;
  width: 250px;
  text-align: right;
}
.flex-row.hide {
  display: none;
}
.flex-row.area-sum .abs {
  top: 8px;
}
.flex-row.full-width {
  width: 100%;
  align-items: stretch;
}
.flex-row .big-tab {
  background: #efefef;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 18px 0 28px 0;
  text-align: center;
  flex-grow: 1;
  color: #222;
  text-transform: uppercase;
  cursor: pointer;
}
.flex-row .big-tab:last-child {
  border-right: none;
}
.flex-row .big-tab:hover:not(.active) {
  background: #e1e1e1;
}
.flex-row .big-tab.active {
  border-bottom: none;
  background: #fff;
  color: #00649c;
}
.flex-hide {
  display: none;
}
.flex-start {
  align-items: flex-start;
}
.flex-safe {
  align-items: safe;
}
.flex-center {
  align-items: center;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.loading-mask,
.loading-mask-2,
.image-mask,
.white-out,
.modal-mask {
  position: fixed;
  background: none repeat scroll 0% 0% rgba(0,0,0,0);
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.loading-mask,
.loading-mask-2 {
  z-index: 1000;
}
.loading-mask.hide,
.loading-mask-2.hide {
  display: none !important;
}
.white-out {
  background: #fff;
  z-index: 999;
}
.image-mask,
.modal-mask {
  z-index: 10;
}
.loading-cancel,
.loading-blake {
  position: absolute;
  top: 50%;
  left: 50%;
}
.loading-cancel {
  margin-top: 35px;
  margin-left: -30px;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.loading-blake {
  -webkit-animation: spin 1.7s linear infinite;
  -moz-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  width: 56px;
  height: 56px;
  opacity: 1;
  margin-left: -28px;
  margin-top: -28px;
  user-select: none;
}
.loading-blake img {
  max-width: 100%;
}
::placeholder {
  color: #bbb;
}
.ud-border-c1.ud-apply,
.ud-border-c1 .ud-apply {
  border-color: #069;
}
.ud-bg-c3.ud-apply,
.ud-bg-c3 .ud-apply {
  background: #00639b;
}
.ud-bg-g9.ud-apply,
.ud-bg-g9 .ud-apply {
  background: #999;
}
.ud-bg-a4.ud-apply,
.ud-bg-a4 .ud-apply {
  background: #0c0;
}
.ud-fs1 {
  font-size: 13px;
}
.ud-fs2 {
  font-size: 15px;
}
.ud-fs3 {
  font-size: 16px;
}
.ud-fs4 {
  font-size: 18px;
}
.ud-fs5 {
  font-size: 20px;
}
.c3-tooltip {
  width: auto;
}
.image-upload-style .flex-row {
  flex-direction: column;
  align-items: start;
}
.image-upload-style .thumb-img {
  max-width: 150px;
}
.image-upload-style .image-upload-fm {
  display: none;
}
.image-upload-style .upload-image-btn,
.image-upload-style .up-btn-style {
  margin: 0 0 6px 0;
  background: #f2f2f2;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #333;
  border-radius: 5px;
  padding: 8px;
  width: 150px;
}
.image-upload-style .upload-image-btn:hover,
.image-upload-style .up-btn-style:hover {
  background: #f2f2f2;
}
.image-upload-style .delete-image-btn {
  background: #ababab;
}
@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.print-header {
  background-color: #fff;
  width: 100%;
  padding: 3em 3em 0;
}
.print-header img {
  max-width: 500px;
}
.print-header .print-header-text {
  float: right;
  width: auto;
  text-align: right;
}
.print-header .print-header-text p {
  line-height: 1.6em;
}
.company-home main {
  width: 1300px;
}
.measures main {
  margin: 0 50px;
  width: auto;
}
.measures main table.measure-list td:not(:last-child) {
  border-right: 1px solid #eee;
}
.measures main table.measure-list td {
  white-space: nowrap;
  font: normal 400 10px "Open Sans Bold", "Open Sans";
  text-transform: uppercase;
  border: 1px solid #ccc;
}
.measures main table.measure-list td.editable {
  border: 1px solid #000;
}
.measures main table.measure-list thead tr {
  height: 30px;
}
.measures main table.measure-list thead td.editable {
  background-color: #369;
  color: #fff;
}
.measures main table.measure-list tbody tr {
  height: 20px;
}
.measures main table.measure-list tbody tr td {
  padding-top: 2px;
  padding-bottom: 2px;
}
.measures main table.measure-list tbody tr td.editable {
  background-color: #eee;
}
.partner-directory-list .flex-row {
  justify-content: space-between;
}
.partner-directory {
  padding: 20px 0 0;
  position: relative;
}
.partner-directory button.search-area {
  font-size: 14px;
  width: 150px;
  border: 1px solid #ccc;
  background-color: #eee;
  color: #333;
  padding: 10px;
  margin: 0;
  flex-shrink: 0;
}
.partner-directory .or {
  display: none;
}
.partner-directory .map-wrapper {
  position: relative;
}
.partner-directory .map-wrapper button.search-area {
  z-index: 200;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -75px;
  top: 30px;
}
.partner-directory .header {
  align-items: center;
  justify-content: space-between;
}
.partner-directory .header-left {
  margin-right: 20px;
}
.partner-directory .header-text {
  margin-top: 20px;
  color: #333;
  font: inherit;
}
.partner-directory .relative {
  position: relative;
}
.partner-directory .zip-lookup {
  flex-shrink: 0;
}
.partner-directory .zip-lookup .search-area {
  display: none;
}
.partner-directory .zip-lookup input,
.partner-directory .zip-lookup select {
  margin: 0 20px 0 20px;
}
.partner-directory .zipgo {
  margin: 0 10px 0 0;
  padding: 8px 16px;
  background: #ddd;
  border: 1px solid #ccc;
}
.partner-editor .directory-edit-map {
  margin: 16px 0 0 16px;
}
.partner-editor .inp-lab {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 16px;
}
.partner-editor .inp-row input {
  width: 200px;
  margin: 16px 0 16px 16px;
  text-align: center;
}
.partner-editor .tabbed-list {
  margin-bottom: 50px;
}
.partner-editor .tabbed-list h3 {
  margin-left: 26px;
}
.partner-editor .tabbed-list .tabbed-container .tabs dd,
.partner-editor .tabbed-list .tabbed-container .tabs dd.active {
  padding: 2em 3px;
  height: 70px;
  max-height: 70px;
  vertical-align: center;
}
.partner-editor .tabbed-list .tabs-content {
  min-height: 50px;
}
.partner-editor .tabbed-list .tabs-content> .content {
  padding: 0;
}
.partner-editor .tabbed-list .tabs-content .list-item {
  background: #fff;
  display: flex;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px 0 40px;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.partner-editor .tabbed-list .tabs-content .list-item .active-state {
  display: inline-block;
  min-width: 110px;
  margin-left: 15px;
}
.partner-editor .tabbed-list .tabs-content .list-item .active-state .label {
  color: #008c99;
  font: 400 11px "Open Sans Regular", "Open Sans";
  text-transform: uppercase;
  margin-right: 0;
}
.partner-editor .tabbed-list .tabs-content .list-item .active-state.inactive .label {
  color: #999;
}
.partner-editor.edit-page header,
.partner-editor.edit-directory header {
  height: 195px;
  width: 1000px;
  margin: 0 auto;
}
.partner-editor.edit-page header .title-bar input[type=text],
.partner-editor.edit-directory header .title-bar input[type=text] {
  width: 800px;
  margin: 0;
}
.partner-editor.edit-page header .title-bar .button,
.partner-editor.edit-directory header .title-bar .button {
  display: block;
}
.partner-editor.edit-page header .title-bar small,
.partner-editor.edit-directory header .title-bar small {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #999;
  position: absolute;
  bottom: -35px;
}
.partner-editor.edit-page .title-bar,
.partner-editor.edit-directory .title-bar {
  display: flex;
  justify-content: space-between;
}
.partner-editor.edit-page .title-bar .title,
.partner-editor.edit-directory .title-bar .title {
  margin: 0;
}
.partner-editor.edit-page .title-bar .btn-list button,
.partner-editor.edit-directory .title-bar .btn-list button {
  display: block;
}
.partner-editor.edit-page .title-bar .btn-list .btn-close button,
.partner-editor.edit-directory .title-bar .btn-list .btn-close button,
.partner-editor.edit-page .title-bar .btn-list .btn-save button,
.partner-editor.edit-directory .title-bar .btn-list .btn-save button {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  font: normal 600 10px 'Open Sans Regular', 'Open Sans';
  margin-bottom: 10px;
  min-width: 170px;
  outline: none;
  padding: 5px 15px;
  text-transform: uppercase;
}
.partner-editor.edit-page .title-bar .btn-list .btn-close button,
.partner-editor.edit-directory .title-bar .btn-list .btn-close button {
  background: #069;
  color: #fff;
}
.partner-editor.edit-page .title-bar .btn-list .btn-save button,
.partner-editor.edit-directory .title-bar .btn-list .btn-save button {
  background: #f2f2f2;
  color: #666;
}
.partner-editor.edit-page .modified,
.partner-editor.edit-directory .modified {
  color: #222;
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  text-align: right;
  text-transform: uppercase;
  max-width: 1000px;
}
.partner-editor.edit-page .alert-container,
.partner-editor.edit-directory .alert-container {
  align-self: flex-start;
  min-height: 50px;
  margin: 5px auto;
}
.partner-editor.edit-page .alert-container .alert-box,
.partner-editor.edit-directory .alert-container .alert-box {
  margin: auto 0;
  text-align: center;
}
.partner-editor.edit-page .partner-info,
.partner-editor.edit-directory .partner-info {
  margin-top: 0;
}
.partner-editor.edit-page .partner-info caption .slider-checkbox .slider-label,
.partner-editor.edit-directory .partner-info caption .slider-checkbox .slider-label {
  color: #222;
  font: normal 700 14px "Open Sans Bold", "Open Sans";
  text-transform: uppercase;
}
.partner-editor.edit-page .partner-info td:first-child,
.partner-editor.edit-directory .partner-info td:first-child {
  width: 240px;
  border-right: 1px solid #ccc;
  text-align: right;
  text-transform: uppercase;
  font: normal 400 11px "Open Sans Regular", "Open Sans";
}
.partner-editor.edit-page .partner-info td:last-child input,
.partner-editor.edit-directory .partner-info td:last-child input,
.partner-editor.edit-page .partner-info td:last-child select,
.partner-editor.edit-directory .partner-info td:last-child select {
  margin: 0;
  height: 30px;
  font: normal 400 11px "Open Sans Regular", "Open Sans";
}
.partner-editor.edit-page .partner-info td:last-child input:not([type=checkbox]),
.partner-editor.edit-directory .partner-info td:last-child input:not([type=checkbox]),
.partner-editor.edit-page .partner-info td:last-child select,
.partner-editor.edit-directory .partner-info td:last-child select {
  width: 300px;
}
.partner-editor.edit-page .partner-info td:last-child input:not([type=checkbox]).full-width,
.partner-editor.edit-directory .partner-info td:last-child input:not([type=checkbox]).full-width,
.partner-editor.edit-page .partner-info td:last-child select.full-width,
.partner-editor.edit-directory .partner-info td:last-child select.full-width {
  width: 100%;
}
.partner-editor.edit-page .partner-info td:last-child.phone input,
.partner-editor.edit-directory .partner-info td:last-child.phone input,
.partner-editor.edit-page .partner-info td:last-child.emails input,
.partner-editor.edit-directory .partner-info td:last-child.emails input,
.partner-editor.edit-page .partner-info td:last-child.websites input,
.partner-editor.edit-directory .partner-info td:last-child.websites input,
.partner-editor.edit-page .partner-info td:last-child.licenses input,
.partner-editor.edit-directory .partner-info td:last-child.licenses input,
.partner-editor.edit-page .partner-info td:last-child.contact-name input,
.partner-editor.edit-directory .partner-info td:last-child.contact-name input,
.partner-editor.edit-page .partner-info td:last-child.gps input,
.partner-editor.edit-directory .partner-info td:last-child.gps input,
.partner-editor.edit-page .partner-info td:last-child.phone button,
.partner-editor.edit-directory .partner-info td:last-child.phone button,
.partner-editor.edit-page .partner-info td:last-child.emails button,
.partner-editor.edit-directory .partner-info td:last-child.emails button,
.partner-editor.edit-page .partner-info td:last-child.websites button,
.partner-editor.edit-directory .partner-info td:last-child.websites button,
.partner-editor.edit-page .partner-info td:last-child.licenses button,
.partner-editor.edit-directory .partner-info td:last-child.licenses button,
.partner-editor.edit-page .partner-info td:last-child.contact-name button,
.partner-editor.edit-directory .partner-info td:last-child.contact-name button,
.partner-editor.edit-page .partner-info td:last-child.gps button,
.partner-editor.edit-directory .partner-info td:last-child.gps button {
  display: inline;
  margin-right: 5px;
}
.partner-editor.edit-page .partner-info td:last-child.phone .ext,
.partner-editor.edit-directory .partner-info td:last-child.phone .ext {
  width: 100px;
}
.partner-editor.edit-page .partner-info td:last-child.emails input,
.partner-editor.edit-directory .partner-info td:last-child.emails input,
.partner-editor.edit-page .partner-info td:last-child.websites input,
.partner-editor.edit-directory .partner-info td:last-child.websites input {
  width: 250px;
}
.partner-editor.edit-page .partner-info td:last-child.emails .email-input:not(:last-child),
.partner-editor.edit-directory .partner-info td:last-child.emails .email-input:not(:last-child) {
  margin-bottom: 5px;
}
.partner-editor.edit-page .partner-info td:last-child.emails .add-website,
.partner-editor.edit-directory .partner-info td:last-child.emails .add-website {
  margin: 0;
}
.partner-editor.edit-page .partner-info td:last-child.websites .website-input:not(:last-child),
.partner-editor.edit-directory .partner-info td:last-child.websites .website-input:not(:last-child) {
  margin-bottom: 5px;
}
.partner-editor.edit-page .partner-info td:last-child.websites .add-website,
.partner-editor.edit-directory .partner-info td:last-child.websites .add-website {
  margin: 0;
}
.partner-editor.edit-page .partner-info td:last-child.address input,
.partner-editor.edit-directory .partner-info td:last-child.address input,
.partner-editor.edit-page .partner-info td:last-child.address select,
.partner-editor.edit-directory .partner-info td:last-child.address select {
  display: inline;
  margin-right: 5px;
}
.partner-editor.edit-page .partner-info td:last-child.address select,
.partner-editor.edit-directory .partner-info td:last-child.address select {
  width: 60px;
}
.partner-editor.edit-page .partner-info td:last-child.address input[name=zipcode],
.partner-editor.edit-directory .partner-info td:last-child.address input[name=zipcode] {
  width: 230px;
}
.partner-editor.edit-page .partner-info td:last-child.licenses select,
.partner-editor.edit-directory .partner-info td:last-child.licenses select {
  width: 60px;
}
.partner-editor.edit-page .partner-info td:last-child.licenses .license-input:not(:last-child),
.partner-editor.edit-directory .partner-info td:last-child.licenses .license-input:not(:last-child) {
  margin-bottom: 5px;
}
.partner-editor.edit-page .partner-info td:last-child.licenses .add-license,
.partner-editor.edit-directory .partner-info td:last-child.licenses .add-license {
  margin: 0;
}
.partner-editor.edit-page .partner-info td:last-child.special_rating img,
.partner-editor.edit-directory .partner-info td:last-child.special_rating img,
.partner-editor.edit-page .partner-info td:last-child.special_rating input,
.partner-editor.edit-directory .partner-info td:last-child.special_rating input,
.partner-editor.edit-page .partner-info td:last-child.special_rating .sr_checkbox,
.partner-editor.edit-directory .partner-info td:last-child.special_rating .sr_checkbox {
  display: inline;
  margin-right: 5px;
  vertical-align: middle;
}
.partner-editor.edit-page .partner-info td:last-child.financing label,
.partner-editor.edit-directory .partner-info td:last-child.financing label {
  display: inline;
  padding-right: 10px;
}
.partner-editor.edit-page .partner-info td:last-child.financing input[type=checkbox],
.partner-editor.edit-directory .partner-info td:last-child.financing input[type=checkbox] {
  height: initial;
}
.partner-editor.edit-page .partner-info td.logo,
.partner-editor.edit-directory .partner-info td.logo {
  height: 110px;
  display: flex;
  align-items: center;
}
.partner-editor.edit-page .partner-info td.logo .current-logo,
.partner-editor.edit-directory .partner-info td.logo .current-logo,
.partner-editor.edit-page .partner-info td.logo .new-logo,
.partner-editor.edit-directory .partner-info td.logo .new-logo {
  margin-right: 50px;
  text-align: center;
  width: 200px;
}
.partner-editor.edit-page .partner-info td.logo .current-logo img,
.partner-editor.edit-directory .partner-info td.logo .current-logo img,
.partner-editor.edit-page .partner-info td.logo .new-logo img,
.partner-editor.edit-directory .partner-info td.logo .new-logo img {
  border: 1px solid #ccc;
  max-height: 105px;
}
.partner-editor.edit-page .partner-info td.logo .new-logo,
.partner-editor.edit-directory .partner-info td.logo .new-logo {
  display: none;
}
.partner-editor.edit-page .partner-info td.logo .logo-upload,
.partner-editor.edit-directory .partner-info td.logo .logo-upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.partner-editor.edit-page .partner-info td.logo .logo-upload + label,
.partner-editor.edit-directory .partner-info td.logo .logo-upload + label {
  min-width: 170px;
  text-align: center;
  margin-left: -2px;
  display: block;
  border: 1px solid #ccc;
  font: normal 600 10px 'Open Sans Regular', 'Open Sans';
  text-transform: uppercase;
  border-radius: 4px;
  padding: 5px 15px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  background: #f8f8f8;
  color: #666;
}
.partner-editor.edit-page .partner-info td.logo .logo-upload + label:hover,
.partner-editor.edit-directory .partner-info td.logo .logo-upload + label:hover {
  background: #d0d0d0;
}
.partner-editor.edit-page .partner-info td.logo .delete-logo,
.partner-editor.edit-directory .partner-info td.logo .delete-logo {
  display: none;
}
.partner-editor.edit-page .partner-info td.logo .secondary-actions,
.partner-editor.edit-directory .partner-info td.logo .secondary-actions {
  display: none;
  margin-top: 5px;
}
.partner-editor.edit-page .partner-info td.logo .secondary-actions button,
.partner-editor.edit-directory .partner-info td.logo .secondary-actions button {
  display: block;
}
.partner-editor.edit-page .subcaption,
.partner-editor.edit-directory .subcaption {
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}
.partner-editor.edit-page .tabs-content-container,
.partner-editor.edit-directory .tabs-content-container {
  display: flex;
  flex-direction: row;
}
.partner-editor.edit-page .tabs-content-container .data-labels,
.partner-editor.edit-directory .tabs-content-container .data-labels {
  flex-grow: 1;
  height: 100%;
}
.partner-editor.edit-page .tabs-content-container .data-labels .content,
.partner-editor.edit-directory .tabs-content-container .data-labels .content {
  padding-bottom: 50px;
}
.partner-editor.edit-page .tabs-content-container .data-labels ul,
.partner-editor.edit-directory .tabs-content-container .data-labels ul {
  white-space: nowrap;
}
.partner-editor.edit-page .tabs-content-container .data-labels .tab,
.partner-editor.edit-directory .tabs-content-container .data-labels .tab {
  margin: 20px 0 0 20px;
}
.partner-editor.edit-page .tabs-content-container .data-labels .tab > li,
.partner-editor.edit-directory .tabs-content-container .data-labels .tab > li {
  text-align: left;
  font: normal 700 11px "Open Sans Bold", "Open Sans";
  text-transform: uppercase;
  color: #069;
  margin-bottom: 5px;
}
.partner-editor.edit-page .tabs-content-container .data-labels .category,
.partner-editor.edit-directory .tabs-content-container .data-labels .category {
  margin: 0 0 10px 10px;
}
.partner-editor.edit-page .tabs-content-container .data-labels .category li,
.partner-editor.edit-directory .tabs-content-container .data-labels .category li {
  color: #6f6f6f;
  font: normal 700 11px "Open Sans Bold", "Open Sans";
  text-align: left;
  text-transform: uppercase;
}
.partner-editor.edit-page .tabs-content-container .data-labels .category:first-child,
.partner-editor.edit-directory .tabs-content-container .data-labels .category:first-child {
  margin-top: 5px;
}
.partner-editor.edit-page .tabs-content-container .data-labels .tags,
.partner-editor.edit-directory .tabs-content-container .data-labels .tags {
  line-height: 16px;
  margin: 0 0 0 5px;
}
.partner-editor.edit-page .tabs-content-container .data-labels .tags > li,
.partner-editor.edit-directory .tabs-content-container .data-labels .tags > li {
  display: inline-block;
  margin: 0;
  max-width: 235px;
  white-space: nowrap;
  width: 235px;
}
.partner-editor.edit-page .tabs-content-container .data-labels .tags > li input,
.partner-editor.edit-directory .tabs-content-container .data-labels .tags > li input {
  margin: 0;
}
.partner-editor.edit-directory .tabs-content-container {
  display: block;
}
.partner-editor .left-content {
  align-self: flex-start;
  margin: auto 0;
}
.partner-editor .right-content {
  align-self: flex-end;
  margin: auto 0;
}
.partner-editor form.edit-library section.slider-checkbox {
  padding: 0;
  min-height: auto;
}
.flex-row .left-content {
  align-self: flex-start;
  margin: auto 0;
}
.flex-row .right-content {
  align-self: flex-end;
  margin: auto 0;
}
.new-dir-form .name {
  margin: auto 0;
}
.new-dir-form .error {
  margin: 0;
}
.ev-site .special-rating.screen-only {
  display: initial;
}
.ev-site .special-rating.mobile-only {
  display: none;
}
.ev-site.mobile.phone .special-rating.screen-only {
  display: none;
}
.ev-site.mobile.phone .special-rating.mobile-only {
  display: block;
}
.ev-site .partner-list .logo {
  float: right !important;
}
.ev-site.mobile.phone .partner-list .logo {
  float: none !important;
}
.data-labels-manager button.data-fn {
  font-size: 10px;
  color: #008cba;
}
.data-labels-manager span.primary,
.data-labels-manager a.primary,
.data-labels-manager button.primary,
.data-labels-manager button.primary[disabled],
.data-labels-manager button.primary[disabled]:hover {
  color: #fff;
  background: #0d6797;
  opacity: 1;
}
.data-labels-manager a.primary:hover,
.data-labels-manager button.primary:hover {
  background: #08b;
}
.data-labels-manager a.secondary,
.data-labels-manager button.secondary {
  color: #fff;
  background: #ccc;
}
.data-labels-manager a.secondary:hover,
.data-labels-manager button.secondary:hover {
  color: #fff;
  background: #aaa;
}
.data-labels-manager .error {
  color: #f33;
  margin: 10px 0;
}
.data-labels-manager .sectors-container {
  border-bottom: solid 3px #e7e7e7;
  padding-bottom: 50px;
}
.data-labels-manager .sectors-container .sector-btn-list .sector {
  display: block;
  width: 250px;
  margin-bottom: 14px;
  border-radius: 5px;
  padding: 5px 15px 5px 15px;
  font: normal 700 14px 'Open Sans Regular', 'Open Sans';
  text-transform: uppercase;
  text-align: center;
}
.data-labels-manager .data-types-container {
  background: #f2f2f2;
  padding: 30px 0 50px 0;
}
.data-labels-manager .data-types-container .loader {
  margin: 20px auto;
  width: 120px;
}
.data-labels-manager .data-types-container .center-standard-width {
  width: 1000px;
  margin: 0 auto;
}
.data-labels-manager .data-types-container .center-standard-width .contractor {
  padding: 0;
}
.data-labels-manager .data-types-container .center-standard-width .data-section {
  border: 1px solid #ccc;
  width: 100%;
  margin-top: 50px;
}
.data-labels-manager .data-types-container .center-standard-width .data-section .header {
  background: #e4e4e4;
  border-bottom: 1px solid #ccc;
  color: #333;
  font: normal 700 14px "Open Sans Bold", "Open Sans";
  height: 80px;
  line-height: 80px;
  padding: 0 20px;
  text-align: left;
  text-transform: uppercase;
  width: 998px;
}
.data-labels-manager .data-types-container .center-standard-width .data-section .img-container {
  display: inline;
  height: 30px;
  min-height: 30px;
  width: 30px;
  min-width: 30px;
  padding: 5px;
}
.data-labels-manager .data-types-container .center-standard-width .data-section .list-item {
  background: #fff;
  display: flex;
  justify-content: space-between;
  height: 50px;
  padding: 0 20px 0 40px;
  text-align: left;
  width: 100%;
}
.data-labels-manager .data-types-container .center-standard-width .data-section .list-item .left-content {
  align-self: flex-start;
  margin: auto 0;
}
.data-labels-manager .data-types-container .center-standard-width .data-section .list-item .right-content {
  align-self: flex-end;
  margin: auto 0;
}
.data-labels-manager .data-types-container .center-standard-width .data-section .list-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.data-labels-manager .flex-row {
  display: flex;
  justify-content: space-between;
}
.data-labels-manager .flex-row .left-content {
  align-self: flex-start;
}
.data-labels-manager .flex-row .right-content {
  align-self: flex-end;
}
.directory-edit-main {
  width: 100%;
}
.directory-edit-main .color-theme .section-head {
  display: inline-block;
  width: 100%;
}
.directory-edit-main .color-theme .color-override svg {
  fill: currentcolor;
  vertical-align: middle;
}
.directory-edit-main .color-theme h1 {
  border-left: none;
  border-right: none;
  font: normal 600 20px "Open Sans Semibold", "Open Sans";
  height: 72px;
  padding-bottom: 16px;
  vertical-align: bottom;
  width: 100%;
}
.directory-edit-main .color-theme .icon-wrapper {
  display: inline-block;
}
.directory-edit-main .color-theme .icon-wrapper .icon-text {
  font: normal 600 12px "Open Sans SemiBold", "Open Sans";
  text-transform: uppercase;
  color: #333;
  line-height: 40px;
  vertical-align: middle;
  float: left;
}
.directory-edit-main .color-theme textarea.css {
  font-family: monospace, serif;
  font-size: 12px;
}
.directory-edit-main .section-description {
  margin-bottom: 20px;
}
.directory-edit-main .fixed-width {
  margin: 0 auto;
  width: 1000px;
}
.directory-edit-main .admin-embed-settings {
  width: 1000px;
  margin: 0 auto 20px auto;
}
.directory-edit-main .admin-embed-settings pre {
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 0.85em;
  padding: 10px 0;
}
.directory-edit-header {
  width: 1000px;
  margin: 0 auto 35px auto;
}
.directory-edit-tabs-container {
  width: 1000px;
  margin: 0 auto;
}
.directory-edit-tabs svg {
  fill: currentcolor;
  height: 28px;
  vertical-align: middle;
  width: 28px;
}
.directory-edit-tabs .text {
  vertical-align: middle;
}
.directory-edit-tabs-content-container {
  margin-top: 59px;
  width: 100%;
}
.directory-edit-tabs-content {
  width: 1000px;
  margin: 0 auto;
}
.directory-edit-tabs-content .show-header {
  padding-right: 20px;
}
.directory-content {
  background-color: #fff;
  min-height: 300px;
}
.directory-edit-map .buttons {
  padding-left: 5px;
}
.directory-edit-map .map {
  margin-left: -16px;
}
form header {
  background-color: #f2f2f2;
  height: 195px;
}
form header .left,
form header .right {
  height: 100%;
}
form header .left {
  width: 800px;
}
form header .left small {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #999;
}
form header .right small {
  font: normal 400 10px "Open Sans Regular", "Open Sans";
  color: #999;
  text-align: right;
  display: block;
}
form label {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  color: #333;
  margin-bottom: 5px;
  text-transform: uppercase;
}
form label.bold-label {
  font: normal 700 13px "Open Sans Regular", "Open Sans";
}
form p {
  margin: 0px;
  padding: 0px;
}
form ul {
  list-style: none;
}
form .color-picker input.color {
  width: 100px;
}
form .color-picker .swatch {
  width: 2.3125rem;
  height: 2.3125rem;
  border: 1px solid #333;
}
.relative {
  position: relative;
}
.bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
form.edit-library header h1 {
  padding: 50px 0 0 0;
}
form.edit-library section {
  padding: 30px 0 30px 15px;
  clear: both;
  min-height: 100px;
}
form.edit-library section:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
form.edit-library section .name {
  min-width: 140px;
  display: inline-block;
  vertical-align: top;
  width: 140px;
}
form.edit-library section .name.wide {
  width: inherit;
}
form.edit-library section .fields {
  width: 820px;
  max-width: 820px;
  display: inline-block;
}
form.edit-library section .fields.indent {
  margin-left: 140px;
}
form.edit-library .border-shadow-settings h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}
form.edit-library .border-shadow-settings .name {
  width: inherit;
}
.library .tabs dd > a,
.list-tabs>.tabs dd>a,
.library>.tabs .tab-title>a {
  font: normal 400 13px "Arial Regular", "Arial";
  text-align: center;
  padding: 2em;
}
.library h1 {
  align-items: center;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font: normal 400 16px "Open Sans Regular", "Open Sans";
  display: flex;
  height: 60px;
  margin: 0;
  padding-left: 20px;
  width: 1000px;
}
.library h2 {
  font: normal 700 14px "Open Sans Semibold", "Open Sans";
  color: #069;
  text-transform: uppercase;
}
.library .tabs dd {
  border: 1px solid #ccc;
  width: 33%;
}
.library .tabs dd > a {
  color: #666;
}
.library .tabs dd.active {
  border-bottom-style: none;
  border-top: 5px solid #069;
}
.library .tabs dd.active a {
  padding-top: 1.7em;
  color: #069;
}
.library .tabs.survey dd {
  width: 16.66%;
}
.library .tabs.survey dd > a {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  padding: 2em 1em;
}
.library .tabs-content > .content {
  padding-bottom: 0;
  padding-top: 0;
  background: transparent;
}
.library .tabs-content > .content > h1 {
  background-color: #fff;
}
.library .tabs-content > .offset {
  margin-bottom: -60px;
  position: relative;
  top: -60px;
}
.template h2 {
  font: normal 400 16px "Open Sans Regular", "Open Sans";
  color: #333;
  text-transform: uppercase;
}
.page-layout {
  background: #fff;
}
.page-layout .nav {
  background: #eee;
  border-bottom: 1px solid #ccc;
  padding-top: 30px;
}
.page-layout .nav .description {
  position: absolute;
  width: 525px;
  padding: 10px;
}
.page-layout .layout-tabs dd {
  border: 1px solid #ccc;
  border-bottom: none;
  margin-left: 15px;
  height: 165px;
  width: 222px;
}
.page-layout .layout-tabs dd:not(.active) {
  overflow: hidden;
}
.page-layout .layout-tabs dd.active {
  border-top: 1px solid #ccc;
}
.page-layout .layout-tabs dd.active a {
  padding: 0;
}
.page-layout .layout-tabs dd a {
  padding: 0;
}
.page-layout .layout-tabs dd .visual {
  width: 220px;
  height: 165px;
}
.page-layout .layout-tabs dd#master-tab .visual {
  background: url("../../images/layout_tab_master_inactive.png") no-repeat left top;
}
.page-layout .layout-tabs dd#master-tab.active .visual {
  background: url("../../images/layout_tab_master_active.png");
}
.page-layout .layout-tabs dd#custom-tab .visual {
  background: url("../../images/layout_tab_custom_inactive.png") no-repeat left top;
}
.page-layout .layout-tabs dd#custom-tab.active .visual {
  background: url("../../images/layout_tab_custom_active.png");
}
.page-layout .layout-tabs dd#iframe-tab .visual {
  padding-left: 2px;
  background: url("../../images/layout_tab_iframe_inactive.png") no-repeat left top;
}
.page-layout .layout-tabs dd#iframe-tab.active .visual {
  background: url("../../images/layout_tab_iframe_active.png");
}
.page-layout .tabs-content {
  margin: 0;
  width: 100%;
}
.page-layout .tabs-content .content {
  padding-bottom: 0;
}
.page-layout section.footer {
  padding-bottom: 0;
}
.page-layout section.footer .footer-editor {
  background: none;
  margin: -3px 0 0 0;
  width: 100%;
  height: 100%;
}
.page-layout .section-toggle {
  cursor: pointer;
}
.page-layout .section-toggle h2:before {
  content: "";
  display: block;
  float: left;
  height: 20px;
  margin: 3px 5px 0 0;
  width: 20px;
}
.styledRadio {
  float: left;
}
.styledRadio:not(:last-child) {
  margin: 0 5px 0 0;
}
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.checkbox + .checkbox {
  margin-top: -5px;
}
.iris-picker {
  display: block;
  position: absolute !important;
  z-index: 5 !important;
}
.fileinputs {
  margin-top: 5px;
  position: relative;
}
.fakefile {
  position: absolute;
  left: 0;
  z-index: 1;
}
.deletefile {
  position: absolute;
  left: 100px;
  z-index: 3;
}
input.file {
  cursor: pointer;
  height: 45px;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: right;
  top: -15px;
  opacity: 0;
  -moz-opacity: 0;
  width: 96px;
  z-index: 2;
}
button.file-upload {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  color: #333;
  background: #ccc;
  border-radius: 0;
  width: initial;
  display: inline-block;
  height: 30px;
}
button.file-delete {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  width: initial;
  display: inline-block;
  height: 30px;
}
.list-header {
  padding-left: 25px;
}
.list-header input {
  margin: 0;
}
.list-header li {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #333;
}
.list-tabs {
  margin-top: 20px;
}
.list-tabs > .tabs dd > a {
  text-transform: uppercase;
}
.list-tabs > .tabs dd.active {
  border-bottom-style: none;
}
.list-tabs > .tabs dd.active a {
  color: #069;
}
.list-tab-show {
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  text-align: right;
  color: #333;
  margin-bottom: -24px;
  padding: 5px 10px 0 0;
}
.list-tab-show input {
  padding: 0;
  margin: 0;
}
.list-subheader {
  margin: 20px 10px;
}
.list-subheader h3 {
  font-weight: 600;
}
.list-content .company {
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.list-content .company:first-child {
  border-top: 1px solid #ccc;
}
.list-content .company-name {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  color: #069;
}
.list-content .list-content input {
  margin: 0;
}
.static-template-content {
  width: 1000px;
  text-align: center;
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  text-transform: uppercase;
  padding: 150px 20px;
}
.static-template-content .row {
  padding: 10px 0;
}
.static-template-content .static-template-content p.lowercase {
  text-transform: lowercase;
}
.image-library .tabs-container .tabs dd.active a,
.image-library .tabs-container .tabs dd a {
  padding: 2em 3px;
  height: 70px;
  max-height: 70px;
  vertical-align: middle;
}
.image-library .tabs-content {
  padding: 10px;
}
.image-library .data-section {
  border: none;
}
.image-library .thumb-container {
  border: 1px solid #ccc;
  max-width: 200px;
  max-height: 200px;
  margin: 5px;
  padding: 5px;
  position: relative;
}
.image-library .thumb-container .copied-msg {
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px 15px;
  position: absolute;
  top: -21px;
  right: 23px;
  font-size: 11px;
  z-index: 10;
}
.image-library .thumb-container .copy {
  text-align: center;
  font-size: 16px;
  height: 26px;
  width: 26px;
  border-radius: 26px;
  line-height: 24px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  right: 39px;
  top: 17px;
  transition: background 0.3s, color 0.3s;
}
.image-library .thumb-container .copy:hover {
  background: #069;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}
.image-library .thumb-container.selected {
  border-color: #069;
}
.image-library .thumb-container.selectable {
  cursor: pointer;
}
.image-library .thumb-container.selectable:hover {
  border-color: #069;
}
.image-library .thumb-container p {
  margin: 5px;
}
.image-library .thumb-container .image-name {
  line-height: 12px;
  word-break: break-all;
}
.image-library .preview-image,
.image-library .thumb-container img {
  width: 100px;
  height: 100px;
  padding: 1px;
  border: 1px solid #999;
}
.image-library .empty-list-container {
  display: flex;
  min-height: 180px;
}
.image-library .empty-list-content {
  margin: auto;
}
.image-library .loader-icon path,
.image-library .loader-icon rect {
  fill: #666;
}
.image-library-delete-confirm,
.image-library-edit-image {
  display: flex;
  flex-flow: column;
  height: auto;
  margin: -150px 0 0 -300px;
  min-height: 150px;
  padding: 10px;
  width: 600px;
}
.image-library-edit-image .columns {
  padding-left: 0;
}
.image-library-edit-image .error {
  margin-top: 0;
}
.image-library-edit-image .preview-image {
  margin-bottom: 10px;
}
.reveal-modal {
  position: fixed;
  top: 65px !important;
}
.reveal-modal.fixed {
  top: 200px !important;
}
.reveal-modal-bg {
  position: fixed;
}
.reveal-modal .upload-btn {
  top: 0.625rem;
  right: 1.375rem;
}
.reveal-modal .error {
  margin-top: 0;
}
#border-selector {
  padding: 0;
  margin: 10px 0 20px 50px;
}
#border-selector p {
  text-transform: uppercase;
}
#border-selector .container {
  width: 300px;
  height: 250px;
  margin-top: 20px;
  position: relative;
}
#border-selector .absolute {
  position: absolute;
  top: 0px;
  left: 0px;
}
#border-selector #border_section_header {
  width: 300px;
  height: 50px;
  border-top: 2px dashed #ccc;
  border-left: 2px dashed #ccc;
  border-right: 2px dashed #ccc;
}
#border-selector #border_section_header p {
  line-height: 50px;
}
#border-selector #border_section_body {
  width: 300px;
  height: 150px;
  border: 2px dashed #ccc;
}
#border-selector #border_section_body p {
  line-height: 150px;
}
#border-selector #border_section_footer {
  width: 300px;
  height: 50px;
  border-bottom: 2px dashed #ccc;
  border-left: 2px dashed #ccc;
  border-right: 2px dashed #ccc;
}
#border-selector #border_section_footer p {
  line-height: 50px;
}
#border-selector .clickable {
  cursor: pointer;
  cursor: hand;
}
#border-selector #header_top {
  position: absolute;
  top: -5px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#border-selector #header_sides {
  position: absolute;
  top: 5px;
  left: -5px;
  width: 310px;
  height: 40px;
}
#border-selector #body_top {
  position: absolute;
  top: 47px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#border-selector #body_sides {
  position: absolute;
  top: 57px;
  left: -5px;
  width: 310px;
  height: 137px;
}
#border-selector #body_bottom {
  position: absolute;
  top: 194px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#border-selector #footer_sides {
  position: absolute;
  top: 205px;
  left: -5px;
  width: 310px;
  height: 40px;
}
#border-selector #footer_bottom {
  position: absolute;
  top: 245px;
  left: 2px;
  width: 298px;
  height: 10px;
}
#shadow-selector {
  margin: 10px 0 20px 50px;
  padding: 0;
}
#shadow-selector p {
  text-transform: uppercase;
}
#shadow-selector .container {
  height: 250px;
  margin-top: 20px;
  position: relative;
  width: 300px;
}
#shadow-selector .absolute {
  left: 0;
  position: absolute;
  top: 0;
}
#shadow-selector #shadow_section_body {
  background-color: #eee;
  border: 1px solid #ccc;
  height: 250px;
  width: 300px;
  z-index: 2;
}
#shadow-selector #shadow_section_body p {
  line-height: 150px;
}
#shadow-selector .clickable {
  cursor: pointer;
  cursor: hand;
}
.editor {
  height: 100%;
  outline: none;
  width: 100%;
}
.editor:focus {
  outline: #ccc dashed 2px;
}
.layout-header {
  display: flex;
  padding: 0;
  position: relative;
  width: 1000px;
}
.layout-header .editor,
.layout-header .header-text {
  bottom: 0;
  height: auto;
  overflow: hidden;
  position: absolute;
  width: auto;
  z-index: 1;
}
.layout-header a {
  overflow: hidden;
}
.directory-intro {
  padding: 20px;
}
.directory-intro .editor {
  min-height: 100px;
}
.directory-intro .row.buttons {
  margin-top: 20px;
}
.directory-intro .row.buttons > .columns:first-child {
  padding-left: 0;
}
.print-template-edit-main .page-layout {
  padding: 2em;
  border: 1px solid #ccc;
  border-bottom: 1px dashed #ccc;
}
.print-template-edit-main .print-sample {
  border: 1px solid #ccc;
  border-width: 0 1px;
  background-color: #fff;
}
.print-template-edit-main .print-sample .buttons-and-links {
  pointer-events: none;
}
.print-template-edit-main .print-header-image .image-preview {
  width: 100%;
  min-height: 140px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: auto;
}
.print-template-edit-main .print-header-image .image-preview .loading,
.print-template-edit-main .print-header-image .image-preview .preview-hint {
  position: relative;
  top: 65px;
}
.print-template-edit-main .print-header-image .image-preview.has-image {
  border: none;
  background: none;
}
.print-template-edit-main .print-header-image .image-preview.has-image .preview-hint {
  display: none;
}
.print-template-edit-main .print-header-image .image-preview img {
  display: block;
  width: auto;
}
.print-template-edit-main .print-header-image .help-text {
  text-transform: none;
}
.print-template-edit-main .print-header-image button {
  width: 98px;
  min-width: 90px;
  margin-right: 1px;
  border-radius: 5px;
}
.print-template-edit-main #print_header_txt {
  text-align: right;
  height: 140px;
}
.company-wrapper-header {
  position: relative;
  padding: 0;
}
.company-wrapper-header-text p {
  margin-bottom: 0;
}
.company-wrapper-image-wrapper {
  display: table;
  height: 100%;
}
.company-wrapper-image-wrapper-row {
  display: table-row;
}
.company-wrapper-image-wrapper-cell {
  display: table-cell;
  vertical-align: middle;
}
.company-wrapper-footer {
  margin-left: auto;
  margin-right: auto;
}
.company-wrapper-container {
  display: flex;
  flex-flow: column;
  flex-direction: column;
}
.company-wrapper-container main {
  flex: 1 0 auto;
}
.list-header {
  padding: 20px 40px 0;
}
.list-header.margin {
  margin-bottom: 20px;
}
.list-header .title {
  color: #000;
  font: normal 600 22px "Open Sans Bold", "Open Sans";
  margin: 20px 0;
  text-align: center;
}
.list-header .subtitle {
  color: #000;
  margin: 0;
  padding: 0 40px;
  text-align: center;
}
.tabbed-list {
  background: #fff;
  border: 1px solid #ccc;
  display: table;
  margin: 20px 0;
  width: 1000px;
}
.tabbed-list.no-margin {
  margin: 0;
}
.tabbed-list .row {
  margin: 0 !important;
}
.tabbed-list .caption {
  display: table-caption;
}
.tabbed-list .subcaption {
  height: 100px;
  text-align: left;
  font: normal 700 11px "Open Sans Bold", "Open Sans";
  text-transform: uppercase;
  padding: 0 25px;
}
.tabbed-list .subcaption .left,
.tabbed-list .subcaption .right {
  line-height: 100px;
}
.tabbed-list .subcaption .button {
  margin: 35px 0;
  width: 100px;
}
.tabbed-list .tabs-container {
  margin: 0 auto;
  width: 1000px;
}
.tabbed-list .tabs-content-container {
  width: 100%;
}
.tabbed-list .tabs-content {
  margin: 0 auto;
  min-height: 200px;
  width: 1000px;
}
.tabbed-list .tabs-content .content {
  background: #fff;
  padding-top: 0;
}
.tabbed-list .tabs-content .content .item {
  background: #fff;
  padding-top: 0;
}
.tabbed-list .tabs-content .empty {
  padding: 20px;
}
.tabbed-list .tabs dd > a,
.tabbed-list .tabs .tab-title > a,
.tabbed-list .tabs-container > .tabs dd.active a,
.tabbed-list .tabs-container > .tabs dd a {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  outline: none;
  padding: 1rem 0.5rem;
  text-transform: uppercase;
  text-align: center;
  background: none;
  word-break: break-word;
}
.tabbed-list .tabs-container > .tabs dd.active a,
.tabbed-list .tabs dd.active a {
  color: #069;
}
.tabbed-list .tabs-container > .tabs dd:not(.active),
.tabbed-list .tabs dd:not(.active) {
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
}
.tabbed-list .tabs-container > .tabs dd:not(:last-child),
.tabbed-list .tabs dd:not(:last-child) {
  border-right: 1px solid #ccc;
}
.tabbed-list .tabs dd:not(.active):hover {
  background-color: #e1e1e1;
}
.tabbed-list.flex-tabs .tabs {
  display: flex;
  flex-wrap: nowrap;
}
.tabbed-list.flex-tabs .tabs .list-tab-show {
  margin-bottom: 5px;
  position: absolute;
  right: 0;
}
.tabbed-list.flex-tabs .tabs dd {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  flex-flow: column;
  align-items: center;
}
.tabbed-list.flex-tabs .tabs dd a {
  height: auto !important;
  padding: 1rem 0.5rem !important;
  margin: auto;
}
.tabbed-list .tabs-stretchy {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tabbed-list .tabs-stretchy > dd {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.tabbed-list .tabs-stretchy:before,
.tabbed-list .tabs-stretchy:after {
  display: none;
}
.data-section .flat-list-item {
  background: #fff;
  border-bottom: 1px solid #ccc;
  display: table-cell;
  height: 50px;
  line-height: 50px;
  text-align: left;
  padding: 0 10px 0 10px;
  vertical-align: middle;
  width: 1000px;
}
.data-section .flat-list-item .name {
  font: normal 400 13px "Open Sans Regular", "Open Sans";
  margin-left: 10px;
  max-width: 400px;
}
.data-section .flat-list-item .active-state {
  min-width: 60px;
  display: inline-block;
}
.detail-view .tabbed-list {
  width: 100%;
}
.detail-view .tabbed-list .tabs-container {
  width: 100%;
}
.detail-view .tabbed-list .tabs-content {
  padding: 1em 0;
  width: 100%;
}
.detail-view .data-section .flat-list-item {
  width: 100%;
}
.btn1,
.btn2,
.btn3,
button.btn3,
.btn4,
.btn-default,
.btn-large {
  border-radius: 4px;
  font: normal 600 14pt 'Open Sans Regular', 'Open Sans';
  outline: none;
  padding: 5px 15px;
  text-transform: uppercase;
}
button.data-fn {
  background: none;
  color: #333;
  font-size: initial;
}
button.link {
  background: none;
  border: none;
  color: #069;
  font: normal 400 12px 'Open Sans Regular', 'Open Sans';
  padding: 0;
  text-transform: uppercase;
  transition: none;
}
button.link:disabled {
  background: none;
  color: #ccc;
}
.buttonsimple:hover,
.buttonsimple:focus {
  color: #fff;
}
.btn1 {
  background: #069;
  color: #fff;
}
.btn2 {
  background: #ccc;
  color: #fff;
}
.btn3,
button.btn3 {
  font: normal 400 10px 'Open Sans Regular', 'Open Sans';
  background: #f8f8f8;
  color: #666;
}
.btn4 {
  width: 200px;
  color: #069;
  background: #eee;
  display: inline-block;
  text-align: center;
  padding: 5px 0 5px 0;
  font-weight: 400;
}
.btn4.first {
  margin-right: 6px;
}
.btn4-less {
  width: 150px;
}
.btn4-half {
  width: 94px;
}
.go-btn {
  height: 37px;
  width: 47px;
  background: #fff;
}
.btn-default {
  background: #fff;
  border: thin solid #ccc;
  color: #008cba;
  outline: none;
}
.btn-large {
  background: #fff;
  border: thin solid #ccc;
  padding: 10px 15px;
}
.button,
.settings-button,
.button-image-select,
.file-upload,
.button-image-remove,
.file-delete {
  border-radius: 4px;
  outline: none;
  padding: 5px 15px;
  text-transform: uppercase;
}
.button {
  display: inline-block;
  font: normal 600 10px 'Open Sans Regular', 'Open Sans';
  margin-bottom: 10px;
  min-width: 170px;
}
.button.primary {
  color: #fff;
  background: #069;
}
.button.primary:hover {
  background: #08b;
}
.button.secondary {
  color: #666;
  border: 1px solid #ccc;
  background: #f2f2f2;
}
.button.secondary:hover {
  background: #d0d0d0;
}
.button.disabled {
  background: #ccc;
  pointer-events: none;
}
.button.disabled:hover {
  background: #ccc;
}
.settings-button,
.button-image-select,
.file-upload,
.button-image-remove,
.file-delete {
  color: #333;
  display: inline-block;
  font: normal 400 11px "Open Sans Regular", "Open Sans";
  height: 30px;
  width: initial;
}
.settings-button {
  background: #ccc;
}
.settings-button.remove {
  background: #fff;
  border: 1px solid #ccc;
}
.settings-button.editor-toggle {
  margin-bottom: 0;
}
.settings-button.disabled {
  background: #ccc;
  color: #333;
  pointer-events: none;
}
.settings-button.disabled:hover {
  background: #ccc;
}
.button-image-select,
.file-upload {
  background: #ccc;
}
.button-image-remove,
.file-delete {
  background: #fff;
  border: 1px solid #ccc;
}
.button-as-link {
  background: none;
  color: #069;
  outline: none;
  margin: 0;
  padding: 0;
  transition: none;
}
.button-as-link:hover,
.button-as-link:active,
.button-as-link:focus {
  background: none;
  color: #069;
}
.button-as-link:disabled {
  background: none;
  color: #ccc;
  pointer-events: none;
}
.button-as-link:disabled:hover {
  background: none;
  color: #ccc;
}
main header .right > .button {
  display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 40px;
  speak: none;
  text-transform: none;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tag,
.icon-truck,
.icon-8 {
  color: #069;
  font-size: 40px;
  vertical-align: middle;
}
.icon-tag:before,
.icon-truck:before,
.icon-8:before {
  float: left;
  padding-right: 5px;
}
.icon-tag:before {
  content: "\e600";
}
.icon-truck:before {
  content: "\e601";
}
.icon-8:before {
  content: "\e602";
}
.modal-backdrop {
  background-color: #666;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.modal {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  left: 50%;
  margin: 0 0 0 -510.5px;
  position: fixed;
  top: 10%;
  bottom: 10%;
  width: 1021px;
  z-index: 1001;
  overflow-y: scroll;
  min-height: 480px;
}
.modal.scheduler-prompt {
  height: auto;
  min-height: auto;
}
.modal-title-bar,
.modal .title-bar {
  margin: 24px 0 0 14px;
}
.modal-title {
  align-items: center;
  color: #666;
  display: flex;
  font: normal 400 18px "Open Sans Semibold", "Open Sans";
  text-transform: uppercase;
}
.modal-title .icon {
  margin-right: 5px;
}
.modal .menu {
  margin: 10px 10px 0 0;
}
.modal-menu {
  margin: 10px 0 0 auto;
}
.modal-menu .button {
  margin: 0 0 0 10px;
}
body.detail-view {
  margin: 0;
  background: #fff;
}
.detail-view header {
  display: flex;
  margin: 0 auto;
}
.detail-view main {
  background-color: #fff;
  margin: 0 auto;
  min-height: 300px;
  width: 1000px;
}
.detail-view main iframe {
  border: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 1000px;
}
.detail-view .container {
  width: 1000px;
  margin: 0 auto;
}
.detail-view .title {
  font: normal 600 22px "Open Sans Bold", "Open Sans";
  color: #000;
  text-align: center;
  margin: 20px 0;
}
.detail-view .subtitle {
  text-align: center;
  color: #000;
  margin: 0;
  padding: 0 40px;
}
.detail-view .outter {
  border: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.detail-view .map-controls {
  margin-bottom: 20px;
}
.detail-view .map-header {
  align-items: center;
  display: flex;
}
.detail-view .map + .tabbed-list {
  margin-top: 0;
}
.detail-view .tabbed-list {
  margin-bottom: 0;
}
.detail-view .tabbed-list .list-item .contractor-name {
  font: normal 600 13pt 'Open Sans SemiBold', 'Open Sans';
}
.detail-view .tabbed-list .list-item .special-rating {
  height: 24px;
}
.detail-view .tabbed-list .list-item .special-rating .rating-text {
  font: normal 600 13pt 'Open Sans SemiBold', 'Open Sans';
  padding-right: 5px;
  text-transform: uppercase;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.detail-view .tabbed-list .list-item .special-rating img {
  vertical-align: middle;
}
.detail-view .list-item {
  padding: 5px 20px;
}
.detail-view .list-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.detail-view .list-item .heading {
  margin-bottom: 5px !important;
}
.detail-view .list-item .content {
  max-width: 750px;
}
.detail-view .list-item .content .header .company-name {
  font: normal 600 13pt 'Open Sans SemiBold', 'Open Sans';
}
.detail-view .list-item .content .header .license-num {
  margin: 0 20px;
  font: normal 400 13pt 'Open Sans Regular', 'Open Sans';
}
.detail-view .list-item .content .contact-info {
  margin-right: 15px;
}
.detail-view .list-item .content .details,
.detail-view .list-item .content .services,
.detail-view .list-item .content .promo {
  margin-left: 20px;
}
.detail-view .list-item .content .header,
.detail-view .list-item .content .details,
.detail-view .list-item .content .services {
  margin-bottom: 10px;
}
.detail-view .list-item .logo img {
  width: 200px;
  height: 100px;
}
.detail-view .list-item p {
  line-height: 16px;
  margin: 0;
}
.detail-view footer {
  margin: 0;
  padding: 0;
  width: 100%;
}
.detail-view footer.fixed-width {
  margin: 0 auto;
  width: 1000px;
}
.detail-view footer p {
/* margin: 0 0 1em 0; */
  padding: 10px 0 0 0;
  margin: 0;
}
.detail-view footer img {
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.document-editor header,
.document-detail header {
  height: 175px;
}
.document-editor textarea,
.document-detail textarea {
  font: normal 400 12px "Open Sans Regular", "Open Sans";
}
.document-editor .data-section,
.document-detail .data-section {
  margin: 0;
}
.document-editor .data-section:not(:last-child),
.document-detail .data-section:not(:last-child) {
  border-bottom-style: none;
}
.document-editor .data-section >.content,
.document-detail .data-section >.content {
  padding: 30px 50px;
  background: #fff;
}
.document-editor .data-section >.content .title,
.document-detail .data-section >.content .title {
  height: 40px;
  font: normal 400 20px "Open Sans Regular", "Open Sans";
  color: #069;
}
.document-editor .data-section >.content .body1_text,
.document-detail .data-section >.content .body1_text,
.document-editor .data-section >.content .body2_text,
.document-detail .data-section >.content .body2_text,
.document-editor .data-section >.content .email_message,
.document-detail .data-section >.content .email_message {
  min-height: 150px;
}
.document-editor .details-placeholder input[type="checkbox"],
.document-detail .details-placeholder input[type="checkbox"] {
  margin: 0 0 0.2rem 0;
}
.document-editor .details-placeholder textarea,
.document-detail .details-placeholder textarea {
  height: 155px;
  overflow: hidden;
  resize: none;
}
.document-container {
  background: #fff;
  clear: both;
  min-height: 1000px;
}
.document-detail h2 {
  margin: 20px 0;
}
.document-detail p {
  font: normal 400 14px 'Open Sans Regular', 'Open Sans';
  line-height: 18px;
  margin-bottom: 18px;
}
.document-email-modal .close-reveal-modal {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: auto;
  right: auto;
}
.document-email-modal .email-pane {
  padding: 0;
  border: none;
}
.document-delete-modal {
  height: auto;
  margin: -100px 0 0 -500px;
  min-height: auto;
  overflow-y: auto;
  width: 1000px;
}
.document-delete-modal h1 {
  font: normal 400 18px "Open Sans Semibold", "Open Sans";
  color: #666;
  text-transform: uppercase;
  line-height: 40px;
}
.document-delete-modal .modal-content {
  margin: 20px;
}
.document-editor .project-details-table,
.document-detail .project-details-table,
.document-print .project-details-table {
  border: 1px solid #000;
  margin: 0 0 20px 0;
  width: 100%;
}
.document-editor .project-details-table thead,
.document-detail .project-details-table thead,
.document-print .project-details-table thead {
  background: #fff;
  border-bottom: 1px solid #000;
}
.document-editor .project-details-table thead td,
.document-detail .project-details-table thead td,
.document-print .project-details-table thead td {
  font: normal 700 12px "Open Sans Regular", "Open Sans";
  padding: 0 10px;
}
.document-editor .project-details-table tr,
.document-detail .project-details-table tr,
.document-print .project-details-table tr {
  height: 30px;
}
.document-editor .project-details-table td:first-child,
.document-detail .project-details-table td:first-child,
.document-print .project-details-table td:first-child {
  min-width: 350px;
}
.document-editor .project-details-table td:not(:first-child),
.document-detail .project-details-table td:not(:first-child),
.document-print .project-details-table td:not(:first-child) {
  text-align: center;
}
.document-editor .project-details-table td:not(:last-child),
.document-detail .project-details-table td:not(:last-child),
.document-print .project-details-table td:not(:last-child) {
  border-right: 1px solid #000;
}
.document-editor .project-details-table tbody tr:not(:last-child),
.document-detail .project-details-table tbody tr:not(:last-child),
.document-print .project-details-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #000;
}
.document-editor .project-details-table tbody td,
.document-detail .project-details-table tbody td,
.document-print .project-details-table tbody td {
  font: normal 400 12px "Open Sans Regular", "Open Sans";
  padding: 0;
}
.document-editor .project-details-table tbody td:first-child,
.document-detail .project-details-table tbody td:first-child,
.document-print .project-details-table tbody td:first-child {
  padding-left: 10px;
}
.document-editor .signature-table,
.document-detail .signature-table,
.document-print .signature-table {
  border: 1px solid #000;
  margin-top: 0;
  width: 100%;
}
.document-editor .signature-table tr,
.document-detail .signature-table tr,
.document-print .signature-table tr {
  height: 30px;
}
.document-editor .signature-table tr:not(:last-child),
.document-detail .signature-table tr:not(:last-child),
.document-print .signature-table tr:not(:last-child) {
  border-bottom: 1px solid #000;
}
.document-editor .signature-table td,
.document-detail .signature-table td,
.document-print .signature-table td {
  font: normal 400 12px "Open Sans Regular", "Open Sans";
  padding: 0;
  text-align: center;
  width: 50%;
}
.document-editor .signature-table td:not(:last-child),
.document-detail .signature-table td:not(:last-child),
.document-print .signature-table td:not(:last-child) {
  border-right: 1px solid #000;
}
.show-request {
  color: #008cba;
  cursor: pointer;
}
.show-request:hover {
  text-decoration: underline;
}
.m-pager select {
  width: 80px;
  height: auto;
  padding: 5px;
  font-size: 16px;
}
.m-pager .sz {
  margin: 0 16px 0 10px;
}
.m-pager .m-page {
  padding: 3px 6px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  font-weight: bold;
  margin-right: 6px;
  cursor: pointer;
}
.m-pager .m-page.selected {
  background: #008cba;
  color: #fff;
}
.num-que {
  font-size: 32px;
}
.num-que.correct {
  color: #f00;
}
.phone .num-que {
  font-size: 20px;
}
.num-sel {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 26px;
  margin: 0 0 10px 20px;
  cursor: pointer;
}
.num-sel.sel {
  background: #005f93;
  color: #fff;
}
.num-sel.correct {
  background: #f00;
}
.phone .num-sel {
  font-size: 20px;
  margin: 0 0 0 10px;
  padding: 6px 8px;
}
.w100 {
  width: 100%;
}
.table-padding {
  padding: 0 100px 0 0;
}
.backup-intro {
  text-align: center;
}
.intro-image {
  margin-top: 60px;
}
.survey .results {
  position: relative;
}
.survey-intro {
  margin: 0 20px;
}
.survey-nav {
  height: 0;
  overflow: visible;
  position: absolute;
  top: 150px;
  width: initial;
}
.survey-nav a {
  display: block;
  height: 110px;
  width: 45px;
  text-align: left;
  padding: 48px 4px;
  position: absolute;
  top: 0;
  outline: none;
  background-color: #069;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  transform: rotate(360deg);
  $highlight-color: #0088b4;
}
.survey-nav a.back-btn {
  display: none;
}
.survey-nav a.back-btn:before {
  content: '.';
  display: block;
  text-indent: -2000px;
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  border-style: solid;
  left: -25px;
  border-width: 55px 25px 55px 0;
  border-color: transparent #069 transparent transparent;
}
.survey-nav a.next-btn {
  right: 0;
  text-align: right;
}
.survey-nav a.next-btn:after {
  content: '.';
  display: block;
  text-indent: -2000px;
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  border-style: solid;
  left: 45px;
  border-width: 55px 0 55px 25px;
  border-color: transparent transparent transparent #069;
}
.survey-nav a.disabled {
  background-color: #ddd;
  pointer-events: none;
  color: #666;
}
.survey-nav a.disabled:before {
  pointer-events: none;
  border-color: transparent #ddd transparent transparent;
}
.survey-nav a.disabled:after {
  pointer-events: none;
  border-color: transparent transparent transparent #ddd;
}
.survey-nav a:active {
  background-color: $highlight-color;
}
.survey-nav a:active:before {
  border-color: transparent $highlight-color transparent transparent;
}
.survey-nav a:active:after {
  border-color: transparent transparent transparent $highlight-color;
}
.survey-viewer.demo-style .survey-push {
  height: 100px;
}
.survey-viewer {
/* margin-top: 1em; */
  position: relative;
  width: 100%;
  min-height: 600px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.survey-viewer .question-form {
  margin: 0 100px;
}
.survey-viewer .survey-intro h1,
.survey-viewer .survey-results h1 {
  font-size: 2em;
  margin: 1.5em 3.5em;
}
.survey-viewer .survey-intro div.intro-text,
.survey-viewer .survey-results div.intro-text,
.survey-viewer .survey-intro div.results-text,
.survey-viewer .survey-results div.results-text {
  color: #222;
  margin: 2em 8em;
}
.survey-viewer .survey-intro .intro-image,
.survey-viewer .survey-results .intro-image {
  text-align: center;
}
.survey-viewer .question-holder {
  overflow: auto;
}
.survey-viewer .question-text {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin: 10px 100px;
}
.survey-viewer .address-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.survey-viewer .address-grid input {
  margin: 0;
}
.survey-viewer .address-grid .address-street {
  grid-area: 1/1/2/6;
}
.survey-viewer .address-grid .address-city {
  grid-area: 2/1/3/3;
}
.survey-viewer .address-grid .address-state {
  grid-area: 2/3/3/4;
}
.survey-viewer .address-grid .address-zip {
  grid-area: 2/4/3/6;
}
.survey-viewer .secondary-text {
  margin: 20px 100px;
}
.survey-viewer .top-image {
  text-align: center;
}
.survey-viewer .question-form {
  min-height: 240px;
}
.survey-viewer .question-form .add-sel {
  margin-bottom: 6px;
}
.survey-viewer .question-form .verify-row {
  text-align: right;
}
.survey-viewer .question-form .verify-row button {
  border-radius: 6px;
  height: auto;
  padding: 10px 26px;
  text-transform: uppercase;
  margin-right: 0.9375rem;
}
.survey-viewer .question-form ul.button-group {
  text-align: center;
  margin: 4px auto;
  display: flex;
  justify-content: center;
}
.survey-viewer .question-form ul.button-group li {
  padding: 0 0 0 10px;
  vertical-align: middle;
}
.survey-viewer .question-form ul.button-group li:first-child {
  padding: 0;
}
.survey-viewer .question-form ul.button-group input[data-toggle] {
  display: none;
}
.survey-viewer .question-form ul.button-group input[data-toggle] + label {
  height: 260px;
  width: 150px;
  line-height: 18px;
  min-width: auto; /* IE requires this */
  min-width: initial;
  margin: 0;
  display: block;
  background-color: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-transform: capitalize;
  font-size: 0.8em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.survey-viewer .question-form ul.button-group input[data-toggle] + label.choice-range {
  height: 140px;
  width: 148px;
  padding: 0;
  background-image: none !important;
  vertical-align: middle;
}
.survey-viewer .question-form ul.button-group input[data-toggle]:checked + label {
  background-color: #ddd;
  border: 1px solid #666;
  color: #333;
}
.survey-viewer .question-form .question-type-text input {
  width: 76%;
  margin: 12%;
  font-size: 2em;
  height: auto;
}
.survey-viewer .question-form .question-type-text input.correct {
  border-color: #900;
}
.survey-viewer .question-form .question-type-yesno .yesno {
  justify-content: space-around;
}
.survey-viewer .question-form .question-type-yesno .yesno-group {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.survey-viewer .question-form .question-type-yesno .yesno-group label {
  font-size: 24px;
  width: 220px;
  padding: 8px 0;
  margin: 0 0 10px 0;
  background: #fff;
  color: #999;
  border: 1px solid #999;
}
.survey-viewer .question-form .question-type-yesno .yesno-group label.selected {
  background: #008cba;
  color: #fff;
}
.survey-viewer .question-form .question-type-yesno .yesno-group input[data-toggle] {
  display: none;
}
.survey-viewer .question-form .question-type-paragraph textarea {
  width: 76%;
  margin: 6% 12% 0;
  height: 160px;
}
.survey-viewer .question-form .question-type-number input {
  width: 40%;
  margin: 12% 30%;
  text-align: center;
  font-size: 2em;
  height: auto;
}
.survey-viewer .question-form .question-type-occupants {
  margin-top: 1em;
}
.survey-viewer .question-form .question-type-occupants .form-row {
  clear: both;
  border-top: 1px solid #ddd;
}
.survey-viewer .question-form .question-type-occupants .form-row:first-child {
  border: none;
}
.survey-viewer .question-form .question-type-occupants .form-row-label {
  float: left;
  width: 180px;
}
.survey-viewer .question-form .question-type-occupants .form-row-label h3 {
  font-size: 2em;
  text-transform: capitalize;
  margin: 1em 10px 0;
  text-align: right;
  color: #666;
}
.survey-viewer .question-form .question-type-occupants ul.button-group input[data-toggle] + label {
  width: 100px;
  height: 100px;
  padding: 0.9em;
  font-size: 2em;
}
.survey-viewer .question-form .question-type-occupants ul.button-group .none-btn {
  position: absolute;
  left: 156px;
  bottom: 0;
}
.survey-viewer .question-form .question-type-occupants ul.button-group .none-btn input[data-toggle] + label {
  font-size: 0.85em;
  height: auto;
  width: 64px;
  padding: 3px 10px;
}
.survey-viewer .question-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.survey-viewer .question-holder {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: visible;
}
.survey-viewer .check-external {
  margin-top: 30px;
}
.qt-address {
  margin: 5% 0;
  color: #222;
}
.qt-address label {
  display: flex;
  font-size: 16px;
  color: #222 !important;
  text-align: left;
  align-items: baseline;
}
.qt-address .caption {
  color: #222;
  text-transform: none;
}
.qt-address .top-row {
  margin-top: 8%;
}
.qt-address .no-margin {
  margin-top: 2%;
}
.qt-address input {
  font-size: 20px;
  height: auto;
  text-align: left;
  padding: 10px;
  border-radius: 4px;
}
.qt-address input.correct {
  border-color: #f00;
}
.qt-address input[type=radio] {
  margin: 0 10px 0 0;
}
.qt-address .verify-caption {
  margin: 20px 0;
}
.qt-address .verify-message {
  font-size: 16px;
  text-transform: none;
  text-align: center;
  margin-top: 20px;
}
.qt-address .verify-message.warning {
  color: #f00;
}
.qt-address .verify-message.blue {
  color: #069;
}
.qt-address .verify-message.success {
  background: #0b7;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 4px 16px;
}
.qt-address .radio-group {
  text-align: right;
  margin: 0 26px 0 0;
  float: none;
}
.qt-address .radio-group label {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.qt-address .radio-group input {
  margin: 6px 46px 0 0;
}
.qt-address .address-phone,
.qt-address .address-account,
.qt-address .address-utility {
  margin-bottom: 0;
}
.question-type-email {
  margin: 12% 10% 0;
}
.question-type-email input {
  font-size: 2em;
  height: auto;
}
.address-options {
  position: absolute;
}
.auto-complete {
  position: absolute;
  top: 3px;
  display: block;
  width: 500px;
}
.auto-complete .auto-fill {
  border: 1px solid #ccc;
  position: absolute;
  background: #fcffd4;
  z-index: 201;
  top: 62px;
  max-height: 270px;
  overflow-y: scroll;
}
.auto-complete .auto-fill ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: table;
}
.auto-complete .auto-fill li,
.auto-complete .auto-fill .row {
  cursor: default;
  white-space: nowrap;
  padding: 1px 14px 1px 2px;
  font-size: 16px;
  color: #000;
  display: table-row;
}
.auto-complete .auto-fill li:hover,
.auto-complete .auto-fill .row:hover,
.auto-complete .auto-fill li.selected,
.auto-complete .auto-fill .row.selected {
  background: #eef;
/*
        background: #ffcc00;
        color: #fff;
        */
}
.auto-complete .auto-fill li .address,
.auto-complete .auto-fill .row .address,
.auto-complete .auto-fill li .svc_loc_id,
.auto-complete .auto-fill .row .svc_loc_id {
  display: table-cell;
  vertical-align: center;
  padding: 0 5px;
}
.survey-results {
  padding: 40px 2em;
}
.survey-results h1 {
  color: #222;
  font-size: 26px;
  margin: 0;
}
.survey-results .next-steps {
  font-weight: bold;
  color: #222;
  margin: 44px 0 0 20px;
}
.survey-results .next-steps ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.survey-results .next-steps ul li {
  font-size: 14px;
}
.survey-results .survey-retake {
  margin: 100px 20px 0 0;
}
.survey-retake {
  margin: 30px 0 0 0;
}
.survey-retake .recommendation-btn-only {
  width: 200px;
  height: 44px;
  display: block;
  text-align: center;
}
.survey-retake .recommendation-btn-only h3 {
  font-size: 14px;
  margin: 0;
}
.survey-filter {
  margin-top: 20px;
  font-size: 18px;
}
.survey-filter .control {
  margin: 0 16px 0 0;
}
.survey-filter .datepicker-here {
  width: 150px;
  margin: 0 20px 0 0;
}
.survey-filter .btn3 {
  margin-left: 10px;
  padding: 12px 15px;
  vertical-align: middle;
}
.survey-filter .choose-date {
  font-size: 10px;
  margin: 0;
}
.rec-divider {
  border-bottom: 1px solid #ccc;
}
#dayChart {
  height: 200px;
}
.overflow-x {
  width: 100%;
  overflow-x: scroll;
  display: flex;
  margin: 20px 0;
}
.survey-results-table {
  margin: 0;
  width: auto;
  border: none;
  border-collapse: collapse;
}
.survey-results-table .none {
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
}
.survey-results-table .none tr {
  height: auto;
}
.survey-results-table .none td:first-child {
  width: 200px;
}
.survey-results-table .none td {
  height: auto;
  text-align: left;
  border: none;
  padding: 0 20px 0 6px;
}
.survey-results-table .sticky {
  position: sticky;
  left: 0;
  background: #fff;
  box-shadow: inset 1px 0 0 #ccc, inset -1px 0 0 #777;
  border-right: none;
  border-left: none;
}
.survey-results-table th {
  background: #e5e5e5;
}
.survey-results-table td,
.survey-results-table th {
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}
.survey-body h2:focus-visible {
  outline: none;
}
.survey-body input[type="text"] {
  box-shadow: none;
}
.survey-body input[type="text"]::placeholder {
  color: #777;
}
.survey-body .survey-nav {
  right: 0;
  left: 0;
}
.survey-body .survey-nav .next-btn {
  right: 25px;
}
.survey-body .survey-nav .back-btn {
  left: 25px;
}
.survey-body .template .back {
  display: none;
}
.survey-body .not-intro .template .back {
  display: block;
}
.survey-body .survey-nav a:focus {
  color: #fff;
  background: #0ad;
}
.survey-body .survey-nav a:focus:before,
.survey-body .survey-nav a:focus:after {
  border-color: transparent #0ad;
}
.survey-body label.button:focus {
  box-shadow: 0 0 9px 2px #9cf;
}
.survey-body .row {
  display: flex;
  flex-wrap: wrap;
}
.survey-body .row:before,
.survey-body .row:after {
  content: none;
}
.survey-body .row .row {
  margin: 0;
}
.survey-body .row .row:before,
.survey-body .row .row:after {
  content: none;
}
.survey-body .mr {
  margin: 0;
}
.survey-body .question-holder {
  overflow: hidden;
}
.survey-body .x-translate {
  width: 100%;
  display: flex;
}
.survey-body .one-question {
  flex: 1 0 100%;
  position: relative;
}
.survey-body .print-link {
  font-size: 16px;
  border: 1px solid #047;
  padding: 4px 16px 4px 12px;
  border-radius: 4px;
  color: #047;
  display: inline-block;
  margin: 16px 0 0 0;
}
.survey-body .print-link span {
  display: inline-block;
}
.survey-body .print-link .fa-print {
  margin-right: 6px;
}
.survey-body .print-link:hover {
  color: #222;
}
.mobile.survey-body {
  width: 100%;
/*
  .survey-nav.desktop
    display: none !important
    */
}
.mobile.survey-body .company-wrapper-container,
.mobile.survey-body .layout-header,
.mobile.survey-body.detail-view main,
.mobile.survey-body.detail-view footer.fixed-width {
  width: 100%;
}
.mobile.survey-body .company-wrapper-header {
  height: auto !important;
  min-height: auto !important;
}
.mobile.survey-body .layout-header .header-text {
  margin: 0;
}
.mobile.survey-body .survey-intro {
  margin: 0;
}
.mobile.survey-body .survey-viewer {
  padding: 0 2%;
  min-height: auto;
}
.mobile.survey-body .question-container {
  height: auto;
  overflow: visible;
}
.mobile.survey-body .survey-viewer .question-container .question-holder {
  position: static;
}
.mobile.survey-body .one-question {
  padding: 6px;
}
.mobile.survey-body .small-10,
.mobile.survey-body .small-6 {
  width: auto;
}
.mobile.survey-body .small-6 {
  width: 100%;
}
.mobile.survey-body .small-3 {
  width: 48%;
}
.mobile.survey-body .mr {
  margin-right: 4%;
}
.mobile.survey-body .column,
.mobile.survey-body .columns {
  float: none;
  padding: 0;
}
.mobile.survey-body .question-text {
  margin: 20px 0;
  text-align: left;
}
.mobile.survey-body .secondary-text {
  margin: 0 0 20px 0;
}
.mobile.survey-body .survey-results,
.mobile.survey-body .recommendation {
  padding: 4%;
}
.mobile.survey-body .survey-retake {
  margin: 50px 0 0 0;
}
.mobile.survey-body .recommendation-btn-only {
  float: none !important;
  margin: 10px 0;
}
.mobile.survey-body .next-steps {
  margin: 20px 0 0 16px;
  text-indent: -16px;
}
.mobile.survey-body .next-steps ul {
  margin: 10px 0 0 0;
}
.mobile.survey-body .right,
.mobile.survey-body .left {
  float: none !important;
}
.mobile.survey-body .program-details {
  margin: 0 0 16px 0;
}
.mobile.survey-body .panel {
  padding: 4%;
}
.mobile.survey-body p {
  margin: 0;
}
.mobile.survey-body .recommendation .tabbed-list {
  margin: 0;
}
.mobile.survey-body .recommendation .buttons-and-links {
  float: none !important;
}
.mobile.survey-body .recommendation .buttons-and-links a.recommendation-btn:last-child {
  margin-bottom: 0;
}
.mobile.survey-body .recommendation .bullets {
  margin: 20px 0;
}
.mobile.survey-body .recommendation a.recommendation-btn {
  float: none;
  display: block;
  margin: 0 0 16px 0;
}
.mobile.survey-body .address-options {
  width: 100%;
}
.mobile.survey-body .auto-complete {
  width: 100%;
}
.mobile.survey-body .auto-fill {
  width: 100%;
}
.mobile.survey-body .auto-fill li {
  white-space: wrap;
}
.mobile.survey-body .auto-fill li,
.mobile.survey-body .auto-fill .row {
  padding: 10px;
}
.mobile.survey-body ul.button-group input[data-toggle] + label.choice-range {
  height: auto;
  width: auto;
  padding: 20px;
}
.mobile.survey-body ul.button-group {
  margin: -1%;
  display: flex;
  flex-wrap: wrap;
  padding: 1%;
}
.mobile.survey-body ul.button-group li {
  padding: 0;
  flex-basis: 30%;
  margin: 0 1% 4% 1%;
}
.mobile.survey-body .survey-nav {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  inset: auto;
  height: auto;
  margin: 10px 0 30px 0;
  padding: 0;
}
.mobile.survey-body .survey-nav .next-btn,
.mobile.survey-body .survey-nav .back-btn {
  right: auto;
  left: auto;
}
.mobile.survey-body .survey-nav .back {
  flex: 1;
}
.mobile.survey-body .survey-nav a {
  display: inline-block;
  position: relative;
  padding: 10px 26px;
  font-size: 16px;
  border-radius: 8px;
  height: auto;
  width: auto;
}
.mobile.survey-body .survey-nav a.next-btn:after {
  content: none;
}
.mobile.survey-body .survey-nav a.back-btn:before {
  content: none;
}
.mobile.survey-body .demo-style .survey-nav {
  position: fixed;
  height: 60px;
  bottom: 0;
  left: 0;
  margin: -60px 0 0 0;
  width: 100%;
  background: #222;
  box-shadow: 0 11px 13px 9px #7dc;
  opacity: 1;
  padding: 10px 20px;
}
.mobile.survey-body .question-form {
  min-height: 130px;
  margin: 0;
}
.mobile.survey-body .address-grid {
  grid-template-rows: repeat(3, 1fr);
}
.mobile.survey-body .address-grid input {
  margin: 0;
}
.mobile.survey-body .address-grid .address-city {
  grid-area: 2/1/2/span 5;
}
.mobile.survey-body .address-grid .address-state {
  grid-area: 3/1/3/3;
}
.mobile.survey-body .address-grid .address-zip {
  grid-area: 3/3/3/span 3;
}
.mobile.survey-body .check-external {
  margin: 10px 0 0 0;
}
.mobile.survey-body ul.button-group.long-answers li {
  flex-basis: 100%;
  margin: 0 0 10px 0;
}
.mobile.survey-body ul.button-group.long-answers input[data-toggle] + label {
  width: 100%;
  padding: 30px 20px 30px 120px;
  text-align: left;
  height: auto;
  background-size: contain;
  background-position: 20px 0;
}
.mobile.survey-body .question-type-number input {
  width: auto;
  margin: 0;
}
.mobile.survey-body .question-type-yesno .button {
  min-width: 150px;
}
.mobile.survey-body .question-type-yesno .yesno-group label {
  width: 100%;
  font-size: 16px;
}
.mobile.survey-body .question-type-yesno .bg-image {
  margin-right: 20px;
}
.mobile.survey-body .verify-message {
  margin: 10px 0 10px 0;
  font-size: 18px;
  text-align: left;
}
.mobile.survey-body .qt-address {
  margin: 0;
}
.mobile.survey-body .qt-address .address-phone,
.mobile.survey-body .qt-address .address-utility {
  margin: 0;
}
.mobile.survey-body .qt-address .v-method {
  flex-direction: column;
}
.mobile.survey-body .qt-address .v-method div {
  align-self: stretch;
}
.mobile.survey-body .qt-address .radio-group {
  margin: 0;
}
.mobile.survey-body .qt-address .radio-group input {
  margin: 0 20px 0 0;
}
.mobile.survey-body .qt-address input {
  padding: 8px;
  text-align: left;
}
.mobile.survey-body .qt-address input[type=radio] {
  padding: 0;
  margin: 0 10px 0 0;
}
.recommendation-print .recommendation-icon {
  display: none;
}
.recommendation-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-image: url("../../images/recommendation-icons.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.recommendation-icon.ic-details {
  background-position: 0 0px;
}
.recommendation-icon.ic-start {
  background-position: 0 -20px;
}
.recommendation-icon.ic-schedule {
  background-position: 0 -40px;
}
.recommendation-icon.ic-contractor {
  background-position: 0 -60px;
}
.recommendation-icon.ic-application {
  background-position: 0 -80px;
}
.recommendation-icon.ic-retailer {
  background-position: 0 -100px;
}
.recommendation a.recommendation-btn,
.recommendation-btn-only,
main.print button.print-btn {
  background-color: #069;
  border-radius: 4px;
  outline: none;
  padding: 0.5em;
  line-height: 0;
  font-size: 24px;
  color: #fff !important;
  float: right;
  clear: both;
  margin: 0.25em 1.75em 0.25em 0.25em;
}
.recommendation a.recommendation-btn *,
.recommendation-btn-only *,
main.print button.print-btn * {
  pointer-events: none;
  vertical-align: middle;
  line-height: 0;
}
.recommendation a.recommendation-btn h3,
.recommendation-btn-only h3,
main.print button.print-btn h3 {
  margin: 0 0 0 1em;
  display: inline-block;
  color: #fff;
  width: 150px;
  text-align: center;
  line-height: normal;
}
.recommendation a.recommendation-btn {
  margin: 0 0 10px 0;
}
.phone .recommendation a.recommendation-btn {
  float: none;
  margin: 10px 0 0 0;
  display: inline-block;
}
main.print button.close-btn,
main.print a.save-btn,
main.print button.email-btn,
main.print a.email-btn {
  display: block;
  margin: 0.5em 0 0 0.25em;
  background-color: #069;
  border-radius: 4px;
  outline: none;
  padding: 0.5em;
  line-height: 0;
  font-size: 24px;
  color: #fff !important;
  float: right;
  clear: both;
  min-width: 0;
}
main.print button.close-btn h3,
main.print a.save-btn h3,
main.print button.email-btn h3,
main.print a.email-btn h3 {
  display: inline-block;
  color: #fff;
  text-align: center;
  margin-top: 0.63rem;
  margin-bottom: 0.63rem;
}
main.print button.close-btn *,
main.print a.save-btn *,
main.print button.email-btn *,
main.print a.email-btn * {
  pointer-events: none;
  vertical-align: middle;
  line-height: 0;
}
main.print a.save-btn,
main.print button.email-btn,
main.print a.email-btn {
  margin: 0.5em 0.25em;
  text-align: center;
  width: 120px;
}
main.print a.close-button {
  font: normal 700 24px 'Open Sans Bold', 'Open Sans';
  line-height: 40px;
  color: #fff !important;
  float: right;
  clear: both;
  margin: 0.5em 0.25em;
}
.mobile.ev-site .promotions {
  padding: 20px;
}
.mobile.ev-site .promotions .header {
  margin: 0 0 20px 0;
}
.phone.ev-site .promotions {
  padding: 10px;
}
.recommendation {
  margin: 0;
  padding: 2em;
  border-bottom: 1px solid #ccc;
}
.recommendation:last-of-type {
  border-bottom: 0;
}
.recommendation p {
  line-height: 1.5em;
}
.recommendation .recommendation-image {
  width: 200px;
  float: right;
  background-size: cover;
  margin: 0 2em 2em;
  background-position: 50% 50%;
}
.recommendation .recommendation-image img {
  width: 100%;
  height: auto;
}
.recommendation .incentive-offer p {
  font-weight: 600;
}
.recommendation .bullets {
  margin: 1em 2em 2em;
}
.recommendation .bullets p {
  font-weight: 600;
  margin-bottom: 1em;
}
.recommendation .bullets li {
  font-weight: 600;
}
.recommendation ol,
.recommendation ul {
  margin-bottom: 0;
}
.recommendation ol ul li,
.recommendation ul ul li {
  list-style-type: disc;
}
.recommendation ul,
.recommendation ol {
  font-size: 1em;
}
.recommendation ul br,
.recommendation ol br,
.recommendation ul p,
.recommendation ol p {
  display: none;
}
.recommendation ul li,
.recommendation ol li {
  line-height: 1.5em;
  list-style-position: inside;
  text-indent: -1em;
}
.recommendation .panel {
  margin: 0;
  border: none;
}
.recommendation .panel h3 {
  color: #069;
  font-size: 14px;
  margin-bottom: 20px;
}
.recommendation .panel .incentive-offer {
  width: 60%;
  float: left;
}
.recommendation .panel .incentive-offer p {
  margin: 0.75em 0;
}
.phone .recommendation .panel .incentive-offer {
  width: auto;
}
.recommendation .program-details {
  display: none;
  clear: left;
  float: left;
  margin: 10px 0 20px 0;
}
.recommendation .tabbed-list {
  border-width: 1px !important;
  margin-top: 1em;
}
.recommendation .rebate-tabs {
  clear: both;
}
.recommendation .rebate-tabs .tabs dd > a {
  padding: 0.6em 1rem;
}
.recommendation .rebates-content {
  padding: 1em !important;
}
.recommendation .rebates-content h5 {
  display: none;
}
.recommendation .buttons-and-links {
  clear: right;
  float: right;
}
main.print {
  background-color: #666;
  padding: 0 3em 3em;
}
main.print,
.print-sample {
  -webkit-print-color-adjust: exact;
}
main.print button.print-btn,
.print-sample button.print-btn {
  display: block;
  margin: 0.5em;
}
main.print button.print-btn h3,
.print-sample button.print-btn h3 {
  width: auto;
}
main.print .recommendation,
.print-sample .recommendation {
  background-color: #fff;
  padding: 3em;
}
main.print .recommendation .recommendation-image,
.print-sample .recommendation .recommendation-image {
  margin-right: 0;
}
main.print .recommendation .panel,
.print-sample .recommendation .panel {
  padding-bottom: 0 !important;
}
main.print .recommendation .panel .incentive-offer,
.print-sample .recommendation .panel .incentive-offer {
  width: 100%;
}
main.print .recommendation .panel .incentive-offer p,
.print-sample .recommendation .panel .incentive-offer p {
  margin-right: 2em;
}
main.print .recommendation .program-details,
.print-sample .recommendation .program-details {
  background-color: #fff;
  display: block;
  margin: 0 -2em;
  padding: 1em 0.55em;
}
main.print .recommendation .rebates-content,
.print-sample .recommendation .rebates-content {
  margin: 0;
  padding: 0 !important;
}
main.print .recommendation .rebates-content h5,
.print-sample .recommendation .rebates-content h5 {
  display: block;
  font-weight: 600;
  margin: 0.25em 0;
}
main.print .recommendation .rebates-content .content,
.print-sample .recommendation .rebates-content .content {
  padding: 0.5em 0;
}
main.print .recommendation .rebates-content .content p,
.print-sample .recommendation .rebates-content .content p {
  margin-bottom: 1em;
}
main.print .recommendation .buttons-and-links,
.print-sample .recommendation .buttons-and-links {
  float: none;
  text-align: left;
}
main.print .recommendation .buttons-and-links a.recommendation-btn,
.print-sample .recommendation .buttons-and-links a.recommendation-btn {
  float: none;
  display: block;
  background: none;
  padding: 0;
  margin: 1em 0 1em;
  text-decoration: none;
}
main.print .recommendation .buttons-and-links a.recommendation-btn *,
.print-sample .recommendation .buttons-and-links a.recommendation-btn * {
  line-height: 1.3em;
}
main.print .recommendation .buttons-and-links a.recommendation-btn h3,
.print-sample .recommendation .buttons-and-links a.recommendation-btn h3 {
  font-size: 14px;
  display: block;
  color: #000;
  margin: 0;
  width: auto;
  text-align: left;
}
main.print .recommendation .buttons-and-links a.recommendation-btn:after,
.print-sample .recommendation .buttons-and-links a.recommendation-btn:after {
  color: #000;
  font-size: 12px;
  line-height: 15px;
  content: attr(href);
}
@media print {
  main.print,
  .print-sample {
    background: none;
    margin: -1em -3em;
  }
  main.print > .row,
  .print-sample > .row {
    max-width: none;
  }
  main.print button.print-btn,
  .print-sample button.print-btn,
  main.print button.close-btn,
  .print-sample button.close-btn,
  main.print button.email-btn,
  .print-sample button.email-btn,
  main.print a.email-btn,
  .print-sample a.email-btn,
  main.print button.save-btn,
  .print-sample button.save-btn,
  main.print a.save-btn,
  .print-sample a.save-btn {
    display: none;
  }
}
@page {
  size: auto;
  margin: 3mm;
}
.recommendation-details .data-section {
  background: #fff;
}
.recommendation-details .data-section .header {
  border: none;
  padding: 0 16px;
  height: 60px;
  line-height: 60px;
  margin: 0 0 16px 0;
}
.recommendation-details .data-section .header .content .middle {
  line-height: 60px;
}
.height-calc {
  position: absolute;
  top: -10000px;
  font-weigth: 700;
  font-family: Open Sans;
  padding: 0.5rem;
  border: 1px solid #000;
}
.bullets,
.autogrow {
  margin-bottom: 20px;
}
.incentive-section {
  background: #fff;
  padding: 30px;
}
.incentive-section p {
  line-height: 20px;
  margin-bottom: 30px;
}
.incentive-section .row {
  padding: 0;
}
.flex-row.incentive-row {
  margin-bottom: 10px;
  align-items: flex-start;
}
.flex-row.incentive-row label {
  display: block;
  text-align: left;
}
.flex-row.incentive-row .button {
  margin: 0 0 0 7px;
  padding: 5px 0;
  min-width: 80px;
  display: inline-block;
}
.flex-row.incentive-row .long-label,
.flex-row.incentive-row .short-label {
  display: inline-block;
}
.flex-row.incentive-row .long-label {
  width: 412px;
}
.flex-row.incentive-row .short-label {
  width: 78px;
}
.flex-row.incentive-row .long,
.flex-row.incentive-row .short {
  margin-right: 7px;
  height: auto;
  padding: 9px 8px;
  font-weight: bold;
  min-height: initial;
  height: 43px;
  display: inline-block;
  vertical-align: top;
}
.flex-row.incentive-row .long {
  width: 400px;
  resize: none;
}
.flex-row.incentive-row .short {
  width: 70px;
}
.flex-row.incentive-row .gray {
  background: #ccc;
}
.flex-row.incentive-row .tall {
  height: 100px;
}
.flex-row.incentive-row .select-inline {
  display: inline-block;
  width: 150px;
  margin: 0;
  height: 43px;
  border-radius: 4px;
  padding: 9px 8px;
}
.recommendation.casestudy .tabs-content > .content {
  padding: 0.9375rem 0.9375rem;
}
.recommendation.casestudy .tabs-content > .content h2 {
  text-transform: uppercase;
}
nav.datepicker--nav {
  width: auto;
}
.history-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 800px;
  width: 800px;
  margin-top: -400px;
  margin-left: -400px;
  border: 1px solid #ccc;
  z-index: 12;
  padding: 20px;
  background: #fff;
  overflow-y: scroll;
}
.history-modal .history-x {
  text-align: right;
  font-size: 24px;
}
.table-wrapper {
  display: table;
  width: 100%;
}
.table-wrapper .top .td {
  cursor: pointer;
}
.table-wrapper .top .td:hover:not(.no-hover) {
  text-decoration: underline;
}
.table-wrapper .tr {
  display: table-row;
}
.table-wrapper .td {
  display: table-cell;
  padding: 6px 16px 6px 3px;
  word-break: break-word;
}
.table-wrapper .filter-button,
.table-filters .filter-button {
  margin: 0;
  color: #222;
  padding: 6px 16px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  background: #eee;
  border-radius: 6px;
  border: 1px solid #ccc;
  word-break: normal;
}
.table-wrapper .filter-button:hover,
.table-filters .filter-button:hover {
  background: #ddd;
}
.table-filters {
  margin-bottom: 20px;
}
.table-filters .input-text {
  height: auto;
  padding: 6px;
}
.table-filters .gr {
  align-items: center;
}
.control input[type="checkbox"] {
  margin: 0;
}
.indicator {
  font-size: 15px;
}
.indicator.true .fa {
  color: #0f0;
}
.indicator.false .fa {
  color: #555;
}
.indicator .fa {
  font-size: 20px;
  display: inline-block;
  margin: 0 21px 0 12px;
}
.ob-table .sbtn {
  padding: 6px 16px;
  line-height: 16px;
  margin: 0 10px 0 0;
}
.ob-banner {
  background: #00649c;
  padding: 40px 0;
}
.ob-banner .inner {
  width: 900px;
  margin: 0 auto;
}
.onboarding-wrapper:not(.onboarding-admin-wrapper) {
  width: 900px;
  padding: 0;
  margin: 20px auto;
}
.onboarding-wrapper .m-highlight .long-check {
  border-left: 3px solid #d33;
}
.onboarding-wrapper .offer-expand {
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.onboarding-wrapper .fa-caret-right {
  font-size: 24px;
  color: #777;
  margin-right: 10px;
  transition: transform 0.3s;
}
.onboarding-wrapper .fa-caret-right.rotate {
  transition: transform 0.3s;
  transform: rotate(90deg);
}
.onboarding-wrapper .rec-btn {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #00649c;
  background: #fff;
  transition: background 0.3s;
  padding: 6px 16px;
  text-transform: uppercase;
  font-size: 13px;
}
.onboarding-wrapper .rec-btn:hover {
  background: #eee;
  transition: background 0.3s;
}
.onboarding-wrapper .rec-btn.add-btn {
  margin-left: 20px;
  color: #fff;
  background: #002e68;
}
.onboarding-wrapper .rec-btn.add-btn:hover {
  background: #005e98;
  transition: background 0.3s;
}
.onboarding-wrapper .radio-label {
  cursor: pointer;
}
.onboarding-wrapper .rate-push {
  flex: 0 0 400px;
}
.onboarding-wrapper .input-select {
  min-width: 158px;
  font-size: 13px;
}
.onboarding-wrapper .rec-ta {
  align-items: flex-start;
}
.onboarding-wrapper .rec-ta .gr-col:first-child {
  flex-grow: 1;
  margin-right: 40px;
}
.onboarding-wrapper .gr > .control:first-child {
  flex-grow: 1;
}
.onboarding-wrapper .gr > .control:first-child.state-select {
  flex: 0 0 300px;
  flex-grow: 0;
}
.onboarding-wrapper .gr .tenant-select {
  flex-grow: 1;
}
.onboarding-wrapper .rec-link {
  align-items: center;
}
.onboarding-wrapper .button-demo a {
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 14px;
  padding: 4px 16px;
}
.onboarding-wrapper .button-demo span {
  position: relative;
  top: -3px;
  display: inline-block;
}
.onboarding-wrapper .button-demo .fas {
  font-size: 22px;
  margin-right: 10px;
  line-height: 28px;
}
.onboarding-wrapper .banner {
  font-size: 24px;
  margin-bottom: 20px;
}
.onboarding-wrapper .question-form {
  border: 1px solid #fff;
  padding: 3px;
}
.onboarding-wrapper .highlight {
  border-color: #d33;
}
.onboarding-wrapper .ob-panel {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 0 0 30px 0;
  position: relative;
}
.onboarding-wrapper .ob-panel .mask {
  z-index: 10;
  position: absolute;
  background: rgba(0,0,0,0.2);
  top: -1px;
  right: -1px;
  left: 0;
  bottom: 0;
}
.onboarding-wrapper .ob-panel h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
}
.onboarding-wrapper .ob-panel .desc {
  margin: 0 0 20px 0;
}
.onboarding-wrapper .ob-panel label.long-check {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.onboarding-wrapper .ob-panel label.long-check input[type="checkbox"] {
  margin: 0 0 0 7px;
  flex: 0 0 30px;
}
.onboarding-wrapper .RecommendationPanel textarea {
  height: 96px;
}
.onboarding-wrapper .ft {
  margin: 40px 0;
}
.onboarding-wrapper .ft .msg {
  font-size: 15px;
}
.onboarding-wrapper .ft button {
  margin-left: auto;
  background: #002e68;
  padding: 16px 10px;
}
.onboarding-wrapper .ft button.done-btn {
  background: #2dc504;
}
.onboarding-wrapper .ft button.done-btn:hover {
  background: #4de524;
}
.onboarding-wrapper .mallorca-msg .banner {
  background: #ffffb6;
  font-size: 16px;
  font-style: italic;
  border: 1px solid #ccc;
  margin-top: 20px;
  padding: 20px;
}
.onboarding-admin-wrapper {
  width: 1444px;
}
.onboarding-admin-wrapper .input-group {
  padding: 0;
}
.onboarding-admin-wrapper .merge-title {
  display: flex;
  justify-content: space-between;
}
.onboarding-admin-wrapper .merge-title .add-btn {
  margin: 0;
  border: 0;
}
.onboarding-admin-wrapper .flex-row > .ob-panel:first-child {
  margin-right: 20px;
}
.onboarding-admin-wrapper .ob-panel,
.onboarding-admin-wrapper .mallorca-msg {
  width: 692px;
  margin-bottom: 20px;
}
.onboarding-admin-wrapper input[type="checkbox"] + label {
  margin: 0;
}
.onboarding-admin-wrapper .label {
  padding: 0;
}
.onboarding-admin-wrapper .slider-checkbox .label .slider-label {
  font-size: 15px;
  text-transform: none;
  margin-left: 10px;
  color: #000;
}
.spesh {
  border: 1px solid #999;
  padding: 4px;
  margin-bottom: 6px;
}
.blue-link {
  color: #069;
  display: inline-block;
  cursor: pointer;
}
.blue-link:hover {
  text-decoration: underline;
}
.last-access {
  background: #feb;
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
}
.mui-spin {
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 14px 6px 6px 6px;
}
.contact-fs {
  flex: 1;
  margin: 0 10px 10px 0;
  padding: 6px;
}
.nowrap {
  white-space: nowrap;
}
.mw-2 {
  max-width: 200px;
}
.sc-helper {
  background: #777;
}
.lookup-table-style .tab-holder {
  margin: 0 -20px 20px -20px;
}
.lookup-table-style .table-filters .input-text {
  border: 1px solid #ccc;
  background: none;
  border-radius: 4px;
}
.lookup-table-style .filter-button {
  line-height: 18px;
}
.lookup-table-style .filter-button:focus {
  background: #ccc;
}
.lookup-table-style .batch-actions .filter-button {
  margin-left: 10px;
}
.paginator {
  margin-bottom: 20px;
}
.paginator select {
  width: auto;
  min-width: 75px !important;
}
.paginator .paginate-btn {
  background: #069;
  border-radius: 4px;
  outline: none;
  padding: 6px 16px;
  line-height: normal;
  height: auto;
  margin: 0;
  font-size: 15px;
  color: #fff !important;
}
.paginator .paginate-btn:hover {
  background: #08b;
}
.td.td-wide {
  flex: 1 !important;
}
table.sandbox-table {
  width: auto !important;
  min-width: 400px;
}
table.sandbox-table tr {
  height: auto;
}
table.sandbox-table td,
table.sandbox-table th {
  height: auto;
  padding: 3px;
  border: 1px solid #ccc;
  white-space: break-word;
}
table.meta-table {
  width: 100%;
  overflow-x: scroll;
  table-layout: fixed;
}
table.meta-table td:first-child {
  position: sticky;
  left: 0;
  background: #eff;
}
table.details-table {
  width: auto;
}
table.details-table tr {
  height: auto;
}
table.details-table td {
  line-height: normal;
  padding: 2px;
  height: auto;
  font-size: 11px;
}
.preview-table {
  width: auto;
  color: #222;
  margin: 0;
}
.preview-table .flex-row {
  height: auto;
}
.preview-table .cell {
  font-size: 13px;
  padding: 4px 10px;
  margin-right: 6px;
  flex: 0 0 48px;
  text-align: center;
}
.preview-table .bds .cell {
  border: 1px solid #ccc;
  background: #eee;
}
.dealer-table {
  width: 100%;
  border-collapse: collapse;
}
.dealer-table .details-open:hover {
  border: none;
}
.dealer-table .s1:hover {
  text-decoration: underline;
}
.dealer-table .s2 {
  background: #069;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
.dealer-table .td {
  border: 1px solid #ccc;
  word-break: normal;
}
.dealer-table .top .td {
  background: #bbb;
  border: none;
  white-space: nowrap;
}
.dealer-table .expand .td {
  border: none;
}
.dealer-table .nowrap {
  white-space: nowrap;
}
.details-open {
  display: inline;
  cursor: pointer;
  color: #069;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #fff;
}
.details-open:hover {
  border-bottom: 1px solid #069;
}
.sort-style .name {
  flex: 1;
}
.sort-style .sort-row {
  border: 1px solid #ccc;
  padding: 6px;
  background: #fff;
}
.sort-style .sort-handle {
  margin-right: 16px;
}
.sort-handle {
  font-size: 16px;
  cursor: pointer;
}
.ev-admin {
  box-shadow: -2px 0 20px -10px #666;
}
.ev-admin .input-text {
  box-shadow: none;
}
.ev-admin .tip {
  font-style: italic;
  font-size: 16px;
  margin: 10px 0;
}
.ev-admin .control > .control-label {
  font-size: 15px;
}
.ev-admin .control-label {
  font-size: 17px;
}
.ev-admin.page-hits-style {
  width: 1600px;
}
.page-hits-style .ext-link {
  padding: 2px 2px 2px 4px;
  border-radius: 3px;
  line-height: 16px;
}
.page-hits-style .ext-link:hover {
  color: #fff;
  background: #1f93cb;
}
.page-hits-style .open-modal {
  cursor: pointer;
}
.page-hits-style .open-modal:hover {
  color: #69f;
  text-decoration: underline;
}
.page-hits-style .oh {
  overflow: hidden;
}
.page-hits-style .wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}
.page-hits-style .h {
  margin: 20px 0;
  font-weight: bold;
}
.page-hits-style .one-group {
  margin: 0 20px 20px 0;
}
.page-hits-style.ev-admin .sbtn,
.page-hits-style.ev-admin .gr select {
  margin: 0;
}
.table-wrapper.page-hits-table .td {
  border: 1px solid #ccc;
  word-break: normal;
  white-space: nowrap;
  overflow: clip;
}
.table-wrapper.page-hits-table .link-clip {
  margin-right: 10px;
}
.table-wrapper.page-time-table {
  table-layout: fixed;
}
.table-wrapper.page-time-table .row-number {
  width: 40px;
}
.table-wrapper.page-time-table .host {
  width: 200px;
}
.table-wrapper.page-time-table .l {
  width: 75px;
}
.table-wrapper.page-time-table .l0 {
  width: 150px;
}
.table-wrapper.page-time-table .l1 {
  width: 300px;
}
.table-wrapper.page-time-table .l2 {
  width: 400px;
}
.table-wrapper.page-time-table .l3 {
  width: 510px;
}
.page-order-boundary {
  align-items: flex-start;
}
.page-order-boundary .boxes {
  margin-bottom: 30px;
}
.page-order-boundary .table-filters .gr {
  align-items: center;
}
.page-order-boundary input {
  margin: 0;
}
.page-order-boundary .input-text {
  box-shadow: none;
}
.page-order-boundary a.page-link {
  color: #fff;
  text-decoration: underline;
}
.page-order-boundary .actions {
  margin-bottom: 20px;
}
.page-order-boundary .actions select {
  width: 100%;
}
.page-order-boundary select {
  height: auto;
}
.page-order-boundary .sbtn {
  margin: 0;
}
.page-order-boundary .sbtn.wide {
  margin-bottom: 20px;
}
.page-order-boundary .nav-drag {
  position: relative;
}
.page-order-boundary .nav-drag .fa-times-circle {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 18px;
  color: #eee;
}
.page-order-boundary .nav-drag .fa-times-circle:hover {
  color: #fff;
}
.page-order-group .input-text {
  font-size: 13px;
  margin: 6px 0;
}
.page-order-group label {
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
.page-order-group .control {
  margin-right: 20px;
}
.page-order-group .control-label {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
.settings-group {
  border: 1px solid #bbb;
  padding: 10px;
}
.settings-group .control {
  margin: 0 0 10px 0;
}
.settings-group label,
.settings-group .control-label {
  font-size: 14px;
  color: #222;
  text-transform: none;
  font-size: 14px;
  margin: 0 0 4px 0;
}
.ev-admin.demand-combined-admin .open-close {
  margin-top: 0;
  margin-left: 16px;
}
.ev-admin.demand-combined-admin .add-rate {
  margin-top: 30px;
}
.fleet-admin .sort-row {
  width: 500px;
}
.mui-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mui-tabs .one-tab {
  flex: 1 0 50%;
  cursor: pointer;
  text-align: center;
  padding: 20px 0;
  font-size: 15px;
  font-weight: bold;
}
.ev-admin .mui-tabs {
  margin-bottom: 36px;
}
.ev-admin .mui-tabs .one-tab {
  border: 2px solid #ccc;
  background: #fff;
  box-shadow: none;
}
.ev-admin .mui-tabs .one-tab:hover {
  border: 2px solid #69f;
}
.ev-admin .mui-tabs .one-tab.selected {
  background: #eee;
  box-shadow: 0 0 6px -3px #000 inset;
}
.ev-admin .mui-tabs .one-tab.selected:hover {
  border: 2px solid #ccc;
}
.ev-admin .gr .css-many input {
  margin: 0;
}
.ev-admin .gr .css-many label {
  display: inline;
  margin: 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size: 15px;
}
button.xbtn {
  background: none;
  margin: 0;
  padding: 0;
}
button.xbtn:hover {
  color: #666;
}
button.grey-link,
.grey-link {
  background: none;
  margin: 0 0 10px 0;
  font-size: 15px;
  color: #777;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}
.spin-arrow {
  margin-right: 10px;
  height: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #333;
  transition: transform 0.8s;
  cursor: pointer;
}
.spin-arrow.spun {
  transform: rotate(90deg);
  transition: transform 0.8s;
}
.ev-admin {
  width: 1000px;
  background: #fff;
  margin: 0 auto;
  padding: 20px;
/* COMMODELS */
/* CRM */
/* EMBED CODE PAGE */
/*
  .btn4 {
    width: 216px;
    font-size: 15px;
  }
  */
/* TOO CONFUSING
  &:not(.stacker) .gr > .control:not(:nth-child(1)):not(.grey-note):not(.no-margin) {
    margin-left: 16px;
  } */
/* FAQ / BENEFITS */
/* SAVINGS ONE */
/* ROI */
/* STACKER ADMIN */
/* DEALER ADMIN */
}
.ev-admin .opener .tab,
.ev-admin .sc-helper {
  text-transform: none;
  display: inline-block;
  background: #666;
  padding: 2px 16px;
  border-radius: 16px;
  color: #fff;
}
.ev-admin .sc-helper {
  font-size: 13px;
  background: #668;
  padding: 2px 6px;
}
.ev-admin .radio-row .gr-col {
  text-align: center;
}
.ev-admin .radio-row .input-text,
.ev-admin .radio-row .control-label {
  text-align: center;
}
.ev-admin input[type="radio"] {
  margin-bottom: 0;
}
.ev-admin .f150 {
  width: 150px;
  text-align: left;
}
.ev-admin .f220 {
  width: 200px;
  text-align: left;
}
.ev-admin .input-text {
  height: auto;
  padding: 4px 6px;
  font-size: 16px;
}
.ev-admin .top-banner .left {
  width: 70%;
}
.ev-admin .top-banner .right {
  text-align: right;
}
.ev-admin a.ref-link {
  font-style: italic;
  color: #00f;
}
.ev-admin .gr-col {
  margin-right: 40px;
}
.ev-admin .thin-wrap .control {
  margin-bottom: 6px;
}
.ev-admin .thin-wrap .control-label {
  font-size: 14px;
  font-weight: normal;
}
.ev-admin .gr.wrap {
  flex-wrap: wrap;
}
.ev-admin .gr.end {
  align-items: flex-end;
}
.ev-admin .gr .fa-close {
  margin-bottom: 9px;
}
.ev-admin .gr.narrow-row .control {
  margin: 0 6px 2px 0;
}
.ev-admin .gr.narrow-row .control-label {
  font-size: 13px;
}
.ev-admin .gr select {
  min-width: 120px;
  max-width: 250px;
  height: auto;
  padding: 6px 4px;
}
.ev-admin .row.veh-row {
  max-width: none;
  margin: 0;
  position: relative;
}
.ev-admin .veh-image {
  position: absolute;
  right: 0;
  top: 0;
  width: 305px;
  height: 210px;
  align-items: unset;
}
.ev-admin .veh-image .thumb-wrapper {
  height: 210px;
}
.ev-admin .veh-image .thumb-img {
  max-height: 209px;
}
.ev-admin .add-b {
  margin: 30px 0;
}
.ev-admin.fuel-prices .tr {
  margin-bottom: 4px;
}
.ev-admin.fuel-prices .tr:nth-child(even) {
  background: #f1f1ff;
}
.ev-admin.fuel-prices .tr.top {
  font-weight: bold;
  font-size: 17px;
  border: none;
  margin-top: 20px;
}
.ev-admin.fuel-prices .tr .state {
  flex-basis: 200px;
}
.ev-admin.fuel-prices .tr .control-field {
  flex-basis: 150px;
}
.ev-admin.fuel-prices .tr .long {
  flex-basis: 250px;
}
.ev-admin.fuel-prices .tr .input-text {
  box-shadow: none;
}
.ev-admin.faq-admin.crm-overview .top-banner {
  margin: 0;
}
.ev-admin.faq-admin.crm-overview .term-push {
  margin-right: 138px;
}
.ev-admin.faq-admin.crm-overview .aff-box {
  width: 700px;
  min-height: 100px;
  border: 1px solid #777;
  padding: 6px;
}
.ev-admin.faq-admin.crm-overview .fas::before {
  font-family: 'FontAwesome', sans-serif;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.ev-admin.faq-admin.crm-overview .aff {
  display: inline-block;
  width: auto;
  max-width: none;
  border-radius: 8px;
  margin: 0 6px 6px 0;
  cursor: pointer;
  background: #ccc;
}
.ev-admin.faq-admin.crm-overview .aff .hov,
.ev-admin.faq-admin.crm-overview .aff .name {
  padding: 6px 6px;
  display: inline-block;
}
.ev-admin.faq-admin.crm-overview .aff .hov {
  border-radius: 8px;
}
.ev-admin.faq-admin.crm-overview .aff .hov:hover {
  color: #fff;
  background: #777;
}
.ev-admin.faq-admin.crm-overview .aff .name {
  padding: 6px 10px 6px 6px;
}
.ev-admin.faq-admin.crm-overview .gr.top-margin {
  margin-top: 16px;
}
.ev-admin.faq-admin.crm-overview .crm-upload {
  position: absolute;
  top: -1000px;
}
.ev-admin.faq-admin.crm-overview .one-file {
  margin: 0 26px 10px 0;
}
.ev-admin.faq-admin.crm-overview .df {
  font-size: 16px;
  padding: 6px 8px;
  line-height: 16px;
  background: #ccc;
  border-radius: 16px;
  margin-left: 16px;
  cursor: pointer;
}
.ev-admin.faq-admin.crm-overview .nf {
  padding: 10px;
}
.ev-admin.faq-admin.crm-overview .crm-file,
.ev-admin.faq-admin.crm-overview .new-file {
  display: block;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 0 16px 0 10px;
  padding: 6px 26px;
  text-align: center;
  width: 200px;
}
.ev-admin.faq-admin.crm-overview .new-file {
  width: 133px;
  background: #00639b;
  cursor: pointer;
  color: #fff;
}
.ev-admin .m-hd {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.ev-admin .one-embed {
  margin-bottom: 30px;
}
.ev-admin .pages-list {
  font-size: 13px;
  margin-right: 26px;
  list-style-type: disc;
}
.ev-admin .pages-list .gray {
  color: #999;
}
.ev-admin .copy-clip {
  border-radius: 4px;
  padding: 4px 16px;
  font-size: 13px;
  background: #00639b;
  height: auto;
  margin: 0;
}
.ev-admin .project-step-content-title {
  margin-bottom: 0;
}
.ev-admin .sep {
  height: 1px;
  margin: 16px 0;
  background: #ccc;
}
.ev-admin .opener {
  display: flex;
  margin-bottom: 20px;
  margin-left: -20px;
  cursor: pointer;
  user-select: none;
}
.ev-admin .opener:hover h3 {
  text-decoration: underline;
}
.ev-admin .opener h3 {
  font-size: 15px;
  margin: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.ev-admin .opener h3 .t {
  flex: 1;
}
.ev-admin .opener h3 .less {
  flex: 0;
  white-space: nowrap;
  margin-right: 20px;
}
.ev-admin .opener.n2 {
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.ev-admin .open-close {
  overflow: visible;
}
.ev-admin .open-close .open-close {
  margin-left: 16px;
}
.ev-admin .saved {
  height: 15px;
  margin: 10px 0 20px 10px;
  font-size: 14px;
  font-style: italic;
  color: #aaa;
}
.ev-admin .blue-bg {
  background: #00639b;
  color: #fff;
}
.ev-admin .blue-bg:hover {
  background: #0083bb;
}
.ev-admin .ta {
  width: 100%;
  height: 190px;
  border: 1px solid #999;
  margin: 0;
  font-weight: normal;
}
.ev-admin .ta.narrow {
  height: 100px;
}
.ev-admin .ta.two-line {
  height: 60px;
}
.ev-admin .ta.css,
.ev-admin .ta.js,
.ev-admin .ta.html {
  font-family: monospace;
  font-size: 12px;
}
.ev-admin .h2 {
  text-transform: uppercase;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  margin-bottom: 16px;
}
.ev-admin .embed-copy {
  border: 1px solid #eee;
  padding: 4px;
  font-weight: bold;
}
.ev-admin .prev-link {
  display: block;
  margin-top: 10px;
  font-size: 15px;
}
.ev-admin .file-select {
  display: none;
}
.ev-admin .gr > .control {
  margin-right: 14px;
}
.ev-admin .gr > .control.full {
  margin-right: 0;
}
.ev-admin .full {
  width: 100%;
}
.ev-admin textarea.huge {
  width: 100%;
  height: 400px;
  margin: 0;
}
.ev-admin.faq-admin input[type=checkbox] {
  margin: 0;
}
.ev-admin.faq-admin .gr {
  margin-bottom: 16px;
}
.ev-admin.faq-admin .gr label {
  font-size: 13px;
  text-transform: none;
}
.ev-admin.faq-admin .gr.no-margin {
  margin: 0;
}
.ev-admin.faq-admin .checklist .gr,
.ev-admin.faq-admin .checklist .control {
  margin: 0 0 6px 0;
}
.ev-admin.faq-admin .top-banner {
  margin-bottom: 20px;
}
.ev-admin.faq-admin .half {
  width: 50%;
}
.ev-admin.faq-admin button.upload-image,
.ev-admin.faq-admin .delete-image {
  margin: 10px 20px 0 0;
}
.ev-admin.faq-admin button.upload-image:hover,
.ev-admin.faq-admin .delete-image:hover,
.ev-admin.faq-admin button.upload-image:focus,
.ev-admin.faq-admin .delete-image:focus {
  color: #333;
  background: #ccc;
}
.ev-admin.faq-admin .thumb-wrapper {
  background: #eee;
  min-height: 100px;
  max-height: 100px;
  min-width: 300px;
  border: 1px solid #ddd;
}
.ev-admin.faq-admin .thumb-wrapper img {
  max-height: 100px;
}
.ev-admin.faq-admin .thumb-wrapper.fav {
  min-height: 50px;
  min-width: 50px;
  display: inline-block;
}
.ev-admin.faq-admin .thumb-img {
  max-width: 500px;
}
.ev-admin.faq-admin .sbtn.blue-bg {
  margin-bottom: 20px;
}
.ev-admin.faq-admin .wide-input {
  width: 400px;
}
.ev-admin.faq-admin .control-label {
  font-weight: bold;
  margin-bottom: 10px;
}
.ev-admin.savings-one {
  width: 1140px;
}
.ev-admin.savings-one .fix-mpg {
  width: 100px;
}
.ev-admin.savings-one .input-group .control.check-spacer {
  margin: 0 30px 20px 16px;
}
.ev-admin.roi {
  width: 2090px;
}
.ev-admin.roi .notes {
  white-space: pre;
}
.ev-admin.roi .roi-table {
  border: none;
}
.ev-admin.roi .roi-table tr {
  border: none;
  border-bottom: 26px solid #fff;
}
.ev-admin.roi .roi-table td {
  border: none;
  text-align: center;
  color: #1f3e63;
}
.ev-admin.roi .roi-table .ll {
  text-align: right;
  border-right: 16px solid #1f3e63;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.ev-admin.roi .roi-table .fl {
  font-size: 16px;
  margin-bottom: 10px;
  white-space: nowrap;
  font-weight: 600;
}
.ev-admin.roi .roi-table input,
.ev-admin.roi .roi-table .ne {
  font-size: 35px;
  font-weight: bold;
  padding: 10px;
  margin: 0;
  text-align: center;
}
.ev-admin.roi .roi-table input {
  border: none;
  box-shadow: none;
  color: #90b1d9;
}
.ev-admin.roi .roi-table input.calc:not(.perc):not(.mini) {
  min-width: 220px;
}
.ev-admin.roi .roi-table input.mini {
  padding: 0 6px;
  height: auto;
  display: inline-block;
  width: 80px;
  font-size: 16px;
}
.ev-admin.roi .roi-table input.mini.cars {
  text-align: left;
}
.ev-admin .drag {
  background: #f2f2f2;
  border-radius: 5px;
  text-align: center;
  width: 400px;
  height: 30px;
  margin-right: 10px;
  padding: 6px 0 0 0;
  cursor: pointer;
}
.ev-admin .show-size {
  width: 52px;
}
.ev-admin.ewide {
  width: 1400px;
}
.ev-admin.mwide {
  width: 1240px;
}
.ev-admin.stacker {
  width: 1290px;
}
.ev-admin.stacker .sort-stack {
  margin-top: 16px;
}
.ev-admin.stacker .one-stacker {
  background: #fff;
}
.ev-admin.stacker .stacker-body {
  margin-top: 20px;
}
.ev-admin.stacker .one-incentive {
  position: relative;
}
.ev-admin.stacker .thumb-img {
  position: absolute;
  left: 432px;
  top: 106px;
  width: 240px;
}
.ev-admin.stacker .disclaimer {
  height: 200px;
}
.ev-admin.stacker input {
  margin: 0;
}
.ev-admin.stacker a.link {
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 5px;
  background: #002e67;
  display: block;
  color: #fff;
  padding: 9px 6px;
  text-align: center;
  height: 36px;
}
.ev-admin.stacker .rwrap {
  border: 1px solid #ccc;
  padding: 30px 10px;
}
.ev-admin.stacker .rcol {
  margin-left: 20px;
}
.ev-admin.stacker .lcol {
  width: 502px;
}
.ev-admin.stacker .upload {
  width: 100px;
}
.ev-admin.stacker .lcol .gr {
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}
.ev-admin.stacker .lcol .gr .control:nth-child(2),
.ev-admin.stacker .lcol .gr .control:nth-child(3) {
  margin-left: 10px;
}
.ev-admin.stacker .lcol .gr .control {
  flex-grow: 1;
}
.ev-admin.stacker .lcol .gr .input-text {
  width: 100% !important;
}
.ev-admin.stacker .rcol .gr {
  align-items: center;
}
.ev-admin.stacker .rcol .gr .drag {
  width: 164px;
}
.ev-admin.stacker .rcol .gr .dub {
  width: 310px !important;
}
.ev-admin.stacker .rcol .gr .xdub {
  width: 390px !important;
}
.ev-admin.stacker .rcol .gr .tle {
  width: 150px !important;
}
.ev-admin.stacker .rcol .gr .money {
  font-weight: bold;
  width: 150px !important;
}
.ev-admin.stacker .rcol .gr .control {
  margin: 0 10px 10px 0;
}
.ev-admin.stacker .below .control:nth-child(1) {
  width: 100px;
  text-align: right;
}
.ev-admin.stacker .ht {
  font-size: 22px;
  color: #00639b;
  border: 1px solid #999;
}
.ev-admin .button-group {
  display: flex;
}
.ev-admin .control {
  margin: 0 16px 0 0;
}
.ev-admin .control.horiz-note .input-note {
  font-style: normal;
}
.ev-admin .control.horiz-note .control-field {
  display: flex;
  align-items: center;
}
.ev-admin .control.horiz-note.reverse .control-field {
  flex-direction: row-reverse;
}
.ev-admin .control.horiz-note.reverse .input-note {
  padding-left: 0;
}
.ev-admin .control.no-margin {
  margin: 0;
}
.ev-admin .control.space {
  margin-left: 16px;
}
.ev-admin .control.check-center {
  position: relative;
  top: -6px;
}
.ev-admin .control.check-center label,
.ev-admin .control.check-center .input-note {
  padding: 0;
  display: inline-block;
}
.ev-admin .control-label {
  margin-bottom: 6px;
}
.ev-admin .input-text {
  box-shadow: none;
  font-size: 14px;
  min-width: 100px;
  height: auto;
  padding: 6px 4px;
  font-size: 13px;
}
.ev-admin .narrow-row .gr-col {
  margin: 0;
}
.ev-admin .narrow-row .input-text {
  min-width: auto;
}
.ev-admin .input-group {
  padding: 0 0 0 20px;
  margin-bottom: 10px;
}
.ev-admin .input-group h3 {
  font-size: 15px;
  margin: 0;
}
.ev-admin .input-group h2 {
  margin-bottom: 16px;
}
.ev-admin .input-group .filter-select {
  margin-bottom: 16px;
}
.ev-admin .dyn-map .map {
  width: 918px;
  margin-bottom: 32px;
}
.ev-admin .radio-section {
  padding-left: 2px;
}
.ev-admin .inp-lab {
  color: #222;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 16px;
}
.ev-admin .inp-row input,
.ev-admin .inp-row select {
  width: 200px;
  margin: 0 16px 16px 22px;
  text-align: center;
}
.ev-admin .grey-note .control-field {
  display: flex;
}
.ev-admin .grey-note .control-field .input-note {
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-left: none;
  font-style: normal;
}
.ev-admin .sbtn,
.mui-buttons .sbtn {
  padding: 10px;
  width: 97px;
  text-transform: uppercase;
  background: #00639b;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.ev-admin .sbtn.hide,
.mui-buttons .sbtn.hide {
  display: none;
}
.ev-admin .sbtn:hover,
.mui-buttons .sbtn:hover {
  background: #0083bb;
}
.ev-admin .sbtn.grey,
.mui-buttons .sbtn.grey {
  border: 1px solid #ccc;
  padding: 8px;
  background: #f2f2f2;
  color: #333;
}
.ev-admin .sbtn.auto,
.mui-buttons .sbtn.auto {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.ev-admin .sbtn.lmg,
.mui-buttons .sbtn.lmg {
  margin: 4px 0 0 31px;
}
.ev-admin .sbtn.wide,
.mui-buttons .sbtn.wide {
  width: 200px;
}
.ev-admin .sbtn.del,
.mui-buttons .sbtn.del {
  background: #999;
}
.upload-image,
.delete-image,
.nav-drag,
.nav-cat {
  font-size: 13px;
  background: #fff;
  color: #333;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 8px 18px;
  white-space: nowrap;
  margin: 0;
}
.nav-drag-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.nav-cat {
  background: #fff;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0;
  margin-right: 10px;
}
.nav-drag {
  background: #ccc;
  border: none;
  margin: 0 10px 10px 0;
  color: #fff;
  cursor: pointer;
  user-select: none;
  flex: 0 0 170px;
}
.nav-drag.blue {
  background: #00649b;
}
.nav-drag.show {
  background: #999;
}
.nav-drag .input-text {
  color: #333;
  padding: 4px;
  width: 100%;
  height: auto;
}
.engagement-admin,
.ev-recs {
  width: 1080px;
  border-bottom: 1px solid #ccc;
}
.engagement-admin input[type=checkbox],
.ev-recs input[type=checkbox] {
  margin: 0;
}
.engagement-admin .add-btn,
.ev-recs .add-btn {
  display: block;
  margin: 0 0 0 auto;
}
.engagement-admin .data-section,
.ev-recs .data-section {
  width: 998px;
  border: none;
  margin: 0px auto;
}
.engagement-admin .row-wrapper,
.ev-recs .row-wrapper {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
}
.engagement-admin .row-wrapper.border,
.ev-recs .row-wrapper.border,
.engagement-admin .row-wrapper:last-of-type,
.ev-recs .row-wrapper:last-of-type {
  border-bottom: 1px solid #ccc;
}
.engagement-admin .row-wrapper .btn-wrapper,
.ev-recs .row-wrapper .btn-wrapper {
  padding: 12px;
}
.engagement-admin .row-wrapper .btn-wrapper > div,
.ev-recs .row-wrapper .btn-wrapper > div,
.engagement-admin .row-wrapper .btn-wrapper > a,
.ev-recs .row-wrapper .btn-wrapper > a {
  margin-left: 10px;
}
.engagement-admin .btn4-half,
.ev-recs .btn4-half {
  width: 70px;
}
.engagement-admin .close-btn,
.ev-recs .close-btn {
  background: #00639b;
  color: #fff;
}
.engagement-admin .row-title,
.ev-recs .row-title {
  flex-grow: 1;
}
.engagement-admin .drag,
.ev-recs .drag {
  width: 200px;
}
.ev-admin .json-dg {
  margin: 0 0 2px 0 !important;
}
.ev-admin .json-dg .control {
  margin: 0;
  flex-basis: 15%;
}
.lt-overflow {
  width: 100%;
  max-height: 800px;
  overflow: auto;
}
.mui-v2 .lt-overflow {
  border: 2px solid #ccc;
}
.pm-overflow .table-wrapper {
  border-collapse: separate;
}
.pm-overflow .first-column {
  position: sticky;
  left: 0;
  border-right: 2px solid #777;
  border-bottom: 1px solid #ccc;
}
.pm-overflow .table-filters .gr {
  flex-wrap: wrap;
}
.opener .status-color.slim {
  min-height: auto;
  max-width: auto;
  margin: 0 0 0 10px;
  width: auto;
  flex: 0;
}
.opener .slim {
  padding: 0;
}
.opener .slim select {
  height: 24px;
}
.tiered-group .control-field {
  display: flex;
}
.tiered-group .input-note {
  white-space: nowrap;
}
.demand-combined-admin {
  width: 1200px;
}
.demand-combined-admin .opener.n2 {
  margin: 14px 0 14px 14px;
  align-items: center;
}
.demand-combined-admin .opener.nl {
  margin-left: 0;
}
.demand-combined-admin .sort-handle {
  margin-right: 14px;
  font-size: 16px;
}
.demand-combined-admin .rate-wrap {
  background: #fff;
  border: 1px solid #bbb;
  padding: 0;
  margin-bottom: 6px;
}
.demand-combined-admin .page-link {
  color: #069;
  font-size: 13px;
  cursor: pointer;
}
.demand-combined-admin .page-link:hover {
  text-decoration: underline;
}
.demand-combined-admin fieldset {
  margin: 20px 0 0 -14px;
  padding: 10px;
}
.demand-combined-admin .mt20 {
  margin-top: 20px;
}
.demand-combined-admin .ltop {
  margin-bottom: 20px;
}
.demand-combined-admin .sortable-rows .gr {
  align-items: center;
}
.demand-combined-admin .sortable-rows .gr .control {
  flex-basis: 10%;
}
.demand-combined-admin .sortable-rows .gr .control.b-long {
  flex-basis: 22%;
}
.demand-combined-admin .sortable-rows .gr .control.b-end {
  flex-shrink: 0;
  flex-basis: 2.75%;
}
.demand-combined-admin .sortable-rows .control-label {
  font-size: 13px;
}
.demand-combined-admin .how-many-days .num {
  margin-right: 4px;
}
.demand-combined-admin .gr select {
  min-width: auto;
}
.demand-combined-admin .tou-wrapper {
  width: 100%;
}
.demand-combined-admin .radio-count input {
  margin-right: 10px;
}
.demand-combined-admin .radio-count div {
  font-size: 15px;
  font-weight: bold;
}
.demand-combined-admin .radio-count label {
  font-size: 15px;
  padding: 4px 20px;
  border: 1px dotted #fff;
}
.demand-combined-admin .radio-count label:hover {
  border: 1px dotted #09f;
}
.demand-combined-admin .weekday-section {
  width: 100%;
  margin-top: 10px;
  border-top: 4px solid #444;
  padding: 10px;
  background: #f5f7f9;
}
.season-wrap .sort-handle {
  margin: 0;
}
.season-wrap .page-link {
  display: block;
}
.season-wrap .gr.time-row {
  margin: 7px 0 0 0;
}
.season-wrap .gr.time-row .control-label {
  font-weight: normal;
}
.season-wrap .gr.time-row.top {
  margin: 0;
}
.season-wrap .gr.time-row .control {
  margin: 0 14px 0 0;
  padding: 0;
}
.season-wrap .grouped {
  margin: 10px 0 0 0;
}
.season-wrap .grouped .gr-col {
  margin: 0 20px 10px 0;
  padding: 0 0 10px 10px;
  border-left: 1px solid #999;
}
.season-wrap .grouped .gr {
  align-items: flex-end;
}
.season-wrap .grouped .gr.center {
  align-items: center;
}
.season-wrap .grouped .control {
  margin: 0 14px 4px 0;
}
.season-wrap .weekday-section select {
  height: 33px;
}
.season-wrap .weekday-section .input-text {
  height: 32px;
  padding: 4px;
}
.season-wrap .weekday-section select,
.season-wrap .weekday-section .input-text {
  width: 100% !important;
}
.season-wrap .sub-h {
  font-weight: bold;
  text-transform: uppercase;
}
.radio-label {
  cursor: pointer;
  user-select: none;
}
.solar-admin .solar-fs {
  margin: 0 0 10px -18px;
  padding: 6px 6px 6px 16px;
}
.ev-admin.faq-admin.solar-admin .input-text {
  min-width: auto;
}
.ev-admin.faq-admin.solar-admin .control-label,
.ev-admin.faq-admin.solar-admin .gr label {
  font-weight: normal;
  font-size: 13px;
  color: #333;
}
.ev-admin.faq-admin.solar-admin .subh {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px -20px;
}
.ev-admin.faq-admin.solar-admin .narrow-row .control-label {
  font-weight: normal;
}
.ev-admin.faq-admin.solar-admin .lmatch {
  width: 220px;
  text-align: left;
  margin-right: 0;
}
.ev-admin.faq-admin.solar-admin .flex-0 {
  flex: 0;
}
.ev-admin.faq-admin.solar-admin .solar-row {
  margin-bottom: 10px;
}
.ev-admin.faq-admin.solar-admin .solar-row .control-label {
  flex: 0 0 220px;
  margin: 0;
}
.ev-admin.faq-admin.solar-admin .solar-row .control {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}
.ev-admin.faq-admin.solar-admin .solar-row .control-field {
  display: flex;
  flex: 1;
  align-items: center;
}
.ev-admin.faq-admin.solar-admin .solar-row .input-text,
.ev-admin.faq-admin.solar-admin .solar-row select {
  flex: 0 0 150px;
  min-width: auto;
}
.ev-admin.faq-admin.solar-admin .solar-row select.f100 {
  flex: 0 0 100px;
}
.ev-admin.faq-admin.solar-admin .solar-row select.f250 {
  flex: 0 0 250px;
}
.ev-admin.faq-admin.solar-admin .solar-row select.f70 {
  flex: 0 0 70px;
}
.ev-admin.faq-admin.solar-admin .solar-row select.f50 {
  flex: 0 0 50px;
}
.rp-admin-style .gr {
  margin-bottom: 6px;
}
.rp-admin-style .months-style .num {
  padding: 4px;
}
.season-admin-style .gr,
.season-admin-style .control {
  margin: 0;
}
.season-admin-style .gr {
  align-items: flex-end;
}
.season-admin-style .control {
  margin: 0 6px 6px 0;
}
.season-admin-style .control-label {
  font-size: 15px;
}
.season-admin-style .spacer {
  width: 14px;
}
.season-admin-style .narrow-row {
  align-items: baseline;
}
.season-admin-style .season-show {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 2px;
  margin: 0 20px 10px 0;
}
.season-admin-style .season-wrap {
  margin-right: 16px;
}
.json-boundary {
  width: 100%;
  overflow-x: auto;
}
.json-boundary .overflow-2000 .overflow-holder {
  width: 2000px;
}
.json-boundary .actions {
  margin: 10px 0;
}
.json-boundary .tab-cp {
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
}
.json-boundary .tab-cp:hover {
  color: #fff;
  background: #369;
}
.json-boundary .tab-cp .fa {
  display: inline-block;
  margin: 0 6px;
  cursor: pointer;
  font-size: 16px;
}
.json-boundary .gr.names {
  margin: 0 0 10px 0;
}
.json-boundary .json-th {
  flex-basis: 102px;
  font-weight: bold;
  font-size: 15px;
}
.json-boundary .checkbox {
  flex-basis: 100px;
  align-self: stretch;
  border: 1px solid #ccc;
}
.json-boundary .checkbox .control-field,
.json-boundary .checkbox label {
  height: 100%;
}
.json-boundary .checkbox label {
  display: flex;
}
.json-boundary .gr {
  align-items: center;
}
.json-boundary .gr select {
  padding: 0 0 0 4px;
  border-radius: 0;
  border-right: 0;
  height: 30px;
}
.json-boundary .input-text,
.json-boundary select,
.json-boundary .json-th,
.json-boundary .control {
  box-shadow: none;
  min-width: auto;
  flex-basis: 100px;
  flex-grow: 0;
  flex-shrink: 0;
}
.json-boundary .input-text[disabled],
.json-boundary select[disabled],
.json-boundary .json-th[disabled],
.json-boundary .control[disabled] {
  background: #eee;
}
.json-boundary .w1 {
  min-width: auto;
  flex-basis: 60px;
}
.json-boundary .w150 {
  flex-basis: 150px;
}
.json-boundary .w2 {
  flex-basis: 200px;
}
.json-boundary .w3 {
  flex-basis: 300px;
}
.json-boundary .w4 {
  flex-basis: 500px;
}
.json-table .empty-spacer {
  min-width: 115px;
  border-left: 1px solid transparent;
}
.json-table .gr.hd {
  margin: 0;
}
.json-table .gr.hd .control {
  margin: 0;
  width: 100%;
}
.json-table .gr.hd .ll {
  flex-basis: 485px;
}
.json-table .gr.hd .rr {
  flex-basis: 300px;
}
.json-table .gr.hd .h2 {
  width: 100%;
  display: flex;
}
.json-table .control.net-push {
  margin-right: 36px;
}
.json-table .control.no-rb:not(.net-push) {
  border-right: none;
}
.json-table .control.no-rb:not(.net-push) .input-text {
  border-right: none;
}
.json-table .gr.no-bb .input-text,
.json-table .gr.no-bb select,
.json-table .gr.no-bb .control {
  border-bottom: none;
}
.json-table .gr.sum-row {
  margin-top: 10px;
  font-weight: bold;
}
.horiz-radio .control-field {
  display: flex;
}
.horiz-radio .input-radio {
  margin-right: 20px;
}
.version-style .cache-cell {
  padding: 10px;
  background: #def;
}
.version-style .cache-cell.available {
  background: #dfe;
}
.version-style .overflow {
  max-height: 300px;
  overflow-y: scroll;
}
.version-style .simple-table tr {
  height: auto;
}
.version-style .simple-table tr.hi td {
  background: #cdf;
}
.version-style .simple-table td,
.version-style .simple-table th {
  padding: 4px;
}
.version-style .simple-table td {
  font-weight: normal !important;
}
table.simple-table,
.dashboard-index table.simple-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin: 0;
}
table.simple-table td,
.dashboard-index table.simple-table td {
  border: 1px solid #ccc;
  padding: 6px 10px 6px 6px;
  white-space: break-word;
}
table.simple-table td:first-child,
.dashboard-index table.simple-table td:first-child {
  font-weight: bold;
}
.management-commands .control-label {
  font-size: 12px;
}
.management-commands .full-width {
  width: 100%;
}
.management-commands .cmd-input .button {
  margin-top: 10px;
}
.management-commands textarea {
  resize: none;
  height: 100%;
  min-height: 500px;
}
.management-commands textarea,
.management-commands input[type=text] {
  background: #000;
  color: #80ff80;
  font-family: monospace;
  word-break: break-all;
}
.mui-v2 {
  background: #f2f2f2;
  line-height: 1.5;
  margin: 0 auto;
  padding: 10px 20px 120px 20px;
  width: 1300px;
}
.mui-v2.admin {
  padding-top: 50px;
}
.mui-v2.admin.list-view {
  width: auto;
}
.mui-v2.admin.list-view header {
  min-height: 30px;
}
.mui-v2 h1 {
  font: normal 400 1.75rem 'Open Sans Regular', 'Open Sans';
  color: #069;
}
.mui-v2 h2 {
  font: normal 400 1rem 'Open Sans Regular', 'Open Sans';
  color: #069;
}
.mui-v2 h3 {
  font: normal 700 0.813rem 'Open Sans Regular', 'Open Sans';
  color: #333;
  text-transform: uppercase;
}
.mui-v2 p {
  font: normal 400 0.813rem 'Open Sans Regular', 'Open Sans';
}
.mui-v2 a,
.mui-v2 .btn-go {
  background: #eee;
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #0078a0;
  display: block;
  font-size: 0.625rem;
  margin: 5px 0;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: fit-content;
}
.mui-v2 a.w200,
.mui-v2 .btn-go.w200 {
  width: 200px;
}
.mui-v2 a.w200.new,
.mui-v2 .btn-go.w200.new {
  background: #f8f8f8;
  color: #666;
}
.mui-v2 a.variable-width,
.mui-v2 .btn-go.variable-width {
  width: auto;
  padding: 5px 10px;
}
.mui-v2 a.btn-go,
.mui-v2 .btn-go.btn-go {
  color: #666;
  font-size: 0.625rem;
  padding: 10px 15px;
}
.mui-v2 header {
  background: none;
  position: relative;
  min-height: 150px;
}
.mui-v2 header section {
  position: absolute;
}
.mui-v2 header section.title-full-width {
  left: 0;
  width: 1300px;
}
.mui-v2 header section.title-left {
  left: 0;
  width: 1000px;
}
.mui-v2 header section.buttons-right {
  margin-top: 5px;
  right: 0;
}
.mui-v2 .inline-field {
  display: inline-block;
}
.mui-v2 .inline-field:not(:last-child) {
  margin-right: 10px;
}
.mui-v2.list-view {
  padding-left: 0;
  padding-right: 0;
}
.mui-v2.list-view header {
  margin-bottom: 20px;
}
.mui-v2 .table-filters .control-label {
  font-size: 12px;
  text-transform: uppercase;
}
.mui-v2 .table-filters .gr:not(:last-child) {
  margin-bottom: 10px;
}
.admin-table-display {
  border: 1px solid #ccc;
  background: #fff;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
}
.admin-table-display .gr,
.admin-table-display .full {
  width: 100%;
}
.admin-table-display .control.full {
  margin-right: 0;
}
.admin-table-display > thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #e4e4e4;
  vertical-align: middle;
  text-transform: uppercase;
  height: 50px;
  box-shadow: 0 1px 5px 2px #ccc;
}
.admin-table-display > thead td,
.admin-table-display > thead th {
  border: none;
  text-align: center;
}
.admin-table-display > tbody tr {
  border-bottom: none;
}
.admin-table-display > tbody tr:nth-child(2n+1) {
  border-top: 1px solid #ccc;
}
.admin-table-display > tbody tr:nth-child(4n),
.admin-table-display > tbody tr:nth-child(4n-1) {
  background-color: #f7f7f7;
}
.admin-table-display > tbody td {
  vertical-align: middle;
  padding: 10px 4px;
  white-space: nowrap;
}
.admin-table-display > tbody td:not(:first-child) {
  border-bottom: 1px solid #ccc;
}
.admin-table-display > tbody td.first-column .expandable {
  display: flex;
  justify-content: space-between;
}
.admin-table-display > tbody td.first-column .expandable .details-open,
.admin-table-display > tbody td.first-column .expandable .tails-open {
  cursor: pointer;
  border-bottom: none;
  margin: 0 10px;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #0078a0;
  line-height: 2.5;
}
.admin-table-display > tbody td.first-column .expandable .details-open:hover,
.admin-table-display > tbody td.first-column .expandable .tails-open:hover {
  border-bottom: 1px solid #0078a0;
}
.admin-table-display > tbody td label {
  font-size: 10px;
  text-transform: uppercase;
}
.admin-table-display > tbody td .create-btn {
  background: none;
  border: none;
  margin: 0 auto;
}
.admin-table-display > tbody td .inline-widget {
  display: inline-block;
  width: 80%;
}
.admin-table-display .site-link {
  display: inline-block;
  border: none;
  background: none;
  width: 18px;
}
.admin-table-display .site-locked,
.admin-table-display site.unlocked {
  width: 18px;
  height: 18px;
  padding-left: 2px;
}
.admin-table-display .site-unlocked {
  visibility: hidden;
}
.project-management {
  width: auto;
  margin: 0 50px;
}
.project-management .colorized-select-widget.site-status {
  width: 120px;
}
.project-management .colorized-select-widget.site-task {
  width: 120px;
}
.project-management table.contact-info {
  margin: 10px 0;
  width: 100%;
}
.project-management table.contact-info thead {
  border-bottom: 1px solid #ccc;
}
.project-management table.contact-info tr:nth-child(even) {
  background-color: #f7f7f7;
}
.project-management table.contact-info td,
.project-management table.contact-info th {
  font-size: 10px;
  white-space: normal;
  word-break: break-word;
  padding: 0 5px;
}
.pm-table {
  border-collapse: separate;
  margin: 0;
}
.pm-table th {
  background: #e4e4e4;
  position: sticky;
}
.pm-table th:first-child {
  left: 0;
  z-index: 10;
}
.pm-table tr {
  height: 40px;
  display: table-row;
}
.pm-table tr.expand td {
  vertical-align: top;
}
.pm-table tr td {
  background: #fff;
}
.pm-table tr:nth-child(4n + 1) td {
  background: #f7f7f7;
}
.pm-table td {
  border-right: 1px solid #ccc;
}
.pm-table td.top {
  border-right: none;
}
.pm-table .utility-name {
  padding: 0 5px;
  width: 400px;
}
.pm-table .customer-count {
  padding: 0 5px;
  text-align: right;
  width: 80px;
}
.pm-table .utility-task,
.pm-table .sales-task {
  padding: 0 5px;
  min-width: 150px;
  width: 150px;
}
.pm-table .site-cell {
  min-width: 280px;
  width: 280px;
}
.pm-table .utility-more {
  padding: 0 10px 5px 10px;
  min-width: 350px;
}
.pm-table .utility-more a {
  border: none;
  background: none;
  display: inline-block;
  font-size: 10px;
}
.pm-table .utility-link {
  font: normal 700 12px 'Open Sans Bold', 'Open Sans';
  text-transform: uppercase;
  color: #333;
  background: none;
  border: none;
  padding: 0 5px;
}
.pm-table .utility-link:hover {
  text-decoration: underline;
}
.pm-table .tabbed-content {
  padding-left: 0;
}
.pm-table .mui-tabs {
  justify-content: left;
  border-bottom: 1px solid #ccc;
}
.pm-table .one-tab {
  flex: 1 0 auto;
  font-size: 12px;
  text-transform: uppercase;
  width: 280px;
  min-width: 280px;
  background: #e4e4e4;
  border: 1px solid #ccc;
  border-bottom: none;
}
.pm-table .one-tab:nth-child(-n+2) {
  width: 150px;
  min-width: 0;
  max-width: 150px;
}
.pm-table .one-tab:not(:last-child) {
  border-right: none;
}
.pm-table .one-tab.selected {
  background: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  box-shadow: 0 -1px 1px #ccc;
}
.pm-table .one-tab.disabled {
  background: #e8e8e8;
  color: #ccc;
}
.pm-table .tab-contents {
  width: 700px;
  min-height: 100px;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
}
.pm-table .tab-reveal {
  padding: 5px 20px;
}
.pm-table .create-prompt {
  margin: 20px auto;
  text-align: center;
}
.pm-table .site-content,
.pm-table .sales-content {
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}
.pm-table ul.notes-list {
  border-top: 1px solid #ccc;
  list-style: none;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10px 0;
}
.pm-table ul.notes-list li {
  font-size: 12px;
  padding: 5px 10px;
}
.pm-table ul.notes-list li:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.pm-table ul.notes-list li:nth-child(odd) {
  background: #fff;
}
.pm-table ul.notes-list li:nth-child(even) {
  background: #ffffe0;
}
.pm-table .note-head {
  display: flex;
  justify-content: right;
}
.pm-table .note-head cite {
  margin: 0 10px;
}
.pm-table .note-head cite.created.offset {
  margin-right: 50px;
}
.pm-table .note-head .delete-btn {
  font-size: 9px;
}
.pm-table .note-head .delete-btn .note-content p {
  margin: 0;
}
.pm-table .note-head .gr {
  width: 100%;
}
.pm-table .note-head .gr .full {
  width: 100%;
}
.pm-table .ta {
  white-space: pre-wrap;
  margin-bottom: 0;
  height: 50px;
}
.pm-table .note-content {
  white-space: normal;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dotted #ccc;
}
.pm-table .submit-btn {
  margin: 0;
  color: #333;
  padding: 5px 10px;
  font-size: 12px;
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ccc;
  position: static;
}
.site-type-select.slim {
  background-color: none;
  padding: 1px 2px 2px 1px;
  max-width: 100px;
  min-height: 20px;
  margin: 0 10px;
  z-index: 2;
}
.site-type-select.slim select {
  width: 100px;
  height: 20px;
  box-shadow: none;
}
.site-type-select select {
  color: #333;
  border-color: #333;
  border-radius: 0;
  padding: 0 20px 0 5px;
  height: 26px;
  width: 100%;
}
.colorized-select-wrapper {
  padding: 0 !important;
  width: 200px;
}
.colorized-select-widget {
  padding: 5px 4px;
  width: 100%;
}
.colorized-select-widget select {
  color: #333;
  border-color: #333;
  border-radius: 0;
  padding: 0 20px 0 5px;
  height: 26px;
  width: 100%;
}
.colorized-select-widget select optgroup {
  background: #000;
  color: #fff;
}
.colorized-select-widget.grey1 {
  background-color: #eee;
}
.colorized-select-widget.grey1 select {
  background-color: #eee;
}
.colorized-select-widget.grey2 {
  background-color: #ccc;
}
.colorized-select-widget.grey2 select {
  background-color: #ccc;
}
.colorized-select-widget.grey3 {
  background-color: #aaa;
}
.colorized-select-widget.grey3 select {
  background-color: #aaa;
}
.colorized-select-widget.grey4 {
  background-color: #999;
}
.colorized-select-widget.grey4 select {
  color: #fff;
  background-color: #999;
}
.colorized-select-widget.grey5 {
  background-color: #888;
}
.colorized-select-widget.grey5 select {
  color: #fff;
  background-color: #888;
}
.colorized-select-widget.grey6 {
  background-color: #666;
}
.colorized-select-widget.grey6 select {
  color: #fff;
  background-color: #666;
}
.colorized-select-widget.grey7 {
  background-color: #444;
}
.colorized-select-widget.grey7 select {
  color: #fff;
  background-color: #444;
}
.colorized-select-widget.grey8 {
  background-color: #222;
}
.colorized-select-widget.grey8 select {
  color: #fff;
  background-color: #222;
}
.colorized-select-widget.black1 {
  background-color: #000;
}
.colorized-select-widget.black1 select {
  color: #fff;
  background-color: #000;
}
.colorized-select-widget.blue1 {
  background-color: #cee0ea;
}
.colorized-select-widget.blue1 select {
  color: #fff;
  background-color: #cee0ea;
  border-color: #e4f0f6;
  text-shadow: 0 0 5px #094869;
  box-shadow: 1px 1px 1px #094869;
}
.colorized-select-widget.blue2 {
  background-color: #9ec2d5;
}
.colorized-select-widget.blue2 select {
  background-color: #9ec2d5;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #0d6797;
  box-shadow: 1px 1px 1px #0d6797;
}
.colorized-select-widget.blue3 {
  background-color: #6da3c0;
}
.colorized-select-widget.blue3 select {
  background-color: #6da3c0;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #0d6797;
  box-shadow: 1px 1px 1px #0d6797;
}
.colorized-select-widget.blue4 {
  background-color: #3d85ab;
}
.colorized-select-widget.blue4 select {
  background-color: #3d85ab;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #0b5c87;
  box-shadow: 1px 1px 1px #0b5c87;
}
.colorized-select-widget.blue5 {
  background-color: #0d6797;
}
.colorized-select-widget.blue5 select {
  background-color: #0d6797;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #0a5278;
  box-shadow: 1px 1px 1px #0a5278;
}
.colorized-select-widget.blue6 {
  background-color: #0a5278;
}
.colorized-select-widget.blue6 select {
  background-color: #0a5278;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #094869;
  box-shadow: 1px 1px 1px #094869;
}
.colorized-select-widget.blue7 {
  background-color: #084160;
}
.colorized-select-widget.blue7 select {
  background-color: #084160;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #073954;
  box-shadow: 1px 1px 1px #073954;
}
.colorized-select-widget.blue8 {
  background-color: #063148;
}
.colorized-select-widget.blue8 select {
  background-color: #063148;
  border-color: #e4f0f6;
  color: #fff;
  text-shadow: 0 0 5px #05293c;
  box-shadow: 1px 1px 1px #05293c;
}
.colorized-select-widget.green1 {
  background-color: #31c603;
}
.colorized-select-widget.green1 select {
  background-color: #31c603;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #336033;
  box-shadow: 1px 1px 1px #336033;
}
.colorized-select-widget.green2 {
  background-color: #2cb202;
}
.colorized-select-widget.green2 select {
  background-color: #2cb202;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #186301;
  box-shadow: 1px 1px 1px #186301;
}
.colorized-select-widget.green3 {
  background-color: #279e02;
}
.colorized-select-widget.green3 select {
  background-color: #279e02;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #186301;
  box-shadow: 1px 1px 1px #186301;
}
.colorized-select-widget.green4 {
  background-color: #228a02;
}
.colorized-select-widget.green4 select {
  background-color: #228a02;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #186301;
  box-shadow: 1px 1px 1px #186301;
}
.colorized-select-widget.green5 {
  background-color: #1d7601;
}
.colorized-select-widget.green5 select {
  background-color: #1d7601;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #0e3b00;
  box-shadow: 1px 1px 1px #0e3b00;
}
.colorized-select-widget.green6 {
  background-color: #186301;
}
.colorized-select-widget.green6 select {
  background-color: #186301;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #0e3b00;
  box-shadow: 1px 1px 1px #0e3b00;
}
.colorized-select-widget.green7 {
  background-color: #134f01;
}
.colorized-select-widget.green7 select {
  background-color: #134f01;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #092700;
  box-shadow: 1px 1px 1px #092700;
}
.colorized-select-widget.green8 {
  background-color: #0e3b00;
}
.colorized-select-widget.green8 select {
  background-color: #0e3b00;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #092700;
  box-shadow: 1px 1px 1px #092700;
}
.colorized-select-widget.orange1 {
  background-color: #ffbf00;
}
.colorized-select-widget.orange1 select {
  background-color: #ffbf00;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #b28500;
  box-shadow: 1px 1px 1px #b28500;
}
.colorized-select-widget.orange2 {
  background-color: #ffb367;
}
.colorized-select-widget.orange2 select {
  background-color: #ffb367;
  border-color: #fff;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.orange3 {
  background-color: #ffa64d;
}
.colorized-select-widget.orange3 select {
  background-color: #ffa64d;
  border-color: #fff;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.orange4 {
  background-color: #ff9a34;
}
.colorized-select-widget.orange4 select {
  background-color: #ff9a34;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #994c00;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.orange5 {
  background-color: #ff8d1a;
}
.colorized-select-widget.orange5 select {
  background-color: #ff8d1a;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #994c00;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.orange6 {
  background-color: #ff8000;
}
.colorized-select-widget.orange6 select {
  background-color: #ff8000;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #994c00;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.orange7 {
  background-color: #e67400;
}
.colorized-select-widget.orange7 select {
  background-color: #e67400;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #994c00;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.orange8 {
  background-color: #cd6700;
}
.colorized-select-widget.orange8 select {
  background-color: #cd6700;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #994c00;
  box-shadow: 1px 1px 1px #994c00;
}
.colorized-select-widget.yellow1 {
  background-color: #ffc;
}
.colorized-select-widget.yellow1 select {
  background-color: #ffc;
  box-shadow: 1px 1px 1px #ffff32;
}
.colorized-select-widget.yellow2 {
  background-color: #ff9;
}
.colorized-select-widget.yellow2 select {
  background-color: #ff9;
  box-shadow: 1px 1px 1px #ffff32;
}
.colorized-select-widget.yellow3 {
  background-color: #ff6;
}
.colorized-select-widget.yellow3 select {
  background-color: #ff6;
  box-shadow: 1px 1px 1px #ffff32;
}
.colorized-select-widget.yellow4 {
  background-color: #ffff32;
}
.colorized-select-widget.yellow4 select {
  background-color: #ffff32;
  box-shadow: 1px 1px 1px #ff0;
}
.colorized-select-widget.yellow5 {
  background-color: #ff0;
}
.colorized-select-widget.yellow5 select {
  background-color: #ff0;
  box-shadow: 1px 1px 1px #990;
}
.colorized-select-widget.yellow6 {
  background-color: #e5e500;
}
.colorized-select-widget.yellow6 select {
  background-color: #e5e500;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #990;
  box-shadow: 1px 1px 1px #990;
}
.colorized-select-widget.yellow7 {
  background-color: #cc0;
}
.colorized-select-widget.yellow7 select {
  background-color: #cc0;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #990;
  box-shadow: 1px 1px 1px #990;
}
.colorized-select-widget.yellow8 {
  background-color: #b2b200;
}
.colorized-select-widget.yellow8 select {
  background-color: #b2b200;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #990;
  box-shadow: 1px 1px 1px #990;
}
.colorized-select-widget.red1 {
  background-color: #ff9a9a;
}
.colorized-select-widget.red1 select {
  background-color: #ff9a9a;
  box-shadow: 1px 1px 1px #f00;
}
.colorized-select-widget.red2 {
  background-color: #ff6767;
}
.colorized-select-widget.red2 select {
  background-color: #ff6767;
  box-shadow: 1px 1px 1px #f00;
}
.colorized-select-widget.red3 {
  background-color: #ff3434;
}
.colorized-select-widget.red3 select {
  background-color: #ff3434;
  box-shadow: 1px 1px 1px #f00;
}
.colorized-select-widget.red4 {
  background-color: #f00;
}
.colorized-select-widget.red4 select {
  background-color: #f00;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #4c0000;
  box-shadow: 1px 1px 1px #4c0000;
}
.colorized-select-widget.red5 {
  background-color: #e60000;
}
.colorized-select-widget.red5 select {
  background-color: #e60000;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #4c0000;
  box-shadow: 1px 1px 1px #4c0000;
}
.colorized-select-widget.red6 {
  background-color: #c00;
}
.colorized-select-widget.red6 select {
  background-color: #c00;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #4c0000;
  box-shadow: 1px 1px 1px #4c0000;
}
.colorized-select-widget.red7 {
  background-color: #b30000;
}
.colorized-select-widget.red7 select {
  background-color: #b30000;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #4c0000;
  box-shadow: 1px 1px 1px #4c0000;
}
.colorized-select-widget.red8 {
  background-color: #800000;
}
.colorized-select-widget.red8 select {
  background-color: #800000;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #4c0000;
  box-shadow: 1px 1px 1px #4c0000;
}
.colorized-select-widget.enw-blue {
  background-color: #069;
}
.colorized-select-widget.enw-blue select {
  background-color: #069;
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 5px #036;
  box-shadow: 1px 1px 1px #036;
}
.colorized-select-widget.enw-dark-blue {
  background-color: #036;
}
.colorized-select-widget.enw-dark-blue select {
  background-color: #036;
  border-color: #fff;
  color: #fff;
}
.colorized-select-widget.teal {
  background-color: #0ff;
}
.colorized-select-widget.teal select {
  background-color: #0ff;
  box-shadow: 1px 1px 1px #036;
}
.colorized-select-widget.slim {
  max-width: 120px;
  min-height: 20px;
  margin: 0 0 0 10px;
}
.colorized-select-widget.slim select {
  width: 120px;
  box-shadow: none !important;
}
main.engagement {
  width: 1475px;
}
main.engagement header.filters {
  min-height: 0;
}
main.engagement .project-stats:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
main.engagement .project-stats {
  padding: 7px 20px 14px 20px;
  margin: 0 -20px;
  width: 1475px;
}
main.engagement .stat-row {
  display: flex;
  height: 120px;
  justify-content: space-between;
  width: 100%;
}
main.engagement .stat-row .stat-group {
  display: flex;
  margin-bottom: 10px;
  margin-left: 0;
  min-height: 100px;
  line-height: 1.5;
  position: relative;
}
main.engagement .stat-row a.stat-tab {
  background: none;
  border: none;
  border-radius: 0;
  height: 100px;
  margin: 0;
  padding: 0;
}
main.engagement .stat-row .stat-box {
  border: 1px solid #ccc;
  color: #333;
  flex-basis: 100px;
  height: 100px;
  margin-right: 10px;
  min-width: 100px;
  padding-top: 10px;
  position: relative;
  text-align: center;
}
main.engagement .stat-row .stat-box.grey {
  background: #e4e4e4;
}
main.engagement .stat-row .stat-box.grey .value {
  color: #999;
}
main.engagement .stat-row .stat-box.totals {
  margin-right: 0;
}
main.engagement .stat-row .stat-box.totals:not(:last-child) {
  border-right: none;
}
main.engagement .stat-row .stat-box dt {
  color: #000;
  font-size: 0.625rem;
  font-weight: normal;
  margin: 0 0 3px 0;
  text-transform: uppercase;
}
main.engagement .stat-row .stat-box dd {
  margin: 0;
}
main.engagement .stat-row .stat-box dd .count {
  font-weight: bold;
  font-size: 24px;
}
main.engagement .stat-row .stat-box dd .value {
  border-top: 1px solid #ccc;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0;
  position: absolute;
  width: 100%;
}
main.engagement footer.controls {
  display: flex;
  justify-content: flex-end;
}
main.engagement .filters {
  display: flex;
  justify-content: space-between;
}
main.engagement .filters section {
  position: relative;
}
main.engagement .filters label {
  color: #333;
  display: block;
  font-size: 0.625rem;
  font-weight: normal;
  text-transform: uppercase;
}
main.engagement .filters .date-type-selection {
  vertical-align: middle;
}
main.engagement .filters .date-type-selection input.date-type {
  margin: 0;
}
main.engagement .filters select.date-select {
  width: 80px;
  font-size: 14px;
  text-transform: uppercase;
}
main.engagement .filters select.project-key-select {
  width: 350px;
  font-size: 14;
  text-transform: uppercase;
}
main.engagement .filters .search-reset-btn,
main.engagement .filters .apply-filters-btn {
  border: none;
  background: none;
  margin-bottom: 0;
  margin-top: -20px;
  text-align: left;
  visibility: hidden;
}
main.engagement .filters .inline-field.last {
  margin-right: 0;
}
main.engagement.dashboard,
main.engagement.project-list {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  width: 1475px;
}
main.engagement.dashboard .stat-row {
  height: 110px;
}
main.engagement.dashboard a.stat-tab {
  pointer-events: none;
  cursor: default;
}
main.engagement.projects-list {
  background: #fff;
  border: none;
  margin: 0;
  padding-right: 0;
  width: 100%;
}
main.engagement.projects-list>header {
  width: 1475px;
  margin-left: 50px;
min-height
}
main.engagement.projects-list .filters {
  width: 1475px;
}
main.engagement.projects-list article.content {
  margin-left: 50px;
}
main.engagement.projects-list article.content>header {
  min-height: 100px;
}
main.engagement.projects-list select.select-project-type {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  color: #069;
  font: normal 400 1.75rem 'Open Sans Regular', 'Open Sans';
  outline: none;
  padding-right: 20px;
  width: auto;
}
main.engagement.projects-list select.select-project-type:hover {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border: 1px solid #069;
}
main.engagement.projects-list .project-stats {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
main.engagement.projects-list .project-stats .stat-row-wrapper {
  border-bottom: 1px solid #ccc;
  box-shadow: 0 -10px 18px -16px #888 inset;
  margin-left: -70px;
  min-width: 1485px;
  width: 100vw;
  padding-left: 60px;
}
main.engagement.projects-list .project-stats .stat-row-wrapper .stat-row {
  width: 1485px;
}
main.engagement.projects-list .project-stats .stat-row-wrapper .stat-row a.stat-tab {
  background: none;
  border: 1px solid transparent;
  border-bottom: none;
  height: 120px;
  margin-top: 1px;
  padding: 10px;
}
main.engagement.projects-list .project-stats .stat-row-wrapper .stat-row a.stat-tab:hover {
  border-color: #eee;
}
main.engagement.projects-list .project-stats .stat-row-wrapper .stat-row a.stat-tab.active {
  background: #fff;
  border-color: #ccc;
}
main.engagement.projects-list .project-stats .stat-row-wrapper .stat-row a.stat-tab .stat-box {
  margin-right: 0;
}
main.engagement.projects-list .project-stats .stat-row-wrapper .stat-row .stat-box.totals {
  margin-top: 10px;
}
main.engagement.projects-list section.project-table {
  margin-left: -70px;
  padding-left: 70px;
}
main.engagement.projects-list section.project-table header {
  align-items: center;
  display: flex;
  min-height: auto;
  margin: 10px 0 10px 0;
  padding: 0;
  text-transform: uppercase;
}
main.engagement.projects-list section.project-table header label {
  font-size: 0.813rem;
  margin-bottom: 1rem;
}
main.engagement.projects-list section.project-table header select {
  flex-grow: 0;
  width: auto;
}
main.engagement.projects-list section.project-table header select.bulk-actions {
  margin-bottom: 0;
  margin-right: 20px;
  width: 200px;
}
main.engagement.projects-list section.project-table table {
  border: 1px solid #ccc;
  border-collapse: separate;
  table-layout: fixed;
  width: auto;
}
main.engagement.projects-list section.project-table table thead {
  background-color: #e4e4e4;
  border-bottom: 1px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 2;
}
main.engagement.projects-list section.project-table table tr {
  height: 55px;
}
main.engagement.projects-list section.project-table table td {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: normal;
  height: 100%;
  text-transform: uppercase;
}
main.engagement.projects-list section.project-table table td a {
  background: none;
  border: none;
  font-size: 0.813rem;
}
main.engagement.projects-list section.project-table table td>.check-project {
  margin-bottom: 0;
}
main.engagement.projects-list section.project-table table td.selected {
  background-color: #d4fdb0;
}
main.engagement.projects-list section.project-table table td.double-inline .inline-date {
  font-size: 11px;
  height: 25px;
  margin: 3px 0;
  padding: 0 5px;
}
main.engagement.projects-list section.project-table table td .inline-select {
  background-position: 96% center;
  border-radius: 0;
  height: 26px;
  margin-bottom: 0;
  padding: 0 40px 0 5px;
  text-transform: uppercase;
  width: auto;
}
main.engagement.projects-list section.project-table table td .inline-select.inverted {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAAAdUlEQVRIx2MQllCs+P//vwcQM1ATM4waPGrwqMEjzmBSweAxGMgu+k8YFJHjYsvFixfvwWUiSA6khtygsFmxYsV+dENBYiA5SsPYfvXq1QdghoLYIDFqRZ7jxo0bD4MwiE3tVOECxYM0uVHd4NFCaNTgQW4wAKpugq+9Zk7QAAAAAElFTkSuQmCC");
  color: #fff;
}
main.engagement.projects-list section.project-table table th {
  background-color: #e4e4e4;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
}
main.engagement.projects-list section.project-table table th .header-section {
  display: inline-block;
}
main.engagement.projects-list section.project-table table th .sorter {
  background: transparent;
  border: none;
  color: #333;
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  opacity: 0.1;
}
main.engagement.projects-list section.project-table table th .sorter:hover {
  opacity: 1;
}
main.engagement.projects-list section.project-table table th .sorter:disabled {
  color: #069;
  opacity: 1;
}
main.engagement.projects-list section.project-table table td,
main.engagement.projects-list section.project-table table th {
  padding: 0 10px;
  font-size: 14px;
  white-space: nowrap;
}
main.engagement.projects-list section.project-table table td:nth-child(-n+3),
main.engagement.projects-list section.project-table table th:nth-child(-n+3) {
  position: sticky;
  left: 0;
  z-index: 1;
}
main.engagement.projects-list section.project-table table td:first-child,
main.engagement.projects-list section.project-table table th:first-child {
  width: 35px;
}
main.engagement.projects-list section.project-table table td:nth-child(2),
main.engagement.projects-list section.project-table table th:nth-child(2) {
  left: 35px;
  width: 145px;
}
main.engagement.projects-list section.project-table table td:nth-child(3),
main.engagement.projects-list section.project-table table th:nth-child(3) {
  left: 177px;
}
main.engagement.projects-list .status-tag {
  background-color: #666;
  color: #fff;
  font-size: 10px;
  padding: 3px 5px;
  text-align: center;
  text-transform: uppercase;
}
main.engagement.projects-list .status-tag.black {
  background-color: #000;
}
main.engagement.projects-list .status-tag.black select {
  background-color: #000;
}
main.engagement.projects-list .status-tag.green {
  background-color: #00992b;
}
main.engagement.projects-list .status-tag.green select {
  background-color: #00992b;
}
main.engagement.projects-list .status-tag.grey-light {
  background-color: #999;
}
main.engagement.projects-list .status-tag.grey-light select {
  background-color: #999;
}
main.engagement.projects-list .status-tag.grey {
  background-color: #666;
}
main.engagement.projects-list .status-tag.grey select {
  background-color: #666;
}
main.engagement.projects-list .status-tag.grey-dark {
  background-color: #434343;
}
main.engagement.projects-list .status-tag.grey-dark select {
  background-color: #434343;
}
main.engagement.projects-list .status-tag.navy {
  background-color: #069;
}
main.engagement.projects-list .status-tag.navy select {
  background-color: #069;
}
main.engagement.projects-list .status-tag.red {
  background-color: #f00;
}
main.engagement.projects-list .status-tag.red select {
  background-color: #f00;
}
main.engagement.project-type-editor {
  width: 1000px;
}
main.engagement.project-type-editor.list table {
  width: 100%;
}
main.engagement.project-type-editor.list table td.name {
  width: 100%;
}
main.engagement.project-type-editor.list table td.buttons {
  min-width: 225px;
}
main.engagement.project-type-editor.list table td.buttons a {
  padding: 5px 10px;
  display: inline-block;
  min-width: 100px;
}
main.engagement.project-type-editor.edit {
  padding: 10px 0 120px 0;
}
main.engagement.project-type-editor.edit .modified {
  font-size: 9px;
  text-transform: uppercase;
  text-align: end;
}
main.engagement.project-type-editor.edit .edit-form .form-editor {
  min-height: 200px;
}
main.engagement.project-type-editor.edit .edit-form .email-fields {
  display: flex;
  justify-content: space-between;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .fields {
  width: 765px;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .fields textarea {
  margin-bottom: 0;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .key {
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 5px;
  width: 220px;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .key h3 {
  text-align: center;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .key .help {
  font-size: 10px;
  text-align: center;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .key .token {
  display: flex;
  justify-content: space-between;
}
main.engagement.project-type-editor.edit .edit-form .email-fields .key .token p {
  display: inline-block;
  font-size: 11px;
  margin-bottom: 0.5rem;
}
body.project-list-page {
  background: #fff;
}
.m10 {
  margin: 10px;
}
.json-v {
  display: none;
}
.delete-link {
  color: #777;
  text-decoration: underline;
  cursor: pointer;
}
.delete-link:hover {
  color: #444;
}
button.cta-button,
a.cta-button {
  color: #fff;
  background: #00639b;
  border-radius: 4px;
  padding: 10px 26px;
  font-size: 14px;
  height: auto;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  font: "Open Sans";
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
}
button.cta-button:hover,
a.cta-button:hover {
  background: #00639b;
}
.notice {
  display: inline-block;
  background: #fea;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 22px 44px;
  margin: 20px 0;
  font-size: 15px;
}
.notice a {
  text-decoration: underline;
}
.address-verification-msg {
  position: relative;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #49d;
  padding: 0 10px;
  font-size: 14px;
  color: #49d;
  display: inline-flex;
  opacity: 0;
  user-select: none;
  display: inline-flex;
  align-items: baseline;
  background: #eee;
  border: 1px solid #ccc;
  transition: opacity 0.3s;
}
.address-verification-msg.show {
  opacity: 1;
  transition: opacity 0.3s;
}
.address-verification-msg .fa {
  display: none;
}
.address-verification-msg.not-found {
  border-color: #911;
  color: #444;
}
.address-verification-msg.not-found .fa {
  display: block;
  margin-right: 10px;
}
.address-verification-msg .text {
  height: 24px;
  line-height: 23px;
}
.bold {
  font-weight: bold;
}
.ital {
  font-style: italic;
}
.relative {
  position: relative;
}
.al {
  text-align: left;
}
.mt {
  margin-top: 10px;
}
.mr {
  margin-right: 10px;
}
.ml {
  margin-left: 10px;
}
.mb {
  margin-bottom: 10px;
}
.no-margin {
  margin: 0 !important;
}
option.grey {
  color: #bbb;
}
.module-fset {
  margin: 0 0 20px 0;
}
.fa-tooltip {
  display: inline-block;
  position: relative;
  margin-right: -12px;
  cursor: pointer;
  font-size: 15px;
}
.fa-tooltip .hover:hover .reveal {
  max-height: 400px;
  opacity: 1;
  transition: max-height 1s, opacity 0.2s;
  transition-delay: 0.5s;
  overflow: visible;
}
.fa-tooltip .hover:hover .fa-question-circle {
  color: #ccc;
  transition: color 0.3s;
}
.fa-tooltip .fa-question-circle {
  width: 24px;
  height: 20px;
  display: inline-block;
  position: relative;
  z-index: 115;
  top: 1px;
  text-align: left;
  font-size: 18px;
  color: #0055df;
  transition: color 0.3s;
}
.fa-tooltip .reveal {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.2s, max-height 0.1s ease 0.1s;
  position: absolute;
  z-index: 116;
  left: -197px;
  width: 220px;
  top: 18px;
}
.fa-tooltip.go-right .reveal {
  left: 0;
}
.fa-tooltip .content {
  text-align: left;
  color: #fff;
  padding: 6px;
  background: #222;
  border: 1px solid #eee;
  box-shadow: 0 0 6px -1px #777;
  border-radius: 6px;
  position: relative;
  font-weight: normal;
  z-index: 117;
  top: 6px;
  margin-bottom: 4px;
}
.fa-tooltip .fa-caret-up {
  font-size: 22px;
  position: relative;
  left: -10px;
  top: 6px;
  height: 6px;
  z-index: 118;
  line-height: 6px;
}
.ev-site.intro-page-style {
  height: 100%;
}
.intro-page-style main {
  position: relative;
  height: 100%;
  width: 100%;
}
.intro-page-style .phone-video {
  display: none;
}
.phone.intro-page-style .phone-video {
  display: block;
  object-fit: cover;
  height: 100%;
  position: absolute;
}
.intro-page-style .desktop-video {
  display: block;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2;
}
.phone.intro-page-style .desktop-video {
  display: none;
}
.intro-page-style .body-section {
  position: relative;
  z-index: 5;
  height: 100%;
  width: 100%;
}
.intro-page-style .center-section {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
}
.intro-page-style .header-bar {
  background: #069;
  height: 90px;
  display: flex;
  align-items: center;
}
.intro-page-style .header-logo {
  height: 100%;
}
.intro-page-style .header-logo img {
  max-height: 100%;
}
.intro-page-style .intro-text {
  position: relative;
  font-size: 40px;
  color: #fff;
  height: 400px;
  padding: 0 20px;
}
.intro-page-style .intro-text .flex-row {
  position: relative;
  z-index: 3;
  height: 100%;
}
.mobile.intro-page-style .intro-text .flex-row {
  margin: 0 20px;
  padding: 20px 0;
}
.mobile.intro-page-style .intro-text {
  line-height: 42px;
  font-size: 36px;
  min-height: 400px;
  height: 400px;
}
.phone.intro-page-style .intro-text {
  padding: 0;
  font-size: 32px;
  text-align: center;
}
.w400.intro-page-style .intro-text {
  height: auto !important;
  font-size: 25px;
  line-height: 34px;
  min-height: auto;
}
.intro-page-style .html-section {
  padding: 20px;
  background: #fff;
  width: 100%;
  min-height: 100%;
}
.phone.intro-page-style .html-section {
  padding-top: 0;
}
table.demand-table {
  border: none;
  border-collapse: unset;
  width: 100%;
}
table.demand-table textarea {
  height: 56px;
  width: 280px;
  margin: 0;
}
table.demand-table .charge,
table.demand-table .rate-apply {
  font-weight: bold;
}
table.demand-table .charge::before,
table.demand-table .rate-apply span::before,
table.demand-table .money div::before {
  content: "$";
}
table.demand-table .input-text {
  padding: 3px;
  margin: 0;
  min-width: auto !important;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  box-shadow: none;
}
table.demand-table tr {
  height: auto;
}
table.demand-table tr.mobile-only {
  display: none;
}
table.demand-table tr.th-2 textarea {
  width: 100%;
  height: 40px;
}
table.demand-table tr.th-2 td {
  font-weight: bold;
}
table.demand-table td {
  padding: 3px;
  margin: 0;
  line-height: inherit;
  border-bottom: 1px solid #333;
  vertical-align: middle;
  white-space: wrap;
  font-size: 13px;
}
table.demand-table td.t0 div,
table.demand-table td.t1 div,
table.demand-table td.t2 div,
table.demand-table td.t3 div {
  display: inline-block;
  width: 60px;
}
table.demand-table td.na {
  background: #999 !important;
}
table.demand-table td.bt {
  border-top: 1px solid #333;
}
table.demand-table td.bl {
  border-left: 1px solid #333;
}
table.demand-table td:first-child {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
table.demand-table td:not(:first-child) {
  text-align: center;
  border-right: 1px solid #333;
}
table.demand-table td.spacer {
  padding: 0 6px;
  border: none;
  border-right: 1px solid #333;
  background: transparent;
}
table.demand-table td.no-border,
table.demand-table td.action {
  border: none;
  background: transparent;
}
table.demand-table tr:first-child td.spacer {
  border: none;
}
table.demand-table td.money {
  cursor: pointer;
}
table.demand-table td.money.selected {
  background: #bfdbab !important;
  font-weight: bold;
}
table.demand-table td.money:hover {
  background: #cfebbb !important;
}
table.demand-table.public td {
  padding: 10px 6px;
  white-space: wrap;
}
table.demand-table td.th-top {
  text-align: center;
  font-size: 20px;
  padding: 16px 0;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  opacity: 1;
  -webkit-animation: fadein 1s linear; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
}
.leaflet-marker-icon.fade-out,
.leaflet-marker-shadow.fade-out {
  opacity: 0;
  transition: opacity 0.5s;
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
}
.company-wrapper-container,
body {
  position: relative;
}
.ev-site .company-wrapper-image-wrapper,
.ev-site .company-wrapper-image-wrapper-row,
.ev-site .side-img {
  display: block;
  height: 100%;
}
.ev-site .side-images {
  display: flex;
  height: 100%;
  align-items: center;
}
.ev-site .img-center {
  flex: 1;
}
.ev-site .img-left {
  flex: 1;
}
.ev-site .img-right {
  flex: 0 0 auto;
}
.ev-site .side-img {
  position: relative;
  margin: 16px 0;
  display: flex;
  align-items: center;
}
.ev-site .side-img a {
  overflow: visible;
}
.ev-site.phone .side-img {
  flex: 0 0 35%;
  padding: 0 6px;
}
.ev-site.phone .img-center {
  flex: 1;
}
.ev-site.phone .side-img.img-right::after {
  font-size: 11px;
  right: 6px;
}
.side-images-outer {
  width: 100%;
}
.ev-site {
/* for iframes */
  height: auto;
  height: initial;
/* may need to be adjusted, looking at company logos */
/* SAVINGS */
/* SAVINGS FLEET */
/* SAVINGS PHEV */
/* SHARED */
}
.ev-site.detail-view header:not(.company-wrapper-header) {
  flex-direction: row-reverse;
  justify-content: space-around;
}
.ev-site .layout-header .header-text {
  position: static;
}
.ev-site .m-break,
.ev-site .m-per {
  display: none;
}
.ev-site .citations {
  font-size: 13px;
  margin: 20px 0;
}
.ev-site .compare .citations {
  margin: 20px;
}
.ev-site .ev-nav {
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
}
.ev-site .ev-nav li {
  border-right: 1px solid #ccc;
  display: flex;
  flex: 1 1 0;
  -ms-flex: 1 1 auto;
  flex-direction: column;
  flex-flow: column;
  align-items: center;
  max-width: 250px;
  width: 100%;
}
.ev-site .ev-nav li:last-child {
  border-right: none;
}
.ev-site .ev-nav li.home {
  display: inline-block;
  max-width: 35px;
}
.ev-site .ev-nav li a {
  color: #333;
  font: normal 700 9px "Open Sans Bold", "Open Sans";
  margin: auto;
  max-width: 250px;
  padding: 0.25rem 0.25rem;
  text-align: center;
  width: 100%;
  -ms-overflow-x: hidden;
  -ms-overflow-y: hidden;
}
.ev-site .ev-nav.short li {
  flex-basis: auto;
  justify-content: flex-start;
  max-width: 150px;
}
.ev-site .header {
  color: #069;
  margin: 0 20px 30px 20px;
  padding-top: 20px;
}
.ev-site .header h1 {
  margin: 0;
  line-height: 30px;
}
.ev-site .intro-text {
  margin-bottom: 30px;
}
.ev-site .landing-page .top-content {
  display: flex;
  justify-content: space-between;
}
.ev-site .landing-page .top-content .top-text {
  flex: 1 1 auto;
  padding: 0 10px 10px 50px;
}
.ev-site .landing-page .top-content .landing-image {
  flex: 1 0 auto;
}
.ev-site .landing-page .middle-content {
  display: flex;
  justify-content: center;
  margin: 40px 20px;
}
.ev-site .landing-page .middle-content .cta-btn {
  background-color: #069;
  border-radius: 4px;
  outline: none;
  padding: 0.5em;
  margin: 0 5px;
  line-height: 0;
  font-size: 24px;
  color: #fff !important;
}
.ev-site .landing-page .middle-content .cta-btn h3 {
  margin: 0 0 0 1em;
  display: inline-block;
  color: #fff;
  width: 142px;
  text-align: center;
}
.ev-site .landing-page .middle-content .cta-btn * {
  pointer-events: none;
  vertical-align: middle;
  line-height: 0;
}
.ev-site .landing-page .bottom-content {
  padding: 0 50px 10px 50px;
}
.ev-site .savings-style.wrapper {
  padding: 0 20px 20px 20px;
}
.ev-site .savings-style .header {
  margin: 0;
  padding-top: 20px;
}
.ev-site .savings-style .dealer-info {
  border: 1px solid #ccc;
  padding: 10px 14px;
  font-size: 14px;
  border-left: 4px solid #008cba;
  margin-bottom: 20px;
  line-height: 20px;
}
.ev-site .savings-style .zip-form {
  margin-bottom: 20px;
}
.ev-site .savings-style .zip-form .gr {
  align-items: flex-end;
}
.ev-site .savings-style .zip-form .control {
  margin: 0;
}
.ev-site .savings:not(.savings-images-outer) .body-text {
  margin-top: 50px;
}
.ev-site .savings:not(.savings-images-outer) .main-content {
  font-family: Open Sans;
  color: #333;
}
.ev-site .savings:not(.savings-images-outer) .b-hd {
  font-weight: bold;
  margin: 0 0 14px 0;
}
.ev-site .savings:not(.savings-images-outer) .cash {
  font-size: 22px;
  padding-right: 15px;
}
.ev-site .savings:not(.savings-images-outer) .p-top {
  margin: 45px 0;
}
.ev-site .savings:not(.savings-images-outer) .options label {
  font-size: 13px;
  margin: 0;
}
.ev-site .savings:not(.savings-images-outer) .options.multiple-rates label {
  margin-bottom: 6px;
}
.ev-site .savings:not(.savings-images-outer) .l-push {
  flex: 1 1 auto;
}
.ev-site .savings:not(.savings-images-outer) .l-block {
  width: 370px;
  text-align: right;
  margin-bottom: 0;
}
.ev-site .savings:not(.savings-images-outer) .r-block {
  width: 300px;
  text-align: left;
  margin-bottom: 0;
}
.ev-site .savings:not(.savings-images-outer) .control {
  position: relative;
}
.ev-site .savings:not(.savings-images-outer) .control:not(.first) {
  margin-left: 10px;
}
.ev-site .savings:not(.savings-images-outer) .control .l {
  font-size: 13px;
}
.ev-site .savings:not(.savings-images-outer) .input-row {
  margin-top: 30px;
  justify-content: space-between;
  align-items: flex-start;
}
.ev-site .savings:not(.savings-images-outer) select {
  width: 179px;
  margin: 10px 0 0 0;
  display: block;
  font-size: 13px;
}
.ev-site .savings:not(.savings-images-outer) .ref {
  font-size: 10px;
  color: #999;
}
.ev-site .savings:not(.savings-images-outer) .sources {
  margin-top: 100px;
  font-size: 11px;
  color: #999;
}
.ev-site .savings:not(.savings-images-outer) .bar-row {
  margin-top: 20px;
  height: 200px;
  align-items: flex-end;
}
.ev-site .savings.savings-fleet .bubble,
.ev-site .carbon.carbon-fleet .bubble {
  top: 128px;
}
.ev-site .savings.savings-fleet .bubble.push,
.ev-site .carbon.carbon-fleet .bubble.push {
  top: 280px;
}
.ev-site .savings-phev .test-wrapper .test {
  float: left;
  white-space: pre;
  margin: 0 40px 20px 0;
}
.ev-site .savings-phev .bar-row {
  margin-top: 84px;
}
.ev-site .savings-phev .h1 {
  margin-bottom: 12px;
}
.ev-site .savings-phev .h1 .input {
  display: inline-block;
}
.ev-site .savings-phev .input-row {
  margin-top: 16px;
}
.ev-site .savings-phev .pre-row .lcontrol,
.ev-site .savings-phev .pre-row .rcontrol {
  width: 370px;
}
.ev-site .savings-phev .pre-row .lcontrol {
  text-align: right;
}
.ev-site .savings-phev .pre-row .lcontrol .b3 {
  display: block;
  width: 100%;
}
.ev-site .savings-phev .pre-row .rcontrol .flex-row {
  align-items: baseline;
}
.ev-site .savings-phev .open-wrapper {
  margin-bottom: 12px;
}
.ev-site .savings-phev .open-close {
  color: #069;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  cursor: pointer;
}
.ev-site .savings-phev .options input[type=radio] {
  margin: 0;
}
.ev-site .savings-phev .options label {
  font-size: 13px;
  line-height: normal;
  margin-bottom: 6px;
}
.ev-site .savings-phev .n2 {
  font-weight: normal;
  font-size: 24px;
}
.ev-site .savings-phev .n3 {
  font-size: 18px;
}
.ev-site .savings-phev .b3 {
  font-weight: bold;
  font-size: 18px;
}
.ev-site .savings-phev .m-break {
  display: block;
}
.ev-site .h1 {
  font-size: 27px;
  margin-bottom: 20px;
}
.ev-site .b1 {
  font-size: 40px;
  font-weight: bold;
}
.ev-site .b2 {
  font-size: 36px;
  font-weight: bold;
}
.ev-site .incentives .p {
  margin: 20px 0 0 0;
}
.ev-site .incentives .header {
  width: 960px;
  margin: 0;
}
.ev-site .incentives h1 {
  margin: 20px 0 0 0;
}
.ev-site .incentives h1.section {
  margin-top: 40px;
}
.ev-site .incentives .cta {
  background: #036;
  border-radius: 6px;
  padding: 12px 16px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  display: inline-block;
}
.ev-site .incentives .cta-btn {
  background-color: #069;
  border-radius: 4px;
  outline: none;
  padding: 0.5em;
  margin: 0 5px;
  line-height: 0;
  font-size: 24px;
  color: #fff !important;
}
.ev-site .incentives .cta-btn h3 {
  margin: 0 0 0 1em;
  display: inline-block;
  color: #fff;
  width: 142px;
  text-align: center;
}
.ev-site .incentives .cta-btn * {
  pointer-events: none;
  vertical-align: middle;
  line-height: 0;
}
.ev-site .incentives .final_cost {
  color: #069;
}
.ev-site .incentives .image-wrapper {
  min-height: 30px;
}
.ev-site .incentives .vehicle-image {
  max-width: 350px;
}
.ev-site .incentives .sources {
  font-size: 11px;
  color: #444;
  margin-top: 40px;
  text-align: right;
}
.ev-site .incentives .sources.mobile {
  display: none;
}
.ev-site .incentives .vehicle-select {
  font-size: 18px;
  font-weight: bold;
  height: auto;
  width: 400px;
  margin-top: 20px;
}
.ev-site .incentives .flex-row {
  font-size: 16px;
}
.ev-site .incentives .flex-row .l,
.ev-site .incentives .flex-row .r {
  width: 230px;
}
.ev-site .incentives .flex-row .r {
  text-align: left;
}
.ev-site .incentives .flex-row .l {
  margin-right: 20px;
  text-align: right;
}
.ev-site .incentives .col {
  width: 470px;
  margin: 0 0 0 20px;
  float: left;
}
.ev-site .incentives .col .header {
  width: auto;
}
.ev-site .incentives .col.center {
  text-align: center;
}
.ev-site .incentives .bar {
  background: #333;
  height: 3px;
}
.ev-site .promotions .tabs-stretchy .content {
  display: none;
}
.ev-site .promotions ul.toc {
  font-size: 1em;
  padding-left: 1em;
}
.ev-site .promotions ul.toc li {
  line-height: 1.5em;
  list-style-position: inside;
  list-style-type: none;
  text-indent: -1em;
}
.ev-site .installers .tabbed-list .tabs-content {
  padding: 0;
}
.ev-site .installers .list-item {
  padding: 20px;
}
.ev-site .installers .list-item .header {
  margin: 0 0 10px 0;
}
.ev-site .faq .main-content {
  margin: 20px;
  padding: 0 50px 10px 0;
}
.ev-site .hp-calculator .main-content .intro-text,
.ev-site .hpwh-calculator .main-content .intro-text {
  padding: 5px 20px;
}
.mobile-logo {
  display: none;
}
.bar-row .lcontrol,
.bar-row .rcontrol {
  display: flex;
  align-items: flex-end;
}
.input-row .lcontrol,
.input-row .rcontrol {
  display: flex;
}
.mobile.phone.detail-view:not(.w500) header {
  flex-direction: column;
  align-items: center;
}
.mobile.phone .ev-nav {
  display: block;
  width: 100%;
  border: none;
}
.mobile.phone .ev-nav li {
  max-width: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  display: block;
  text-align: center;
  height: auto;
  height: initial;
}
.mobile.phone .ev-nav li a {
  display: block;
  padding: 14px 0;
  max-width: none;
}
.mobile.tablet .ev-nav {
  width: 100%;
}
.mobile.tablet .ev-nav.single_row li {
  word-break: break-word;
  min-height: 44px;
  height: auto;
}
.mobile.tablet .ev-nav.stack3 {
  flex-wrap: wrap;
}
.mobile.tablet .ev-nav.stack3 li {
  flex-basis: 33.33%;
  flex-grow: 0;
}
.mobile.tablet .ev-nav.stack3 li:nth-child(3n+1),
.mobile.tablet .ev-nav.stack3 li:nth-child(3n+2) {
  border-right: 1px solid #ccc;
}
.mobile.tablet .ev-nav.stack4 {
  flex-wrap: wrap;
}
.mobile.tablet .ev-nav.stack4 li {
  flex-basis: 25%;
  flex-grow: 0;
}
.mobile.tablet .ev-nav.stack4 li:nth-child(4n+1),
.mobile.tablet .ev-nav.stack4 li:nth-child(4n+2),
.mobile.tablet .ev-nav.stack4 li:nth-child(4n+3) {
  border-right: 1px solid #ccc;
}
.mobile.tablet .ev-nav.staggered {
  flex-wrap: wrap;
}
.mobile.tablet .ev-nav.staggered li {
  white-space: nowrap;
}
.mobile.tablet .ev-nav li {
  max-width: none;
}
.mobile footer.fixed-width {
  width: 100%;
}
.mobile main {
  width: auto;
  width: initial;
}
.mobile .m-break {
  display: block;
}
.mobile .h1 {
  font-size: 24px;
  margin: 0 0 16px 0;
  text-align: left;
}
.mobile .b2 {
  font-size: 28px;
  white-space: nowrap;
}
.mobile .company-wrapper-footer {
  height: auto;
  height: initial;
  padding-bottom: 40px;
}
.mobile .company-wrapper-footer p {
  margin: 0 10px;
}
.mobile .header {
  text-align: left;
  margin: 0 10px 20px 10px;
  padding-top: 20px;
}
.mobile .header h1 {
  margin: 0;
}
.mobile .layout-header {
  width: 100%;
}
.mobile .layout-header .header-text {
  position: static;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
.mobile .installers .right,
.mobile .installers .left {
  float: none !important;
}
.mobile .installers .right.logo,
.mobile .installers .left.logo {
  margin: 0 auto 10px auto;
  display: none;
}
.mobile .installers .right.logo.mobile-logo,
.mobile .installers .left.logo.mobile-logo {
  display: block;
}
.mobile .installers .tabbed-list {
  margin: 0;
}
.mobile .installers .tabbed-list .tabs-content {
  padding: 0;
}
.mobile .installers .list-item {
  padding: 10px;
}
.mobile .installers .list-item .header {
  margin: 0 0 10px 0;
  font-size: 15px;
  color: #333;
}
.mobile .installers .list-item .content .services,
.mobile .installers .list-item .content .details {
  margin: 0 0 10px 0;
}
.mobile .installers .list-item .content .details {
  margin: 0 0 10px 10px;
}
.mobile.phone #afdc-stations {
  margin: 10px;
}
.mobile.phone #afdc-stations .afdc-nav-tabs .afdc-nav-item .afdc-nav-link {
  font-size: 11px;
}
.mobile.phone main.charger-finder {
  min-height: auto;
  min-height: initial;
}
.mobile.phone main.charger-finder .row .header {
  margin: 10px 0;
}
.mobile.phone main.charger-finder .afdc-row {
  flex-direction: column;
  align-items: start;
  margin-bottom: 10px;
}
.mobile.phone main.charger-finder .afdc-row .details {
  margin: 0 0 10px 0;
  flex: auto;
}
.mobile.phone main.charger-finder .afdc-row .extra {
  margin: 16px 0;
}
.mobile.phone .panel.rebates-incentives .incentive-offer,
.mobile.phone .panel.rebates-incentives .right,
.mobile.phone .panel.rebates-incentives .program-details,
.mobile.phone .panel.rebates-incentives .buttons-and-links {
  float: none !important;
  clear: none;
}
.mobile.phone .top-tabs,
.mobile.w700 .top-tabs {
  display: flex;
  flex-direction: column;
}
.mobile.phone .top-tabs dd > a,
.mobile.w700 .top-tabs dd > a,
.mobile.phone .top-tabs dd.active > a,
.mobile.w700 .top-tabs dd.active > a {
  padding: 16px;
}
.mobile.phone .tabbed-list.acc-tabs,
.mobile.w700 .tabbed-list.acc-tabs {
  display: block;
}
.mobile.phone .tabbed-list.acc-tabs .tabs-stretchy,
.mobile.w700 .tabbed-list.acc-tabs .tabs-stretchy {
  display: block;
}
.mobile.phone .tabbed-list.acc-tabs .tabs-stretchy > dd,
.mobile.w700 .tabbed-list.acc-tabs .tabs-stretchy > dd {
  border: none;
  display: block;
  text-align: left;
  border-top: 1px solid #cbcbcb;
  border-left: 10px solid #cbcbcb;
}
.mobile.phone .tabbed-list.acc-tabs .tabs-stretchy > dd a,
.mobile.w700 .tabbed-list.acc-tabs .tabs-stretchy > dd a {
  padding: 10px;
  text-align: left;
}
.mobile.phone .tabbed-list.acc-tabs .tabs-stretchy > dd.active,
.mobile.w700 .tabbed-list.acc-tabs .tabs-stretchy > dd.active {
  border-left: 10px solid #069;
}
.mobile.phone .recommendation-library-details .panel,
.mobile.w700 .recommendation-library-details .panel {
  padding: 10px;
}
.mobile.phone .recommendation-library-details .recommendation .program-details,
.mobile.w700 .recommendation-library-details .recommendation .program-details {
  margin: 0;
}
.mobile.phone .promotions .tabbed-list,
.mobile.w700 .promotions .tabbed-list {
  border: none;
  width: auto;
  width: initial;
  margin: 10px;
}
.mobile.phone .promotions .tabbed-list.acc-tabs,
.mobile.w700 .promotions .tabbed-list.acc-tabs {
  margin: 10px 0 0 0;
}
.mobile.phone .promotions .tabbed-list.acc-tabs .content,
.mobile.w700 .promotions .tabbed-list.acc-tabs .content {
  padding: 10px;
  word-break: break-word;
}
.mobile.phone .promotions .tabbed-list.acc-tabs .tabs-content,
.mobile.w700 .promotions .tabbed-list.acc-tabs .tabs-content {
  padding: 0 !important;
  min-height: auto;
  min-height: initial;
}
.mobile.phone .promotions h2,
.mobile.w700 .promotions h2 {
  margin-bottom: 16px;
}
.mobile.phone .promotions .recommendation,
.mobile.w700 .promotions .recommendation {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
.mobile.phone .promotions .recommendation-image,
.mobile.w700 .promotions .recommendation-image {
  max-width: 150px;
}
.mobile .faq .main-content {
  margin: 0 10px 20px 10px;
}
.mobile.phone .landing-page .top-content {
  flex-direction: column;
  margin: 0 10px;
}
.mobile.phone .landing-page .top-content .landing-image {
  margin: 20px auto;
}
.mobile.phone .landing-page .top-content .top-text {
  padding: 0;
}
.mobile .landing-page .header {
  margin: 10px 10px;
}
.mobile .landing-page .header h1 {
  margin: 0;
}
.mobile .landing-page .bottom-content {
  padding: 0;
  margin: 20px 10px 20px 10px;
}
.mobile.phone .demand-table tr.mobile-only {
  display: table-row;
}
.mobile.phone .demand-table td:nth-child(1):not(.th-top):not(.mobile-keep),
.mobile.phone .demand-table td:nth-child(2),
.mobile.phone .demand-table td:nth-child(8) {
  display: none;
}
.mobile.phone .demand-table td:nth-child(3) {
  border-left: 1px solid #333;
}
.mobile.phone .compare .vehicle-row {
  flex-direction: column;
}
.mobile.phone .compare .img {
  margin: 20px 0;
  order: 1;
}
.mobile.phone .compare .flex-1 {
  order: 2;
}
.mobile.phone .compare .desc {
  margin-top: 0;
}
.mobile.phone .compare .input-cols {
  flex-direction: column;
}
.mobile.phone .compare .input-cols .control {
  padding: 0;
  margin: 0;
}
.mobile.w800 .compare .sort-tip-w800 {
  display: flex;
  padding-right: 10px;
}
.mobile:not(.w800) .compare .sort-tip {
  display: flex;
}
.mobile:not(.w800) .compare .sort-tip-w800 {
  display: none;
}
.mobile.tablet:not(.w800) .compare .vehicle-row {
  flex-direction: row;
  align-items: center;
}
.mobile.tablet:not(.w800) .compare .input-cols {
  flex-wrap: wrap;
}
.mobile.tablet:not(.w800) .compare .col {
  flex-basis: auto;
  display: block;
}
.mobile.tablet:not(.w800) .compare .col .sort-group {
  text-align: left;
}
.mobile.tablet:not(.w800) .compare .col.year-row {
  display: flex;
  flex-basis: 100%;
}
.mobile.tablet:not(.w800) .compare .col.year-row .l {
  flex-basis: auto;
}
.mobile .compare .flex-1 {
  flex-direction: column;
}
.mobile .compare .vehicle-row .recommendation {
  height: auto;
  justify-content: flex-start;
  margin-top: 0;
}
.mobile .compare .results,
.mobile .compare .text,
.mobile .compare .header {
  margin: 0 10px 10px 10px;
}
.mobile .compare .header {
  padding-top: 20px;
  margin-bottom: 20px;
}
.mobile .compare .header h1 {
  margin: 0;
}
.mobile .compare .main-content {
  margin: 0;
}
.mobile .compare .col {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 10px;
}
.mobile .compare .col.year {
  align-items: flex-start;
}
.mobile .compare .col .l {
  flex-basis: 100%;
  padding-bottom: 10px;
}
.mobile .compare .col .control {
  flex-grow: 1;
}
.mobile .compare .col .sort-group {
  padding-right: 0;
}
.mobile .compare .col.year label {
  display: inline-block;
}
.mobile .recommendation-library-details .tabs-content .rebates-content {
  display: block;
}
.mobile .recommendation-library-details .tabbed-list .tabs-content .content {
  margin: 10px 0 10px 20px;
  width: auto;
}
.mobile .recommendation-library-details .tabbed-list .tabs-content .content h5 {
  display: none;
}
.mobile.phone .incentives .col {
  width: auto;
  width: initial;
  margin: 0 10px;
}
.mobile.phone .incentives .col-group {
  display: flex;
  flex-direction: column-reverse;
}
.mobile.phone .incentives .image-wrapper {
  min-height: auto;
}
.mobile.phone .incentives .header,
.mobile.phone .incentives h1.section {
  margin-top: 16px;
}
.mobile.phone .incentives .sources {
  display: none;
}
.mobile.phone .incentives .sources.mobile {
  display: block;
  margin: 40px 0;
}
.mobile.tablet .incentives .col-group {
  display: flex;
  justify-content: space-evenly;
  justify-content: space-between;
  margin: 0 10px;
}
.mobile.tablet .incentives .header {
  margin-top: 16px;
}
.mobile.tablet .incentives .rug {
  display: none;
}
.mobile.tablet .incentives .col {
  flex-basis: 40%;
  width: auto;
  margin: 0;
  float: none;
}
.mobile .incentives .content {
  text-align: left;
}
.mobile .incentives .flex-row .r,
.mobile .incentives .flex-row .l {
  width: auto;
  width: initial;
}
.mobile .incentives .header {
  width: auto;
  width: initial;
  margin: 0;
}
.mobile .incentives .vehicle-select {
  width: 100%;
  margin: 20px 0;
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ev-site .chargers-style {
  padding: 20px;
}
.ev-site .chargers-style .zip-lookup {
  position: absolute;
  bottom: -85px;
  left: 20px;
  z-index: 10;
}
.ev-site .chargers-style .header {
  margin-top: 0;
}
.ev-site .chargers-style .header h1 {
  line-height: 36px;
}
.ev-site .chargers-style .header-left {
  position: relative;
}
.ev-site .chargers-style .map-wrapper {
  position: relative;
  z-index: 1;
}
.ev-site .chargers-style .filter-h {
  font-weight: bold;
  margin-bottom: 10px;
}
.ev-site .chargers-style .nav-push,
.ev-site .chargers-style .total-count,
.ev-site .chargers-style .paging-wrapper,
.ev-site .chargers-style .header,
.ev-site .chargers-style .list-item {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.chargers-style .white-mask-list {
  z-index: 2;
  inset: 0 0 0 0;
  position: absolute;
  background: #fff;
  opacity: 0;
}
.chargers-style .mask-hold {
  position: relative;
}
.chargers-style .overflow-y {
  max-height: 700px;
  min-height: 700px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  margin: 10px 0 20px 0;
}
.chargers-style .tabbed-list {
  border: none;
}
.chargers-style .row.list-item {
  background: #fff;
}
.chargers-style .leaflet-popup-content a:hover {
  text-decoration: underline;
}
.chargers-style .afdc-row {
  display: flex;
  padding-bottom: 10px;
}
.chargers-style .afdc-row .header {
  margin-bottom: 10px;
  font-size: 13pt;
  font-weight: 600;
}
.chargers-style .afdc-row .details {
  flex: 0 0 300px;
}
.chargers-style .afdc-row .extra b {
  font-size: 11px;
}
.ev-site .dealer-finder {
  padding: 0;
  position: relative;
}
.ev-site .dealer-finder .tabbed-list .tabs-content {
  padding: 0;
}
.ev-site .dealer-finder .header {
  padding: 0;
  margin: 20px 10px;
}
.ev-site .dealer-finder .list-item {
  padding-left: 10px;
}
.ev-site .dealer-finder .nav-drag {
  flex: 0;
}
.ev-site .dealer-finder .nav-drag.show {
  background: #069;
}
.ev-site .dealer-finder .search-box {
  width: 164px;
  margin: 0 10px 0 0;
  border-radius: 4px;
  padding: 6px;
  height: auto;
}
.ev-site .dealer-finder .services {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.ev-site .dealer-finder .services .nav-drag {
  background: #fff;
  border: solid 1px #ccc;
  color: #333;
  cursor: auto;
  flex: 0;
}
.ev-site .dealer-finder .total-count {
  margin: 0 0 10px 18px;
}
.ev-site .dealer-finder .paging-wrapper {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-left: 18px;
}
.ev-site .dealer-finder .paging-wrapper .numbers {
  display: flex;
  margin-right: 16px;
}
.ev-site .dealer-finder .paging-wrapper .paging-num {
  user-select: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 6px 0 0;
  padding: 2px 6px;
  font-size: 14px;
  cursor: pointer;
}
.ev-site .dealer-finder .paging-wrapper .paging-num.active {
  background: #00649b;
  color: #fff;
}
.ev-site .dealer-finder .paging-wrapper .paging-num.notice {
  border: none;
}
.ev-site .dealer-finder button.search-area {
  font-size: 14px;
  width: 150px;
  border: 1px solid #ccc;
  background-color: #eee;
  color: #333;
  padding: 10px;
  margin: 0;
  flex-shrink: 0;
}
.ev-site .dealer-finder .tabbed-list {
  margin: 0;
}
.ev-site .dealer-finder .leaflet-control-pan-left-wrap {
  left: 6px;
}
.ev-site .dealer-finder .leaflet-control-pan-right-wrap {
  left: 47px;
}
.ev-site .dealer-finder .leaflet-control.leaflet-control-zoom {
  left: -16px;
  top: 18px;
  margin: 0;
  float: left;
}
.ev-site .dealer-finder .nav-push {
  margin: 16px 10px 4px 10px;
}
.ev-site .dealer-finder .nav-push .filt-w {
  margin-right: 20px;
}
.ev-site .dealer-finder .nav-push .filt-w select {
  min-width: 200px;
}
.ev-site .dealer-finder .all-none {
  display: flex;
}
.ev-site .dealer-finder .or {
  display: none;
}
.ev-site .dealer-finder .map-wrapper {
  position: relative;
}
.ev-site .dealer-finder .map-wrapper button.search-area {
  z-index: 200;
  position: absolute;
  right: 33px;
  bottom: 44px;
  margin: 0 0 0 -75px;
}
.ev-site .dealer-finder .map-wrapper .leaflet-popup-content .special-rating {
  color: #069;
  font-size: 14px;
  text-transform: uppercase;
}
.ev-site .dealer-finder .flex-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.ev-site .dealer-finder .header-intro-text {
  margin-right: 20px;
}
.ev-site .dealer-finder .header-intro-text p:last-child {
  margin-bottom: 0;
}
.ev-site .dealer-finder .header-text {
  margin-top: 20px;
  color: #333;
  font: inherit;
}
.ev-site .dealer-finder .relative {
  position: relative;
}
.ev-site .dealer-finder .zip-lookup {
  flex-shrink: 0;
  flex-grow: 1;
}
.ev-site .dealer-finder .zip-lookup .search-area {
  display: none;
}
.ev-site .dealer-finder .zip-lookup .control-label {
  color: #777;
}
.ev-site .dealer-finder .zip-lookup input,
.ev-site .dealer-finder .zip-lookup select {
  width: 175px;
  margin: 0 16px 0 0;
  padding: 6px;
  box-shadow: none;
  height: 40px;
}
.ev-site .dealer-finder .zip-lookup input {
  width: 135px;
  text-align: center;
  font-size: 15px;
}
.ev-site .dealer-finder .zipgo {
  border-radius: 4px;
  height: 40px;
  margin: 0;
  padding: 8px 16px;
  background: #047;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}
.mobile .dealer-finder .search-box,
.mobile .dealer-finder .paging-num {
  margin-bottom: 10px;
}
.mobile .dealer-finder .flex-header {
  flex-direction: column;
}
.mobile .dealer-finder .flex-header .header-intro-text {
  margin-right: 20px;
}
.mobile .dealer-finder .flex-header .header-intro-text p:last-child {
  margin-bottom: 0;
}
.mobile .dealer-finder .flex-header .header-text {
  width: 100%;
}
.mobile.tablet .dealer-finder .zip-lookup {
  margin-top: 10px;
}
.mobile.tablet .dealer-finder.header-intro-text {
  margin-right: 20px;
}
.mobile.tablet .dealer-finder.header-intro-text p:last-child {
  margin-bottom: 0;
}
.mobile.tablet .dealer-finder.header-text .zip-lookup {
  margin-top: 10px;
  flex-direction: column;
}
.mobile.tablet .dealer-finder.header-text .zip-lookup button {
  width: auto;
}
.mobile.phone .dealer-finder .nav-push {
  flex-direction: column;
  align-items: baseline;
}
.mobile.phone .dealer-finder .nav-push .filt-w,
.mobile.phone .dealer-finder .nav-push select {
  width: 100%;
}
.mobile.phone .dealer-finder .paging-wrapper {
  flex-direction: column;
}
.mobile.phone .dealer-finder .rcol.flex-row {
  flex-wrap: wrap;
}
.mobile.phone .dealer-finder .header-left {
  margin-right: 0;
}
.mobile.phone .dealer-finder .zip-lookup {
  margin-top: 20px;
  justify-content: space-around;
/*
      .search-area {
        display: block;
        width: 78px;
      }
      */
}
.mobile.phone .dealer-finder .zip-lookup select,
.mobile.phone .dealer-finder .zip-lookup input,
.mobile.phone .dealer-finder .zip-lookup .zipgo {
  width: 125px;
  margin: 0 10px 10px 0;
}
.mobile.phone .dealer-finder .zip-lookup input {
  width: 80px;
}
.mobile.phone .dealer-finder .zip-lookup .zipgo {
  width: auto;
}
.mobile.phone .dealer-finder .header {
  display: block;
}
.dealer-site-module {
  padding: 0 20px;
}
main.dealer-site-style {
  margin-bottom: 200px;
}
.dealer-site-style {
  font-size: 14px;
}
.dealer-site-style .address-verification-msg {
  margin-top: 16px;
}
.dealer-site-style .embed-copy {
  font-size: 15px;
  font-weight: bold;
  padding: 16px;
  background: #fff;
  border: 1px solid #999;
}
.dealer-site-style .bubble {
  border: 1px solid #666;
  user-select: none;
  padding: 14px;
  border-radius: 4px;
  margin-right: 6px;
  cursor: pointer;
}
.dealer-site-style .bubble.selected {
  background: #069;
  color: #fff;
}
.dealer-site-style .notice {
  min-height: 64px;
}
.dealer-site-style .control-label {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 6px;
}
.dealer-site-style .control {
  margin: 0 10px 10px 0;
}
.dealer-site-style .section-1-html {
  font-size: 26px;
  color: #069;
  margin-top: 20px;
}
.dealer-site-style .section-2-html {
  margin-top: 20px;
}
.dealer-site-style .section-group {
  margin-top: 20px;
}
.dealer-site-style .make-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 200px;
  align-content: flex-start;
}
.dealer-site-style .make-section .control {
  margin: 0;
}
.dealer-site-style .make-section .gr {
  margin: 0 20px 4px 0;
}
.dealer-site-style label {
  line-height: normal;
  font-size: 14px;
  color: #222;
}
.dealer-site-style .section .group {
  margin: 10px 0 10px 50px;
}
.dealer-site-style .input-text,
.dealer-site-style select {
  height: auto;
  font-size: 14px;
  padding: 6px;
  box-shadow: none;
}
.dealer-site-style .control-field label {
  display: flex;
  align-items: center;
}
.dealer-site-style .control-field label input {
  margin-right: 10px;
}
.dealer-site-style .req {
  border: 1px solid #d22;
}
.dealer-site-style label.req {
  border: none;
}
.dealer-site-style label.req span {
  border-bottom: 3px solid #d22;
  padding-bottom: 2px;
}
.dealer-site-style .num-header {
  display: flex;
  width: 100%;
  align-items: center;
}
.dealer-site-style .num-header .num {
  border: 3px solid #666;
  font-size: 20px;
  line-height: 20px;
  border-radius: 36px;
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-weight: bold;
}
.dealer-site-style .num-header .text {
  font-weight: bold;
  font-size: 16px;
}
.ev-site .chargers-style {
  padding: 20px;
}
.ev-site .chargers-style .zip-lookup {
  position: absolute;
  bottom: -85px;
  left: 20px;
  z-index: 10;
}
.ev-site .chargers-style .header {
  margin-top: 0;
}
.ev-site .chargers-style .header h1 {
  line-height: 36px;
}
.ev-site .chargers-style .header-left {
  position: relative;
}
.ev-site .chargers-style .map-wrapper {
  position: relative;
  z-index: 1;
}
.ev-site .chargers-style .filter-h {
  font-weight: bold;
  margin-bottom: 10px;
}
.ev-site .chargers-style .nav-push,
.ev-site .chargers-style .total-count,
.ev-site .chargers-style .paging-wrapper,
.ev-site .chargers-style .header,
.ev-site .chargers-style .list-item {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.chargers-style .white-mask-list {
  z-index: 2;
  inset: 0 0 0 0;
  position: absolute;
  background: #fff;
  opacity: 0;
}
.chargers-style .mask-hold {
  position: relative;
}
.chargers-style .overflow-y {
  max-height: 700px;
  min-height: 700px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  margin: 10px 0 20px 0;
}
.chargers-style .tabbed-list {
  border: none;
}
.chargers-style .row.list-item {
  background: #fff;
}
.chargers-style .leaflet-popup-content a:hover {
  text-decoration: underline;
}
.chargers-style .afdc-row {
  display: flex;
  padding-bottom: 10px;
}
.chargers-style .afdc-row .header {
  margin-bottom: 10px;
  font-size: 13pt;
  font-weight: 600;
}
.chargers-style .afdc-row .details {
  flex: 0 0 300px;
}
.chargers-style .afdc-row .extra b {
  font-size: 11px;
}
.body-text {
  word-break: break-word;
}
.carbon-module .main-content,
.simple-savings-style .main-content {
  padding: 0 20px;
}
.savings-style .input[disabled] {
  background: #ddd;
}
.mobile.ev-site .savings {
  width: 100%;
}
.mobile.ev-site .savings .header {
  margin: 0 10px 10px 10px;
  padding-top: 10px;
}
.ev-site .savings .radio-label:not(:last-child) {
  margin-bottom: 6px;
}
.ev-site .savings .radio-label input {
  margin: 0;
}
.ev-site .savings .input-row .control {
  text-align: left;
  margin: 0 0 14px 0;
  flex: 0 0 auto;
  width: 179px;
}
.mobile.ev-site .savings .input-row .control {
  width: 161px;
}
.ev-site .savings.savings-phev .input-row:not(.pre-row) {
  margin: 0;
}
.ev-site .savings.savings-phev.savings-images-outer .input-row {
  margin: 20px 0 0 0;
}
.ev-site .savings .section {
  position: relative;
  border-bottom: 1px solid #ccc;
  margin-top: 74px;
}
.ev-site .savings .section.more {
  margin-top: 96px;
}
.ev-site .savings .section.first {
  margin: 0;
}
.phone.ev-site .savings .section.addtnl-graph,
.w700.ev-site .savings .section.addtnl-graph {
  border: none;
}
.phone.ev-site .savings .section.carbon-graph,
.w700.ev-site .savings .section.carbon-graph {
  border: none;
}
.ev-site .savings .section.carbon-graph .header {
  margin: -40px 0 50px 0;
}
.ev-site .savings .section.carbon-graph .bubble,
.ev-site .savings .section.carbon-graph .bubble.push {
  top: 0;
}
.ev-site .savings .section.carbon-graph:not(.first) .bubble,
.ev-site .savings .section.carbon-graph:not(.first) .bubble.push {
  top: 150px;
}
.ev-site .savings .p-left {
  width: 350px;
}
.tablet.ev-site .savings .p-left {
  width: 320px;
}
.ev-site .savings .p-left p {
  line-height: inherit;
}
.ev-site .savings .b-hd {
  font-weight: bold;
  margin: 0 0 14px 0;
}
.ev-site .savings .cash {
  font-size: 22px;
  padding-right: 15px;
}
.ev-site .savings .b1 .cash {
  font-size: inherit;
}
.ev-site .savings .sources {
  margin-top: 100px;
  font-size: 11px;
  color: #999;
}
.ev-site .savings .bar-row .lcontrol {
  flex: 1 1 49.5%;
  margin-right: 1%;
}
.ev-site .savings .bar-row .rcontrol {
  flex: 1 1 49.5%;
}
.ev-site .savings .bar-row .l-block,
.ev-site .savings .bar-row .r-block {
  width: auto;
  line-height: 37px;
  flex: 1 1 auto;
  text-align: center;
}
.ev-site .savings .bar {
  height: 200px;
}
.ev-site .savings .bar .white,
.ev-site .savings .bar .inner-orange {
  height: 200px;
}
.ev-site .savings .bar.blue {
  margin-right: 22px;
}
.ev-site .savings .bar.orange,
.ev-site .savings .bar .inner-orange {
  background: #c60;
}
.ev-site .savings .bar.orange {
  margin-left: 22px;
}
.ev-site .savings .disclaimer {
  margin-top: 100px;
}
.ev-site .savings .input-row {
  justify-content: space-between;
}
.ev-site .savings .input-row .control:not(.first) {
  margin-left: 10px;
}
.ev-site .savings .control .l {
  height: auto;
}
.ev-site .savings .reset {
  cursor: pointer;
  color: #00669c;
  margin: 38px 50px 0 50px;
  white-space: nowrap;
  text-align: center;
}
.ev-site .savings .reset.mobile {
  display: none;
}
.ev-site .savings input[type="number"].input {
  -webkit-appearance: textarea;
  -moz-appearance: textarea;
}
.ev-site .savings .input {
  padding: 2px 9px;
  border: 1px solid #a6a6a6;
  font-weight: bold;
  font-size: 28px;
  margin: 10px 0 0 0;
  text-align: center;
  height: auto;
  color: #333;
}
.ev-site .savings .input::placeholder {
  color: #333;
}
.ev-site .savings .input:focus::-ms-input-placeholder {
  color: transparent;
}
.ev-site .savings .input:focus::placeholder {
  color: transparent;
}
.ev-site .savings .input.miles-input {
  display: inline-block;
  padding: 2px 0;
  font-size: 36px;
  width: 145px;
}
.ev-site .savings .kwh-tog {
  display: inline-block;
}
.ev-site .savings .kwh-tog span {
  color: #00639b;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  transition: border-bottom 0.3s;
}
.ev-site .savings .kwh-tog span:hover {
  border-bottom: 1px solid #00639b;
  transition: border-bottom 0.3s;
}
.closest-utilities {
  margin-top: 50px;
}
.phone .closest-utilities {
  text-align: left;
}
.closest-utilities .h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
.closest-utilities .p {
  margin-bottom: 20px;
}
.closest-utilities .entries div,
.closest-utilities .entries a {
  white-space: nowrap;
}
.phone .closest-utilities .entries div,
.phone .closest-utilities .entries a {
  white-space: normal;
}
.phone .closest-utilities .desktop-only {
  display: none;
}
.closest-utilities .phone-only {
  display: none;
}
.phone .closest-utilities .phone-only {
  display: block;
}
.closest-utilities .flex-row {
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.phone .closest-utilities .flex-row {
  height: auto !important;
}
.closest-utilities .one-state {
  border: 1px dotted #ccc;
  padding: 6px 10px;
  margin: 8px;
  align-self: normal;
}
.phone .closest-utilities .one-state a {
  margin-bottom: 10px;
  font-size: 16px;
}
.phone .closest-utilities .one-state {
  flex: 1 1 auto;
  margin: 0 0 10px 0;
}
.closest-utilities .one-state .h {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}
.phone .closest-utilities .one-state .h {
  font-size: 18px;
}
.ev-site .savings .refine-details {
  margin-top: 20px;
  text-align: left;
}
.ev-site .savings .refine-details .options {
  margin-bottom: 16px;
}
.ev-site .savings .refine-details .input {
  font-size: 26px;
  margin-top: 0;
}
.ev-site .savings .refine-details .h1 {
  font-size: 22px;
}
.ev-site .savings.image-combined .refine-details .control {
  margin: 0 20px 0 0;
}
.ev-site .savings.image-combined .refine-details .control-label {
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: bold;
}
.ev-site.mobile .savings .reset {
  display: none;
  margin: 16px 0 0 0;
}
.ev-site.mobile .savings .reset.mobile {
  display: block;
  text-align: center;
}
.ev-site.mobile.phone:not(.w500) .savings .m-reg {
  display: none;
}
.ev-site.mobile.phone:not(.w500) .savings .m-per {
  display: block;
  font-size: 18px;
}
.ev-site.mobile.phone:not(.w500) .savings .l-block,
.ev-site.mobile.phone:not(.w500) .savings .r-block {
  text-align: center;
}
.ev-site.mobile.phone .savings input,
.ev-site.mobile.tablet.w700 .savings input,
.ev-site.mobile.phone .savings .money-sym,
.ev-site.mobile.tablet.w700 .savings .money-sym {
  font-size: 22px;
}
.ev-site.mobile.phone .savings:not(.savings-images).bubble,
.ev-site.mobile.tablet.w700 .savings:not(.savings-images).bubble {
  width: auto;
  width: initial;
}
.ev-site.mobile.phone .savings:not(.savings-images).bubble.wide,
.ev-site.mobile.tablet.w700 .savings:not(.savings-images).bubble.wide {
  width: auto;
  width: initial;
}
.ev-site.mobile .savings:not(.savings-images-outer) {
  width: 100%;
  text-align: center;
}
.ev-site.mobile .savings:not(.savings-images-outer) .p-left,
.ev-site.mobile .savings:not(.savings-images-outer) .sources {
  text-align: left;
}
.ev-site.mobile .savings:not(.savings-images-outer) .input,
.ev-site.mobile .savings:not(.savings-images-outer) select {
  width: 159px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .money-sym {
  top: 3px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .b-hd {
  text-align: left;
  margin: 0 0 16px 0;
}
.ev-site.mobile .savings:not(.savings-images-outer).carbon .b-hd {
  margin-top: 16px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .section {
  border: none;
}
.ev-site.mobile .savings:not(.savings-images-outer) .section.more {
  margin-top: 60px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar-row {
  height: auto;
  height: initial;
  margin: 40px 0 0 0;
  justify-content: space-evenly;
  justify-content: space-around;
  border-bottom: 1px solid #ccc;
  align-items: safe;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar-row .lcontrol {
  align-items: flex-end;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar-row .rcontrol {
  justify-content: flex-start;
  align-items: flex-end;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar-row .h1 {
  font-size: 22px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar-row .b2 {
  font-size: 26px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar-row .b1 {
  font-size: 30px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .bar,
.ev-site.mobile .savings:not(.savings-images-outer) .white {
  width: 110px;
}
.ev-site.mobile .savings:not(.savings-images-outer) .l-block,
.ev-site.mobile .savings:not(.savings-images-outer) .r-block {
  width: auto;
  white-space: nowrap;
  text-align: center;
  margin: 0 auto 10px auto;
}
.ev-site.mobile .disclaimer {
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
}
.ev-site.mobile .company-wrapper-container {
  min-width: auto;
  min-width: initial;
  width: 100%;
}
.ev-site.mobile .main-content {
  padding: 0;
}
.ev-site.mobile .input-row .control {
  display: block;
}
.ev-site.mobile.mobile .savings.carbon {
  padding: 10px;
}
.ev-site.mobile.mobile .savings.carbon .h1,
.ev-site.mobile.mobile .savings.carbon .b-hd,
.ev-site.mobile.mobile .savings.carbon .header {
  margin-left: 0;
  margin-right: 0;
}
.ev-site.mobile.tablet .savings.carbon .section.carbon-graph .bubble {
  top: 10px;
}
.ev-site.mobile .savings.savings-phev:not(.savings-images-outer) .l-block,
.ev-site.mobile .savings.savings-phev:not(.savings-images-outer) .r-block {
  white-space: normal;
  flex-grow: 1;
}
.ev-site.mobile.phone .savings.savings-phev .sources {
  margin-top: 40px;
}
.ev-site.mobile.phone .savings.savings-phev .bubble {
  display: block;
}
.ev-site.mobile.phone .savings.savings-phev .pre-row .ar,
.ev-site.mobile.phone .savings.savings-phev .pre-row .al {
  text-align: left;
  line-height: 20px;
}
.ev-site.mobile.phone .savings.savings-phev .pre-row .ar .b3,
.ev-site.mobile.phone .savings.savings-phev .pre-row .al .b3 {
  margin-bottom: 16px;
}
.ev-site.mobile.phone .savings.savings-phev .pre-row .lcontrol,
.ev-site.mobile.phone .savings.savings-phev .pre-row .rcontrol {
  width: 160px;
}
.ev-site.mobile.phone .savings.savings-phev .pre-row .flex-row {
  flex-direction: column;
}
.ev-site.mobile.phone .savings .p-left,
.ev-site.mobile.phone .savings .sources {
  width: auto;
}
.ev-site.mobile.phone .savings .bar-row .lcontrol {
  flex-direction: column;
  align-items: center;
}
.ev-site.mobile.phone .savings .bar-row .rcontrol {
  flex-direction: column-reverse;
  align-items: center;
}
.ev-site.tablet .savings:not(.savings-images-outer) .lcontrol,
.ev-site.tablet .savings:not(.savings-images-outer) .rcontrol {
  flex-basis: 49%;
}
.ev-site.tablet .savings:not(.savings-images-outer) .input-row .lcontrol {
  justify-content: space-around;
  margin-right: 2%;
}
.ev-site.tablet .savings:not(.savings-images-outer) .input-row .rcontrol {
  justify-content: space-around;
}
.w800 .savings .input {
  padding-left: 5px;
  padding-right: 5px;
}
.w800 .savings .input,
.w800 .savings select,
.w800 .savings .control {
  width: 140px;
}
.w700 .savings .input,
.w700 .savings select,
.w700 .savings .control {
  width: 125px;
}
.w500 .savings .bubble {
  align-items: center;
}
.w500 .savings .bubble .p {
  width: auto;
  width: initial;
}
.w500 .savings .control {
  width: auto;
  width: initial;
}
.w500 .savings .control .l {
  height: auto;
  height: initial;
}
.w500 .savings .money-sym {
  top: 3px;
}
.w500 .savings .input {
  margin-top: 6px;
}
.w500 .savings .input,
.w500 .savings select {
  width: 175px;
}
.ev-site .compare .results.use-overflow {
  position: relative;
  height: 750px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 8px;
  border-top: 2px solid #555;
}
.ev-site .compare .collapsible-content {
  padding-bottom: 20px;
}
.ev-site .compare .np {
  padding: 0;
  margin-right: 20px;
}
.ev-site .compare .l {
  font-weight: bold;
  text-align: left;
}
.ev-site .compare .year-row {
  align-items: flex-start;
  flex-basis: 100%;
}
.ev-site .compare .year-row .input-radio {
  margin-right: 16px;
  line-height: 16px;
}
.ev-site .compare .year-row .np {
  line-height: 16px;
}
.ev-site .compare .year-row input[type=radio] {
  margin: 0;
}
.ev-site .compare .input-cols {
  width: 100%;
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 16px 0;
}
.ev-site .compare .input-cols .col {
  flex-grow: 1;
}
.ev-site .compare .input-cols .l,
.ev-site .compare .input-cols .control {
  padding: 0 16px 16px 0;
}
.ev-site .compare .input-cols .sort-group {
  padding: 0 16px 0 0;
}
.ev-site .compare .input-cols .col:last-child .control {
  padding-right: 0;
}
.ev-site .compare .input-cols .control {
  white-space: nowrap;
}
.ev-site .compare .input-cols input[type="checkbox"] {
  margin: 0;
}
.ev-site .compare .input-cols select {
  margin: 0;
  display: block;
  font-size: 13px;
}
.ev-site .compare .input-cols .ar {
  text-align: right;
}
.ev-site .compare .input-cols .reset-order {
  padding: 6px 6px;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  cursor: pointer;
}
.ev-site .compare .input-cols .sort-tip {
  font-weight: bold;
}
.ev-site .compare .input-cols .sort-tip-w800 {
  display: none;
}
.ev-site .compare .input-cols .sort-order {
  cursor: pointer;
  display: inline-block;
  padding: 1px 0 0 0;
  margin-right: 8px;
  text-align: center;
  vertical-align: middle;
  background: #bbb;
  color: #fff;
  height: 20px;
  width: 20px;
  line-height: 18px;
  letter-spacing: 0;
  font-size: 14px;
}
.ev-site .compare .input-cols .sort-order.hide {
  display: none;
}
.ev-site .compare .input-cols .sort-order.selected {
  background: #006398;
}
.ev-site .compare .text {
  color: #333;
  line-height: 24px;
  font-size: 14px;
  margin: 20px 0;
}
.ev-site .compare .disclaimer {
  margin-top: 60px;
}
.ev-site .compare .main-content {
  margin: 20px;
}
.ev-site .compare .vehicle-row {
  border-top: 1px solid #ccc;
  padding-top: 4px;
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
}
.ev-site .compare .vehicle-row .brand-adj {
  min-height: 218px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.ev-site .compare .vehicle-row .img-mask {
  position: relative;
}
.ev-site .compare .vehicle-row:first-child {
  border-top: none;
}
.ev-site .compare .vehicle-row .flex-1 {
  display: flex;
  flex-grow: 2;
}
.ev-site .compare .vehicle-row .image-source {
  font-size: 10px;
  color: #959595;
  text-align: right;
  margin-top: 3px;
  width: 300px;
}
.ev-site .compare .vehicle-row .recommendation {
  margin: 16px 0;
  padding: 0;
  height: 174px;
  border: none;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.ev-site .compare .vehicle-row .recommendation a.recommendation-btn {
  margin: 0;
}
.ev-site .compare .vehicle-row .recommendation a.recommendation-btn:not(:first-child) {
  margin-top: 16px;
}
.ev-site .compare .vehicle-name {
  color: #666;
  font-size: 18px;
}
.ev-site .compare .data {
  font-weight: bold;
}
.ev-site .compare .desc {
  margin: 16px 0;
  font-size: 14px;
  line-height: 20px;
}
.ev-site .compare .img {
  margin: 16px 0;
  flex-shrink: 0;
}
.ev-site .compare .evox-mask {
  height: 200px;
  width: 400px;
  overflow: hidden;
}
.ev-site .compare .evox-mask img {
  height: 330px;
  max-height: none;
  max-width: none;
  margin-top: -75px;
}
.phone .compare .img-mask {
  text-align: center;
  margin: 0 0 10px 0;
}
.phone .compare .evox-mask {
  width: 100%;
  height: 150px;
}
.phone .compare .evox-mask img {
  height: 160%;
  margin-top: -50px;
}
.ev-site .compare-advanced-style .collapsible-content {
  padding-bottom: 20px;
}
.ev-site .compare-advanced-style .vehicle-row {
  display: block;
}
.ev-site .compare-advanced-style .input-cols {
  align-items: flex-end;
}
.ev-site .compare-advanced-style .input-cols .col:not(:last-child) {
  margin-right: 20px;
}
.ev-site .compare-advanced-style .input-cols .col:first-child {
  flex: 0;
}
.ev-site .compare-advanced-style .input-cols .l {
  padding: 0 0 6px 0;
}
.ev-site .compare-advanced-style .input-cols .control {
  padding: 0;
  margin: 0;
}
.compare-advanced-style .top-section .mr {
  margin-right: 20px;
}
.compare-advanced-style .rr img {
  max-height: 200px;
}
.compare-advanced-style .evox-mask {
  height: 200px;
  width: 400px;
  overflow: hidden;
}
.compare-advanced-style .evox-mask img {
  height: 330px;
  max-height: none;
  max-width: none;
  margin-top: -75px;
}
.compare-advanced-style .close-tags {
  transition: 0.3s background;
  width: 350px;
  padding: 18px 0;
  font-size: 15px;
}
.compare-advanced-style .title-bar {
  font-weight: bold;
}
.compare-advanced-style .title-bar .make-model {
  font-size: 18px;
  flex: 1;
}
.compare-advanced-style .title-bar .atv-type {
  font-size: 15px;
}
.compare-advanced-style .incentive-link {
  color: #3774bf;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  display: inline-block;
}
.compare-advanced-style .incentive-link:hover {
  border-bottom: 1px solid #3774bf;
}
.compare-advanced-style .flex-row .filter-group {
  margin-right: 40px;
}
.compare-advanced-style .rr {
  text-align: right;
  padding-bottom: 16px;
}
.compare-advanced-style .percent-bar {
  height: 20px;
  background: #e4e4e4;
  width: 400px;
  margin-bottom: 6px;
}
.compare-advanced-style .percent-bar .blue {
  background: #09c;
  height: 100%;
}
.compare-advanced-style .sort-legend {
  display: inline-block;
  margin-left: 10px;
  height: 18px;
  width: 18px;
  border-radius: 18px;
  position: relative;
  top: 4px;
}
.compare-advanced-style .filter-title {
  font-size: 15px;
  font-weight: bold;
}
.compare-advanced-style .filter-tags {
  width: 100%;
  flex-wrap: wrap;
}
.compare-advanced-style .filter-tags .blue {
  cursor: pointer;
  padding: 6px 16px;
  background: #a9a9a9;
  color: #fff;
  border-radius: 4px;
  margin: 0 6px 6px 0;
  white-space: nowrap;
  font-size: 14px;
}
.compare-advanced-style .filter-tags .blue.selected,
.compare-advanced-style .filter-tags .blue.all-tag:hover,
.compare-advanced-style .filter-tags .blue.none-tag:hover {
  background: #069;
}
.mobile .compare-advanced-style .top-section,
.mobile .compare-advanced-style .disclaimer {
  margin: 0 10px;
}
.mobile .compare-advanced-style .text {
  margin: 0 0 20px 0;
}
.mobile .compare-advanced-style .percent-bar {
  width: 250px;
}
.mobile .compare-advanced-style .close-tags {
  width: 260px;
}
.w800 .compare-advanced-style .evox-mask {
  height: 150px;
  width: 280px;
  overflow: hidden;
}
.w800 .compare-advanced-style .evox-mask img {
  height: 250px;
  max-width: none;
  margin-top: -60px;
}
.phone .compare-advanced-style .configure {
  flex-direction: column;
}
.phone .compare-advanced-style .year-tags {
  flex-direction: column;
  align-items: flex-start;
}
.phone .compare-advanced-style .blocks {
  flex-direction: column-reverse;
}
.phone .compare-advanced-style .rr {
  width: 100%;
}
.phone .compare-advanced-style .title-bar {
  margin-bottom: 16px;
}
.phone .compare-advanced-style .img-mask {
  text-align: center;
  margin: 0 0 10px 0;
}
.phone .compare-advanced-style .evox-mask {
  width: 100%;
  height: 150px;
}
.phone .compare-advanced-style .evox-mask img {
  height: 160%;
  margin-top: -50px;
}
.phone .compare-advanced-style .sort-group {
  margin: 10px 0;
  width: 100%;
}
.phone .compare-advanced-style .sort-group .block {
  flex: 1;
}
.phone .compare-advanced-style .sort-group .block:first-child {
  margin-right: 10px;
}
.bubble-style {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 14px 26px;
}
.ev-site.mobile.phone .savings .bubble,
.ev-site.mobile.tablet.w700 .savings .bubble {
  position: static;
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  text-align: right;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
}
.ev-site.mobile.phone .savings .bubble .p,
.ev-site.mobile.tablet.w700 .savings .bubble .p,
.ev-site.mobile.phone .savings .bubble .b1,
.ev-site.mobile.tablet.w700 .savings .bubble .b1 {
  width: auto;
  width: initial;
}
.ev-site.mobile.phone .savings .bubble .p,
.ev-site.mobile.tablet.w700 .savings .bubble .p {
  text-align: left;
}
.ev-site.mobile.phone .savings .bubble .b1,
.ev-site.mobile.tablet.w700 .savings .bubble .b1 {
  margin: 0 0 0 auto;
  white-space: nowrap;
  text-align: right;
}
.ev-site .savings .bubble {
  border: 1px solid #ccc;
  border-radius: 6px;
  position: absolute;
  top: 80px;
  right: 0;
  width: 227px;
  text-align: right;
  padding: 12px 26px;
  font-size: 11px;
}
.ev-site .savings .bubble.mobile {
  display: none;
}
.ev-site .savings .bubble.wide {
  width: 300px;
}
.w700.ev-site .savings .bubble,
.phone.ev-site .savings .bubble {
  width: 100%;
}
.ev-site .savings .bubble.push {
  top: 200px;
}
.ev-site .savings .bubble .unit {
  font-size: 30px;
}
.ev-site .savings .bubble .b1 {
  margin-right: 4px;
  text-align: right;
}
.ev-site .savings.savings-phev .caption-row {
  margin-top: 20px;
}
.ev-site .savings.savings-phev .caption-row > div {
  flex: 1 1 49%;
}
.ev-site .savings.savings-phev .caption-row > div:first-child {
  margin-right: 2%;
}
.phone.ev-site .savings.savings-phev .caption-row > div,
.w700.ev-site .savings.savings-phev .caption-row > div {
  flex: 1 1 auto;
}
.ev-site .savings.savings-phev .caption-row .p-left {
  width: auto;
}
.ev-site .savings.savings-phev .caption-row .bubble {
  position: static;
  flex: 1 1 auto;
}
.phone.ev-site .savings.savings-phev .caption-row .bubble,
.w700.ev-site .savings.savings-phev .caption-row .bubble {
  display: none;
}
.mobile.phone.ev-site .savings.savings-phev .bubble.mobile {
  display: flex;
}
.ev-site.tablet .savings:not(.savings-images-outer) .bubble {
  text-align: left;
  margin-right: 10px;
}
.w500 .savings .bubble {
  align-items: center;
}
.w500 .savings .bubble .p {
  width: auto;
  width: initial;
}
.debug-wrapper {
  position: relative;
  cursor: pointer;
  text-align: left;
  display: inline-block;
}
.debug-wrapper .debug-error {
  background: #922;
}
.debug-wrapper .debug-desc {
  color: #2f9;
  font-style: italic;
}
.debug-wrapper .debug-final {
  font-weight: bold;
}
.debug-wrapper .debug-unit {
  font-weight: bold;
  color: #f07;
}
.debug-wrapper .debug-note {
  background: #6bf;
}
.debug-wrapper .debug-opener {
  position: absolute;
  width: 20px;
  text-align: center;
  font-size: 18px;
  top: -20px;
  background: #fe9;
  border: 1px solid #000;
  left: -15px;
}
.debug-wrapper .debug-info {
  display: none;
}
.debug-wrapper .debug-info.open {
  font-size: 15px;
  z-index: 2000;
  display: block;
  position: fixed;
  white-space: pre;
  left: 50%;
  top: 50%;
  height: 400px;
  width: 500px;
  margin-top: -200px;
  margin-left: -250px;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 6px;
  background: #444;
  color: #fff;
  font-family: Courier;
  overflow-y: scroll;
}
.blue-open {
  color: #00639b;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  font-size: 15px;
  margin-top: 10px;
  display: inline-block;
}
.blue-open:hover {
  border-bottom: 1px solid #00639b;
  transition: border-bottom 0.3s;
}
.tou-debug {
  display: none;
  text-align: left;
  padding-bottom: 16px;
}
.mobile .tou-wrapper .fa-tooltip .reveal {
  width: 200px;
  left: -177px;
}
.phone .fa-caret-up {
  left: -40px;
}
.phone .fa-tooltip .reveal {
  left: -147px;
}
.ev-admin.tou-admin .open-close {
  overflow: visible;
}
.ev-admin.tou-admin .dotted-spacer {
  margin: 0 0 38px 0;
  border-bottom: 1px dotted #222;
  padding: 2px;
}
.tou-white {
  width: 100%;
  background: #fff;
}
.tou-wrapper .kwh-money-br {
  display: none;
}
.tou-wrapper .msrp-notice {
  transition: max-height 0.2s ease-in, margin 0.2s, padding 0.2s, opacity 0.6s ease 0.3s;
  opacity: 1;
  max-height: 1000px;
}
.tou-wrapper .msrp-notice.trans {
  opacity: 0;
  transition: max-height 0.2s ease-in, margin 0.2s, padding 0.2s, opacity 0.6s ease 0.3s;
  margin: 0;
  padding: 0;
  max-height: 0;
}
.tou-wrapper .msrp-notice .inner {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.tou-wrapper .msrp-notice .line {
  font-size: 13px;
  line-height: 17px;
}
.tou-wrapper .msrp-notice .line:not(:last-child) {
  margin-bottom: 6px;
}
.tou-wrapper .msrp-notice .time-label {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
}
.tou-wrapper .msrp-notice .total-time {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
}
.tou-wrapper .mui-tabs {
  margin-bottom: 26px;
  width: 100%;
}
.tou-wrapper .mui-tabs .one-tab {
  flex: 1 0 50%;
  display: block;
  max-width: none;
  height: auto;
  align-self: stretch;
  background: none;
}
.tou-wrapper .vehicle-group {
  margin-bottom: 10px;
}
.tou-wrapper .vehicle-group select,
.tou-wrapper .vehicle-group .input-text {
  height: auto;
  padding: 10px 8px;
  font-size: 13px;
}
.tou-wrapper .vehicle-group .filter-select {
  width: 100%;
}
.tou-wrapper .vehicle-group .input-text {
  padding: 6px;
  font-size: 18px;
  max-width: 150px;
}
.tou-wrapper .vehicle-group .control-label {
  margin-bottom: 10px;
  white-space: nowrap;
}
.mobile .tou-wrapper .vehicle-group .control-label {
  white-space: wrap;
}
.mobile.phone .tou-wrapper .vehicle-group .control-label {
  margin-right: 10px;
  font-size: 14px;
}
.tou-wrapper .vehicle-group .gr-col:first-child {
  flex: 0;
}
.tou-wrapper .vehicle-group .gr-col:not(:last-child) {
  margin-right: 16px;
}
.tou-wrapper .vehicle-group .gr-col {
  flex: 1;
}
.phone .tou-wrapper .vehicle-group .gr-col {
  margin: 0 0 10px 0;
}
.tou-wrapper .vehicle-group .control {
  margin: 0 0 10px 0;
}
.tou-wrapper .main-content {
  padding: 0 20px;
}
.tou-wrapper .p p,
.tou-wrapper .disclaimer p {
  line-height: 18px;
}
.tou-wrapper .gr-col .input-select {
  display: block;
}
.tou-wrapper .disclaimer {
  margin-top: 60px;
}
.tou-wrapper .chart-title {
  font-size: 23px;
  margin-bottom: 20px;
}
.tou-wrapper .chart-hd {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
}
.tou-wrapper .one-chart {
  margin: 0 0 20px 0;
}
.tou-wrapper .one-chart .p {
  margin-bottom: 20px;
}
.tou-wrapper .kwh-hr,
.tou-wrapper .kwh-help {
  font-size: 11px;
  color: #999;
}
.tou-wrapper .slider-name,
.tou-wrapper .one-time,
.tou-wrapper .kwh-hr {
  user-select: none;
}
.phone .tou-wrapper .sum-row,
.w700 .tou-wrapper .sum-row {
  display: flex;
  width: 100%;
  margin: 20px 0 0 0;
  align-items: center;
  justify-content: flex-end;
}
.phone .tou-wrapper .one-total .sum-row,
.w700 .tou-wrapper .one-total .sum-row {
  display: none;
}
.tou-wrapper .sum-mirror,
.tou-wrapper .sum-mirror-style {
  font-size: 20px;
  font-weight: bold;
  flex-basis: 105px;
  margin-left: 16px;
  bottom: 0;
}
.tou-wrapper .sum-mirror .help,
.tou-wrapper .sum-mirror-style .help {
  display: none;
}
.phone .tou-wrapper .sum-mirror,
.phone .tou-wrapper .sum-mirror-style,
.w700 .tou-wrapper .sum-mirror,
.w700 .tou-wrapper .sum-mirror-style {
  white-space: nowrap;
  padding: 5px 0;
  flex-grow: 1;
  align-self: flex-end;
  text-align: right;
}
.phone .tou-wrapper .sum-mirror .help,
.phone .tou-wrapper .sum-mirror-style .help,
.w700 .tou-wrapper .sum-mirror .help,
.w700 .tou-wrapper .sum-mirror-style .help {
  display: inline;
}
.tou-wrapper .slider-list {
  padding: 16px 0 0 0;
}
.tou-wrapper .slider-cs {
  display: flex;
  align-items: center;
  padding: 6px 0 44px 0;
}
.combined-tou-module.tou-wrapper .slider-cs {
  padding-bottom: 32px;
}
.tou-wrapper .slider-dock {
  position: relative;
  flex-grow: 1;
}
.tou-wrapper .slider-name {
  flex-basis: 105px;
  margin-left: 16px;
  text-align: left;
  font-size: 12px;
}
.tou-wrapper .white-block {
  position: absolute;
  background: #fff;
  height: 34px;
  top: 12px;
  right: 0;
  left: 0;
  z-index: 4;
}
.tou-wrapper .white-block.wb-3 {
  left: 0;
  right: 100%;
}
.tou-wrapper .ui-slider {
  background: #bbb;
  height: 20px;
  overflow: hidden;
  pointer-events: none;
  position: static;
}
.tou-wrapper .ui-slider-handle,
.tou-wrapper .back-highlight-hide {
  user-select: none;
  cursor: pointer;
  height: 16px;
  top: -6px;
  display: block;
  position: absolute;
}
.tou-wrapper .ui-slider-handle span,
.tou-wrapper .back-highlight-hide span {
  z-index: 10;
}
.tou-wrapper .ui-slider-handle.orange,
.tou-wrapper .back-highlight-hide.orange {
  background: #ff9400;
}
.tou-wrapper .ui-slider-handle.green,
.tou-wrapper .back-highlight-hide.green {
  background: #00bd32;
}
.tou-wrapper .ui-slider-handle {
  width: 20px;
  height: 20px;
  top: -8px;
  pointer-events: auto;
  background-image: url("../../images/slide2.png");
  background-size: 20px 20px;
}
.tou-wrapper .back-highlight-hide {
  position: absolute;
  height: 34px;
  top: 12px;
  z-index: 3;
}
.tou-wrapper .back-highlight-wrapper {
  position: absolute;
  top: 12px;
  z-index: 2;
}
.tou-wrapper .set-time {
  color: #222;
  user-select: none;
  position: absolute;
  left: -45px;
  white-space: pre;
  top: -26px;
}
.tou-wrapper .back-highlight {
  position: absolute;
  height: 34px;
  top: 0;
  left: 0;
  z-index: 1;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: content-box;
}
.tou-wrapper .flex-row.blue {
  position: relative;
  align-items: flex-end;
}
.tou-wrapper .gray-border {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.tou-wrapper.no-scaling .gray-border {
  align-items: stretch;
  align-items: normal;
}
.tou-wrapper .blue-block {
  align-self: flex-end;
  margin: 0;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  position: relative;
  min-height: 84px;
  max-height: 144px;
  color: #fff;
  background: #0062b4;
  padding: 34px 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  border-bottom: 2px solid #111;
  word-break: break-word;
}
.tou-wrapper .blue-block:last-child {
  margin-right: 1px;
}
.tou-wrapper .blue-block .time {
  position: absolute;
  font-weight: bold;
  font-size: 12px;
  bottom: 6px;
  left: 6px;
}
.phone .tou-wrapper .blue-block,
.w700 .tou-wrapper .blue-block {
  width: 100% !important;
  font-size: 11px;
  min-height: 68px;
  height: auto;
  padding: 10px 0;
  margin: 0;
  align-items: center;
}
.phone .tou-wrapper .dynamic .blue-block,
.w700 .tou-wrapper .dynamic .blue-block {
  min-height: 24px;
}
.tou-wrapper .show-usage {
  display: none;
}
.tou-wrapper .adjust-usage,
.tou-wrapper .show-usage {
  font-family: "Open Sans";
  background: #169bd5;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px 16px;
  margin: 20px 16px 0 0;
}
.tou-wrapper .mobile-list ul {
  font-size: 15px;
  list-style: none;
  margin-left: 0;
}
.tou-wrapper .mobile-list ul li {
  margin-left: 10px;
}
.tou-wrapper .mobile-list .kwh-hr {
  font-size: 15px;
  color: #333;
  white-space: nowrap;
}
.tou-wrapper .mobile-list .time-select {
  margin: 10px 0;
}
.tou-wrapper .mobile-list select {
  width: 80px;
}
.tou-wrapper .mobile-list select,
.tou-wrapper .mobile-list .control-label {
  margin: 0 8px 0 0;
}
.tou-wrapper .mobile-list.init-hide {
  display: none;
}
.tou-wrapper .bubble-row {
  text-align: right;
  display: flex;
  justify-content: space-between;
}
.tou-wrapper .bubble {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 20px 121px 20px 0;
  display: inline-block;
}
.tou-wrapper .bubble .flex-row {
  justify-content: flex-end;
}
.tou-wrapper .bubble .text {
  text-align: right;
  margin-right: 10px;
}
.tou-wrapper .bubble .hd {
  font-size: 20px;
  font-weight: bold;
}
.tou-wrapper .bubble .amt {
  min-width: 120px;
  font-weight: bold;
  text-align: right;
}
.tou-wrapper .bubble .amt-money {
  font-size: 32px;
}
.tou-wrapper .bubble .has-tip {
  position: relative;
  top: -1px;
}
.mobile .tou-wrapper {
  margin: 0 16px;
}
.mobile .tou-wrapper .header,
.mobile .tou-wrapper .p p {
  margin: 20px 0;
}
.mobile.phone .msrp-notice .line:not(:last-child),
.mobile.w700 .msrp-notice .line:not(:last-child) {
  margin-bottom: 10px;
}
.mobile.phone .msrp-notice .total-time,
.mobile.w700 .msrp-notice .total-time {
  display: block;
}
.mobile.phone .vehicle-group select,
.mobile.w700 .vehicle-group select {
  width: 100%;
}
.mobile.phone .vehicle-group .control,
.mobile.w700 .vehicle-group .control {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
}
.mobile.phone .vehicle-group .control-label,
.mobile.w700 .vehicle-group .control-label {
  min-height: none;
}
.mobile.phone .vehicle-group .control-label,
.mobile.w700 .vehicle-group .control-label,
.mobile.phone .vehicle-group .control-field,
.mobile.w700 .vehicle-group .control-field {
  flex: 1 0 40%;
  margin: 0;
}
.mobile.phone .vehicle-group .gr,
.mobile.w700 .vehicle-group .gr {
  flex-wrap: wrap;
}
.mobile.phone .vehicle-group .gr-col,
.mobile.w700 .vehicle-group .gr-col {
  flex-basis: 100%;
}
.mobile.phone h1,
.mobile.w700 h1 {
  font-size: 26px;
}
.mobile.phone .chart-title,
.mobile.w700 .chart-title {
  font-size: 20px;
}
.mobile.phone .adjust-usage,
.mobile.w700 .adjust-usage {
  display: none;
}
.mobile.phone .show-usage,
.mobile.w700 .show-usage {
  display: block;
  margin: 0;
  padding: 10px 8px;
}
.mobile.phone .bubble,
.mobile.w700 .bubble {
  margin: 20px 0;
  padding: 20px 6px;
  flex-grow: 1;
}
.mobile.phone .mobile-list.init-hide,
.mobile.w700 .mobile-list.init-hide {
  display: none;
}
.mobile.phone .slider-list,
.mobile.w700 .slider-list {
  display: none;
}
.mobile.phone .dynamic .mobile-list ul,
.mobile.w700 .dynamic .mobile-list ul {
  margin: 16px 0 0 6px;
}
.mobile.phone .dynamic .mobile-list li,
.mobile.w700 .dynamic .mobile-list li {
  line-height: 22px;
  margin-left: 0;
}
.mobile.phone .dynamic .mobile-list li:not(:first-child),
.mobile.w700 .dynamic .mobile-list li:not(:first-child) {
  margin-top: 10px;
}
.mobile.phone .gray-border,
.mobile.w700 .gray-border,
.mobile.phone .flex-row.blue,
.mobile.w700 .flex-row.blue {
  flex-flow: column;
  align-items: flex-start;
}
.tou-range {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
  user-select: none;
  cursor: pointer;
  height: 20px;
  top: 0;
  display: block;
  position: absolute;
  z-index: 111;
}
.tou-range::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.tou-range:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.tou-range::-ms-track {
  width: 100%;
  cursor: pointer;
/* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.tou-range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  top: 0;
  pointer-events: auto;
  background-image: url("../../images/slide2.png");
  background-size: 20px 20px;
  background-color: transparent;
}
.tou-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  top: 0;
  pointer-events: auto;
  background-image: url("../../images/slide2.png");
  background-size: 20px 20px;
  background-color: transparent;
}
.tou-range::-ms-thumb {
  width: 20px;
  height: 20px;
  top: 0;
  pointer-events: auto;
  background-image: url("../../images/slide2.png");
  background-size: 20px 20px;
  background-color: transparent;
}
.tou-range.white::-webkit-slider-thumb {
  background-image: url("../../images/slide2_white.png");
}
.tou-range.white::-moz-range-thumb {
  background-image: url("../../images/slide2_white.png");
}
.tou-range.white::-ms-thumb {
  background-image: url("../../images/slide2_white.png");
}
.msrp-notice {
  background: #0f9;
  border-radius: 6px;
  padding: 16px 10px;
  margin: 0 0 20px 0;
  line-height: 24px;
  text-align: center;
  height: auto;
  opacity: 100;
  transition: opacity 0.6s;
}
.msrp-notice.trans {
  opacity: 0;
  transition: opacity 0.6s;
}
.print-actions {
  margin-top: 60px;
  display: flex;
  justify-content: space-around;
}
.print-actions .blue-btn {
  background: #036;
  display: block;
  border-radius: 6px;
  width: 240px;
  padding: 12px 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
  height: auto;
  text-transform: uppercase;
  font-size: 13px;
}
.tco-wrapper {
  padding: 20px;
}
.tco-wrapper select {
  height: 37px;
}
.tco-wrapper .gr.hide {
  display: none;
}
.tco-wrapper .tco-row {
  display: flex;
  justify-content: space-between;
}
.tco-wrapper .tco-row .tco-col {
  flex-basis: 40%;
}
.tco-wrapper .tco-row .tco-col:first-child {
  margin-right: 20px;
}
.tco-wrapper .money-sym {
  font-size: 22px;
}
.tco-wrapper .plus-icon {
  height: 30px;
  width: 30px;
  background-size: 30px 30px;
}
.tco-wrapper .header {
  margin: 20px 0 20px 0;
}
.tco-wrapper .header h1 {
  margin: 0;
  padding: 0;
}
.tco-wrapper .p {
  margin: 0 20px 20px 20px;
}
.tco-wrapper .copy {
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
}
.tco-wrapper .disclaimer,
.tco-wrapper .disclaimer p {
  font-size: 12px;
  margin-top: 40px;
  line-height: 16px;
}
.tco-wrapper .disclaimer.pre {
  white-space: pre-wrap;
}
.tco-wrapper .control {
  margin-bottom: 20px;
}
.tco-wrapper .gray-border {
  background: #333;
  height: 3px;
  width: 340px;
}
.tco-wrapper .msrp-notice {
  background: #0f9;
  border-radius: 6px;
  padding: 16px 10px;
  margin-bottom: 16px;
  text-align: center;
  height: auto;
  opacity: 100;
  transition: opacity 0.5s;
}
.tco-wrapper .msrp-notice.trans {
  opacity: 0;
  transition: opacity 0.5s;
}
.tco-wrapper .tco-title,
.tco-wrapper .est-miles .control-label {
  font-size: 17px;
  font-weight: bold;
  line-height: 38px;
  color: #333;
}
.tco-wrapper .tco-title {
  top: 10px;
  position: absolute;
  white-space: nowrap;
}
.tco-wrapper .tco-title .in {
  margin-right: 20px;
}
.tco-wrapper .examples {
  margin: 10px 0 10px 0;
}
.tco-wrapper .examples label {
  font-size: 13px;
}
.tco-wrapper .examples .control {
  margin: 0;
}
.tco-wrapper .examples-spacer {
  height: 54.5px;
}
.tco-wrapper .dd-spacer {
  height: 57px;
}
.tco-wrapper .tco-spacer {
  height: 64px;
  width: 1px;
}
.tco-wrapper .tco-bubble {
  flex-grow: 1;
  border: 3px solid #333;
  border-radius: 6px;
  padding: 20px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tco-wrapper .tco-bubble .input-text {
  width: 150px;
}
.tco-wrapper .tco-bubble .control {
  height: auto;
}
.tco-wrapper .tco-bubble .m {
  width: 90px;
}
.tco-wrapper .tco-col {
  position: relative;
  flex-grow: 1;
}
.tco-wrapper .tco-row:not(.est-miles) .tco-col {
  display: flex;
  flex-direction: column;
}
.tco-wrapper .tco-row.summary .tco-title {
  display: flex;
  align-items: center;
}
.tco-wrapper .tco-row.summary .tco-title .plus-icon {
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  margin: 0 16px 0 0;
}
.tco-wrapper .est-miles .tco-col,
.tco-wrapper .est-miles .tco-col:first-child {
  display: flex;
  justify-content: space-between;
  flex-basis: auto;
  width: 100%;
}
.tco-wrapper .est-miles .gr {
  flex-basis: 23%;
}
.tco-wrapper .est-miles .gr .control {
  width: 100%;
}
.tco-wrapper .est-miles .gr .input-text,
.tco-wrapper .est-miles .gr select {
  width: 100%;
}
.tco-wrapper .est-miles .gr .input-text {
  text-align: center;
}
.tco-wrapper .est-miles .gr select {
  font-size: 14px;
  height: 37px;
}
.tco-wrapper .est-miles select {
  font-size: 18px;
  padding: 0 0 0 10px;
}
.tco-wrapper .input-text {
  text-align: right;
  box-shadow: none;
  height: auto;
  font-size: 22px;
  padding: 2px 4px;
  font-weight: bold;
}
.tco-wrapper .input-text.custom {
  font-weight: normal;
  padding: 4px 6px;
  text-align: left;
  font-size: 13px;
}
.tco-wrapper .input-text::placeholder {
  color: #333;
}
.tco-wrapper .input-text:focus::-ms-input-placeholder {
  color: transparent;
}
.tco-wrapper .input-text:focus::placeholder {
  color: transparent;
}
.tco-wrapper .input-text.disabled {
  background: #ccc;
  color: #999;
  text-decoration: line-through;
}
.tco-wrapper .tco-bold .money-sym {
  font-size: 26px;
}
.tco-wrapper .tco-bold.input-text,
.tco-wrapper .input-text:read-only {
  font-size: 26px;
  font-weight: bold;
  text-align: right;
  color: #333;
  height: auto;
}
.tco-wrapper .add-btn {
  padding: 4px 6px;
  color: #fff;
  background: #069;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
.tco-wrapper .input-text:read-only {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
}
.tco-wrapper .input-text:read-only.subtotal-value {
  color: #069;
}
.tco-wrapper .subtotal {
  color: #069;
}
.tco-wrapper .subtotal .input-text {
  color: #069;
}
.tco-wrapper .subtotal .input-text.black {
  color: #333;
}
.tco-wrapper .input-text,
.tco-wrapper select {
  width: 150px;
}
.tco-wrapper .plus-icon {
  margin-left: 10px;
}
.tco-wrapper .plus-icon.add-row {
  margin: 0;
}
.tco-wrapper .plus-icon.mobile-only {
  display: none;
}
.tco-wrapper .hh {
  font-size: 20px;
  font-weight: bold;
}
.tco-wrapper .m {
  display: inline-block;
  width: 150px;
}
.tco-wrapper .rev .control {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.tco-wrapper .rev .control.index-0 {
  margin-top: 10px;
}
.tco-wrapper .rev .control-label.flex {
  display: flex;
  align-items: center;
}
.tco-wrapper .rev .control-label {
  margin-left: 16px;
}
.ev-site.mobile .tco-wrapper {
  padding: 20px;
}
.ev-site.mobile .tco-wrapper .header {
  margin: 0 0 20px 0;
}
.ev-site.mobile .tco-wrapper .tco-bubble .control-label {
  width: 180px;
}
.ev-site.mobile .tco-wrapper .tco-bubble .control {
  margin-left: 0;
}
.ev-site.mobile .tco-wrapper .tco-bubble .hh {
  font-size: 16px;
}
.ev-site.mobile .tco-wrapper .input-text,
.ev-site.mobile .tco-wrapper select {
  width: 150px;
}
.ev-site.mobile .tco-wrapper .input-text.tco-bold,
.ev-site.mobile .tco-wrapper .input-text:read-only {
  font-size: 24px;
}
.ev-site.mobile .tco-wrapper .tco-bold .money-sym {
  font-size: 24px;
}
.ev-site.mobile .tco-wrapper .plus-icon:not(.keep) {
  display: none;
}
.ev-site.mobile .tco-wrapper .plus-icon.mobile-only {
  display: inline-block;
  margin: 0;
  height: 25px;
  width: 25px;
  background-size: 25px 25px;
}
.ev-site.mobile .tco-wrapper .control-label {
  width: 200px;
}
.ev-site.mobile .tco-wrapper .gray-border {
  width: auto;
}
.ev-site.mobile.w800 .tco-wrapper .m {
  width: 110px;
}
.ev-site.mobile.w800 .tco-wrapper .tco-col,
.ev-site.mobile.w800 .tco-wrapper .tco-col:first-child {
  flex-basis: 270px;
}
.ev-site.mobile.w800 .tco-wrapper .control-label {
  width: 180px;
}
.ev-site.mobile.w800 .tco-wrapper .rev .control {
  align-items: flex-start;
}
.ev-site.mobile.w800 .tco-wrapper .est-miles .tco-col,
.ev-site.mobile.phone .tco-wrapper .est-miles .tco-col {
  flex-wrap: wrap;
  flex-basis: auto;
}
.ev-site.mobile.w800 .tco-wrapper .est-miles .gr,
.ev-site.mobile.phone .tco-wrapper .est-miles .gr {
  flex-basis: 40%;
}
.ev-site.mobile.w800 .tco-wrapper .est-miles .control-field,
.ev-site.mobile.phone .tco-wrapper .est-miles .control-field {
  margin-right: 10px;
}
.ev-site.mobile.w800 .tco-wrapper .est-miles .control-label,
.ev-site.mobile.phone .tco-wrapper .est-miles .control-label {
  width: auto;
}
.ev-site.mobile.w800 .tco-wrapper .tco-bubble,
.ev-site.mobile.phone .tco-wrapper .tco-bubble {
  padding: 10px;
}
.ev-site.mobile.w800 .tco-wrapper .tco-bubble .control-label,
.ev-site.mobile.phone .tco-wrapper .tco-bubble .control-label {
  width: 125px;
  height: auto;
}
.ev-site.mobile.w800 .tco-wrapper .tco-bubble .control,
.ev-site.mobile.phone .tco-wrapper .tco-bubble .control {
  height: auto;
  justify-content: flex-end;
}
.ev-site.mobile.w700 .tco-wrapper .rev .control,
.ev-site.mobile.phone .tco-wrapper .rev .control {
  flex-direction: column;
  align-items: flex-start;
}
.ev-site.mobile.w700 .tco-wrapper .rev .control-label,
.ev-site.mobile.phone .tco-wrapper .rev .control-label {
  margin: 0 0 10px 0;
}
.ev-site.mobile.phone .tco-wrapper {
  padding: 10px;
}
.ev-site.mobile.phone .tco-wrapper .actions .blue-btn {
  width: auto;
  padding: 10px 12px;
  font-size: 13px;
}
.ev-site.mobile.phone .tco-wrapper .input-text.tco-bold,
.ev-site.mobile.phone .tco-wrapper .input-text:read-only {
  text-align: left;
  font-size: 22px;
}
.ev-site.mobile.phone .tco-wrapper .money-sym + .input-text {
  padding-left: 40px;
}
.ev-site.mobile.phone .tco-wrapper .control-label {
  width: 140px;
}
.ev-site.mobile.phone .tco-wrapper .input-text,
.ev-site.mobile.phone .tco-wrapper select {
  width: 120px;
}
.ev-site.mobile.phone .tco-wrapper .gray-border {
  min-width: 100px;
  width: auto;
}
.ev-site.mobile.phone .tco-wrapper .tco-title {
  font-size: 14px;
}
.ev-site.mobile.phone .tco-wrapper .rev.tax-incentives .control {
  align-items: flex-start;
}
.ev-site.mobile.phone .tco-wrapper .rev.tax-incentives .control-label {
  margin-top: 10px;
  text-align: left;
}
.ev-site.mobile.phone .tco-wrapper .m {
  width: 100px;
}
.ev-site.mobile.phone .tco-wrapper .control-label.flex {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.ev-site.mobile.phone .tco-wrapper .control-label.flex .plus-icon {
  margin-right: 16px;
}
.ev-site.mobile.phone .tco-wrapper .summary .m {
  width: 80px;
}
.ev-site.mobile.phone .tco-wrapper .summary .tco-title {
  white-space: normal;
  line-height: 18px;
  flex-wrap: wrap-reverse;
}
.ev-site.mobile.phone .tco-wrapper .summary .tco-spacer {
  height: 70px;
}
.ev-site.mobile.phone .tco-wrapper .summary.increment .tco-spacer {
  height: 100px;
}
.ev-site.mobile.phone .tco-wrapper .summary .plus-icon {
  margin-top: 10px;
}
.ev-site.mobile.phone .tco-wrapper .tco-row {
  display: flex;
}
.ev-site.mobile.phone .tco-wrapper .tco-row .tco-col:first-child {
  flex-basis: auto;
  margin-right: 10px;
}
.phone-only {
  display: none;
}
.options-spacer {
  height: 32.75px;
}
.ev-admin .options-spacer {
  height: 22.75px;
}
.how-many-days .control-label {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}
.how-many-days .options {
  display: flex;
}
.how-many-days .num {
  user-select: none;
  padding: 6px 10px;
  font-size: 13px;
  margin-right: 8px;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #ccc;
  cursor: pointer;
}
.how-many-days .num.selected {
  background: #069;
}
.ev-site .savings .bar-spacer {
  flex: 0 0 120px;
}
.mobile.ev-site .savings .bar-spacer {
  display: none;
}
.ev-site .savings .bar {
  position: relative;
  border: none;
  width: 100px;
}
.ev-site .savings .bar.blue {
  background: none;
}
.ev-site .savings .bar.blue .white {
  background: #036;
}
.ev-site .savings .bar.orange {
  background: none;
}
.ev-site .savings .bar.orange .white {
  display: block;
}
.ev-site .savings .bar .white,
.ev-site .savings .bar .inner-orange {
  position: absolute;
  bottom: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: none;
  width: 100%;
}
.phone.ev-site .savings .bar {
  margin: 0 auto;
}
.ev-site.mobile .savings:not(.carbon) .main-content {
  padding: 10px;
}
.ev-site.mobile .savings.carbon .main-content {
  padding: 0;
}
.savings-combined-style .gas-vehicles .options {
  margin-top: -24px;
}
.detail-view.ev-site main iframe {
  width: 100%;
}
.savings-images-outer {
  padding: 20px;
}
.mobile .savings-images-outer {
  padding: 0;
}
.w700 .savings-images-outer .bar-row,
.phone .savings-images-outer .bar-row {
  border-bottom: 1px solid #ccc;
}
.savings-images-outer .control-label {
  position: relative;
}
.savings-images-outer .how-many-days {
  margin: 20px 0 10px 0;
}
.savings-images-outer .how-many-days .num {
  padding: 0;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
@media print {
  .savings-images-outer .print {
    display: none;
  }
}
.savings-images-outer .fa-tooltip {
  margin-left: 10px;
  line-height: 14px;
  font-weight: normal;
  position: static;
  cursor: pointer;
}
.savings-images-outer .fa-tooltip .reveal {
  left: 0;
}
.savings-images-outer .fa-tooltip .content {
  white-space: normal;
}
.savings-images-outer .fa-tooltip .fa-question-circle {
  font-size: 17px;
  color: #999;
  height: auto;
}
.savings-images-outer .main-content {
  padding: 0;
}
.savings-images-outer .header {
  margin: 0 0 20px 0;
  padding: 0;
}
.savings-images-outer .header h1 {
  margin: 0;
}
.savings-images-outer .disclaimer.demand-disclaimer {
  margin-top: 40px;
}
.mobile.savings-images-outer .bubble {
  width: 100%;
}
.savings-images-outer .carbon-include .header {
  margin: 0 0 20px 0;
  padding: 0;
}
.savings-images-outer .example-check {
  font-size: 13px;
  margin: 0;
}
.phone .savings-images-outer .input-row .lcontrol,
.phone .savings-images-outer .input-row .rcontrol {
  flex: 1 0 46%;
}
.phone .savings-images-outer .input-row .lcontrol {
  margin-right: 8%;
}
.savings-images-outer .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.savings-images-outer .img.evox {
  background-size: 120% auto;
  background-position: 30% 55%;
}
.savings-images-outer .ev-image,
.savings-images-outer .gas-image {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.savings-images-outer .gas-image {
  max-width: 222px;
  flex: 1 1 auto;
  height: 100%;
}
.savings-images-outer .ev-image {
  flex-grow: 1;
  height: 100%;
}
.savings-images-outer .ev-image.phone-only {
  display: none;
}
.savings-images-outer .ev-image img {
  width: 100%;
}
.savings-images-outer .image-window {
  height: 400px;
}
.savings-images-outer.image-combined .image-window {
  height: 450px;
}
.savings-images-outer.image-combined .gas-image {
  display: none;
}
.savings-images-outer .image-bar-row .ev-pane,
.savings-images-outer .image-bar-row .gas-pane {
  flex-basis: 49%;
  display: flex;
  align-items: stretch;
}
.savings-images-outer .image-bar-row .bar-wrapper {
  display: flex;
  align-items: flex-end;
}
.savings-images-outer .image-bar-row .tower {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-end;
}
.savings-images-outer .image-bar-row .gas-pane {
  margin-right: 2%;
}
.savings-images-outer .image-bar-row .bar {
  margin: 0;
  flex: 1 0 14%;
  margin-left: 20px;
}
.savings-images-outer .image-bar-row .phone-only {
  display: none;
}
.phone .savings-images-outer .ev-image {
  display: none;
}
.phone .savings-images-outer .ev-image.phone-only {
  display: block;
}
.phone .savings-images-outer .image-bar-row .b3 {
  font-size: 15px;
}
.phone .savings-images-outer .image-bar-row .ev-pane,
.phone .savings-images-outer .image-bar-row .gas-pane,
.phone .savings-images-outer .image-bar-row .bar-wrapper {
  height: 244px;
}
.phone .savings-images-outer .image-bar-row .tower {
  align-items: stretch;
  justify-content: stretch;
}
.phone .savings-images-outer .image-bar-row .bar-wrapper {
  display: none;
}
.phone .savings-images-outer .image-bar-row .bar {
  display: none;
  flex: 1 0 auto;
  height: 110px;
  margin: 0;
  width: 70px;
}
.phone .savings-images-outer .image-bar-row .bar.phone-only {
  display: block;
}
.phone .savings-images-outer .image-bar-row .l-block,
.phone .savings-images-outer .image-bar-row .r-block {
  flex-grow: 0;
  width: auto;
  margin: 0;
}
.phone .savings-images-outer .image-bar-row .ev-pane,
.phone .savings-images-outer .image-bar-row .gas-pane {
  flex: 1 0 46%;
}
.phone .savings-images-outer .image-bar-row .gas-pane {
  flex-direction: column;
  margin-right: 8%;
}
.phone .savings-images-outer .image-bar-row .gas-pane .tower {
  align-items: flex-end;
}
.phone .savings-images-outer .image-bar-row .ev-pane .tower {
  align-items: flex-start;
}
.ev-site .savings-images .lcontrol {
  justify-content: flex-end;
  display: flex;
  align-items: flex-end;
}
.ev-site .savings-images .input-row .lcontrol {
  justify-content: flex-start;
}
.ev-site .savings-images .rcontrol {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.ev-site .savings-images .image-bar-row .rcontrol {
  justify-content: flex-start;
}
.ev-site .savings-images .l-block {
  width: auto;
  text-align: right;
}
.ev-site .savings-images .m-only {
  display: none;
}
.ev-site .savings-images .bar {
  height: 380px;
  width: 102px;
  flex: 1 1 auto;
}
.ev-site .savings-images .vehicle-images {
  position: relative;
}
.ev-site .savings-images .image-text {
  text-align: center;
  color: #777;
  font-size: 12px;
  position: relative;
  top: -16px;
}
.ev-site .savings-images .ftc-info .value {
  font-weight: normal;
  font-style: italic;
}
.ev-site .savings-images .ftc-info .value.has {
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
}
.ev-site .savings-images .ftc-spacer {
  flex-grow: 1;
}
.ev-site .savings-images .m-break.small {
  height: 10px;
}
.ev-site .savings-images .section.first {
  border: none;
}
.ev-site .savings-images .bubble {
  position: static;
  width: 367px;
  justify-content: space-around;
}
.phone.ev-site .savings-images .bubble,
.w700.ev-site .savings-images .bubble {
  width: 100%;
  margin: 0;
}
.ev-site .savings-images .bubble .incentive {
  margin: 0 20px;
  align-self: flex-start;
  flex-shrink: 1;
}
.ev-site .savings-images .bubble .est-savings {
  text-align: right;
  flex-shrink: 1;
}
.ev-site .savings-images .bubble .cta {
  flex-shrink: 1;
}
.ev-site .savings-images .bubble .b-hd {
  margin: 10px 0 0 0;
  font-size: 13px;
}
.ev-site .savings-images .p-left {
  width: 367px;
}
.ev-site .savings-images .kwh-justify {
  margin-left: auto;
  width: 367px;
}
.ev-site .savings-images .kwh-justify .est-savings {
  flex-grow: 1;
}
.ev-site .savings-images .image-refine-details {
  flex-direction: column;
}
.ev-site .savings-images .image-refine-details.low .input.b2 {
  width: 179px;
  font-weight: bold;
  padding: 2px 9px;
  font-size: 28px;
}
.ev-site .savings-images .miles-row {
  margin: 20px 0;
  align-items: flex-start;
}
.ev-site .savings-images .miles-row .input.b2 {
  font-size: 18px;
  width: 110px;
  margin-right: 10px;
}
.bubble-ftc {
  width: 100%;
  justify-content: space-around;
  align-items: flex-start;
}
.phone .bubble-ftc,
.w700 .bubble-ftc {
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}
.phone .bubble-ftc .ftc-info,
.w700 .bubble-ftc .ftc-info {
  flex: 1 0 212px;
  margin: 0 0 40px 0;
}
.phone .bubble-ftc .est-savings,
.w700 .bubble-ftc .est-savings {
  text-align: left;
  flex: 1 0 40%;
  margin: 0 10% 30px 0;
}
.bubble-ftc .b3 {
  margin-bottom: 16px;
  line-height: 18px;
  display: inline-block;
}
.bubble-ftc .b3:first-child {
  display: block;
}
.bubble-ftc .b2 {
  line-height: 23px;
}
.bubble-ftc .est-savings br.m-break:first-child {
  display: none;
}
.phone .bubble-ftc .view-local .b3,
.w700 .bubble-ftc .view-local .b3 {
  display: none;
}
.ftc-info {
  text-align: left;
}
.ftc-info br:first-child {
  display: none;
}
.ftc-info .line {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 6px 0;
  display: block;
}
.ftc-info .line-above {
  padding-top: 6px;
  border-top: 1px solid #777;
  display: inline-block;
}
.image-bar-row {
  margin: 16px 0 0 0;
  align-items: flex-end;
  border-bottom: 1px solid #ccc;
}
.phone .refine-details.dow {
  flex-direction: column;
  align-items: flex-start;
}
.config-group .gr {
  align-items: baseline;
}
.config-group .cta-button {
  margin: 0;
}
.config-group .control {
  display: flex;
  align-items: baseline;
  margin: 0 16px 6px 0;
}
.config-group select,
.config-group .input-text {
  width: 200px;
}
.config-group .control-label {
  font-weight: bold;
  width: 110px;
}
.ev-site .savings-images .cta-button,
.tou-rates-style .cta-button {
  color: #fff;
  background: #00639b;
  border-radius: 4px;
  padding: 10px 26px;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  font: "Open Sans";
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  transition: background 0.3s;
  transition: opacity 0.3s;
}
.ev-site .savings-images .cta-button.big,
.tou-rates-style .cta-button.big {
  margin-top: 22px;
  padding: 16px 40px;
  font-size: 22px;
  font-weight: bold;
  height: 54px;
  line-height: 0;
}
.ev-site .savings-images .cta-button.big.less,
.tou-rates-style .cta-button.big.less {
  font-size: 18px;
}
.ev-site .savings-images .cta-button.step2-ready,
.tou-rates-style .cta-button.step2-ready {
  margin-top: 20px;
  margin-bottom: 10px;
}
.ev-site .savings-images .cta-button:hover,
.tou-rates-style .cta-button:hover {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ev-site .savings-images .cta-button:disabled,
.tou-rates-style .cta-button:disabled {
  opacity: 0.4;
  transition: opacity 0.3s;
}
.ev-site .savings-images .cta-button.cancel,
.tou-rates-style .cta-button.cancel {
  background: #ccc;
}
.ev-site .savings-images .cta-button.commute,
.tou-rates-style .cta-button.commute {
  text-transform: none;
  text-align: center;
  padding: 8px 16px;
  margin-bottom: 20px;
}
.ev-site .savings-images .loading-blake.button-load,
.tou-rates-style .loading-blake.button-load {
  position: absolute;
  top: 14px;
  left: 50%;
  margin: 0 0 0 -12px;
  width: 24px;
  height: 24px;
}
.ev-site.mobile .savings .carbon-graph .header {
  margin: 0 0 20px 0;
}
.mobile .savings-images-outer .h1,
.mobile .combined .h1 {
  margin: 0 0 20px 0;
}
.mobile .savings-images-outer .reset,
.mobile .combined .reset {
  font-size: 16px;
  margin: 0 0 20px 0;
}
.mobile .savings-images-outer .bar,
.mobile .combined .bar {
  width: 96px;
}
.mobile .savings-images-outer .p-left,
.mobile .combined .p-left {
  margin: 0 10px 10px 0;
}
.mobile .savings-images-outer .miles-row,
.mobile .combined .miles-row {
  align-items: flex-start;
}
.mobile .savings-images-outer .miles-row .close-wrapper,
.mobile .combined .miles-row .close-wrapper {
  margin-right: 30px;
}
.mobile .savings-images-outer .kwh-justify,
.mobile .combined .kwh-justify {
  margin-right: 0;
}
.mobile .savings-images-outer .refine-details,
.mobile .combined .refine-details {
  margin: 10px 0 10px 0;
  text-align: left;
}
.mobile .savings-images-outer .refine-details .open-close,
.mobile .combined .refine-details .open-close {
  margin-bottom: 20px;
}
.mobile .savings-images-outer .refine-details .b2,
.mobile .combined .refine-details .b2 {
  margin: 0 10px 0 0;
  width: 120px;
  padding: 5px;
}
.mobile .savings-images-outer .refine-details .b-hd,
.mobile .combined .refine-details .b-hd {
  display: flex;
  align-items: center;
}
.mobile .savings-images-outer .input-row .l,
.mobile .combined .input-row .l {
  height: auto;
  font-size: 13px;
}
.mobile .savings-images-outer .bar-row,
.mobile .combined .bar-row {
  margin-top: 20px;
}
.mobile .savings-images-outer .bar-row .lcontrol,
.mobile .combined .bar-row .lcontrol,
.mobile .savings-images-outer .bar-row .rcontrol,
.mobile .combined .bar-row .rcontrol {
  align-items: flex-end;
}
.mobile .savings-images-outer .r-block,
.mobile .combined .r-block {
  flex-grow: 0;
}
.mobile .savings-images-outer .section.more,
.mobile .combined .section.more {
  margin-top: 55px;
}
.mobile .savings-images-outer .section.addtnl-graph .bubble,
.mobile .combined .section.addtnl-graph .bubble {
  text-align: right;
}
.mobile .savings-images-outer .section.addtnl-graph .bubble .p,
.mobile .combined .section.addtnl-graph .bubble .p {
  text-align: right;
}
.mobile .savings-images-outer .m-only,
.mobile .combined .m-only {
  display: block;
}
.mobile .savings-images-outer .close-wrapper,
.mobile .combined .close-wrapper {
  text-align: left;
}
.mobile .savings-images-outer .b-hd,
.mobile .combined .b-hd {
  font-size: 15px;
  margin: 0 0 10px 0;
}
.tablet .savings-images .lcontrol {
  margin-right: 20px;
}
.tablet .savings-images .lcontrol,
.tablet .savings-images .rcontrol {
  flex-basis: auto;
  align-items: flex-end;
}
.tablet .savings-images .image-bar-row .lcontrol {
  flex-basis: 30%;
}
.tablet .savings-images .bar {
  height: 380px;
  width: 70px;
}
.tablet .savings-images .miles-row > .close-wrapper .b-hd {
  display: flex;
  flex-direction: column-reverse;
}
.tablet .savings-images .reset {
  display: none;
}
.tablet .savings-images .reset.mobile {
  display: block;
  margin: 10px 0 0 0;
  text-align: left;
}
.tablet .savings-images .rcontrol {
  flex-basis: 100%;
}
.tablet .savings-images .input-row .lcontrol {
  margin: 0;
  flex-grow: 1;
}
.tablet .savings-images .input-row .rcontrol {
  flex-basis: inherit;
  flex-grow: 1;
}
.tablet .savings-images select {
  width: 100px;
}
.tablet .savings-images .vcat-dd select {
  width: 100%;
}
.phone .savings-images .miles-row > .close-wrapper .b-hd,
.w700 .savings-images .miles-row > .close-wrapper .b-hd {
  display: flex;
  flex-direction: column-reverse;
}
.phone .savings-images select,
.w700 .savings-images select {
  width: 99%;
}
.phone .miles-row,
.w700 .miles-row {
  flex-direction: column;
  align-items: flex-end;
}
.phone.w400 .savings-images .b3 {
  line-height: 20px;
  margin-bottom: 6px;
  display: inline-block;
}
.phone.w400 .savings-images .b2:not(.input) {
  font-size: 24px;
}
.phone.w400 .savings-images .n2 {
  font-size: 20px;
}
.phone.w400 .savings-images .l-block,
.phone.w400 .savings-images .r-block {
  line-height: 22px;
  width: auto;
}
.tablet.w700 .savings-images .bar {
  width: 70px;
}
.tablet.w700 .savings-images .rcontrol .bar {
  margin-right: 16px;
}
.tablet.w700 .savings-images .lcontrol {
  margin-right: 10px;
}
.tablet.w700 .savings-images .vcat-dd select {
  width: 100%;
}
.tablet.w700 .savings-images .l-block {
  width: auto;
  min-width: 150px;
}
.tablet.w700 .savings-images .bubble {
  margin: 10px 0 0 0;
}
.w500 .savings-images .image-bar-row .lcontrol {
  margin-right: 60px;
}
.w500 .savings-images .input-row .lcontrol {
  margin-right: 40px;
}
.w500 .savings-images .rcontrol {
  align-items: flex-start;
}
.ev-site.mobile .savings .vcat-dd select {
  width: 100%;
}
.ev-site.mobile.phone .savings:not(.combined).ev-site.mobile.phone .savings:not(.savings-fleet) select,
.ev-site.mobile.w700 .savings:not(.combined).ev-site.mobile.w700 .savings:not(.savings-fleet) select,
.ev-site.mobile.phone .savings:not(.combined).ev-site.mobile.phone .savings:not(.savings-fleet) .input,
.ev-site.mobile.w700 .savings:not(.combined).ev-site.mobile.w700 .savings:not(.savings-fleet) .input {
  width: 99%;
}
.ev-site.mobile.phone .savings:not(.combined).ev-site.mobile.phone .savings:not(.savings-fleet) select.example-only,
.ev-site.mobile.w700 .savings:not(.combined).ev-site.mobile.w700 .savings:not(.savings-fleet) select.example-only,
.ev-site.mobile.phone .savings:not(.combined).ev-site.mobile.phone .savings:not(.savings-fleet) .input.example-only,
.ev-site.mobile.w700 .savings:not(.combined).ev-site.mobile.w700 .savings:not(.savings-fleet) .input.example-only {
  max-width: none;
}
.ev-site.mobile.phone .savings .input,
.ev-site.mobile.w700 .savings .input,
.ev-site.mobile.phone .savings .money-sym,
.ev-site.mobile.w700 .savings .money-sym {
  font-size: 17px;
}
.ev-site.mobile.phone .savings .l-block,
.ev-site.mobile.w700 .savings .l-block,
.ev-site.mobile.phone .savings .r-block,
.ev-site.mobile.w700 .savings .r-block {
  line-height: 24px;
  text-align: center;
}
.ev-site.mobile.phone .savings .money-sym,
.ev-site.mobile.w700 .savings .money-sym {
  left: 5px;
}
.ev-site.mobile.phone .savings .input,
.ev-site.mobile.w700 .savings .input {
  padding: 2px 5px;
}
.ev-site.mobile.phone .savings .input-row .control,
.ev-site.mobile.w700 .savings .input-row .control {
  width: 100%;
  margin: 0 0 10px 0;
}
.ev-site.mobile.phone .savings .input-row .lcontrol,
.ev-site.mobile.w700 .savings .input-row .lcontrol,
.ev-site.mobile.phone .savings .input-row .rcontrol,
.ev-site.mobile.w700 .savings .input-row .rcontrol {
  flex: 1 0 48%;
}
.ev-site.mobile.phone .savings .input-row .lcontrol,
.ev-site.mobile.w700 .savings .input-row .lcontrol {
  flex-direction: column;
  align-items: flex-end;
  margin-right: 4%;
  text-align: left;
}
.ev-site.mobile.phone .savings .input-row .rcontrol,
.ev-site.mobile.w700 .savings .input-row .rcontrol {
  flex-direction: column-reverse;
  align-items: flex-start;
}
.ev-site.mobile.phone .savings .input-row.pre-row .rcontrol,
.ev-site.mobile.w700 .savings .input-row.pre-row .rcontrol {
  flex-direction: column;
}
.ev-site.mobile.phone .savings .input-row.pre-row .lcontrol,
.ev-site.mobile.w700 .savings .input-row.pre-row .lcontrol {
  flex-direction: column-reverse;
}
.ev-site.mobile.phone .savings .input-row .input,
.ev-site.mobile.w700 .savings .input-row .input,
.ev-site.mobile.phone .savings .input-row select,
.ev-site.mobile.w700 .savings .input-row select {
  width: 100%;
}
.ev-site.mobile.phone .savings .kwh-justify,
.ev-site.mobile.w700 .savings .kwh-justify {
  width: 100%;
}
.ev-site.mobile.phone .savings .addtnl-graph .b2:not(.input),
.ev-site.mobile.w700 .savings .addtnl-graph .b2:not(.input) {
  font-size: 24px;
}
.ev-site.mobile.phone .savings .addtnl-graph .n2,
.ev-site.mobile.w700 .savings .addtnl-graph .n2 {
  font-size: 20px;
}
.ev-site.mobile.phone .savings .addtnl-graph .bar-row,
.ev-site.mobile.w700 .savings .addtnl-graph .bar-row {
  margin-top: 20px;
}
.ev-site.mobile.phone .savings .vcat-dd,
.ev-site.mobile.w700 .savings .vcat-dd {
  flex-direction: column;
}
.ev-site.mobile.phone .savings .vcat-dd .vcol,
.ev-site.mobile.w700 .savings .vcat-dd .vcol {
  flex: 1 1 auto;
  width: 100%;
}
.ev-site.mobile.phone .savings .vcat-dd select,
.ev-site.mobile.w700 .savings .vcat-dd select {
  width: 100%;
  max-width: none;
  margin-bottom: 16px;
}
.tablet .savings-images-outer .addtnl-graph .rcontrol {
  align-items: flex-end;
}
.phone .savings-images-outer .text,
.phone .combined .text,
.phone .savings-phev .text,
.phone .carbon .text,
.w800 .savings-images-outer .text,
.w800 .combined .text,
.w800 .savings-phev .text,
.w800 .carbon .text,
.savings-images-outer .miles-row .text,
.combined .miles-row .text,
.savings-phev .miles-row .text,
.carbon .miles-row .text {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
}
.phone .savings-images-outer .refine-details .h1,
.phone .combined .refine-details .h1,
.phone .savings-phev .refine-details .h1,
.phone .carbon .refine-details .h1,
.w800 .savings-images-outer .refine-details .h1,
.w800 .combined .refine-details .h1,
.w800 .savings-phev .refine-details .h1,
.w800 .carbon .refine-details .h1,
.savings-images-outer .miles-row .refine-details .h1,
.combined .miles-row .refine-details .h1,
.savings-phev .miles-row .refine-details .h1,
.carbon .miles-row .refine-details .h1 {
  display: flex;
  flex-direction: column-reverse;
}
.phone .savings-images-outer .refine-details .h1 .input,
.phone .combined .refine-details .h1 .input,
.phone .savings-phev .refine-details .h1 .input,
.phone .carbon .refine-details .h1 .input,
.w800 .savings-images-outer .refine-details .h1 .input,
.w800 .combined .refine-details .h1 .input,
.w800 .savings-phev .refine-details .h1 .input,
.w800 .carbon .refine-details .h1 .input,
.savings-images-outer .miles-row .refine-details .h1 .input,
.combined .miles-row .refine-details .h1 .input,
.savings-phev .miles-row .refine-details .h1 .input,
.carbon .miles-row .refine-details .h1 .input {
  padding: 4px;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
}
.phone .savings-images-outer {
  padding: 0;
}
.phone .savings-images-outer .intro-text {
  margin: 0 10px;
}
.phone .savings-images-outer .section.first {
  margin-top: 10px;
}
.phone .savings-images-outer select {
  margin: 0 0 20px 0;
  width: 100%;
}
.phone .savings-images-outer select.filter-select {
  margin-bottom: 10px;
}
.phone .savings-images-outer .vcol,
.phone .savings-images-outer .vcol.first {
  margin: 0;
  width: 100%;
}
.phone .savings-images-outer .vcol select,
.phone .savings-images-outer .vcol.first select {
  max-width: none;
}
.phone .savings-images-outer .how-many-days {
  margin: 10px 0 0 0;
}
.phone .savings-images-outer .how-many-days .num {
  margin: 0 3px;
  width: 36px;
  height: 32px;
}
.phone .savings-images-outer .control-label {
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
.phone .savings-images-outer .options-spacer {
  display: none;
}
.phone .savings-images-outer .gas-image {
  display: none;
}
.phone .savings-images-outer .bubble {
  margin-left: 0;
  margin-right: 0;
}
.phone .savings-images-outer .addtnl-graph .b2,
.phone .savings-images-outer .carbon-include .b2 {
  font-size: 24px;
}
.phone .savings-images-outer .addtnl-graph .n2,
.phone .savings-images-outer .carbon-include .n2 {
  font-size: 20px;
}
.phone .savings-images-outer .addtnl-graph .bar-row,
.phone .savings-images-outer .carbon-include .bar-row {
  margin-top: 20px;
}
.phone .savings-images-outer .addtnl-graph .lcontrol,
.phone .savings-images-outer .carbon-include .lcontrol {
  margin-left: 0;
  align-items: flex-end;
  margin-right: 20px;
}
.phone .savings-images-outer .addtnl-graph .rcontrol,
.phone .savings-images-outer .carbon-include .rcontrol {
  align-items: flex-start;
}
.ev-site.phone .savings-images .vehicle-images,
.ev-site.phone .combined .vehicle-images {
  width: 100%;
}
.ev-site.phone .savings-images .miles-row,
.ev-site.phone .combined .miles-row {
  margin: 10px 0;
}
.ev-site.phone .savings-images .image-bar-row .rcontrol,
.ev-site.phone .combined .image-bar-row .rcontrol {
  align-items: flex-start;
}
.ev-site.phone .savings-images .input-row .control,
.ev-site.phone .combined .input-row .control {
  margin-left: 0;
}
.ev-site.phone .savings-images .input-row .rcontrol,
.ev-site.phone .combined .input-row .rcontrol {
  flex: 0;
}
.ev-site.phone .savings-images .input-row .lcontrol,
.ev-site.phone .combined .input-row .lcontrol {
  margin-left: 0;
  align-items: flex-end;
  margin-right: 30px;
}
.ev-site.mobile.phone .savings.savings-images .bubble,
.ev-site.mobile.phone .savings.combined .bubble {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: left;
}
.ev-site.mobile.phone .savings.savings-images .bubble .incentive,
.ev-site.mobile.phone .savings.combined .bubble .incentive {
  line-height: 15px;
  margin: 16px 0;
}
.ev-site .savings .charging-section .control {
  margin-top: 10px;
}
.ev-site .savings .charging-section label {
  font-size: 13px;
}
.ev-site .savings .charging-section .gr {
  align-items: center;
}
.ev-site .savings .charging-section select {
  min-width: 100px;
}
.ev-site .savings .charging-section .input.num_vehicles_weekday,
.ev-site .savings .charging-section .input.miles_weekday {
  width: 100%;
}
.ev-site .savings .charging-section .how-many-days {
  margin: 10px 0 0 0;
}
.ev-site .savings .charging-section .options {
  margin: 0;
}
.ev-site .savings .charging-section .close-wrapper {
  display: block;
  margin: 0;
}
.ev-site .savings .charging-section .close-wrapper .control {
  margin-right: 0;
  margin-left: 20px;
}
.ev-site .savings .charging-section .close-wrapper .control.first {
  margin-left: 0;
}
.vc-control select {
  border: 1px solid #ccc !important;
  transition: border 0.5s, box-shadow 0.5s;
}
.vc-control select.incoming {
  border: 1px solid #68f !important;
  box-shadow: 0 0 10px -2px #68f;
}
.dropdowns-style {
  align-items: baseline;
}
.dropdowns-style.end {
  align-items: flex-end;
}
.dropdowns-style.br {
  margin-bottom: 10px;
}
.dropdowns-style.second {
  margin-top: 10px;
}
.dropdowns-style .show-actual {
  margin-bottom: 10px;
}
.phone.dropdowns-style .flex-row,
.phone.dropdowns-style.flex-row {
  flex-direction: column;
}
.phone.dropdowns-style .ev-row {
  margin-top: 10px;
}
.phone.dropdowns-style .ev-row .options {
  margin-bottom: 10px;
}
.dropdowns-style .control-label {
  font-size: 15px;
  font-weight: bold;
  margin: 0 16px 10px 0;
}
.dropdowns-style .options-spacer {
  height: 29px;
}
.dropdowns-style.phev-row .control-label {
  height: 42px;
}
.phone.dropdowns-style.phev-row .control-label {
  height: auto;
}
.dropdowns-style.phev-row .flex-row.ev-row {
  align-items: baseline;
}
.phone.dropdowns-style.phev-row .flex-row.ev-row {
  align-items: flex-start;
}
.dropdowns-style .vcol {
  flex: 0 0 49%;
}
.dropdowns-style .vcol.full {
  flex: 1;
}
.dropdowns-style .vcol.first {
  margin-right: 2%;
}
.dropdowns-style .vcol.start {
  align-self: flex-start;
}
.dropdowns-style .vcol .control {
  flex: 1 1 auto;
  max-width: 49%;
  margin-left: 2%;
  margin-right: 0;
}
.dropdowns-style .vcol .control.first {
  margin-left: 0;
}
.dropdowns-style .vcol .control.p75 {
  max-width: 71%;
}
.dropdowns-style .vcol .control.p100 {
  max-width: 100%;
}
.dropdowns-style .vcol .triple .control {
  flex: 0 0 32%;
}
.dropdowns-style .vehicles .filter-select:not(.example-only) {
  width: 100px;
}
.phone.dropdowns-style .vehicles .filter-select:not(.example-only),
.w700.dropdowns-style .vehicles .filter-select:not(.example-only) {
  width: 100%;
}
.dropdowns-style select {
  flex: 1;
  padding-right: 22px;
}
.dropdowns-style select:first-child {
  flex: 0;
}
.dropdowns-style select:not(:last-child) {
  margin-right: 6px;
}
.dropdowns-style select.example-only {
  max-width: none;
  width: 100%;
  margin-right: 0;
}
.dropdowns-style.vcat-dd {
  margin-bottom: 16px;
}
.dropdowns-style.vcat-dd .control-label {
  margin: 0 0 10px 0;
  text-align: left;
}
.dropdowns-style.vcat-dd select {
  max-width: none;
  width: 100%;
}
.savings-images-outer.combined .dropdowns-style {
  margin-top: 20px;
}
.savings-images-outer.combined .dropdowns-style select {
  margin-bottom: 10px;
}
.savings-combined-style .dropdowns-style .options-spacer {
  height: 24px;
}
.ev-site.mobile .compare .col {
  display: block;
}
.ev-site.mobile .compare label.input-radio,
.ev-site.mobile .compare label.np {
  font-size: 16px;
  margin: 0 10px 6px 0;
}
.tablet .compare .dropdowns-style .vcol,
.tablet .compare .input-cols .col {
  flex-basis: 48%;
  margin: 0 1% 10px;
}
.tablet .compare .input-cols .control {
  padding: 0 0 10px 0;
}
.tablet .compare .vehicle-row .image-source {
  width: auto;
}
.tablet .compare .col .sort-group {
  margin: 0;
  padding: 0;
}
.ev-site.phone .compare .dropdowns-style.vcat-dd {
  margin: 0;
}
.ev-site.phone .compare .dropdowns-style .vcol,
.ev-site.phone .compare .input-cols .col {
  width: 100%;
  padding: 0 6px 10px 6px;
  margin: 0;
}
.ev-site.phone .compare .control {
  margin: 0;
}
.ev-site.phone .compare .col .sort-group,
.ev-site.phone .compare .sort-tip {
  margin: 10px 0 0 0;
  padding: 0;
}
.ev-site.phone .compare .col.year-row {
  display: flex;
  flex-wrap: nowrap;
}
.ev-site.phone .compare .col.year-row .l {
  flex: 0;
}
.mobile .savings-images-outer .dropdowns-style,
.mobile .combined .dropdowns-style {
  align-items: flex-start;
  text-align: left;
}
.phone .savings-images-outer .phev-row {
  margin-bottom: 10px;
}
.phone .savings-images-outer .dropdowns-style {
  flex-direction: column;
  margin: 0;
  align-items: stretch;
}
.phone .savings-images-outer .dropdowns-style .vcol {
  flex: 1 1 auto;
  margin: 0;
}
.ev-site .savings .multi-vehicle-style .cta-button.add-another {
  margin: 20px 0;
}
@media print {
  .ev-site .savings .multi-vehicle-style .cta-button.add-another {
    display: none;
  }
}
.ev-site .savings .multi-vehicle-style .bubble {
  position: static !important;
  align-items: flex-start;
  font-size: 13px !important;
  width: 100%;
  text-align: left;
}
.ev-site .savings .multi-vehicle-style .bubble .info {
  flex-grow: 1;
}
.ev-site .savings .multi-vehicle-style .bubble .txt {
  margin-top: 30px;
}
.ev-site .vbox-style {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  margin: 20px 0 0 0;
}
.ev-site .vbox-style.one-vehicle-box {
  margin-bottom: 20px;
}
.ev-site .vbox-style .gas-little {
  font-size: 13px;
}
.ev-site .vbox-style .control-label {
  white-space: nowrap;
  padding-bottom: 6px;
}
.ev-site .vbox-style .control {
  margin: 0 10px 0 0;
  width: auto;
}
.ev-site .vbox-style .control:last-child {
  margin: 0;
}
.ev-site .vbox-style .input-text,
.ev-site .vbox-style select {
  width: 100%;
  height: auto;
  padding: 6px;
  margin: 0;
  font-weight: bold;
  font-size: 13px;
}
.ev-site .vbox-style .input-text[readonly],
.ev-site .vbox-style select[readonly] {
  background: #f2f2f2;
}
.ev-site .vbox-style .specs {
  font-weight: bold;
}
.ev-site .vbox-style .info {
  margin-right: 10%;
  font-size: 13px;
}
.ev-site .vbox-style .b {
  font-size: 13px;
  font-weight: normal;
}
.ev-site .vbox-style .rate {
  font-weight: bold;
}
.ev-site .vbox-style .gr {
  margin: 16px 0;
  align-items: flex-start;
}
.ev-site .vbox-style .cta-button.delete {
  padding: 6px 16px;
  font-size: 13px;
  border-radius: 4px;
  background: #00639b;
  color: #fff;
}
@media print {
  .ev-site .vbox-style .cta-button.delete {
    display: none;
  }
}
.ev-site .vbox-style .btns {
  text-align: right;
  flex-grow: 1;
}
.ev-site .vbox-style .banner {
  line-height: 24px;
  font-size: 22px;
  color: #333;
}
.mobile.ev-site .vbox-style {
  text-align: left;
}
.mobile.ev-site .vbox-style .info {
  margin-right: 30px;
}
.mobile.ev-site .vbox-style .gr {
  flex-wrap: wrap;
}
.mobile.ev-site .vbox-style .control {
  margin: 0 16px 16px 0;
  flex: 0 0 11%;
}
.mobile.ev-site .vbox-style input,
.mobile.ev-site .vbox-style .input-text,
.mobile.ev-site .vbox-style select {
  font-size: 16px !important;
  width: 100% !important;
  padding: 6px;
}
.phone.ev-site .vbox-style {
  padding: 16px 10px;
}
.phone.ev-site .vbox-style .control {
  flex: 1;
}
.phone.ev-site .vbox-style .gr {
  flex-direction: column;
  margin: 10px 0;
}
.phone.ev-site .vbox-style .control {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  align-items: baseline;
  margin: 0 0 10px 0;
}
.phone.ev-site .vbox-style .control-label {
  flex: 0 0 38%;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  margin: 0;
  margin-right: 4%;
}
.phone.ev-site .vbox-style .control-label .reveal {
  white-space: normal;
  left: -32px;
}
.phone.ev-site .vbox-style .hd.phone-only {
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 12px 0;
}
.phone.ev-site .vbox-style .control-field {
  flex-grow: 1;
}
.phone.ev-site .vbox-style .info-row {
  flex-direction: column;
}
.phone.ev-site .vbox-style .info-row .info {
  margin: 0 0 16px 0;
}
.phone.ev-site .vbox-style .info-row .btns {
  width: 100%;
}
.phone.ev-site .vbox-style .info-row .cta-button {
  width: 100%;
  padding: 10px 0;
  margin: 0;
}
.phone.ev-site .vbox-style select {
  margin: 0;
}
.charge-time-style {
  margin: 20px 0 20px 0;
}
.charge-time-style .mm {
  font-size: 15px;
  font-weight: bold;
}
.mobile.ev-site .savings .charge-time-style .header {
  margin: 0 0 20px 0;
}
.charge-time-style .charge-arrow {
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
  border-top: 36px solid #f2f2f2;
  margin: 0 auto;
  width: 0px;
}
.charge-time-style .charge-message {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 6px;
  margin: 20px 0 0 0;
}
.charge-time-style .line {
  font-size: 13px;
  line-height: 17px;
}
.charge-time-style .line:not(:last-child) {
  margin-bottom: 16px;
}
.charge-time-style .charge-graph {
  margin: 36px 0 0 0;
}
.charge-time-style .one-bar {
  width: 150px;
}
.charge-time-style .one-bar .center {
  font-weight: bold;
  font-size: 16px;
  margin-top: -20px;
  text-align: center;
}
.phone .charge-time-style .one-bar {
  width: 29.33%;
  margin-right: 3%;
}
.charge-time-style .bar-graph {
  border-bottom: 1px solid #a8a8a8;
  align-items: flex-end;
}
.phone .charge-time-style .bar-graph {
  padding-left: 3%;
}
.charge-time-style .bar-graph,
.charge-time-style .bar-labels {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.charge-time-style .bar-labels {
  align-items: flex-start;
}
.charge-time-style .one-label {
  padding: 10px 0;
  line-height: 20px;
  flex: 0 0 33%;
  text-align: center;
}
.charge-time-style .one-label.k0,
.charge-time-style .one-label.k1,
.charge-time-style .one-label.k2 {
  padding-bottom: 0;
}
.charge-time-style .one-label select {
  max-width: 170px;
}
.charge-time-style .strong {
  position: relative;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 10px 0;
}
.charge-time-style .strong .fa-tooltip .reveal {
  width: 300px;
  top: 30px;
  font-size: 13px;
}
.charge-time-style .intro {
  margin: 0 0 20px 0;
}
.charge-time-style .control {
  margin: 0 20px 0 0;
}
.charge-time-style .control-label {
  padding: 0 0 10px 0;
}
.route-modal {
  position: fixed;
  display: none;
  width: 900px;
  left: 50%;
  margin-left: -450px;
  top: 100px;
  background: #fff;
  border: 1px solid #797979;
  height: 500px;
  z-index: 20;
  padding: 16px;
  text-align: left;
}
.route-modal .leaflet-routing-container {
  display: none;
}
.route-modal .addr {
  margin: 0;
  font-size: 18px;
  width: 320px;
}
.phone .route-modal .addr {
  width: 100%;
}
.route-modal .addr::placeholder {
  color: #999;
  font-size: 18px;
}
.route-modal .flex-row {
  align-items: flex-start;
}
.route-modal .flex-row.miles-trip {
  align-items: center;
}
.route-modal .miles-trip {
  margin: 0 0 16px 0;
}
.route-modal .miles-trip input {
  width: 100px;
  margin-right: 16px;
}
.route-modal .miles-trip span {
  font-size: 20px;
}
.route-modal .miles-dist-mirror {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}
.route-modal .miles-dist-mirror[readonly] {
  background: #fff;
}
.route-modal .route-status {
  font-style: italic;
  font-size: 16px;
  color: #777;
  margin-top: 20px;
}
.route-modal .h {
  font-size: 26px;
  margin: 0 0 20px 0;
}
.route-modal .addr-wrap {
  position: relative;
  margin: 0 0 16px 0;
}
.route-modal .autocomplete {
  position: absolute;
  top: 48px;
  width: 300px;
  border: 1px solid #797979;
  z-index: 30;
  background: #fff;
}
.route-modal .autocomplete .entry {
  padding: 6px 16px;
  overflow: hidden;
  cursor: pointer;
  font-size: 18px;
}
.route-modal .autocomplete .entry:hover {
  background: #cef;
}
.route-modal .fa-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 22px;
  line-height: 25px;
  cursor: pointer;
}
.route-modal .map {
  width: auto;
  flex-grow: 2;
  height: 400px;
}
.route-modal .route-wrapper {
  position: relative;
}
.route-modal .control-group {
  margin-right: 20px;
}
.route-modal button {
  background: #069;
  font-size: 15px;
  border-radius: 5px;
}
.mobile .route-modal {
  width: 90%;
  margin-left: -45%;
}
.mobile .route-modal .control-group {
  flex-shrink: 1;
}
.mobile .route-modal .map {
  width: auto;
  flex-grow: 2;
}
.phone .route-modal {
  height: auto;
  padding: 0;
}
.phone .route-modal .route-wrapper {
  margin: 20px;
}
.phone .route-modal .flex-row:not(.miles-trip) {
  flex-direction: column;
  align-items: flex-start;
}
.phone .route-modal .control-group {
  margin-bottom: 20px;
}
.phone .route-modal .map {
  width: 100%;
}
.phone .route-modal .addr,
.phone .route-modal .addr::placeholder,
.phone .route-modal .entry {
  font-size: 15px;
}
.phone .route-modal .entry {
  height: 32px;
}
.phone .route-modal .cta-button {
  padding: 6px 16px;
}
.simple-template-admin .ta-copy {
  height: 300px;
}
.simple-template-admin .mobile-preview {
  width: 375px;
  border: 1px solid #ccc;
}
.simple-template h1,
.ev-site .simple-template h1,
.simple-template .h1,
.ev-site .simple-template .h1 {
  margin: 20px 0;
}
.mobile .simple-template h1,
.mobile .ev-site .simple-template h1,
.mobile .simple-template .h1,
.mobile .ev-site .simple-template .h1 {
  text-align: center;
}
.simple-template .h2,
.ev-site .simple-template .h2 {
  font: normal 600 20px 'Open Sans Regular', 'Open Sans';
  color: #069;
  text-transform: none;
}
.simple-template .htext,
.ev-site .simple-template .htext {
  font-family: "Lato", "Open Sans";
  font-size: 15px;
  margin-bottom: 20px;
}
.w700 .simple-template .flex-row,
.w700 .ev-site .simple-template .flex-row,
.phone .simple-template .flex-row,
.phone .ev-site .simple-template .flex-row {
  flex-direction: column;
}
.mobile .simple-template .row-element,
.mobile .ev-site .simple-template .row-element {
  margin: 0 10px;
}
.simple-template ul,
.ev-site .simple-template ul {
  font: normal 400 13px 'Open Sans Regular', 'Open Sans';
  text-align: left;
}
.mobile .simple-template ul,
.mobile .ev-site .simple-template ul {
  margin: 0 auto;
  width: 70%;
}
.simple-template.model-reviewer,
.ev-site .simple-template.model-reviewer,
.simple-template.model-reviewer-icon,
.ev-site .simple-template.model-reviewer-icon {
  font-size: 15px;
}
.mobile .simple-template.model-reviewer,
.mobile .ev-site .simple-template.model-reviewer,
.mobile .simple-template.model-reviewer-icon,
.mobile .ev-site .simple-template.model-reviewer-icon {
  margin: 16px;
}
.simple-template.model-reviewer img,
.ev-site .simple-template.model-reviewer img,
.simple-template.model-reviewer-icon img,
.ev-site .simple-template.model-reviewer-icon img {
  max-width: none;
}
.phone .simple-template.model-reviewer img,
.phone .ev-site .simple-template.model-reviewer img,
.phone .simple-template.model-reviewer-icon img,
.phone .ev-site .simple-template.model-reviewer-icon img {
  max-height: 200px;
}
.simple-template.model-reviewer .row-element,
.ev-site .simple-template.model-reviewer .row-element,
.simple-template.model-reviewer-icon .row-element,
.ev-site .simple-template.model-reviewer-icon .row-element {
  margin-bottom: 30px;
}
.mobile .simple-template.model-reviewer .row-element,
.mobile .ev-site .simple-template.model-reviewer .row-element,
.mobile .simple-template.model-reviewer-icon .row-element,
.mobile .ev-site .simple-template.model-reviewer-icon .row-element {
  margin: 0;
}
.phone .simple-template.model-reviewer .row-element,
.phone .ev-site .simple-template.model-reviewer .row-element,
.phone .simple-template.model-reviewer-icon .row-element,
.phone .ev-site .simple-template.model-reviewer-icon .row-element {
  display: block;
  margin: 0 0 30px 0;
}
.simple-template.model-reviewer .links,
.ev-site .simple-template.model-reviewer .links,
.simple-template.model-reviewer-icon .links,
.ev-site .simple-template.model-reviewer-icon .links {
  margin: 20px 0 0 0;
}
.simple-template.model-reviewer .desc,
.ev-site .simple-template.model-reviewer .desc,
.simple-template.model-reviewer-icon .desc,
.ev-site .simple-template.model-reviewer-icon .desc {
  margin-right: 40px;
  margin-top: 20px;
  max-width: 70%;
}
.phone .simple-template.model-reviewer .desc,
.phone .ev-site .simple-template.model-reviewer .desc,
.phone .simple-template.model-reviewer-icon .desc,
.phone .ev-site .simple-template.model-reviewer-icon .desc {
  float: none;
}
.simple-template.model-reviewer .img-wrapper,
.ev-site .simple-template.model-reviewer .img-wrapper,
.simple-template.model-reviewer-icon .img-wrapper,
.ev-site .simple-template.model-reviewer-icon .img-wrapper {
  float: right;
}
.phone .simple-template.model-reviewer .img-wrapper,
.phone .ev-site .simple-template.model-reviewer .img-wrapper,
.phone .simple-template.model-reviewer-icon .img-wrapper,
.phone .ev-site .simple-template.model-reviewer-icon .img-wrapper {
  margin: 0 0 16px 16px;
}
.simple-template.model-reviewer-icon .links img,
.ev-site .simple-template.model-reviewer-icon .links img {
  width: 30px;
  height: 30px;
  margin: 0 14px 0 0;
}
.simple-template.model-reviewer-icon .links .flex-row,
.ev-site .simple-template.model-reviewer-icon .links .flex-row {
  flex-direction: row;
  margin: 0 0 20px 0;
}
.phone .simple-template.simple-tn,
.phone .ev-site .simple-template.simple-tn {
  padding: 10px;
}
.simple-template.simple-tn .flex-row,
.ev-site .simple-template.simple-tn .flex-row {
  align-items: flex-start;
  margin-bottom: 16px;
}
.phone .simple-template.simple-tn .flex-row,
.phone .ev-site .simple-template.simple-tn .flex-row {
  display: block;
}
.simple-template.simple-tn .tn,
.ev-site .simple-template.simple-tn .tn {
  flex: 0 0 auto;
  margin-right: 20px;
}
.phone .simple-template.simple-tn .tn,
.phone .ev-site .simple-template.simple-tn .tn {
  float: left;
}
.simple-template.simple-tn .b,
.ev-site .simple-template.simple-tn .b {
  font-weight: bold;
  margin-bottom: 10px;
}
.simple-template.simple-tn img,
.ev-site .simple-template.simple-tn img {
  width: 65px;
}
.simple-template.two-column .flex-row,
.ev-site .simple-template.two-column .flex-row {
  align-items: start;
}
.simple-template.two-column .col,
.ev-site .simple-template.two-column .col {
  flex-basis: 50%;
}
.mobile .simple-template.two-column .col,
.mobile .ev-site .simple-template.two-column .col {
  width: 100%;
}
.simple-template.two-column .col:first-child,
.ev-site .simple-template.two-column .col:first-child {
  padding-right: 20px;
}
.simple-template.two-column .row-element,
.ev-site .simple-template.two-column .row-element {
  margin-bottom: 30px;
}
.simple-template.image-column-style,
.ev-site .simple-template.image-column-style,
.simple-template.two-column-image,
.ev-site .simple-template.two-column-image {
  text-align: center;
}
.simple-template.image-column-style .col,
.ev-site .simple-template.image-column-style .col,
.simple-template.two-column-image .col,
.ev-site .simple-template.two-column-image .col {
  flex: 1 0 48%;
}
.simple-template.image-column-style .col:first-child,
.ev-site .simple-template.image-column-style .col:first-child,
.simple-template.two-column-image .col:first-child,
.ev-site .simple-template.two-column-image .col:first-child {
  margin-right: 4%;
}
.simple-template.image-column-style .row-element,
.ev-site .simple-template.image-column-style .row-element,
.simple-template.two-column-image .row-element,
.ev-site .simple-template.two-column-image .row-element {
  margin-bottom: 20px;
}
.simple-template.comed .row-element,
.ev-site .simple-template.comed .row-element {
  color: #5a626d;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  padding: 16px;
  margin: 0;
}
.simple-template.comed .image,
.ev-site .simple-template.comed .image {
  height: 198px;
  padding: 0;
  margin: 0;
}
.phone .simple-template.comed .image,
.phone .ev-site .simple-template.comed .image {
  height: 145px;
}
.simple-template.comed .image img,
.ev-site .simple-template.comed .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.simple-template.comed .col,
.ev-site .simple-template.comed .col {
  border: 1px solid #e5e6e8;
  border-radius: 4px;
  margin: 0 0 2% 2%;
}
.simple-template.comed .col:first-child,
.ev-site .simple-template.comed .col:first-child {
  margin-right: 0;
  margin-left: 0;
}
.phone .simple-template.comed .col,
.phone .ev-site .simple-template.comed .col {
  margin: 0 10px 16px 10px;
}
.simple-template.comed .h2,
.ev-site .simple-template.comed .h2 {
  font-weight: 400;
  color: #161a2a;
}
.simple-template.comed .link,
.ev-site .simple-template.comed .link {
  margin-top: 10px;
}
.simple-template.comed a,
.ev-site .simple-template.comed a {
  font-weight: bold;
  color: #0059a4;
}
.simple-template.comed a:hover,
.ev-site .simple-template.comed a:hover {
  color: #103870;
  text-decoration: underline;
}
.simple-template.three-column-image .flex-row,
.ev-site .simple-template.three-column-image .flex-row {
  align-items: flex-start;
}
.phone .simple-template.three-column-image .flex-row,
.phone .ev-site .simple-template.three-column-image .flex-row {
  flex-direction: column;
  align-items: center;
}
.simple-template.three-column-image .col,
.ev-site .simple-template.three-column-image .col {
  flex: 1 0 30.66%;
}
.simple-template.three-column-image .col:first-child,
.ev-site .simple-template.three-column-image .col:first-child {
  margin: 0;
}
.simple-template.three-column-image .col:not(:first-child),
.ev-site .simple-template.three-column-image .col:not(:first-child) {
  margin-left: 2%;
}
.phone .simple-template.three-column-image .col,
.phone .ev-site .simple-template.three-column-image .col {
  margin: 0;
  flex: 1;
}
.simple-template.four-column-image .flex-row,
.ev-site .simple-template.four-column-image .flex-row {
  justify-content: space-around;
}
.simple-template.four-column-image .col,
.ev-site .simple-template.four-column-image .col {
  flex: 1 0 25%;
}
.simple-template.four-column-image .col:first-child,
.ev-site .simple-template.four-column-image .col:first-child {
  margin: 0;
}
.sticky-note {
  display: inline-block;
  background: #fea;
  padding: 4px;
  border: 1px solid #dc8;
  border-radius: 4px;
  width: 100%;
}
.sticky-note.top {
  position: fixed;
  display: none;
  top: 30px;
  left: 50%;
  width: 400px;
  text-align: center;
  font-size: 14px;
  font-style: italic;
  z-index: 10;
  margin-left: -200px;
}
.sticky-note .fa {
  margin-right: 20px;
}
.tou-rates-style a {
  text-decoration: underline;
}
.tou-rates-style a:hover {
  color: #00afea;
}
.mobile .tou-rates-style.savings {
  width: 1000px;
}
.tou-rates-style .one-time {
  font-size: 12px;
}
.tou-rates-style .one-time.alt {
  color: #777;
  position: relative;
  top: 7px;
  margin-left: 4px;
}
.tco-tab.b2 {
  font-size: 26px;
  position: relative;
  display: inline-block;
}
.tco-tab.b2 .t {
  position: relative;
  z-index: 2;
  color: #222;
  padding: 0 40px 0 34px;
}
.tco-tab.b2 .tab {
  position: absolute;
  width: 100%;
  border: 38px solid #eee;
  top: -40px;
  border-left: 6px solid transparent;
  border-right: 20px solid transparent;
  border-top-color: transparent;
  left: 6px;
}
.mvx-tco-style {
  margin-top: 20px;
}
.mvx-tco-style .top-row {
  color: #069;
  font-weight: bold;
}
.mvx-tco-style .header-line {
  font-weight: bold;
  border-bottom: 1px solid #444;
}
.mvx-tco-style .tco-input {
  padding: 2px;
  height: auto;
  font-size: 13px;
  margin: 0;
  width: 98%;
  box-shadow: none;
  display: inline;
}
.mvx-tco-style .g-title {
  font-weight: bold;
  margin-bottom: 6px;
  flex: 1;
}
.mvx-tco-style .line {
  margin-bottom: 3px;
}
.mvx-tco-style .csv-export {
  margin: 20px 0 0 0;
}
.mvx-tco-style .one-row {
  margin-bottom: 20px;
  align-items: stretch;
}
.mvx-tco-style .one-row:last-child {
  margin: 0;
}
.mvx-tco-style .v-type {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 10px -4px #777;
}
.mvx-tco-style .group {
  flex-basis: 41%;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.mvx-tco-style .group.first {
  flex-basis: 57%;
  margin-right: 2%;
}
.mvx-tco-style .cell {
  white-space: nowrap;
}
.mvx-tco-style .text {
  padding: 0 10px 0 0;
  font-size: 13px;
}
.mvx-tco-style .ital {
  flex-basis: 82px;
  font-size: 13px;
}
.mvx-tco-style .grow {
  flex: 1;
}
.mvx-tco-style .v {
  padding: 0 10px 0 0;
  flex-basis: 75px;
  text-align: right;
}
.mvx-tco-style .v.final {
  flex-basis: 94px;
  padding-left: 4px;
}
.mvx-tco-style .qty,
.mvx-tco-style .year {
  text-align: left;
}
.mvx-tco-style .year {
  flex: 0 0 55px;
}
.mvx-tco-style .qty {
  flex: 0 0 70px;
}
.mvx-tco-style .trunc {
  flex: 0 0 240px;
  overflow: hidden;
}
.mvx-tco-style .ar .tco-input {
  text-align: right;
}
.mvx-tco-style .rp {
  padding: 0 19px 0 4px;
  flex-basis: 97px;
}
.mvx-tco-style .v.neg {
  padding-left: 0;
}
.mvx-tco-style .summary-line {
  border-top: 1px solid #444;
}
.fleet-body .company-wrapper-container,
.fleet-body.detail-view main {
  width: 1000px;
}
.fleet-body .layout-header,
.fleet-body.ev-site .ev-nav {
  width: 1000px;
}
.mvx-style .header {
  margin: 0;
}
.mvx-style .header h1 {
  margin: 0 0 22px 0;
}
.mvx-style .v-list {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  min-height: 62px;
  opacity: 0;
}
.mvx-style .selected-rate {
  opacity: 1;
}
.mvx-style .x-out {
  cursor: pointer;
  margin-right: 10px;
  font-size: 18px;
  transition: color 0.3s;
}
.mvx-style .x-out:hover {
  color: #069;
  transition: color 0.3s;
}
.mvx-style .step-wrapper {
  position: relative;
}
.mvx-style .rate-buttons {
  height: 70px;
}
.mvx-style .white-mask {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: #fff;
}
.mvx-style .one-v,
.mvx-style .demo-rate {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0;
  display: flex;
  flex: 0 1 60%;
  margin: 0 10px 10px 0;
  border: 1px solid #c5c5cf;
  padding: 6px 10px;
  border-radius: 6px;
  align-items: center;
}
.mvx-style .one-v.last,
.mvx-style .demo-rate.last {
  margin-bottom: 0;
}
.mvx-style .one-v .name,
.mvx-style .demo-rate .name {
  flex: 1;
}
.mvx-style .demo-rate {
  font-weight: normal;
}
.mvx-style .step-btn-after {
  width: 254px;
  margin-bottom: 18px;
}
.mvx-style .sum-mirror {
  flex-basis: auto;
  margin: 0 !important;
}
.mvx-style .slider-name {
  flex-basis: 145px;
  margin-left: 16px;
  text-align: right;
}
.mvx-style .sum-row {
  align-self: stretch;
  justify-content: flex-start;
  text-align: right;
  display: flex;
  flex-direction: column;
  flex-basis: 105px;
  flex: 1;
  border: 3px solid #069;
  border-radius: 3px;
  padding: 4px;
}
.mvx-style .sum-row.has-demand {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mvx-style .sum-row.demand-row {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tou-rates-style .limit-warn {
  margin: 0 0 10px 0;
  padding: 10px;
  background: #feb;
  border: 2px dashed #999;
  font-weight: bold;
  border-radius: 2px;
}
.tou-rates-style .year-total-row {
  display: flex;
  align-items: baseline;
}
.tou-rates-style .year-total-label {
  flex: 1;
  text-align: right;
  margin-right: 20px;
  font-size: 16px;
}
.tou-rates-style .year-total-style {
  font-size: 28px;
  font-weight: bold;
}
.tou-rates-style .sum-label {
  font-size: 18px;
}
.tou-rates-style .sum-mirror-style {
  font-size: 26px;
  line-height: 26px;
  flex-basis: auto;
}
.tou-rates-style .total-charges .mirror-total {
  font-size: 20px;
  font-weight: bold;
}
.tou-rates-style .carbon-graph {
  margin-top: 66px !important;
}
.tou-rates-style .mb {
  margin-bottom: 16px;
}
.tou-rates-style .mb-control {
  margin-bottom: 8px;
  line-height: 25px;
}
.tou-rates-style .mt,
.tou-rates-style.mt {
  margin-top: 16px;
}
.tou-rates-style form label {
  margin: 0;
  text-transform: none;
}
.tou-rates-style .trs-fset {
  margin: 6px 0 10px 0;
  border: none;
  padding: 0;
}
.tou-rates-style .trs-fset legend {
  margin-left: 10px;
  display: none;
}
.tou-rates-style:not(.tou-original).tou-rates-style.tou-wrapper .one-chart {
  margin: 0;
}
.tou-rates-style .image-bar-row {
  border: none;
  margin: 22px 0;
}
.tou-rates-style .options-spacer {
  display: none;
}
.tou-rates-style select {
  font-size: 15px;
}
.tou-rates-style.savings-images-outer.image-combined .image-window {
  height: 313px;
}
.tou-rates-style .additional .lcol {
  flex: 1;
}
.tou-rates-style .image-target img {
  width: 255px;
}
.tou-rates-style .v3-only {
  display: none;
}
.tou-rates-style .step-h {
  color: #444;
  font-size: 23px;
  line-height: 23px;
  margin-bottom: 16px;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
}
.tou-rates-style .ind {
  border: 4px solid #ccc;
  height: 28px;
  width: 28px;
  border-radius: 28px;
  margin-right: 16px;
}
.tou-rates-style .ind.check {
  border-color: #393;
}
.tou-rates-style .ind.check .fa {
  color: #393;
}
.tou-rates-style .ind .fa {
  display: block;
  margin: 1px 0 0 1px;
  font-size: 16px;
}
.tou-rates-style .save-open {
  margin-top: 22px;
}
.tou-rates-style .rp-txt {
  margin: 4px 0 0 0;
  font-size: 13px;
  line-height: normal;
  font-weight: normal;
}
.tou-rates-style .weekday-chooser {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 0 10px;
}
.tou-rates-style .weekday-chooser .one-weekday {
  padding: 16px;
  position: relative;
  border: 1px solid #ccc;
  margin: 0 3px;
  top: 1px;
  background: #eee;
}
.tou-rates-style .weekday-chooser .one-weekday.selected {
  background: #fff;
  border-bottom-color: #fff;
}
.mvx-style .alt-v-list .v-list-titles {
  font-weight: bold;
  padding: 0 11px;
}
.mvx-style .alt-v-list .one-v {
  flex: 1 1 100%;
  margin: 0 0 10px 0;
}
.mvx-style .alt-v-list .x-out {
  margin: 0;
}
.mvx-style .alt-v-list .v-list-spacing {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mvx-style .alt-v-list .v-list-spacing .one {
  flex: 0 0 8%;
}
.mvx-style .alt-v-list .v-list-spacing .t2 {
  flex: 1 0 39%;
}
.mvx-style .alt-v-list .v-list-spacing .t5 {
  flex: 0 0 5%;
}
.tou-rates-style .cta-button {
  font-size: 15px;
  text-decoration: none;
}
.tou-rates-style .cta-button:hover {
  color: #fff;
}
.tou-rates-style .save-group .cta-button {
  margin: 0;
}
.tou-rates-style .address-verification-msg {
  display: none;
}
.tou-rates-style .lm .control {
  margin-bottom: 16px !important;
}
.tou-rates-style .save-group input:disabled,
.tou-rates-style .save-group select:disabled {
  background: #b0b0b9;
}
.tou-rates-style .dropdowns-style label.show-actual {
  margin: 4px 0 0 16px;
}
.tou-rates-style .dropdowns-style label.show-actual input {
  margin-right: 6px;
}
.tou-rates-style .dropdowns-style label.show-actual span {
  font-size: 15px;
  position: relative;
  top: -1px;
}
.tou-rates-style .dropdowns-style.vcat-dd .control-label,
.tou-rates-style .dropdowns-style .l,
.tou-rates-style .dropdowns-style .control-label {
  margin: 0 0 8px 0;
}
.tou-rates-style .dropdowns-style .ev-tt,
.tou-rates-style .dropdowns-style .gas-tt {
  margin: 0;
}
.tou-rates-style .dropdowns-style .vcol .control {
  max-width: 49%;
}
.tou-rates-style .dropdowns-style .vcol .control.charge-control {
  max-width: none;
}
.tou-rates-style .dropdowns-style .vcol .control:not(.first) {
  margin-left: 3%;
}
.tou-rates-style .dropdowns-style .vcol .control.w-limit {
  max-width: 31%;
}
.tou-rates-style .dropdowns-style select,
.tou-rates-style .dropdowns-style .input {
  height: 44px;
  border-radius: 0;
  border-color: #ccc;
}
.tou-rates-style .dropdowns-style .input {
  margin: 0;
  font-size: 28px;
  box-shadow: none;
  letter-spacing: 0.5px;
}
.tou-rates-style .dropdowns-style .input,
.tou-rates-style .dropdowns-style .money-sym {
  font-weight: 400;
  font-family: "Roboto";
}
.tou-rates-style .dropdowns-style .money-sym {
  font-size: 26px;
  top: 7px;
}
.tou-rates-style .dropdowns-style .l {
  font-weight: bold;
  font-size: 15px;
  white-space: nowrap;
}
.delete-btn {
  margin: 0 0 0 10px;
  padding: 4px 10px;
  white-space: nowrap;
  background: #00639b;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  border-radius: 4px;
  color: #fff;
}
.tou-rates-style .tou-wrapper .ui-slider-handle {
  margin-left: -10px;
}
.tou-rates-style .tou-wrapper .slider-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 14px;
}
.tou-rates-style .tou-wrapper .blue-block {
  padding: 14px 0 50px 0;
  align-self: stretch;
}
.tou-rates-style .tou-wrapper .set-time {
  color: #222;
  user-select: none;
  position: absolute;
  left: -45px;
  white-space: pre;
  top: -26px;
  width: 130px;
  margin-left: -65px;
  text-align: center;
}
.tou-rates-style .tou-wrapper .set-time .am {
  width: 55px;
  display: inline-block;
  text-align: right;
}
.tou-rates-style .tou-wrapper .set-time .am.l {
  text-align: left;
}
.combined-tou-module.tou-rates-style .tou-wrapper .set-time {
  top: -20px;
}
.save-group {
  margin: 22px auto;
  width: 100%;
  border: 1px solid #ccc;
  padding: 16px 20px;
  border-radius: 4px;
  font-size: 14px;
}
.save-group ::placeholder {
  color: #999;
}
.save-group .lm .control {
  margin-bottom: 5px;
}
.save-group .desc {
  margin-bottom: 20px;
}
.save-group .b2 {
  margin-bottom: 20px;
}
.save-group label,
.save-group p {
  font-size: 15px;
  margin: 0;
  color: #222;
}
.save-group .h {
  margin-bottom: 20px;
}
.save-group .cta-button {
  margin: 0;
}
.save-group .control {
  margin: 0 10px 16px 0;
}
.save-group .control.last {
  margin-bottom: 0;
}
.save-group .control.narrow {
  font-size: 15px;
  margin: 6px 0 0 0;
}
.save-group .control.narrow.first {
  margin-top: 0;
}
.save-group .control-label {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.save-group .input-text {
  height: auto;
  width: 300px;
  padding: 4px;
  font-size: 15px;
  box-shadow: none;
}
.save-group .input-text,
.save-group select {
  height: 32px;
}
.save-group .h {
  font-size: 17px;
  font-weight: bold;
}
.horiz-summary {
  margin-top: 10px;
}
.horiz-summary .est-savings {
  white-space: nowrap;
}
.horiz-summary .p {
  margin-right: 60px;
}
.horiz-summary .p,
.horiz-summary p {
  line-height: 16px;
}
.horiz-summary .graph-wrapper {
  margin: 30px 30px 0 0;
}
.horiz-summary .graph-wrapper .one-bar {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.horiz-summary .graph-wrapper .text {
  flex-basis: 20%;
  margin-right: 10px;
}
.horiz-summary .graph-wrapper .bar {
  background: #069;
  height: 30px;
  width: 300px;
}
.horiz-summary .graph-wrapper .bar.green {
  background: #6c0;
}
.ev-flag,
.gas-flag {
  display: none;
}
.ev-flag {
  color: #87cefa;
}
.fleet-step-alt .val {
  font-weight: bold;
}
.fleet-step-alt .type-row {
  margin-top: 36px;
  border-top: 1px solid #ccc;
  padding-top: 19px;
  position: relative;
  z-index: 0;
}
.fleet-step-alt .type-row.first {
  margin-top: 22px;
}
.fleet-step-alt .alt-mirror {
  margin: 6px 0 0 0;
}
.fleet-step-alt .alt-mirror.clear {
  margin: 0;
}
.fleet-step-alt .image-bar-row {
  margin: 10px 0 20px 0;
}
.fleet-step-alt .gas-flag {
  background-image: url("../../images/gas-pump.svg");
  background-size: 32px auto;
  height: 32px;
  width: 32px;
}
.fleet-step-alt .vs-outer {
  position: relative;
}
.fleet-step-alt .how-many-days {
  margin: 0;
}
.fleet-step-alt .vs-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  background: #069;
  color: #fff;
  position: absolute;
  left: 50%;
}
.fleet-step-alt .justify-center {
  justify-content: center;
}
.fleet-step-alt .fill-space {
  flex: 1;
}
.fleet-step-alt .shrink {
  flex: 0;
}
.fleet-step-alt .dropdowns-style .vs-col {
  padding: 6px;
  margin: 0;
  flex: 1;
  padding: 1%;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.fleet-step-alt .dropdowns-style .vs-col.first {
  margin-right: 50px;
}
.fleet-step-alt .dropdowns-style .control.shrink {
  flex: 0;
}
.fleet-step-alt .vs-col.second {
  display: flex;
  flex-direction: column;
}
.fleet-step-alt .vs-wrapper {
  align-items: stretch;
}
.fleet-step-alt .fset {
  border: 1px solid #ccc;
  padding: 6px;
}
.fleet-step-alt .control {
  flex: 0 0 148px;
  white-space: nowrap;
}
.fleet-step-alt .mb-control {
  line-height: unset;
}
.fleet-step-alt .dropdowns-style label.show-actual {
  margin-top: 0;
}
.step1-v1 .tower {
  margin: 0;
}
.step1-v1 .vs-bubble {
  top: 9.5px;
  z-index: 2;
  height: 34px;
  width: 34px;
  border-radius: 34px;
  margin-left: -17px;
}
.step1-v1 .ev-flag.inline,
.step1-v1 .gas-flag.inline {
  display: block;
  font-size: 32px;
  flex-basis: 28px;
  margin-right: 10px;
}
.step1-v1 .ev-flag.inline {
  padding-left: 9px;
}
.step1-v2 .vs-bubble {
  top: 210px;
  height: 42px;
  width: 42px;
  border-radius: 42px;
  margin-left: -21px;
}
.step1-v2 .image-bar-row {
  margin: 0;
}
.step1-v2 .tower {
  margin: 20px 0 0 0;
}
.step1-v2 .cpd {
  margin-left: 10px;
}
.step1-v2 .vs-wrapper .input {
  font-size: 22px;
  height: 38px;
  width: 110px;
}
.step1-v2 .vs-wrapper .money-sym {
  font-size: 22px;
}
.step1-v2 .ev-flag.top,
.step1-v2 .gas-flag.top {
  display: block;
  font-size: 20px;
  margin-right: 10px;
  height: 32px;
  font-size: 32px;
}
.step1-v2 .mb-control .options,
.step1-v2 .mb-control .options-spacer,
.step1-v2 .mb-control .gas-tt {
  flex: 1;
}
.step1-v2 .ev-model-mirror {
  margin: 18px 0 0 0;
}
.step1-v2 .add-another {
  align-self: center;
  width: 60%;
  margin-top: 50px !important;
}
.tou-rates-style .notice {
  margin: 20px 0 4px 0;
}
.tou-rates-style .vcol .control {
  white-space: nowrap;
  margin-top: 0;
}
.tou-rates-style .additional {
  margin-top: 6px;
  line-height: 16px;
  margin-left: 10px;
}
.tou-rates-style .title-refresh {
  margin-left: -12px;
}
.tou-rates-style .change-plans {
  margin-top: 6px;
}
.tou-rates-style .change-plans .fa {
  font-size: 14px;
}
.tou-wrapper.tou-rates-style .slider-refresh {
  margin-top: 6px;
}
.tou-wrapper.tou-rates-style .arrow-open {
  margin-right: 6px;
  margin-bottom: 3px;
  height: 6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #333;
  transition: transform 0.3s;
  cursor: pointer;
}
.tou-wrapper.tou-rates-style .arrow-open.spun {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.tou-wrapper.tou-rates-style .opener {
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.tou-wrapper.tou-rates-style .opener.hide {
  display: none;
}
.tou-wrapper.tou-rates-style .opener.small {
  font-size: 15px;
}
.tou-wrapper.tou-rates-style .opener.small .arrow-open {
  margin-right: 6px;
  margin-bottom: 3px;
  height: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333;
  transition: transform 0.3s;
  cursor: pointer;
}
.tou-wrapper.tou-rates-style .opener.small .arrow-open.spun {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.tou-wrapper.tou-rates-style .opener .text {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  transition: border-bottom 0.4s;
}
.tou-wrapper.tou-rates-style .opener .text:hover {
  border-bottom: 1px solid #222;
  transition: border-bottom 0.4s;
}
.tou-wrapper.tou-rates-style .one-season {
  margin-bottom: 6px;
}
.tou-wrapper.tou-rates-style .total-charges {
  font-weight: bold;
}
.tou-wrapper.tou-rates-style .total-charges label {
  font-weight: bold;
  color: #222;
}
.tou-wrapper.tou-rates-style .blue-refresh {
  margin-bottom: 6px;
}
.tou-wrapper.tou-rates-style .connecting-bars {
  position: relative;
  margin: 0 0 10px -2px;
}
.tou-wrapper.tou-rates-style .connecting-bars .inner {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  height: 50px;
  z-index: 0;
  position: absolute;
  top: -75px;
  width: 100%;
}
.tou-wrapper.tou-rates-style .chart-hd {
  margin: 0 0 10px 0;
  line-height: 15px;
}
.tou-wrapper.tou-rates-style .kwh-money-br {
  display: block;
}
.tou-wrapper.tou-rates-style .white-border .blue-block {
  border-bottom: 2px solid #fff;
}
.tou-wrapper.tou-rates-style .blue-block {
  padding: 16px 0;
  min-height: 70px;
  align-items: center;
  font-size: 13px;
  font-weight: normal;
}
.tou-wrapper.tou-rates-style .blue-block.less-four {
  align-items: flex-start;
  padding-top: 8px;
}
.tou-wrapper.tou-rates-style .blue-block .words {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.tou-wrapper.tou-rates-style .slider-title {
  margin-bottom: 0;
}
.tou-wrapper.tou-rates-style .slider-title .blue-open {
  margin-top: 0;
  margin-left: 10px;
}
.tou-wrapper.tou-rates-style .slider-list {
  padding: 0;
}
.tou-wrapper.tou-rates-style .set-time {
  top: -22px;
}
.tou-wrapper.tou-rates-style .white-block,
.tou-wrapper.tou-rates-style .back-highlight-wrapper,
.tou-wrapper.tou-rates-style .back-highlight-hide {
  top: 0;
  height: 20px;
}
.tou-wrapper.tou-rates-style .white-block {
  background: rgba(220,220,220,0.7);
}
.tou-wrapper.tou-rates-style .set-time {
  top: -15px;
  line-height: 13px;
}
.tou-wrapper.tou-rates-style .top-off .set-time {
  top: 22px;
}
.tou-wrapper.tou-rates-style .slider-cs {
  padding: 10px 0 15px 0;
  align-items: flex-start;
}
.tou-wrapper.tou-rates-style .slider-cs.demand-slider {
  margin-top: 10px;
  padding: 0;
  align-items: center;
}
.tou-wrapper.tou-rates-style .slider-cs.demand-slider .white-block {
  background: #fff;
}
.tou-wrapper.tou-rates-style .slider-cs.has-top-off {
  padding-bottom: 6px;
  padding-top: 10px;
}
.tou-wrapper.tou-rates-style .slider-cs.top-off {
  padding-top: 0;
  padding-bottom: 25px;
}
.phone.tou-wrapper.tou-rates-style {
  margin: 0;
}
.tou-rates-style .slider-cs.time-window {
  padding: 0;
  align-items: center;
}
.tou-rates-style .slider-cs.time-window.push {
  margin-bottom: 10px;
}
.tou-rates-style .slider-cs.time-window .white-block {
  background: #e4e4e4;
}
.tou-rates-style .slider-cs.time-window .back-highlight-wrapper {
  top: 0;
}
.tou-rates-style .slider-cs.time-window .back-highlight {
  height: 10px;
}
.tou-rates-style .slider-cs.time-window .back-highlight-hide {
  cursor: auto;
  top: 0;
}
.tou-rates-style .slider-cs.time-window .white-block {
  top: 0;
  height: 10px;
}
.tou-wrapper.tou-rates-style.tou-original .slider-cs {
  padding: 20px 0 0 0;
}
.tou-wrapper.tou-rates-style.tou-original .ui-slider {
  overflow: visible;
}
.tou-wrapper.tou-rates-style.tou-original .back-highlight {
  height: 20px;
}
.tou-wrapper.tou-rates-style.tou-original .set-time {
  margin-left: -55px;
}
.vbox-style .hint {
  font-weight: normal;
}
.vbox-style .control-label {
  user-select: none;
}
.ev-site .vbox-style.tou-inner {
  margin: 0 0 6px 0;
  border: none;
  padding: 0;
}
.ev-site .vbox-style.tou-inner .additional .mirror {
  font-weight: bold;
}
.ev-site .vbox-style.tou-inner .warn {
  margin: 0 0 6px 0;
}
.ev-site .vbox-style.tou-inner .warn:first-child {
  margin-top: 6px;
}
.ev-site .vbox-style.tou-inner .warn.bold {
  font-weight: bold;
}
.ev-site .vbox-style.tou-inner .warn.showing.window-warning {
  display: inline-block;
  background: #fea;
  padding: 4px;
  border: 1px solid #dc8;
  border-radius: 4px;
  width: 100%;
}
.ev-site .vbox-style.tou-inner .warn.showing.warning-24 {
  display: inline-block;
  background: #fea;
  padding: 4px;
  border: 1px solid #dc8;
  border-radius: 4px;
  width: 100%;
  background: #0fc;
}
.ev-site .vbox-style.tou-inner .input-text {
  padding: 4px 6px;
}
.ev-site .vbox-style.tou-inner .stagger-select .control {
  margin-top: 6px;
}
.ev-site .vbox-style.tou-inner .h,
.ev-site .vbox-style.tou-inner .control-label,
.ev-site .vbox-style.tou-inner .bold-title {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
}
.ev-site .vbox-style.tou-inner label {
  font-weight: normal;
  font-size: 12px;
}
.ev-site .vbox-style.tou-inner .gr {
  margin: 6px 0 6px 0;
}
.ev-site .vbox-style.tou-inner .control {
  flex: 0 1;
}
.ev-site .vbox-style.tou-inner .control.delete-control {
  flex: 1;
  text-align: right;
}
.ev-site .vbox-style.tou-inner .how-many-days {
  margin: 0;
}
.ev-site .vbox-style.tou-inner .how-many-days .options {
  margin-top: 2px;
}
.ev-site .vbox-style.tou-inner .how-many-days .num {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  line-height: 24px;
  font-size: 13px;
}
.ev-site .vbox-style.tou-inner .how-many-days.alt .num {
  margin-right: 2px;
}
.warn.charges-per-day {
  white-space: normal;
}
.warn.charges-per-day.multiple {
  color: #911;
}
.bold-title {
  font-weight: bold;
  font-size: 17px;
  color: #222;
}
.bold-title .mirror {
  font-size: 15px;
}
.br {
  margin-bottom: 10px;
}
.season-radio {
  align-items: flex-start;
  margin-bottom: 20px;
}
.season-radio input[type="radio"] {
  margin: 0;
}
.season-radio label {
  font-size: 17px;
  font-weight: bold;
}
.season-radio .radio-block {
  min-width: 30%;
}
.season-radio .radio-block > .tou-radio {
  margin-left: 20px;
}
.tou-radio {
  margin: 0;
}
.tou-radio .tag {
  font-weight: bold;
  color: #77f;
  margin-right: 10px;
  font-size: 16px;
}
.tou-radio label {
  font-size: 16px;
  color: #222;
  display: flex;
  align-items: baseline;
  font-weight: normal;
  line-height: 16px;
}
.tou-radio label .b {
  font-weight: bold;
}
.tou-radio label input {
  margin: 0 6px 0 0;
}
.mobile .tou-radio {
  flex-wrap: wrap;
}
.mobile .tou-radio .tag {
  flex: 1 1 100%;
  margin-bottom: 10px;
}
.secondary-charging .gr {
  margin: 0 !important;
}
.secondary-charging .control-label,
.secondary-charging .control-field,
.secondary-charging .tou-radio {
  display: none;
}
.secondary-charging.showing .control-label,
.secondary-charging.showing .control-field,
.secondary-charging.showing .tou-radio {
  display: block;
}
.secondary-charging .secondary-charging-tt {
  display: block;
  font-weight: bold;
  color: #069;
  cursor: pointer;
  user-select: none;
}
.secondary-charging .secondary-charging-tt:hover .show-me {
  text-decoration: underline;
}
.secondary-charging .show-me {
  display: inline-block;
}
.rate-select label:not(:first-child) {
  margin: 6px 0 0 0;
}
.rate-select label input[type=radio] {
  margin: 2px 10px 0 0;
}
.rate-select.tou-radio {
  margin-bottom: 20px;
}
.rate-drop-wrapper {
  display: flex;
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 10px;
}
.rate-drop-wrapper .control-label {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}
.rate-drop-wrapper .lc {
  flex: 0 0 40%;
  margin-right: 30px;
}
.rate-drop-wrapper .rate-text {
  flex: 1;
}
.region-radio label input {
  margin: 0;
}
.weekdays-select {
  margin-bottom: 10px;
}
.weekdays-select input,
.region-radio input {
  margin: 6px 0 0 0;
}
.weekdays-select label,
.region-radio label {
  font-size: 13px;
}
.weekdays-select .radio-block,
.region-radio .radio-block {
  display: flex;
  align-items: flex-end;
  margin: 2px 0 0 10px;
  border-bottom: 1px solid #ccc;
}
.weekdays-select .radio-block.hd,
.region-radio .radio-block.hd {
  border: none;
  margin: 0;
}
.weekdays-select .radio-block .mirror,
.region-radio .radio-block .mirror {
  margin-right: 26px;
  flex-basis: 104px;
  flex-grow: 1;
  text-align: right;
}
.weekdays-select .radio-block .mirror:last-child,
.region-radio .radio-block .mirror:last-child {
  margin: 0;
  text-align: right;
  flex-basis: 120px;
  flex-grow: 1;
}
.weekdays-select .radio-block label,
.region-radio .radio-block label {
  flex-basis: 220px;
  line-height: 18px;
}
.weekdays-select .radio-block .t,
.region-radio .radio-block .t {
  flex-basis: 230px;
}
.tou-time-window {
  align-items: flex-start;
}
.tou-time-window .tou-radio {
  margin-left: 16px;
}
.tou-time-window .gr {
  align-items: center;
}
.control {
  margin: 6px 20px 0 0;
}
.control-label {
  color: #222;
  font-size: 16px;
}
select {
  min-width: 90px;
  height: auto;
  padding: 6px;
}
.phone {
  flex-wrap: wrap;
}
.phone .h {
  margin-bottom: 10px;
}
.ev-admin.tou-rates-saved-style {
  width: 1600px;
}
.tou-rates-saved-style .gr.collapse .control {
  margin: 0;
}
.tou-rates-saved-style .filter-button {
  text-align: center;
  width: 120px;
}
.tou-rates-saved-style .filter-button.mb {
  margin-bottom: 6px;
}
.tou-rates-saved-style .table-wrapper,
.tou-rates-saved-style .tr,
.tou-rates-saved-style .td {
  display: block;
}
.tou-rates-saved-style .expand {
  align-items: flex-start;
}
.tou-rates-saved-style .tr {
  display: flex;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.tou-rates-saved-style .top .td {
  background: #777;
  color: #fff;
  padding: 10px 2px;
}
.tou-rates-saved-style .td {
  flex: 0 0 9.090909090909092%;
  padding-right: 1%;
  word-break: normal;
  overflow-x: hidden;
  text-align: left;
}
.tou-rates-saved-style .td:last-child {
  padding-right: 0%;
}
.tou-rates-saved-style .tr:not(.top) .num {
  text-align: left;
}
.fleet-width {
  width: 1200px;
  margin: 0 auto;
}
.loading-hold {
  position: absolute;
  inset: 0 0 0 0;
  background: rgba(255,255,255,0.7);
  z-index: 4;
}
.loading-hold .loading-blake {
  top: 200px;
}
.fleet-body.v3 .company-wrapper-container {
  width: 1232px;
}
.fleet-body.v3.detail-view main {
  padding: 16px;
  width: 1232px;
}
.fleet-body.v3 .layout-header,
.fleet-body.v3.ev-site .ev-nav {
  width: 1232px;
}
.fleet-body.v3 .savings-images-outer {
  padding-left: 0;
  padding-right: 0;
}
.step1-v3 {
  margin-top: 10px;
}
.step1-v3.skip-module {
  display: none;
}
.step1-v3 select {
  margin: 0;
}
.step1-v3.disabled .closed-view.one-tab {
  background: #eee;
  opacity: 0.7;
}
.step1-v3 .closed-view-v1 {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
  box-shadow: -4px 6px 6px -6px #444;
}
.step1-v3 .ev-col,
.step1-v3 .nb-col {
  margin: 0;
  flex: 0 0 570px;
}
.step1-v3 .ev-col.first,
.step1-v3 .nb-col.first {
  margin-right: 60px;
}
.step1-v3 .ev-col .control,
.step1-v3 .nb-col .control {
  flex: auto;
  margin: 0;
}
.step1-v3 .ev-col {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
  box-shadow: -4px 6px 6px -6px #444;
}
.step1-v3 .nb-col {
  padding: 0 7px 13px 7px;
}
.step1-v3 .v-title {
  font-size: 15px;
  font-weight: bold;
}
.step1-v3 .slider-name {
  display: none;
}
.step1-v3 .charges-per-day {
  white-space: normal;
}
.step1-v3 .ev-model-mirror {
  margin: 0;
}
.step1-v3 .how-many-days .num {
  height: 36px;
  width: 36px;
  margin-right: 6px;
  line-height: normal;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.step1-v3 .one-time {
  border-radius: 8px;
}
.step1-v3 .ev-target,
.step1-v3 .gas-target {
  display: flex;
}
.step1-v3 .choose.example-style {
  flex: 0;
}
.step1-v3 .choose.example-style .vc-control {
  display: flex;
}
.step1-v3 .mb-control {
  align-items: flex-start;
  margin: 0;
}
.step1-v3 .mb-control .options,
.step1-v3 .mb-control .options-spacer {
  flex: 1;
}
.step1-v3 .mb-control .gas-tt {
  flex: unset;
}
.step1-v3 .example-style select {
  height: auto !important;
  padding: 0;
  margin: 0 0 0 10px;
}
.step1-v3 .vs-bubble {
  top: 64px;
}
.step1-v3 .control {
  flex: 0;
}
.step1-v3 .control.grow {
  flex: 1;
}
.step1-v3 .choose {
  flex: 1;
  margin: 0 0 10px 6px;
}
.step1-v3 .choose.first {
  margin-left: 0;
}
.step1-v3 .choose.mid {
  margin: 0 6px 10px 6px;
}
.step1-v3 .choose.flat {
  margin-bottom: 0;
}
.step1-v3 .ev-image .img {
  background-size: 100% auto;
}
.step1-v3 .dropdowns-style .input,
.step1-v3 .dropdowns-style select {
  height: 36px;
}
.step1-v3 .dropdowns-style .input {
  font-size: 25px;
}
.step1-v3 .mirror-buffer .control {
  margin-bottom: 24px;
}
.step1-v3 .mirror-buffer .control.no-buffer {
  margin-bottom: 0;
}
.step1-v3 .charge-outer .push {
  margin: 0 !important;
}
.step1-v3 .ev-flag,
.step1-v3 .gas-flag {
  display: block;
}
.step1-v3 .cancel-add {
  color: #069;
  text-decoration: underline;
  font-size: 18px;
  cursor: pointer;
  margin-left: 20px;
}
.step1-v3 .cancel-add:hover {
  color: #08b;
}
.step1-v3 .gas-more-details select {
  width: auto;
}
.step1-v4 .ev-target {
  display: block;
}
.step1-v4 .choose {
  margin: 0;
}
.step1-v4 .ev-vehicles {
  flex: 0 0 350px;
}
.step1-v4 .ev-vehicles select {
  margin: 0 0 16px 0;
}
.step1-v4 .ev-vehicles .choose.last select {
  margin: 0;
}
.step1-v4 .ev-image-pane {
  flex: 1;
  align-self: stretch;
  margin: 0 20px;
}
.step1-v4 .tower {
  height: 100%;
  margin: 0;
}
.step1-v4 .mb-control select {
  width: auto;
}
.step1-v4 .ev-border {
  flex: 0 0 270px;
}
.step1-v4 .ev-border .control {
  margin: 0;
}
.step1-v4 .ev-border .control.first {
  margin-right: 10px;
}
.step1-v4 .ev-image .img {
  background-size: auto 100%;
  background-position: 0;
}
button::-moz-focus-inner {
  padding: 0;
  margin: 0;
}
.layout-v3 .saved-msg {
  line-height: 14px;
  margin: 10px 0;
}
.layout-v3 .vc-actions .saved-msg {
  position: absolute;
  inset: 38px 0;
}
.layout-v3 .radio-wrap {
  display: flex;
}
.layout-v3 .one-radio {
  display: flex;
  margin: 0 0 0 20px;
  user-select: none;
  cursor: pointer;
}
.layout-v3 .one-radio .text {
  font-size: 15px;
  margin-left: 6px;
}
.layout-v3 .one-radio:hover .text {
  text-decoration: underline;
}
.layout-v3 .cta-button.tiny {
  padding: 4px 8px;
  width: 90px;
  font-size: 13px;
  display: block;
  margin: 6px 0 0 0;
}
.layout-v3 .cta-button.edit-action {
  height: 31px;
  line-height: 24px;
  margin: 0 0 0 10px;
}
.layout-v3 .cta-button.gray {
  background: #666;
}
.layout-v3 .cta-button.gray:hover {
  background: #888;
}
.layout-v3 .choose-tab {
  display: none;
}
.layout-v3 .rate-warning-target {
  margin: 0 0 10px 0;
}
.layout-v3 .slider-cs:not(.time-window) {
  height: 40px;
}
.layout-v3 .vc-actions .fa-tooltip {
  margin: 0;
}
.layout-v3 .vc-actions .fa-tooltip .reveal {
  top: 30px;
}
.layout-v3 .opaque {
  opacity: 0.2;
  transition: opacity 0.5s;
}
.layout-v3 .opaque.revealed {
  transition: opacity 0.5s;
  opacity: 1;
}
.layout-v3 .tab-skew {
  position: absolute;
  width: 460px;
  height: 42px;
  background: transparent;
  border: 2px solid #ccc;
  border-bottom: none;
  z-index: 1;
}
.layout-v3 .lskew {
  border-right: none;
  border-top: none;
  transform: skew(-25deg);
  left: 10px;
  box-shadow: -4px -3px 6px -6px #444;
}
.layout-v3 .rskew {
  border-left: none;
  left: 34px;
  transform: skew(35deg);
}
.layout-v3 .step-h {
  position: relative;
  align-items: flex-start;
}
.layout-v3 .step-h.mt {
  margin-top: 30px;
}
.layout-v3 .step-h.mt-less {
  margin-top: 20px;
}
.layout-v3 .step-h.gradient {
  padding-bottom: 4px;
  border-top-right-radius: 6px;
}
.layout-v3 .step-h.gradient .text {
  margin-bottom: 10px;
  position: relative;
}
.layout-v3 .step-h.optional {
  color: #bbb;
  border-bottom: 4px solid #bbb;
}
.layout-v3 .step-h.step-1 {
  margin-top: 40px;
}
.layout-v3 .step-h.first {
  margin-top: 10px;
  align-items: baseline;
  margin-bottom: 0;
  padding-bottom: 0;
}
.layout-v3 .step-h .actions {
  display: flex;
}
.layout-v3 .step-abs .t {
  font-size: 18px;
}
.layout-v3 .step-circle {
  background: #444;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 26px;
  line-height: 38px;
  color: #eee;
  text-align: center;
}
.layout-v3 .step-circle .num {
  margin-left: -1px;
}
.layout-v3 .step2 .chart-hd {
  display: none;
}
.layout-v3 .v3-only {
  display: block;
}
.layout-v3 .v3-only.flex-row {
  display: flex;
}
.layout-v3 .charge-box .ev-model-mirror {
  padding: 2px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 15px;
  display: inline-block;
}
.layout-v3 .charge-box .ev-model-mirror::before {
  content: "EV: ";
}
.layout-v3 .charge-box .charge-outer .control-label {
  display: none;
}
.layout-v3 .cta-button,
.layout-v3 .how-many-days .num,
.layout-v3 .underline-button,
.layout-v3 .vs-bubble {
  text-shadow: none;
}
.layout-v3 .cta-button {
  font-weight: bold;
}
.layout-v3 .cta-button.mt {
  margin-top: 16px;
}
.layout-v3 .cta-button.mb {
  margin-bottom: 16px;
}
.layout-v3 .cta-button.mr {
  margin-right: 16px;
}
.layout-v3 .cta-button.less {
  font-size: 18px;
  padding: 14px 22px;
}
.layout-v3 .cta-button.green {
  background: #1b5 !important;
}
.layout-v3 .cta-button.green2 {
  background: #193 !important;
}
.layout-v3 .cta-button.green3 {
  background: #071 !important;
}
.layout-v3 .cta-button.gray {
  background: #666;
}
.layout-v3 .cta-button.gray:hover {
  background: #888;
}
.layout-v3 .rate-select label {
  display: flex;
  align-items: center;
  flex: 1;
  border: 1px solid transparent;
  padding: 6px;
  margin: 0 0 4px 0;
}
.layout-v3 .rate-select .demo-rate {
  margin-right: 0;
  border-color: #ccc;
}
.layout-v3 .rate-select .custom-rate-init input {
  text-align: right;
  padding: 4px 2px;
  font-size: 15px;
}
.layout-v3 .rate-select .spacer {
  margin: 0 10px;
  font-weight: bold;
}
.layout-v3 .rate-select .txt {
  flex: 1;
}
.layout-v3 .rate-select .b {
  flex-basis: 410px;
  margin-right: 20px;
}
.layout-v3 .rate-select .rp-txt {
  flex: 1;
  border-left: 2px solid #333;
  padding-left: 20px;
}
.layout-v3 .slide-step2 .rate-select {
  padding-left: 10px;
}
.layout-v3 .top-save-button,
.layout-v3 .underline-button {
  color: #fff;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  margin: 5px 0 0 0;
  font-size: 15px;
  text-transform: none;
  transition: opacity 0.6s;
  line-height: 25px;
  height: 32px;
}
.layout-v3 .top-save-button:active,
.layout-v3 .underline-button:active {
  transition-duration: 0.05s;
  opacity: 0.7;
}
.layout-v3 .top-save-button {
  font-size: 15px;
  text-transform: uppercase;
}
.layout-v3 .top-save-button.infra-style .layout-v3 .top-save-button {
  margin: 0;
}
.layout-v3 .top-save-button.unsaved {
  background: #396;
}
.layout-v3 .top-save-button:disabled {
  background: #777;
}
.layout-v3 .underline-button:hover {
  text-decoration: underline;
}
.layout-v3 .fleet-rem {
  flex: 1;
  margin-left: 40px;
}
.layout-v3 .fleet-rem .control {
  flex: 1;
}
.layout-v3 .fleet-rem select {
  height: auto;
}
.layout-v3 .control-label {
  font-weight: bold;
  margin-bottom: 6px;
}
.layout-v3 .horiz-summary.mt {
  margin-top: 40px;
}
.layout-v3 .fixed-summary.mt {
  margin-top: -200px;
}
.layout-v3 .cs-open,
.layout-v3 .title-refresh {
  display: none !important;
}
.layout-v3 .slider-refresh {
  margin-bottom: 16px;
}
.layout-v3 .sum-mirror-style {
  opacity: 1;
  height: 26px;
  transition: opacity 0.5s ease-in 0.2s;
}
.layout-v3 .sum-mirror-style.trans {
  opacity: 0;
  transition: opacity 0.5s ease-in 0.2s;
}
.layout-v3 .sum-row {
  flex-direction: row;
  text-align: left;
}
.layout-v3 .summary-section {
  border-width: 2px;
  border-radius: 6px;
  border-style: solid;
  box-shadow: -4px 6px 6px -6px #444;
}
.layout-v3 .multi-sum-row {
  align-items: flex-start;
  padding: 0 10px;
}
.layout-v3 .multi-sum-row.first {
  height: 53px;
}
.layout-v3 .one-sum {
  text-align: right;
}
.layout-v3 .one-sum.first {
  text-align: left;
}
.layout-v3 .region-monthly-sum {
  margin: 10px;
  padding: 10px 0 0 0;
  border-top: 4px solid #333;
}
.layout-v3 .region-monthly-sum .first .sum-mirror {
  display: none;
}
.layout-v3 .sum-mirror {
  height: 26px;
}
.layout-v3 .sum-mirror-style {
  margin: 0;
}
.layout-v3 .demand-row {
  height: auto;
  margin-top: 6px;
}
.layout-v3 .slider-name {
  display: flex;
  flex-basis: 354px;
}
.layout-v3 .slider-name .spacer {
  flex: 0 0 23px;
}
.layout-v3 .slider-name .settings {
  display: flex;
  margin-left: 23px;
}
.layout-v3 .slider-name .info {
  flex: 1;
}
.layout-v3 .slider-name .control {
  margin: 0 10px 0 0;
  text-align: left;
}
.layout-v3 .slider-name input[type="radio"] {
  margin: 0 10px 0 0;
}
.layout-v3 .slider-name .control-label {
  font-size: 13px;
  text-align: left;
}
.layout-v3 .slider-name .tou-radio label {
  font-size: 12px;
}
.layout-v3 .slider-name label.first {
  margin-bottom: 2px;
}
.layout-v3 .slider-name select {
  font-size: 13px;
  padding: 1px 20px 1px 6px;
  height: 22px;
  margin-right: 6px;
}
.layout-v3 .slider-name .c1 {
  flex: 0 0 100px;
}
.layout-v3 .slider-name .c2 {
  flex: 0 0 100px;
}
.layout-v3 .slider-name .c3 {
  flex: 0 0 100px;
  text-align: left;
}
.layout-v3 .slider-name .settings {
  flex: 0;
}
.layout-v3 .labels-only {
  margin: 6px 0 16px 0;
}
.layout-v3 .blue-hov {
  color: #069;
  cursor: pointer;
  font-size: 15px;
}
.layout-v3 .blue-hov:hover {
  color: #39c;
  text-decoration: underline;
}
.layout-v3 .tower {
  margin: 0;
}
.layout-v3 .detail-group {
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 10px;
  margin-right: 50px;
}
.layout-v3 .detail-group .input-text {
  display: none;
  border: none;
  margin: -2px;
  box-shadow: none;
  text-align: left;
  padding: 0 0 1px 0;
  height: auto;
  color: #069;
  width: 75px;
  font-size: 14px;
}
.layout-v3 .detail-group .input-text:focus {
  background: #fff;
  border-bottom: 1px solid #777;
}
.layout-v3 .detail-group .input-text::placeholder {
  color: #bbb;
}
.layout-v3 .detail-group .cell {
  display: table-cell;
  padding: 4px 20px;
  width: 140px;
  font-size: 14px;
  border: 1px solid #ccc;
}
.layout-v3 .detail-group .c1 {
  width: 184px;
}
.layout-v3 .detail-group .c2 {
  width: 140px;
}
.layout-v3 .detail-group .c3 {
  width: auto;
}
.layout-v3 .detail-group .nb {
  border: none;
}
.layout-v3 .detail-group .hov {
  opacity: 0.2;
  transition: opacity 0.2s;
  cursor: pointer;
}
.layout-v3 .detail-group .control2 {
  display: table-row;
  cursor: pointer;
}
.layout-v3 .detail-group .control2:hover .hov {
  transition: opacity 0.2s;
  opacity: 1;
}
.layout-v3 .detail-group .control {
  display: flex;
}
.layout-v3 .detail-group .control-label {
  font-size: 13px;
}
.layout-v3 .icon {
  margin-right: 10px;
  font-size: 16px;
  color: #444;
}
.layout-v3 .bat {
  transform: rotate(270deg);
  transform-origin: 9px 8px;
}
.layout-v3 .fixed-summary.mt {
  position: fixed;
  z-index: 500;
  background: #eee;
  top: 100%;
  margin-top: -220px;
  right: 6px;
}
.layout-v3 .fixed-summary.mt .bar {
  display: none !important;
}
.layout-v3 .fixed-summary.mt .b2 {
  font-size: 26px !important;
}
.layout-v3 .fixed-summary.mt .graph-wrapper .text {
  flex-basis: auto;
}
.layout-v3 .fixed-summary.mt .savings-annual,
.layout-v3 .fixed-summary.mt .blue-open {
  display: none;
}
.one-tab.closed-view {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
  box-shadow: -4px 6px 6px -6px #444;
}
.one-tab.closed-view select {
  padding: 4px 0 4px 10px;
  border-radius: 0;
}
.one-tab.closed-view .how-many-days .num {
  height: 22px;
  width: 22px;
  line-height: 22px;
}
.one-tab.closed-view .vs-outer {
  flex: 0 0 76px;
  margin: 0 10px;
}
.one-tab.closed-view .vs-bubble {
  top: 72px;
  left: 21px;
  margin: 0;
  height: 36px;
  width: 36px;
}
.one-tab.closed-view .mt {
  margin-top: 6px;
}
.one-tab.closed-view .vehicle-row {
  align-items: flex-start;
}
.fleet-report-style .one-tab.closed-view .vehicle-row {
  flex-direction: row-reverse;
}
.one-tab.closed-view .flatten {
  margin-top: 10px;
}
.one-tab.closed-view .flatten .control {
  display: flex;
  align-items: center;
  margin: 0;
}
.one-tab.closed-view .flatten .control-label {
  margin: 0 10px 0 10px;
}
.one-tab.closed-view .vehicle {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.one-tab.closed-view .opts {
  display: flex;
  justify-content: flex-end;
}
.one-tab.closed-view .opts .input {
  font-size: 15px;
  box-shadow: none;
  height: auto;
  padding: 4px;
  width: 100px;
  min-width: none;
  margin: 0;
}
.one-tab.closed-view .b {
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
  align-items: center;
  height: 100%;
  flex: 1;
}
.one-tab.closed-view .cl {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 16px;
}
.one-tab.closed-view .ev-image {
  margin-right: 10px;
  flex: 1;
}
.one-tab.closed-view .ev-image .img {
  height: 119px;
  background-size: auto 125%;
}
.closed-view-v1 select {
  padding: 4px 0 4px 10px;
  border-radius: 0;
}
.closed-view-v1 .how-many-days .num {
  height: 22px;
  width: 22px;
  line-height: 22px;
}
.closed-view-v1 .vs-outer {
  flex: 0 0 36px;
  margin: 0 10px;
}
.closed-view-v1 .vs-bubble {
  top: 50px;
  left: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  border-radius: 36px;
}
.closed-view-v1 .mt {
  margin-top: 6px;
}
.closed-view-v1 .vehicle-row {
  align-items: flex-start;
  margin-right: 41px;
}
.closed-view-v1 .vehicle {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.closed-view-v1 .opts {
  flex: 1;
}
.closed-view-v1 .opts .input {
  font-size: 15px;
  box-shadow: none;
  height: auto;
  padding: 4px;
  width: 100px;
  min-width: none;
  margin: 0;
}
.closed-view-v1 .opts .control {
  margin: 0 10px 6px 0;
  flex: 0;
}
.closed-view-v1 .b {
  padding: 6px;
  border: 1px solid #ccc;
  align-items: center;
  height: 100%;
  flex: 1;
}
.closed-view-v1 .cl {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 16px;
}
.closed-view-v1 .ev-image {
  margin-right: 10px;
  flex: 0 0 110px;
}
.closed-view-v1 .ev-image .img {
  height: 75px;
  background-size: auto 100%;
}
.choose-tab {
  margin: 0 0 10px 0;
}
.choose-tab .nav-tab {
  margin: 0 10px 0 0;
  border-radius: 4px;
  cursor: pointer;
  color: #bbb;
}
.choose-tab .nav-tab.selected {
  color: #069;
  text-decoration: underline;
}
.season-choose {
  display: flex;
  margin: 0 0 10px 0;
}
.season-choose .one-season {
  position: relative;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background: #f5f5f5;
}
.season-choose .one-season.selected {
  background: #fff;
}
.season-choose .one-season span {
  display: block;
  padding: 16px 26px;
}
.season-choose .one-season input[type=radio] {
  display: none;
  margin-right: 10px;
  position: absolute;
  inset: 4px auto auto 4px;
}
.season-choose .one-season:hover {
  border-color: #a5a5a5;
}
.network-style .reset-graph {
  margin: 0 20px 0 0;
}
.network-style .cy-outer {
  width: 728px;
  height: 350px;
  position: relative;
  overflow: hidden;
}
.network-style .dim {
  position: absolute;
  inset: 6px;
  z-index: 2;
  background: #ddd;
  opacity: 0.3;
}
.network-style .backdrop {
  position: absolute;
  inset: 6px;
  z-index: 0;
  object-fit: cover;
  background-size: 100%;
}
.network-style .cy-holder {
  position: absolute;
  inset: 0 0 0 0;
  border: 3px solid #666;
  padding: 4px;
  border-radius: 4px;
  z-index: 10;
}
.infra-style .port-radio {
  width: 400px;
  white-space: nowrap;
}
.infra-style .port-radio .name {
  flex-grow: 1;
}
.infra-style .port-radio input {
  margin: 0 16px 0 0;
}
.infra-style .port-radio label {
  font-size: 13px;
}
.infra-style .amp-row {
  justify-content: space-around;
  display: none;
}
.infra-style .step-h.step-1 {
  margin-top: 0;
  margin-bottom: 10px;
}
.infra-style .actions {
  margin: 6px 0 0 0;
  justify-content: end;
  align-items: end;
}
.infra-style .actions .control {
  margin: 0;
}
.infra-style .actions .preview {
  display: none;
}
.infra-style .amp-amt {
  color: #369;
}
.infra-style .one-amp {
  font-weight: bold;
  font-size: 16px;
}
.infra-style .one-vg {
  margin: 6px 6px 0 6px;
}
.infra-style .one-vg .bd {
  padding: 10px;
}
.infra-style .opener {
  display: none;
  align-items: center;
  margin: 0 0 20px 0;
}
.infra-style .opener .h2 {
  color: #333;
  line-height: 32px;
  margin: 0;
}
.infra-style .expand {
  flex: 1;
}
.infra-style .circle,
.infra-style .grab {
  line-height: 22px;
}
.infra-style .circle {
  font-size: 20px;
  color: #999;
}
.infra-style .circle.red {
  color: #b22;
}
.infra-style .grab {
  margin-right: 10px;
}
.infra-style .demand {
  margin-right: 10px;
}
.infra-style .vflex {
  border: 1px solid #ccc;
  align-items: start;
  margin-bottom: 20px;
}
.infra-style .vflex.expand {
  min-height: 500px;
}
.infra-style .vtarg {
  flex: 1;
  align-self: stretch;
  border-left: 1px solid #ccc;
  padding-bottom: 6px;
}
.infra-style .vnav {
  flex: 0 0 400px;
  margin: 0 0 0 0;
}
.infra-style .cta-button.tiny {
  margin: 6px 0 0 auto;
  padding: 8px;
}
.infra-style .nav-txt {
  flex: 1;
}
.infra-style .vtab-drag {
  background: #e2f2ff;
  opacity: 1 !important;
}
.infra-style .vtab {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  user-select: none;
  display: flex;
  font-weight: bold;
  font-size: 16px;
  flex-wrap: wrap;
}
.infra-style .vtab .rcvd {
  color: #396;
}
.infra-style .vtab hr {
  flex: 1 0 100%;
}
.infra-style .vtab.selected {
  border-left: 4px solid #369;
}
.infra-style .vs-only .vtab {
  border: none;
}
.one-asset .banner,
.vg-banner {
  background: #f2f2f2;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #ccc;
}
.one-asset .banner .txt,
.vg-banner .txt {
  flex: 1;
}
.asset-style .bd {
  padding: 16px;
  margin: 0;
}
.asset-style .control {
  margin: 0 0 3px 0;
}
.asset-style .delete-btn {
  background: #777;
  font-size: 15px;
  padding: 4px 16px;
}
.asset-style input[disabled] {
  background: #ddd;
}
.one-asset {
  margin: 0 0 10px 0;
}
.one-asset select:active,
.one-asset select:focus {
  border: 1px solid #6cf;
}
.one-asset .exist-mask .gr {
  position: relative;
  z-index: 3;
}
.one-asset .grey-mask {
  position: absolute;
  z-index: 10;
  inset: 0 0 0 0;
  background: #ccc;
  opacity: 0.5;
  margin: -5px -7px;
  border-radius: 4px;
  transition: opacity 0.4s, z-index 0s;
}
.one-asset .grey-mask.hidden {
  transition: opacity 0.4s, z-index 0s 0.8s;
  opacity: 0;
  z-index: -1;
}
.one-asset .input-text {
  width: 120px;
  height: auto;
  padding: 4px;
}
.one-asset .gr select {
  padding: 3px;
  color: #333;
}
.one-asset .ta {
  width: 100%;
  height: 200px;
}
.one-asset .input-radio {
  display: flex;
  align-items: center;
  font-size: 13px !important;
  white-space: nowrap;
  margin-right: 10px;
}
.one-asset input[type="radio"] {
  margin-right: 10px;
}
.one-asset .banner {
  background: #f2f2f2;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.one-asset.open .banner {
  border-bottom: 1px solid #ccc;
}
.one-asset .rr {
  flex: 1;
}
.one-asset .ll {
  flex: 0 0 46%;
  margin-right: 20px;
}
.one-asset .ll .gr,
.one-asset .lower-group .gr {
  margin: 0 0 8px 0;
}
.one-asset .ll .radio-group .control-field,
.one-asset .lower-group .radio-group .control-field {
  display: flex;
}
.one-asset .ll .control,
.one-asset .lower-group .control {
  display: flex;
  align-items: baseline;
}
.one-asset .ll .control-label,
.one-asset .lower-group .control-label {
  font-weight: bold;
  font-size: 13px;
  flex: 0 0 150px;
}
.one-asset .lower-group .control {
  flex-basis: 300px;
}
.one-asset .label-shrink .control-label {
  flex-basis: auto;
  margin-right: 16px;
}
.engagement-style {
  padding: 20px;
}
.engagement-style .show-evse-count {
  display: none;
}
.engagement-style .gr {
  align-items: flex-end;
}
.engagement-style .evse-add {
  display: none;
}
.engagement-style .image-preview img {
  width: 270px;
}
.engagement-style u {
  cursor: pointer;
}
.engagement-style .input-text,
.engagement-style input[type=text].input-text.required,
.engagement-style select,
.engagement-style .gr select {
  border: 1px solid #999;
}
.engagement-style .input-text.req-border,
.engagement-style input[type=text].input-text.required.req-border,
.engagement-style select.req-border,
.engagement-style .gr select.req-border {
  border: 1px solid #b11;
}
.engagement-style .button-pre {
  font-weight: bold;
  margin-bottom: 4px;
}
.engagement-style .cta-button {
  padding: 16px 46px;
  font-size: 15px;
  font-weight: bold;
  min-width: 180px;
}
.engagement-style .cta-button:hover {
  background: #2283bb;
}
.engagement-style .cta-button.button-image-remove {
  font-weight: normal;
  background: #fefefe;
  color: #444;
  padding: 6px 10px;
}
.engagement-style .mask-outer {
  position: relative;
}
.engagement-style .to-mask {
  position: relative;
  z-index: 2;
}
.engagement-style .form-mask {
  z-index: 4;
  opacity: 0.4;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.engagement-style .header {
  padding: 0;
  margin: 0;
}
.engagement-style .h2 {
  color: #069;
  margin: 0 0 20px 0;
}
.engagement-style .input-text,
.engagement-style input[type="text"],
.engagement-style select,
.engagement-style .gr select {
  height: 42px;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}
.engagement-style .datepicker-here {
  width: 120px;
}
.engagement-style .input-text,
.engagement-style input[type="text"] {
  padding: 13px 6px;
}
.engagement-style .section-spacer {
  height: 30px;
}
.engagement-style .section-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.engagement-style .section-text {
  margin-top: -15px;
  margin-bottom: 20px;
}
.engagement-style .one-upload {
  display: none;
}
.engagement-style .restore-btn {
  display: none;
}
.engagement-style ::placeholder {
  color: #999;
}
.engagement-style .txt {
  font-size: 14px;
  margin-bottom: 20px;
}
.engagement-style .image-preview img {
  max-width: 400px;
  margin-bottom: 16px;
}
.engagement-style select,
.engagement-style .gr select {
  width: auto;
  padding: 0 26px 0 6px;
}
.engagement-style .control {
  margin: 0 10px 10px 0;
}
.engagement-style .control-label,
.engagement-style label {
  margin: 0 0 10px 0;
  color: #333;
  text-transform: uppercase;
  font-size: 13px;
}
.engagement-style label {
  text-transform: none;
  font-size: 15px;
  margin: 0;
}
.engagement-style .no-evse-opts {
  padding: 10px 0 14px 20px;
}
.engagement-style .no-evse-opts .control {
  margin-bottom: 6px;
}
.engagement-style .submit-button.submitted {
  background: #777;
  cursor: not-allowed;
}
.engagement-style .input-text {
  box-shadow: none;
}
.engagement-style .mb {
  margin-bottom: 26px;
}
.engagement-style .disclaimer {
  margin-top: 30px;
}
.engagement-style .notice {
  display: inline-block;
  background: #fea;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 22px 44px;
  margin: 20px 0;
  font-size: 15px;
}
.mobile .engagement-style .gr {
  flex-wrap: wrap;
}
main.engagement-edit {
  background: #fff;
}
main.engagement-edit .notes-table {
  border: none;
}
main.engagement-edit .notes-table tr {
  height: auto;
  border: none;
}
main.engagement-edit .notes-table td {
  font-size: 14px;
  padding: 6px 10px 6px 0;
}
main.engagement-edit .notes-table td:nth-child(1),
main.engagement-edit .notes-table td:nth-child(2) {
  width: 200px;
}
main.engagement-edit .notes-table .k,
main.engagement-edit .notes-table .v {
  font-weight: bold;
}
main.engagement-edit .notes-ta {
  font-size: 14px;
  width: 700px;
  height: 100px;
}
main.engagement-edit .one-upload {
  display: block;
}
main.engagement-edit .cta-button.save {
  padding: 10px 16px;
}
main.engagement-edit .image-preview img {
  height: 100px;
}
.hp-boundary {
  padding: 20px 10px;
  background: #fff;
}
.hp-debug-preview textarea {
  white-space: pre;
}
.hp-debug-preview .overflow {
  height: 440px;
  overflow: scroll;
  width: 100%;
}
.hp-debug-style h2 {
  margin-top: 20px;
}
.hp-debug-legend .h {
  font-style: italic;
  font-size: 16px;
  margin: 0 0 6px 0;
}
.hp-debug-legend li {
  font-size: 15px;
  line-height: 15px;
  padding: 0;
  margin: 0 0 6px 0;
}
.hp-debug-legend .swatch {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  display: inline-block;
}
.ac-row {
  background: #9bf;
}
.hp-debug-table td {
  border: 1px solid #ccc;
}
.hp-debug-table .hi-1 {
  background: #cbd;
}
.hp-debug-table tr.ac-row {
  background: #9bf;
}
.hp-debug-table .selected td {
  background: #9fc;
}
.hp-debug-table .selected td.hi-1 {
  background: #edf;
}
.hp-style.roi-disabled .roi-only {
  display: none;
}
.hp-style .mb {
  margin-bottom: 10px;
}
.hp-style .reset-button {
  padding: 0;
  height: auto;
  width: auto;
  background: transparent;
}
.hp-style .rad label {
  margin-right: 10px;
}
.hp-style .shut {
  margin: 0 0 6px 0;
}
.hp-style .closed {
  display: none;
}
.hp-style .bill-help .abs {
  background: #444;
  padding: 4px;
  box-shadow: 6px 6px 6px -4px #999;
  color: #fff;
  border-radius: 3px;
}
.hp-style .tt-click {
  cursor: pointer;
}
.hp-style .tt-click:hover {
  color: #888;
}
.hp-style .reset-button {
  cursor: pointer;
  user-select: none;
  color: #27f;
}
.hp-style .reset-button:hover {
  color: #49f;
}
.hp-style .top-m {
  margin-top: 14px;
}
.hp-style .c3-bar._expanded_ {
  fill-opacity: 1 !important;
}
.hp-style .c3-ygrid-line {
  display: none;
}
.hp-style .ui-debug {
  align-items: flex-start;
  overflow-x: scroll;
  width: 100%;
}
.hp-style .ui-debug pre {
  border: 1px solid #ccc;
  padding: 10px;
  flex: 0 0 250px;
  margin: 0 20px 20px 0;
  overflow: unset;
}
.hp-style .tablet-only {
  display: none;
}
.hp-style .header {
  margin: 0 0 30px 0;
}
.phone .hp-style .header {
  padding-top: 12px;
}
.hp-style .solar-style {
  padding: 0;
}
.hp-style .ac-check {
  margin-top: 10px;
}
.hp-style .ac-check input {
  margin: 0 10px 0 0;
}
.hp-style .bar-row {
  height: 350px !important;
  justify-content: flex-start !important;
}
.hp-style .top-section {
  margin-bottom: 40px;
}
.hp-style .gal-row {
  height: 33px;
  justify-content: space-between;
}
.hp-style .gal-row label {
  margin-right: 10px;
}
.hp-style .gal-row input {
  margin: 0;
}
.hp-style .adults select {
  min-width: 60px;
  flex: 0;
}
.hp-style .adults .control-label {
  margin: 0 10px;
  flex: 1;
}
.hp-style .adults .control-label:first-child {
  margin-left: 0;
}
.hp-style .size-eff select {
  min-width: 90px;
  flex: 0;
}
.hp-style .notes-html p {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 0 0;
}
.hp-style .hi {
  font-weight: bold;
}
.hp-style .line {
  border-bottom: 1px solid #ccc;
  margin: 10px 0 0 0;
}
.hp-style .lcontrol {
  flex: 0 0 55% !important;
}
.hp-style .rcontrol {
  flex: 0 0 44% !important;
}
.hp-style select {
  font-size: 15px;
}
.hp-style select option {
  color: #333 !important;
}
.hp-style select.gray,
.hp-style select option.gray {
  color: #999 !important;
}
.hp-style .one-season {
  display: flex;
  margin: 10px 0 0 0;
  align-items: center;
}
.hp-style .one-season .l {
  flex: 0 0 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hp-style .one-season .ll {
  flex: 0 0 210px;
}
.hp-style .one-season .mirror {
  flex: 0 0 20px;
  margin: 5px 0 1px 0;
}
.hp-style .one-season .select-l {
  flex: 0 0 30px;
  font-weight: bold;
  margin: 0 0 6px 0;
  white-space: nowrap;
  align-self: start;
}
.hp-style .one-season .select-l .fa-tooltip {
  white-space: normal;
  margin-left: 6px;
}
.hp-style .one-season .select-l.slim {
  flex: 0 0 20px;
}
.hp-style .one-season input,
.hp-style .one-season .mir {
  flex: 1;
  min-width: 100px;
  margin: 0;
  height: 30px;
}
.hp-style .one-season input {
  box-shadow: none;
  padding: 4px;
}
.hp-style .season-icon {
  font-size: 16px;
}
.hp-style .season-icon.spring {
  color: #008000;
}
.hp-style .season-icon.summer {
  color: #ffc72e;
}
.hp-style .season-icon.fall {
  color: #ff6e1a;
}
.hp-style .season-icon.winter {
  color: #00f;
}
.hp-style .bill-options {
  display: flex;
}
.hp-style .bill-options .one-season {
  flex-direction: column;
  margin-right: 6px;
  justify-content: start;
  flex: 1;
}
.hp-style .bill-options select {
  font-size: 12px;
  margin: 0 0 6px 0;
  min-width: auto;
}
.hp-style .limit-w {
  max-width: 500px;
  margin-top: 16px;
}
.hp-style .limit-w p {
  line-height: 20px;
  text-indent: 20px;
}
.hp-style .h2 {
  font-size: 19px;
  font-weight: bold;
}
.hp-style .h3 {
  font-size: 16px;
  font-weight: bold;
}
.hp-style .per {
  font-size: 18px;
}
.hp-style .ar {
  text-align: right;
}
.hp-style .ac {
  text-align: center;
}
.hp-style .bars-holder {
  position: relative;
  top: 8px;
}
.hp-style .bars {
  justify-content: space-around;
}
.hp-style .bar {
  margin: 0;
}
.hp-style .bar-flex {
  border-bottom: 1px solid #ccc;
}
.hp-style .r-block {
  padding: 0 0 0 30px;
}
.hp-style .gb {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 32px 0 40px 0;
  padding: 19px;
}
.hp-style .gb .first {
  flex: 0 0 60%;
}
.hp-style .gb .la {
  text-align: left;
}
.hp-style .gb .ns-only {
  display: none;
}
.hp-style .gb .s-only {
  display: block;
}
.hp-style .tablet-hide .gb.carbon {
  margin-top: 0;
}
.hp-style .no-savings .s-only {
  display: none;
}
.hp-style .no-savings .ns-only {
  display: block;
}
.hp-style .no-savings .diff-mirror {
  color: #a11;
}
.hp-style .pan {
  flex: 1;
  margin-left: 2%;
}
.hp-style .pan.first {
  flex: 0 0 36%;
  margin-left: 0;
}
.hp-style .pan.last {
  flex: 0 0 23%;
}
.hp-style .pan .h {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.hp-style .rad .h {
  margin: 0 10px 0 0;
}
.hp-style .rad .input-radio {
  margin: 6px 10px 0 0;
}
.hp-style .rad label {
  text-transform: none;
  font-size: 13px;
}
.hp-style .rad input {
  margin: 0;
}
.hp-style .carbon-target {
  margin-top: 30px;
}
.hp-style .carbon-target .zero-only {
  display: none;
}
.hp-style .carbon-target .zero-only .rest {
  display: none;
}
.hp-style .carbon-target > .h2 {
  margin: 0 0 26px 0;
}
.hp-style .carbon-caption {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.hp-style .carbon-caption .limit-w {
  align-self: start;
  flex: 1;
}
.hp-style .bar-flex {
  align-items: end;
}
.hp-style .bar {
  height: 200px;
  position: relative;
  border: none;
  width: 100px;
}
.hp-style .bar .white {
  position: absolute;
  bottom: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: none;
  width: 100%;
}
.hp-style .bar.blue {
  background: none;
}
.hp-style .bar.blue .white {
  background: #036;
}
.hp-style .bar.orange {
  background: none;
  margin-right: 20px;
}
.hp-style .bar.orange .white {
  background: #c60;
}
.tablet .hp-style .bar {
  width: 80px !important;
}
.tablet .hp-style .bar .white {
  width: 80px !important;
}
.phone .hp-style .bar {
  width: 50px !important;
}
.phone .hp-style .bar .white {
  width: 50px !important;
}
.hp-style.details-style .bill-style {
  display: block;
  align-items: center;
  justify-content: center;
/*
    .r4
      border-top: 1px solid #333
      margin-bottom: 16px
    .r5
      border-bottom: 1px solid #333
    */
}
.hp-style.details-style .bill-style .l {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  text-align: center;
}
.hp-style.details-style .bill-style .l,
.hp-style.details-style .bill-style .input-select,
.hp-style.details-style .bill-style .mirror {
  flex: 0 0 18%;
  margin-right: 6px;
}
.hp-style.details-style .bill-style .bold {
  font-weight: bold;
  font-size: 16px;
}
.tablet .hp-boundary {
  padding: 20px;
}
.tablet .hp-style .tablet-hide {
  display: none;
}
.tablet .hp-style .tablet-only {
  display: block;
}
.tablet .hp-style .top-row-opts {
  flex-wrap: wrap;
}
.tablet .hp-style .top-row-opts .pan {
  flex: 1 0 48%;
}
.tablet .hp-style .top-row-opts .last {
  margin: 20px 0;
}
.tablet .hp-style .bar-opts .gb {
  display: flex;
}
.tablet .hp-style .bar-flex .first {
  flex: 1;
}
.phone.hp-body footer {
  padding: 0 14px;
}
.phone.hp-body footer p {
  line-height: 18px;
  color: #555;
}
.phone .hp-style.hp-boundary {
  margin: 0 10px;
}
.phone .hp-style .top-row-opts {
  flex-direction: column;
}
.phone .hp-style .tablet-hide {
  display: none;
}
.phone .hp-style .tablet-only {
  display: block;
}
.phone .hp-style .pan {
  flex: 1;
  width: 100%;
}
.ev-admin.fleet-report-mui {
  width: 1300px;
  padding: 0;
}
.fr-sizing-style .one-page {
  border: 1px solid #ccc;
  width: 850px;
  margin: 0 0 60px 0;
}
.fr-sizing-style .one-page .img-holder img {
  max-width: 100%;
}
.fr-sizing-style .footer-img-holder {
  margin: 20px 0 0 0;
  overflow: hidden;
}
.fr-sizing-style .footer-img-holder img {
  width: 100%;
}
.fr-sizing-style .vrp-style .ev-image {
  flex: 0 0 370px;
  margin-left: 20px;
  height: 250px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.fr-sizing-style .vrp-style .ev-image img {
  width: 100%;
}
.fr-recs-style .ev-recs {
  border: none;
}
.fr-lookup-table {
  width: 100%;
}
.fr-lookup-table select {
  width: 120px;
  text-align: center;
  height: auto;
  font-size: 13px;
}
.fr-lookup-table .tr,
.fr-lookup-table tr {
  display: table-row;
  height: auto;
}
.fr-lookup-table .td,
.fr-lookup-table .top .td,
.fr-lookup-table thead tr th {
  padding: 6px;
  overflow-x: clip;
  display: table-cell;
}
.fr-lookup-table thead tr th {
  line-height: initial;
  background: #777;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.fr-lookup-table .sbtn.filter-button {
  width: 80px;
  padding: 4px;
  height: auto;
  display: inline-block;
  margin: 0 10px 0 0;
}
.fr-layout-style .gr select {
  width: auto;
}
.fr-layout-style .ul1 {
  margin-top: 10px;
}
.fr-layout-style .ul1 li {
  margin: 0 0 6px 0;
}
.fr-layout-style .ul1,
.fr-layout-style .ul2 {
  padding-left: 30px;
}
.fr-layout-style .image-upload-style {
  display: inline-block;
}
.fr-layout-style .one-radio {
  margin: 0 20px 6px 0;
  text-transform: none;
  font-size: 13px;
}
.fr-layout-style .one-radio input {
  margin: 0 6px 0 0;
}
.fr-layout-style .header-input {
  margin-bottom: 10px;
}
.fr-layout-style .header-input .control {
  flex: 1;
  margin: 0;
}
.fr-layout-style .header-input input {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
}
.fr-layout-style .gr .control {
  flex: 1;
  margin: 0;
}
.fr-layout-style .input-text:focus-visible,
.fr-layout-style .ta-ex:focus-visible {
  outline: none;
  box-shadow: 4px 4px 12px -11px #00f;
  background: none;
}
.fr-layout-style .actions {
  flex: 1;
  text-align: right;
}
.fr-layout-style .actions .control {
  margin: 0;
}
.fr-layout-style .actions .sbtn {
  margin: 0 0 0 auto;
  width: 150px;
}
.fr-layout-style .recommendation {
  padding: 0;
  margin: 0 0 20px 0;
}
.fr-layout-style .link-display {
  text-align: right;
  margin: 6px 0;
  color: #069;
  text-decoration: underline;
}
.fr-service-table-style .gr:not(.first) {
  margin-top: -1px;
}
.fr-service-table-style .control {
  display: flex;
  flex: 1;
}
.fr-service-table-style .control-label {
  flex: 0 0 350px;
  border: 1px solid #ccc;
  border-right: none;
  background: #fff;
  padding: 0 6px;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}
.fr-service-table-style .control-label {
  line-height: 30px;
}
.fr-service-table-style .control-field {
  flex: 1;
}
.fr-service-table-style .input-text {
  height: 31px;
  border: none;
  border: 1px solid #ccc;
  background: #eee;
  font-weight: bold;
  margin: 0;
}
.fr-service-table-style textarea {
  color: #222;
  max-height: 100px;
}
.grant-wrapper {
  margin: 0 0 20px 0;
}
.grant-style .control-label {
  display: none;
}
.grant-style .grant-row:first-child .control-label {
  display: block;
}
.grant-style .gr > .control {
  margin: 0 2px 2px 0;
  flex: 0 0 80px;
}
.grant-style .gr > .control.grow {
  flex: 1;
}
.grant-style .gr select {
  width: 80px;
  min-width: auto;
  height: auto;
  margin: 0;
}
.grant-style input[type=text] {
  min-width: auto;
  margin: 0;
}
.grant-style input[type=text]:disabled {
  background: #eee;
}
.grant-style input[type=text].ar {
  text-align: right;
}
.investment-table {
  width: 100%;
}
.investment-table th {
  background: #002060;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  padding: 3px;
}
.investment-table td,
.investment-table tr {
  height: auto;
}
.investment-table td {
  padding: 3px;
  border: 1px solid #ccc;
}
.investment-table.ar td {
  text-align: right;
}
.investment-table td:first-child {
  text-align: left;
}
.investment-table td.cs-year {
  font-weight: bold;
  text-align: left;
}
.investment-table tfoot tr {
  margin: 6px 0 0 0;
}
.investment-table tfoot td {
  font-weight: bold;
}
.frontier-table {
  margin: 0;
}
.frontier-table td,
.frontier-table th {
  white-space: nowrap;
}
form.tco-radio-outer label {
  font-size: 14px;
  margin-right: 14px;
  display: flex;
  align-items: center;
}
form.tco-radio-outer span {
  margin-left: 6px;
}
.investment-style select {
  width: auto;
}
.investment-style .diff-table tfoot td {
  color: #171;
}
.investment-style .diff-table .fm-sub {
  color: #711;
}
.investment-style .diff-table td.cs-year {
  color: #333;
}
.tco-redo-style .one-col {
  flex: 0 0 49%;
}
.tco-redo-style .full .one-col {
  flex: 1;
  width: 100%;
}
.tco-redo-style .gas-col {
  margin-left: 2%;
}
.tco-redo-style .tco-row {
  align-items: start;
}
.tco-redo-style .table-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
  color: #369;
}
.tco-redo-style .one-table {
  width: 100%;
  margin: 0 0 20px 0;
  border: none;
}
.tco-redo-style .one-table thead {
  background: none;
  border-bottom: 2px solid #999;
}
.tco-redo-style .one-table tfoot {
  background: none;
  border-top: 2px solid #999;
}
.tco-redo-style .one-table tr {
  height: auto;
}
.tco-redo-style .one-table td,
.tco-redo-style .one-table th {
  line-height: initial;
  padding: 3px;
}
.tco-redo-style .one-table td:last-child,
.tco-redo-style .one-table th:last-child {
  text-align: right;
}
.tco-redo-style .one-table .cs-msrp,
.tco-redo-style .one-table .cs-price,
.tco-redo-style .one-table .cs-cost,
.tco-redo-style .one-table .cs-total {
  text-align: right;
}
.tco-graph-holder {
  width: 600px;
  margin: 0 auto;
}
.tco-graph-style .c3-text {
  font-size: 16px;
  fill: #222 !important;
  transform: translate(0, 22px);
}
.tco-graph-style .c3-chart-lines .c3-chart-line {
  display: none;
}
.tco-graph-style g[class*="c3-texts-Total"] .c3-text {
  fill: #000 !important;
  transform: translate(0px, -12px);
  font-weight: bold;
}
.tco-graph-style .c3-title {
  font-size: 18px;
  font-weight: bold;
}
.tco-graph-style .carbon-bubble {
  text-align: center;
}
.tco-graph-style .bubble-style {
  display: inline-block;
  margin: 0 auto;
}
.tco-graph-style .savings-phev .b2,
.tco-graph-style .savings-phev .n2,
.tco-graph-style .savings-phev .b3,
.tco-graph-style .savings-phev .n3 {
  font-size: 18px;
}
.fleet-report-mui {
  min-height: 1200px;
}
.fleet-report-mui .step-h {
  margin-left: -26px;
}
.fleet-report-mui .saved-msg {
  font-style: normal;
  font-weight: normal;
}
.fleet-report-mui .loading-mask-2 {
  position: absolute;
}
.fleet-report-mui .loading-blake {
  top: 300px;
  margin-left: 0;
}
.fleet-report-mui .debug-style {
  display: none;
}
.fleet-report-mui.show-debug .debug-style {
  display: block;
}
.fleet-report-mui .top-banner {
  padding: 30px 20px 20px 20px;
}
.fleet-report-mui .choose-tab {
  display: flex;
}
.fleet-report-mui .tco-tab {
  cursor: pointer;
}
.fleet-report-mui .pill {
  cursor: pointer;
  user-select: none;
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 6px;
  margin: 0 16px 0 0;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #f2f2f2;
  box-shadow: 0 -7px 12px -14px #222 inset;
}
.fleet-report-mui .pill.selected {
  box-shadow: none;
  background: #fff;
  color: #333;
}
.fleet-report-mui .vs-wrapper {
  flex-direction: row-reverse;
}
.fleet-report-mui .vs-wrapper .ev-col.first {
  margin: 0;
}
.fleet-report-mui .vs-wrapper .ev-col.second {
  margin-right: 60px;
}
.fleet-report-mui .vs-wrapper .flex-row {
  align-items: start;
}
.fleet-report-style .loading-hold {
  display: none;
}
.fleet-report-style .top-desc {
  margin: 20px 0 30px 0;
}
.fleet-report-style .save-group {
  display: none;
}
.fleet-report-style .control-label {
  font-size: 15px;
}
.fleet-report-style .h1 {
  font-size: 24px;
  font-weight: bold;
  color: #222;
  margin: 0 0 20px 0;
}
.fleet-report-style .h2 {
  text-transform: none;
  font-size: 20px;
  color: #666;
  margin: 0 0 20px 0;
}
.fleet-report-style .h3 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.fleet-report-style ul li {
  font-size: 13px;
  line-height: normal;
  padding: 0;
  margin: 0;
}
.fleet-report-style .tab {
  user-select: none;
}
.fleet-report-style .section.ev-page-boundary {
  min-height: 1200px;
  width: 100%;
  padding: 20px;
}
.fleet-report-style .white-cover {
  position: absolute;
  inset: 0;
  background: #fff;
  opacity: 0.9;
  z-index: 10;
  display: block;
  transition: opacity 0.3s;
}
.fleet-report-style .white-cover.fade {
  transition: opacity 0.3s;
  opacity: 0;
}
.fleet-report-style main {
  width: auto;
}
.fleet-report-style p {
  line-height: 18px;
}
.fleet-report-style textarea {
  box-shadow: none;
  padding: 4px;
  width: 100%;
  min-height: 60px;
}
.fleet-report-style .b {
  font-weight: bold;
}
.fleet-report-style .h {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
.fleet-report-style .page-margin {
  margin: 60px;
}
.fleet-report-style .ta-holder {
  margin: 10px 0;
  padding: 0;
  flex: 1;
}
.fleet-report-style .ta-full {
  display: block;
  margin: 0 10px;
  height: 300px;
  width: auto;
  flex: 1;
  box-shadow: none;
}
.fleet-report-style .ta-ex {
  height: 130px;
  font-size: 13px;
}
.fleet-report-style .ex-block .ta-ex {
  padding: 4px 14px 14px 14px;
}
.fleet-report-style .ex-block {
  display: flex;
  margin: 0 0 30px 0;
  border: 1px solid #797979;
}
.fleet-report-style .ex-color {
  align-self: stretch;
  flex: 0 0 200px;
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
}
.fleet-report-style .ex-h {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.fleet-report-style .toc-table {
  width: 100%;
}
.fleet-report-style .toc-table tr {
  height: auto;
}
.fleet-report-style .toc-table td {
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 4px 10px;
  height: auto;
}
.fleet-report-style .toc-table .pn {
  display: none;
}
.fleet-report-style .side-actions {
  flex: 0 0 20%;
}
.fleet-report-style .page-edit {
  margin-top: 30px;
}
.fleet-report-style .title-row {
  margin: 40px;
}
.fleet-report-style .title-details {
  margin: 0;
}
.fleet-report-style .title-holder {
  flex: 1;
  margin: 0 40px 0 0;
}
.fleet-report-style .title-h {
  font-size: 28px;
  font-weight: bold;
}
.fleet-report-style .mvx-style {
  width: 1200px;
  padding: 0;
}
.fleet-report-style .mvx-style .disclaimer {
  display: none;
}
.fleet-report-style .vehicle-info-table {
  margin: 0 20px 0 0;
}
.fleet-report-style .tab-border {
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
}
.fleet-report-style .tab-table td {
  box-shadow: 0 -7px 12px -14px #222 inset;
  padding: 8px 22px;
  background: #f2f2f2;
}
.fleet-report-style .tab-table td.selected {
  background: #fff;
  box-shadow: none;
}
.contact-style textarea {
  width: 400px;
  height: 140px;
}
.contact-style select {
  width: auto;
}
.contact-style .ct-grid {
  display: grid;
  grid-template-columns: 48% 48%;
  column-gap: 4%;
  row-gap: 10px;
}
.contact-style .input-text {
  flex-basis: auto !important;
}
.contact-style .input-text:disabled {
  background: #eee;
}
.contact-style .section .control-label {
  flex: 0 0 130px;
}
.contact-style .section .control {
  margin: 0 10px 10px 0;
  flex: 1;
}
.contact-style .hd {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.contact-style .sections {
  margin: 0 20px;
}
.contact-style .section {
  width: 600px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px 16px 0 16px;
  margin: 0 0 20px 0;
}
.fr-list-style {
  max-width: 100%;
}
.fr-list-style select {
  text-transform: none;
}
.fr-list-style .actions {
  padding: 10px 30px 0 30px;
  border-radius: 4px;
}
.fr-list-style .actions .control {
  margin: 0;
}
.fr-list-style .top-banner .right {
  text-align: left;
}
.fr-list-style .top-banner .sbtn {
  margin: 0 0 0 auto;
  cursor: pointer;
}
.fr-list-style .top-banner .sbtn:disabled {
  background: #777;
}
.fr-list-style .td {
  flex: 1;
}
.fr-print-boundary {
  width: 850px;
  margin: 0 auto;
}
.fr-print-boundary .actions,
.fr-print-boundary .format-row {
  display: none;
}
.fr-print-boundary .input-text,
.fr-print-boundary textarea {
  border: none;
  box-shadow: none;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  resize: none;
  overflow: hidden;
}
.fr-print-boundary .ta-text {
  white-space: pre-line;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 14px 0;
}
.fr-print-boundary .ta-ex {
  height: auto;
  font-size: 13px;
}
.fr-print-boundary .ex-block .ta-text {
  margin-left: 14px;
}
.fr-print-boundary .ta-disclaimer {
  font-size: 12px;
  line-height: 18px;
}
.fr-print-boundary textarea {
  height: auto !important;
}
.fr-print-boundary .fr-service-table-style .input-text,
.fr-print-boundary .fr-service-table-style textarea,
.fr-print-boundary .fr-service-table-style .ta-text {
  border: 1px solid #ccc;
  padding: 6px;
}
.fr-print-boundary .toc-table .pn {
  display: table-cell;
}
.fr-print-boundary .one-page {
  position: relative;
}
.fr-print-boundary .page-num {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #333;
  background: #fff;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fr-print-boundary .no-print {
  display: none;
}
@media print {
  body {
    background: none;
  }
  .fr-print-boundary .page-edit {
    margin: 0;
  }
  .fr-print-boundary .one-page {
    border: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    page-break-after: always;
    min-height: 100vh;
    width: 100vw;
  }
  .fr-print-boundary .one-page.final-page {
    page-break-after: auto;
  }
  .fr-print-boundary .push {
    flex: 1;
  }
  .media-print-hide {
    display: none;
  }
}
.solar-stats-table {
  border: 1px solid #ccc;
  padding: 6px;
}
.solar-stats-table .td {
  max-width: 200px;
  white-space: nowrap;
  overflow-x: clip;
  margin-right: 16px;
}
.solar-stats-table .td:not(:first-child) {
  padding-left: 30px;
}
.details-reveal,
.tax-reveal {
  display: none;
}
.tax-capt {
  margin-top: 7px;
}
.phone-br {
  display: none;
}
.phone .phone-br {
  display: block;
}
.bubble-radio:not(.flex-shrink) {
  flex: 1;
}
.bubble-radio.flex-shrink {
  margin-right: 40px;
}
.bubble-radio .control-field .flex-row {
  align-items: flex-end;
}
.bubble-radio.w-bubble .control-field .flex-row {
  align-items: flex-start;
}
.bubble-radio .image {
  max-width: 170px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.bubble-radio .one-option {
  cursor: pointer;
  transition: background 0.4s;
}
.bubble-radio .one-option.selected .bubble {
  transition: background 0.4s;
  color: #fff;
  background: #069;
}
.learn-style .bubble-radio.grow .one-option,
.slider-style .bubble-radio.grow .one-option {
  flex: 1;
}
.bubble-radio .hint {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}
.bubble-radio .pad {
  padding: 5px 0;
  white-space: nowrap;
}
.bubble-radio.w-bubble .bubble {
  width: 80px;
  margin: 0;
}
.rate-debug {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.rate-debug .one-debug {
  margin: 0 10px 10px 0;
}
.rate-debug table td {
  border: 1px solid #ccc;
  padding: 4px 16px 4px 4px;
}
.solar-debug {
  margin-top: 30px;
}
.solar-debug .table {
  display: table;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.solar-debug .hi-row .cell {
  background: #eee;
}
.solar-debug .summer {
  background: #fed;
}
.solar-debug .winter {
  background: #f5e5ff;
}
.solar-debug .row {
  display: table-row;
}
.solar-debug .cell {
  display: table-cell;
  white-space: nowrap;
}
.solar-debug .first .cell {
  width: 150px;
}
.solar-debug .cell {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px;
}
.solar-body:not(.is-embed) {
  height: 100%;
}
.solar-body:not(.is-embed) .ev-page-boundary {
  height: 100%;
}
.solar-body.phone {
  height: auto;
}
.solar-body .company-wrapper-container {
  min-height: 100%;
}
.solar-saved-style .td {
  flex: 0 0 12.5%;
  padding-right: 1%;
}
.solar-saved-style .td.wide {
  flex: 0 0 70%;
}
.solar-dashboard-style .h {
  font-size: 16px;
  margin-bottom: 6px;
}
.solar-dashboard-style .val {
  font-weight: bold;
}
.solar-dashboard-style .input-text {
  width: 140px;
  box-shadow: none;
}
.solar-dashboard-style .filters {
  padding: 0 16px 16px 16px;
  border: 1px solid #ccc;
  margin: 0 0 40px 0;
  display: inline-block;
}
.solar-dashboard-style p {
  margin: 20px 0 0 0;
}
.solar-dashboard-style .results-container {
  display: block;
}
.solar-dashboard-style .col {
  display: flex;
  border: 1px solid #ccc;
  padding: 10px 0 0 10px;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
}
.solar-dashboard-style .summary {
  border: 1px solid #ccc;
  margin: 0 10px 10px 0;
  padding: 6px;
  flex: 1;
  flex-basis: 30%;
}
.solar-dashboard-style .summary table {
  border: none;
  width: auto;
  margin-left: 30px;
}
.solar-dashboard-style .summary tr {
  border: none !important;
  height: auto;
}
.solar-dashboard-style .summary td {
  border: none;
  line-height: normal;
  padding: 4px 30px 4px 4px;
  font-size: 14px;
}
.solar-dashboard-style .summary tr.is-def td,
.is-def {
  background: #efe;
  border: 1px solid #ccc;
}
.flex-row.plus-minus {
  align-items: flex-start;
  flex-wrap: nowrap !important;
}
.solar-style {
  width: 100%;
  min-height: 100%;
  background: #fff;
  padding: 10px 16px;
/*
  textarea.other_text
    height: 32px
    font-size: 13px
    padding: 6px
    margin: 0
    width: 400px
    */
}
.solar-style .purchase-line,
.solar-style .graph-line {
  display: none;
}
.solar-style.hide-night-style .combined-line {
  display: block;
}
.solar-style.hide-night-style .purchase-line {
  display: table-row;
}
.solar-style.hide-night-style .day-line,
.solar-style.hide-night-style .percent-line {
  display: none !important;
}
.solar-style .yearly-sum-outer.mobile {
  display: none;
}
.phone .solar-style .yearly-sum-outer.mobile {
  display: block;
}
.solar-style .yearly-sum-outer.desktop {
  display: block;
}
.phone .solar-style .yearly-sum-outer.desktop {
  display: none;
}
.solar-style .yearly-sum {
  display: flex;
  align-items: center;
}
.solar-style .yearly-sum input {
  margin: 0 10px 0 0;
}
.solar-style .yearly-sum label {
  display: flex;
  border: 1px solid #ccc;
  padding: 3px 10px;
  border-radius: 16px;
  margin: 0 6px 10px 0;
  text-transform: none;
  font-size: 13px;
}
.solar-style .yearly-sum .rs {
  flex-direction: column;
}
.solar-style .input-text.battery-input,
.solar-style .battery-label {
  display: inline-block;
}
.phone .solar-style .input-text.battery-input {
  margin: 0;
}
.solar-style .battery-label {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}
.phone .solar-style .battery-label {
  line-height: 17px;
  height: auto;
}
.solar-style .plus-sym {
  cursor: pointer;
  margin: 0;
  font-size: 36px;
  flex-basis: 36px;
  margin-left: 6px;
}
.solar-style .plus-sym.disabled {
  color: #bbb !important;
}
.solar-style .flex-note .control-field {
  display: flex;
}
.solar-style .input-note {
  font-style: normal;
}
.solar-style .oo .ex {
  font-size: 12px;
  font-weight: normal;
}
.solar-style .battery-times {
  flex: 1;
  font-size: 15px;
}
.solar-style .battery-times .b {
  font-weight: bold;
}
.solar-style .battery-times .one {
  flex-basis: 100px;
}
.solar-style .other_text {
  width: 400px;
  box-shadow: none;
  padding: 4px;
  font-size: 13px;
  height: auto;
  margin: 0;
}
.solar-style .concise-row {
  display: flex;
  align-items: flex-start;
}
.solar-style .nav-handle-desktop {
  display: none;
}
.solar-style .nav-handle-phone {
  display: none;
}
.solar-style .details-open {
  padding-bottom: 0;
  margin-bottom: 4px;
  line-height: normal;
  display: inline-block;
  font-weight: bold;
}
.solar-style .reveal-center {
  text-align: center;
  margin: 0 0 10px 0;
}
.solar-style .sub-question .control-label {
  margin-top: 10px;
}
.solar-style .disclaimer {
  margin-top: 30px;
}
.solar-style .savings-mirror {
  margin-top: 6px;
}
.solar-style .est-pay .sys {
  font-size: 22px;
  white-space: nowrap;
  background: #069;
  color: #fff;
  border-radius: 4px;
  padding: 5px 14px;
}
.solar-style .est-pay .suffix {
  margin-left: 6px;
  font-size: 15px;
}
.solar-style .phone-br {
  display: none;
}
.solar-style .dis {
  cursor: not-allowed;
}
.solar-style .req:focus {
  border: 1px solid #b11;
}
.solar-style .empty {
  display: none;
}
.solar-style .est-row {
  display: flex;
  align-items: flex-start;
}
.solar-style .est-row .h1 {
  flex: 1;
}
.solar-style .review-btn {
  font-size: 18px;
  color: #069;
  cursor: pointer;
  transition: color 0.1s;
}
.solar-style .review-btn:hover {
  text-decoration: underline;
}
.solar-style .review-btn.sel {
  transition: color 0.1s;
  text-decoration: underline;
  color: #09d;
}
.solar-style .questions-open {
  margin: 0;
}
.solar-style .question-image {
  display: none;
}
.solar-style .questions-nav {
  border-top: 4px solid #444;
  width: 100%;
  padding: 10px 30px;
  justify-content: space-around;
  margin: 0 auto;
}
.solar-style .nav-handle-phone .questions-nav {
  padding: 10px;
}
.solar-style .nav-scale {
  width: 100%;
  display: flex;
}
.solar-style .nav-scale .first {
  flex: 1;
}
.solar-style .advance-btn {
  font-family: inherit;
  display: inline-block;
  border: none;
  background: #069;
  cursor: pointer;
  color: #fff;
  border-radius: 4px;
  padding: 10px 26px;
  text-transform: uppercase;
  transition: 0.3s background;
  font-size: 16px;
}
.solar-style .advance-btn.disabled {
  opacity: 1;
  background: #999;
  cursor: not-allowed;
}
.solar-style .advance-btn:not(.disabled):hover {
  transition: 0.3s background;
  background: #09c;
}
.solar-style .advance-btn.review-btn {
  padding: 12px 46px;
  font-size: 15px;
}
.solar-style .submit-wrapper {
  border: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
}
.solar-style .submit-wrapper .h2 {
  margin-bottom: 20px;
}
.solar-style .submit-wrapper p {
  margin: 0;
}
.solar-style .submit-wrapper .save-disclaimer {
  color: #444;
  font-style: italic;
  margin-bottom: 20px;
}
.solar-style .submit-wrapper .control {
  margin: 0 10px 20px 0;
}
.phone .solar-style .submit-wrapper .control {
  margin: 0 0 10px 0;
  flex: 1 1 100%;
}
.solar-style .submit-wrapper .lm .control {
  margin-bottom: 5px;
}
.solar-style .submit-wrapper .input-text,
.solar-style .submit-wrapper select {
  height: auto;
  line-height: normal;
  box-shadow: none;
  font-size: 15px;
  padding: 4px 6px;
}
.solar-style .print-only,
.solar-style .print-only-1 {
  display: none;
}
.solar-style label {
  color: #222;
}
.solar-style ul {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 10px 0;
  list-style-type: none;
}
.solar-style li {
  margin: 0;
  line-height: 17px;
}
.solar-style .h1 {
  font-weight: bold;
  font-size: 26px;
  line-height: 20px;
  margin-bottom: 30px;
}
.solar-style .h2 {
  font-weight: bold;
  font-size: 18px;
  line-height: 17px;
  margin-bottom: 30px;
}
.solar-style br {
  line-height: 22px;
}
.solar-style .mbLess {
  margin-bottom: 20px;
}
.solar-style .mode-select {
  margin-bottom: 30px;
}
.solar-style .p {
  margin-bottom: 30px;
}
.solar-style .p.less {
  margin-bottom: 20px;
}
.solar-style .post-note {
  margin: 14px 0 0 0;
}
.solar-style .post-note.pre {
  margin: 0 0 14px 0;
}
.solar-style select {
  width: auto;
  min-width: none;
}
.solar-style .reset-prices {
  color: #069;
  cursor: pointer;
}
.solar-style .reset-prices.click {
  color: #09c;
}
.solar-style .gr {
  align-items: center;
}
.phone .solar-style .batt-outer {
  flex-direction: column;
}
.solar-style .batt-row {
  align-items: flex-start;
  margin: 20px 0 0 0;
}
.solar-style .batt-row select {
  height: auto;
  font-size: 15px;
}
.solar-style .batt-row.first {
  flex-basis: 52%;
}
.solar-style .batt-row .cost-input.c2 {
  font-size: 16px;
  height: auto;
  width: 90px;
}
.solar-style .batt-row .post-note.pre {
  display: none;
}
.solar-style .batt-row .bubble {
  padding: 8px 20px;
}
.solar-style .batt-row .control {
  margin-right: 0;
}
.solar-style .batt-row .one-option.last {
  margin-right: 10px;
}
.phone .solar-style .batt-row .options-after {
  display: flex;
}
.solar-style .print-btn {
  background: #069;
  border-radius: 6px;
  padding: 10px 26px;
  display: inline-block;
  color: #fff;
  margin: 0 20px 0 0;
  font-size: 18px;
  transition: background 0.3s;
}
.solar-style .print-btn:hover {
  transition: background 0.3s;
  background: #08b;
}
.solar-style .push {
  height: 200px;
  width: 100%;
}
.is-embed .solar-style .push {
  display: none;
}
.solar-style .one-option {
  margin: 0 6px 0 0;
}
.solar-style .one-option.selected .plus-sym {
  color: #fff;
}
.solar-style .one-option.last {
  margin: 0;
}
.solar-style .bubble {
  border: 1px solid #999;
  border-radius: 4px;
  padding: 14px 20px;
  text-align: center;
  white-space: nowrap;
}
.phone .solar-style .bubble {
  min-width: 60px;
  padding: 20px 6px;
}
.solar-style .hd {
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}
.solar-style .hd.less {
  line-height: 22px;
  margin-bottom: 20px;
}
.solar-style .hd.h2 {
  font-size: 18px;
}
.solar-style .note {
  text-transform: none;
  width: 70%;
  font-size: 13px;
  line-height: 16px;
}
.solar-style .learn-long {
  margin: 16px 0;
  font-size: 18px;
  line-height: 24px;
}
.solar-style .learn-long.p {
  font-size: 13px;
  line-height: 16px;
}
.solar-style .checklist .gr {
  margin: 0;
}
.solar-style .checklist .control {
  margin: 0 0 4px 0;
}
.solar-style .checklist input[type="checkbox"] {
  margin-top: 6px;
  margin-bottom: 6px;
}
.solar-style .checklist input {
  margin-right: 10px;
}
.solar-style .checklist label {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.solar-style .control {
  margin: 0;
  margin-right: 20px;
  margin-bottom: 20px;
}
.solar-style .cost-control {
  margin: 0 12px 0 0;
}
.solar-style .cost-input,
.solar-style .solar-summary .input-text {
  padding: 4px 4px;
  width: 80px;
  font-size: 13px;
  height: auto;
  box-shadow: none;
  text-align: center;
}
.solar-style .cost-input.c2,
.solar-style .solar-summary .input-text.c2 {
  font-size: 15px;
  width: auto;
  padding: 6px 4px;
}
.solar-style .size-options {
  margin: 0 0 20px 0;
}
.solar-style .size-options .cost-input {
  width: 90px;
  font-weight: normal;
  font-size: 16px;
}
.solar-style .size-options .cost-input:disabled {
  border: none;
  background: none;
}
.solar-style .size-options .cost-input:disabled::placeholder {
  color: #999;
}
.solar-style .size-options .post-note.pre {
  margin: 0;
}
.solar-style .size-options .flex-row {
  align-items: flex-start;
  justify-content: space-between;
}
.solar-style .size-options .hint.flex-row {
  align-items: baseline;
}
.solar-style .size-options .est-cost {
  margin-left: 6px;
  line-height: normal;
}
.solar-style .size-options .options-after {
  margin-left: 6px;
}
.phone .solar-style .size-options .options-after {
  margin: 0;
}
.solar-style .size-options .one-option {
  flex: 0;
  font-size: 22px;
  font-weight: bold;
}
.solar-style .size-options .one-option .fa-pencil {
  display: none;
}
.solar-style .size-options .one-option .unit {
  font-size: 15px;
}
.solar-style .size-options .one-option.selected .fa-pencil {
  display: block;
  position: absolute;
  top: 6px;
  font-size: 13px;
  right: -15px;
  color: #333;
}
.solar-style .size-options .one-option.selected .cost-input {
  font-weight: bold;
  border: 1px solid #333;
}
.solar-style .size-options .one-option:last-child {
  flex: 0;
  margin: 0;
}
.solar-style .size-options .bubble {
  padding: 0;
  width: 90px;
  height: 90px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.solar-style .size-options .custom-size-outer {
  width: 180px;
}
.solar-style .size-options .custom-size-outer .input-text {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  width: 66px;
}
.solar-style .control-label {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.solar-style .system-cost {
  font-size: 13px;
  font-weight: normal;
}
.solar-style .summary-group {
  margin-bottom: 20px;
}
.solar-style .summary-group.sub {
  margin-top: 16px;
  margin-bottom: 16px;
}
.solar-style .summary-group.last {
  margin-bottom: 0;
}
.solar-style .summary-group .hd {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}
.solar-style .target {
  margin: 0 0 2px 16px;
  display: flex;
}
.solar-style .target.bv .value {
  font-weight: bold;
}
.solar-style .target.tm {
  margin-top: 16px;
}
.solar-style .target.indent {
  margin: 0 0 2px 32px;
}
.solar-style .target.s1 {
  font-size: 18px;
}
.solar-style .target.s1 .value {
  font-weight: bold;
}
.solar-style .target.s2 {
  font-size: 18px;
  font-weight: bold;
}
.solar-style .target.line .text,
.solar-style .target.line .value {
  border-top: 1px solid #444;
  margin-top: 5px;
  padding-top: 5px;
}
.solar-style .target.line .value {
  padding-right: 30px;
  margin-right: -30px;
}
.solar-style .target .text {
  flex-basis: 520px;
}
.solar-style .printable-details .hd {
  background: #eee;
  margin: 0 0 20px 0;
  padding: 4px 0 4px 16px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.phone .solar-style .printable-details .hd {
  margin: 0 -10px 20px -10px;
  padding: 4px 0 4px 10px;
}
.solar-style .printable-details .target {
  margin: 0 0 2px 0;
  display: flex;
}
.solar-style .printable-details .target.bv {
  font-weight: bold;
}
.solar-style .printable-details .target.tm {
  margin-top: 16px;
}
.solar-style .printable-details .target.indent {
  margin: 0 0 2px 0;
}
.solar-style .printable-details .target.s1 {
  font-size: 18px;
}
.solar-style .printable-details .target.s1 .value {
  font-weight: bold;
}
.solar-style .printable-details .target.s2 {
  font-size: 18px;
  font-weight: bold;
}
.solar-style .printable-details .target.line .text,
.solar-style .printable-details .target.line .value {
  border-top: 1px solid #444;
  margin-top: 5px;
  padding-top: 5px;
}
.solar-style .printable-details .target.line .value {
  padding-right: 30px;
  margin-right: -30px;
}
.solar-style .printable-details .target .text {
  flex-basis: 520px;
}
.solar-style .submit-title {
  margin-top: 20px;
}
.solar-style .opener {
  padding: 18px 16px 16px 16px;
}
.phone .solar-style .opener {
  padding: 0;
}
.solar-style .rem,
.solar-style .to-open.pad {
  padding: 0 16px;
}
.phone .solar-style .rem,
.phone .solar-style .to-open.pad {
  padding: 0;
}
.solar-style .year-wrapper {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 20px;
}
.solar-style .year-wrapper .h2 {
  margin-top: 1px;
}
.solar-style .year-wrapper .arrow-open {
  margin-right: 6px;
  margin-bottom: 3px;
  height: 8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #333;
  transition: transform 0.3s;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: 14px;
}
.solar-style .year-wrapper .arrow-open.spun {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.solar-style.saved-list {
  padding: 0;
}
.solar-style.saved-list .year-wrapper {
  border-top: none;
  padding-bottom: 10px;
}
.solar-style .link-hint {
  color: #069;
  margin: 10px 0 0 0;
  font-weight: bold;
}
.solar-style .opener {
  cursor: pointer;
  user-select: none;
}
.solar-style .opener:hover .link-hint {
  text-decoration: underline;
}
.solar-tou-style .graph-line {
  display: table-row;
}
.solar-tou-style .night-line {
  display: none;
}
.year-style-v1 .loan-section {
  margin-top: 3px;
}
.year-style-v1 .p {
  margin: 20px 0 0 0;
}
.year-style-v1 .solar-summary {
  padding: 0 0 20px 0;
}
.year-style-v1 .to-open {
  margin: 20px 0 0 0;
}
.year-style-v1 .to-open.extra {
  padding-bottom: 20px;
}
.year-style-v1 .h2 {
  margin: 0;
}
.year-style-v1 table tr:nth-of-type(even) {
  background: none;
}
.year-style-v1 .year-table-style {
  margin: 0 32px 42px 0;
  border: none;
}
.year-style-v1 .year-table-style td,
.year-style-v1 .year-table-style th {
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  padding: 2px 10px 2px 3px;
}
.year-style-v1 .year-table-style td.year,
.year-style-v1 .year-table-style th.year {
  padding-right: 50px;
}
.year-style-v1 .year-table-style th {
  font-weight: bold;
}
.year-style-v1 .year-table-style td:first-child {
  font-weight: bold;
}
.year-style-v1 .year-table-style .summary.line {
  border-top: 1px solid #444;
}
.year-style-v1 .year-table-style .summary td {
  font-weight: bold;
}
.year-style .flip-me {
  color: #f93;
}
.year-style .loan-section {
  margin-top: 3px;
}
.year-style .p {
  margin: 20px 0 0 0;
}
.year-style .to-open {
  margin: 20px 0;
}
.phone .year-style .to-open {
  margin-bottom: 0;
}
.year-style .h2 {
  margin: 0;
}
.year-style table tr:nth-of-type(even) {
  background: none;
}
.year-style .swatch {
  flex: 0 0 50px;
  text-align: center;
  color: #fff;
  padding: 2px 0;
  margin-right: 20px;
  align-self: baseline;
}
.year-style .swatch.blank {
  color: #333;
}
.year-style .year-legend {
  margin-top: 10px;
  font-size: 12px;
}
.year-style .year-legend .swatch {
  height: 23px;
  line-height: 21px;
}
.year-style .year-legend .group {
  flex: 1;
}
.year-style .year-legend .groups {
  display: flex;
  align-items: flex-start;
}
.phone .year-style .year-legend .groups {
  display: block;
}
.year-style .year-legend .r {
  margin-bottom: 6px;
}
.year-style .year-legend .r:last-child {
  margin-bottom: 0;
}
.year-style .year-legend .group {
  margin-right: 10px;
}
.year-table-style-v2 {
  margin: 0;
  border: none;
  width: 100%;
  table-layout: fixed;
}
.year-table-style-v2 .gr {
  align-items: flex-end;
}
.phone .year-table-style-v2 .desk-only {
  display: none;
}
.phone .year-table-style-v2 .summary .desk-only {
  display: block;
}
.year-table-style-v2 .input-title {
  display: none;
}
.year-table-style-v2.mobile-v {
  margin-bottom: 10px;
}
.year-table-style-v2 td,
.year-table-style-v2 th {
  min-width: 70px;
  font-weight: normal;
  font-size: 13px;
  line-height: normal;
  padding: 3px 6px 3px 3px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
.year-table-style-v2 td:nth-child(even) {
  background: #fff0e0;
}
.year-table-style-v2 .summary td:nth-child(even) {
  background: none;
}
.year-table-style-v2 td,
.year-table-style-v2 .top {
  border: 1px solid #bbb;
}
.year-table-style-v2 .last .top {
  border: none;
  font-size: 16px;
}
.year-table-style-v2 th {
  font-weight: bold;
}
.year-table-style-v2 .top-row .top {
  padding: 6px 0;
  font-size: 18px;
  text-align: center;
  background: #e5e5e9;
}
.mobile .year-table-style-v2 .top-row .top {
  font-size: 14px;
}
.year-table-style-v2 .top.sub {
  padding: 8px 0;
  text-align: center;
  font-size: 12px;
}
.year-table-style-v2 .top.sub.reg {
  border-bottom: 3px solid #444;
}
.year-table-style-v2 .input-row th {
  padding: 6px 6px 0 6px;
  height: 170px;
  white-space: normal;
  border: 1px solid #ccc;
}
.year-table-style-v2 .input-row .control {
  margin: 0 6px 10px 0;
}
.year-table-style-v2 .ital {
  font-weight: bold;
  font-style: normal;
}
.year-table-style-v2 td:first-child {
  font-weight: bold;
}
.year-table-style-v2 .summary .flip-me {
  display: none;
}
.year-table-style-v2 tr:hover td {
  background: #eee;
}
.year-table-style .push-th {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.year-table-style .push-th .grow {
  flex: 1;
  margin-top: 3px;
  font-weight: normal;
}
.year-table-style .each.cash {
  border-left: 4px solid #f93;
}
.phone .year-table-style .each.cash {
  border-left-width: 2px;
}
.year-table-style .last.lease,
.year-table-style td:last-child {
  border-right: 4px solid #f93;
}
.phone .year-table-style .last.lease,
.phone .year-table-style td:last-child {
  border-right-width: 2px;
}
.year-table-style .top.bord {
  border-bottom: 3px solid #f93;
}
.year-table-style .top-row .top.bord {
  border-bottom: 1px solid #ddd;
}
.year-table-style .top-row .top.bord {
  border-bottom: 1px solid #ddd;
}
.year-table-style .last .top.bord {
  border: none;
}
.year-table-style .summary .top.bord {
  border-top: 3px solid #f93;
  border-bottom: none;
}
.year-table-style .phone .top.bord {
  border-width: 2px;
}
.year-table-style .summary.line td {
  border: none;
  border-top: 2px solid #666;
  font-weight: bold;
}
.year-style .each.min {
  background: #fed;
}
.year-style .sum.min {
  background: #def;
}
.year-style .sum.solMin {
  background: #efd;
}
.year-style .swatch.eol {
  background: #eee;
}
.year-style .reach .reg,
.year-style .reach .year {
  color: #fff;
  background: #355;
  font-weight: bold;
}
.year-style .reach.s1 .cash.hi {
  background: #92d050;
  font-weight: bold;
}
.year-style .reach.s2 .loan.hi {
  background: #ffc000;
  font-weight: bold;
}
.year-style .reach.s4 .lease.hi {
  background: #b4c7e7;
  font-weight: bold;
}
.solar-summary .control {
  margin-top: 6px;
  margin-bottom: 6px;
}
.solar-summary .input-text {
  text-align: left;
}
.solar-summary .control-label {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 6px;
  white-space: normal;
}
.solar-style.slider-style {
  margin: 0 auto;
}
.solar-style.slider-style .nav-handle-phone {
  display: block;
}
.solar-style.slider-style .nav-handle-desktop {
  display: block;
}
.solar-style.slider-style .image-wrapper {
  width: 100%;
  margin: 0 auto;
}
.solar-style.slider-style .learn-long {
  font-size: 13px;
  line-height: normal;
  margin: 0 0 30px 0;
}
.solar-style.slider-style .post-note.pre {
  margin-bottom: 30px;
}
.solar-style.slider-style .questions-section,
.solar-style.slider-style .questions-nav {
  width: 100%;
}
.solar-style.slider-style .questions-section {
  position: relative;
  border: 1px solid #bbb;
  border-bottom: none;
  margin: 0 auto;
  overflow: hidden;
}
.solar-style.slider-style .questions-section .control-label,
.solar-style.slider-style .questions-section .hd {
  font-size: 20px;
  margin-bottom: 30px;
}
.solar-style.slider-style .questions-section .control {
  margin: 0;
}
.solar-style.slider-style .questions-section .one-option {
  margin-bottom: 6px;
}
.solar-style.slider-style .questions-section .p {
  margin: 0;
}
.phone .solar-style.slider-style .questions-section .p {
  margin-bottom: 10px;
}
.solar-style.slider-style .sub-question .control-label {
  font-size: 17px;
  margin: 16px 0 10px 0;
}
.solar-style.slider-style .sub-question .post-note.pre {
  margin: 0;
}
.solar-style.slider-style .x-translate {
  display: flex;
  width: 100%;
}
.solar-style.slider-style .bill-radio {
  margin-bottom: 30px;
}
.solar-style.slider-style .bill-radio .post-note {
  margin: 0;
}
.solar-style.slider-style .bill-radio .control-label {
  margin-bottom: 6px;
  font-size: 16px;
}
.solar-style.slider-style .bill-radio .one-option {
  width: 60px;
}
.solar-style.slider-style .bill-radio .bubble {
  padding: 12px 14px;
  font-size: 14px;
}
.solar-style.slider-style .one-question {
  border: 0 solid transparent;
  flex: 1 0 100%;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.solar-style.slider-style .one-question.center {
  text-align: center;
}
.solar-style.slider-style .empty {
  display: block;
  background-image: none;
}
.solar-style.slider-style .window {
  background: #fff;
  opacity: 0.9;
  padding: 30px;
  height: 292px;
  flex: 1;
  width: 100%;
}
.solar-style.slider-style .question-image {
  display: block;
  height: 146px;
}
.solar-style.slider-style .control-field .flex-row {
  flex-wrap: wrap;
}
.solar-summary .control-label {
  font-size: 13px;
}
.concise-summary {
  margin-bottom: 20px;
}
.concise-summary .target {
  align-items: center;
}
.concise-summary .value {
  font-size: 22px;
}
.concise-summary .value .npb {
  font-size: 16px;
}
.phone .concise-summary .value {
  font-size: 20px;
}
.concise-summary .est-bill .target .text {
  text-align: right;
  font-size: 15px;
  margin-right: 20px;
  border-top: 1px solid #fff;
  white-space: nowrap;
}
.mobile .concise-summary .est-bill .target .text {
  text-align: left;
  white-space: break-spaces;
}
.concise-summary .est-bill .target .value {
  flex-basis: 100px;
  text-align: right;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}
.concise-summary .est-years .target {
  margin-left: 84px;
}
.phone .concise-summary .est-years .target {
  margin-left: 10px;
}
.concise-summary .est-years .target .text {
  white-space: nowrap;
  margin-right: 30px;
  flex: 0;
}
.concise-summary .summary-group {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 0;
  align-self: stretch;
  flex: 1;
}
.concise-summary .summary-group:first-child {
  margin-right: 10px;
}
.phone .concise-summary .summary-group:first-child {
  margin: 0 0 10px 0;
}
.concise-summary .target {
  margin-left: 0;
}
.concise-summary .target .text {
  flex: 1;
}
.concise-summary .target.line {
  margin-bottom: 10px;
}
.concise-summary .target.line .text {
  padding: 5px 0 0 0;
}
.concise-summary .target.line .value {
  padding: 5px 0 0 0;
  margin-right: 0;
}
.solar-chart-style {
  margin-bottom: 16px;
  align-items: flex-end;
}
.solar-chart-style .chart-handle {
  flex: 1;
}
.solar-chart-style .bars {
  margin-right: 10px;
}
.solar-chart-style .bars,
.solar-chart-style .labels {
  display: flex;
}
.solar-chart-style .one-bar,
.solar-chart-style .one-label {
  margin: 0 6px 0 0;
  flex-basis: 8.3333%;
  position: relative;
}
.solar-chart-style .one-bar:first-child,
.solar-chart-style .one-label:first-child {
  margin-left: 6px;
}
.solar-chart-style .one-bar {
  height: 250px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.solar-chart-style .one-label {
  padding-top: 10px;
  text-align: center;
}
.solar-chart-style .color {
  width: 100%;
}
.solar-chart-style .a {
  z-index: 1;
  height: 100%;
  background: #ff0;
}
.solar-chart-style .b {
  z-index: 2;
  height: 100%;
  background: #f93;
}
.solar-chart-style .c {
  z-index: 3;
  height: 50%;
  background: #6c9aec;
}
.solar-chart-style .d {
  z-index: 5;
  height: 20%;
  background: #0c2;
}
.solar-chart-style .e {
  z-index: 4;
  height: 30%;
  background: #005386;
}
.solar-chart-style .f {
  z-index: 6;
  height: 10%;
  background: #224;
}
.solar-chart-style .legend {
  height: 16px;
  width: 16px;
  margin-right: 10px;
}
.phone .solar-chart-style .legend {
  margin-right: 0;
}
.solar-chart-style .mirror {
  font-weight: bold;
}
.tou-debug-table th,
.tou-debug-table td {
  text-align: left;
  border: 1px solid #ccc;
  padding: 1px 3px;
}
.chart-legend.alt {
  flex-basis: 421px;
  line-height: normal;
  border: none;
  margin: 0;
}
.phone .chart-legend.alt {
  flex-basis: auto;
}
.phone .chart-legend.alt .dark-row {
  align-items: flex-end;
}
.chart-legend.alt .rad {
  margin: 0;
}
.chart-legend.alt .dark-row {
  display: flex;
  align-items: baseline;
}
.chart-legend.alt select {
  min-width: auto;
  width: 60px;
}
.chart-legend.alt td {
  padding: 4px 10px 4px 0;
  font-size: 13px;
}
.chart-legend.alt td:last-child,
.phone .chart-legend.alt td {
  font-size: 12px;
}
.chart-legend.alt tr:nth-of-type(even) {
  background: none;
}
.chart-legend.alt .top {
  font-weight: bold;
}
.chart-legend.alt .line .td {
  border-bottom: 0.5px solid #ccc;
}
.chart-legend.alt .line.nb .td {
  border: none;
}
.mobile .ev-page-boundary {
  width: 100%;
}
.mobile .solar-boundary {
  padding: 10px;
}
.mobile .solar-style .questions-nav {
  width: 100%;
}
.mobile .solar-style .bubble {
  margin: 0;
}
.mobile .solar-style .w-bubble .one-option {
  flex: 0;
}
.mobile .solar-style .gr {
  flex-wrap: wrap;
}
.mobile .solar-style .control-field .flex-row {
  flex-wrap: wrap;
}
.mobile .solar-style .size-options .flex-row {
  justify-content: flex-start;
}
.mobile .solar-style .size-options .one-option {
  flex: 0;
  margin: 0 6px 12px 0;
}
.mobile .solar-style .one-option {
  margin-bottom: 6px;
}
.mobile .solar-style .batt-row .one-option {
  margin-bottom: 0;
}
.mobile .solar-chart-style {
  flex-direction: column-reverse;
}
.mobile .solar-chart-style .chart-handle,
.mobile .solar-chart-style .chart-legend {
  width: 100%;
}
.mobile .solar-chart-style .chart-legend {
  margin: 0 0 10px 0;
}
.mobile .solar-chart-style .chart-legend .flex-row {
  margin-bottom: 6px;
}
.mobile .solar-chart-style .chart-legend .block-1 {
  margin-right: 20px;
}
.mobile .solar-chart-style .chart-legend .block-2 {
  flex: 1;
}
.phone .year-style .to-open {
  margin-top: 10px;
}
.phone .year-style .year-word {
  display: none;
}
.phone .year-style .year-table td,
.phone .year-style .year-table th {
  font-size: 13px;
  white-space: nowrap;
  min-width: auto;
}
.phone .year-style .year-table td.year {
  padding-right: 10px;
}
.phone .year-style .loan-section {
  display: flex;
  margin-bottom: 30px;
}
.phone .year-style .loan-section .control {
  margin: 0 6px 6px 0;
}
.phone .solar-style .checklist .control,
.phone .solar-style .checklist span {
  flex: 1;
}
.phone .solar-style .checklist .other_text {
  width: 100%;
}
.phone .solar-style .concise-row {
  display: block;
  margin-top: 10px;
}
.phone .solar-style .control-label {
  line-height: normal;
  margin-bottom: 10px;
}
.phone .solar-style .to-open {
  flex-direction: column-reverse;
}
.phone .solar-style .other_text {
  width: auto;
}
.phone .solar-style .house-row .one-option {
  margin: 0 6px 6px 0;
  flex: 1 0 40%;
}
.phone .solar-style .house-row .flex-row {
  justify-content: center;
}
.phone .solar-style .concise .target .text {
  text-align: left !important;
}
.phone .solar-style .size-options .flex-row {
  justify-content: flex-start;
  align-items: end;
}
.phone .solar-style .size-options .savings-mirror {
  margin: 0;
}
.phone .solar-style .size-options .hint {
  margin-top: 4px;
  display: none;
  text-align: center;
}
.phone .solar-style .size-options .one-option {
  flex: 0;
  margin: 0 6px 6px 0;
}
.phone .solar-style .size-options .bubble {
  height: auto;
  font-size: 20px;
  font-weight: bold;
  height: 80px;
  flex: auto;
}
.phone .solar-style .size-options .copy-label {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.phone .solar-style .size-options .cost-input {
  font-size: 13px;
}
.phone .solar-style .size-options .cost-input:not(.copy) {
  display: none;
}
.phone .solar-style .size-options .cost-input.copy {
  font-size: 20px;
  font-weight: bold;
  width: 120px;
}
.phone .solar-style .size-options .options-after .one-option {
  margin: 0 16px 0 0;
}
.phone .solar-style .year-wrapper {
  padding: 20px 10px;
}
.phone .solar-style .year-table {
  margin-right: 10px;
}
.phone .solar-style .year-table td {
  white-space: nowrap;
}
.phone .solar-style .year-table td,
.phone .solar-style .year-table th {
  font-size: 11px;
}
.phone .solar-style .year-table.cash td:first-child,
.phone .solar-style .year-table.loan td:first-child,
.phone .solar-style .year-table.cash th:first-child,
.phone .solar-style .year-table.loan th:first-child {
  display: none;
}
.phone .solar-style .h1 {
  line-height: 30px;
}
.phone .solar-style .text {
  flex-basis: auto;
}
.phone .solar-style .summary-group .input-text {
  text-align: right;
}
.phone .solar-style .target.s1,
.phone .solar-style .target.s2 {
  font-size: 14px;
}
.phone .solar-style .target .text {
  flex: 1;
}
.phone .solar-style .target .value {
  padding-right: 0;
  margin-right: 0;
}
.phone .solar-style .bill-radio .one-option {
  flex: 0;
}
.phone .solar-style .bill-radio .c {
  width: 60px;
}
.phone .solar-style .bubble-radio.w-bubble .bubble,
.phone .solar-style .cost-input {
  width: 60px;
}
.phone .solar-style .phone-br {
  display: block;
}
.phone .solar-style .flex-row {
  align-items: stretch;
}
.phone .solar-style .one-option {
  display: flex;
  flex-direction: column;
}
.phone .solar-style .one-option.copy-cost {
  margin: 0;
}
.phone .solar-style .one-option.copy-cost .savings-mirror {
  font-size: 14px;
  white-space: nowrap;
  margin-top: 6px;
}
.phone .solar-style .one-option.copy-cost .savings-mirror::before {
  content: 'After Tax Credit: ';
}
.phone .solar-style .bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.mobile-year-target {
  display: none;
  padding: 16px 6px 0 6px;
  margin: 0 0 20px 0;
}
.phone .mobile-year-target {
  display: block;
}
.mobile-year-target .th-empty {
  display: none;
}
.mobile-year-target .input-text {
  width: 70px;
}
.mobile-year-target .input-title {
  display: block;
  margin-right: 10px;
  flex: 0 0 60px;
}
.mobile-year-target .desk-only {
  display: none;
}
.mobile-year-target .input-row .grow {
  font-weight: normal;
  margin-bottom: 10px;
}
.mobile-year-target .input-row .control {
  margin: 0 4px 0 0;
}
.mobile-year-target .input-row .control-label {
  line-height: normal;
}
.mobile-year-target tr {
  display: block;
}
.mobile-year-target th {
  display: flex;
  align-items: flex-end;
  padding: 0;
  margin: 0 0 16px 0;
  white-space: nowrap;
}
.mobile-year-target th.last {
  margin-bottom: 0;
}
.w400 .mobile-year-target .control-label,
.w400 .mobile-year-target label {
  font-size: 11px;
  white-space: normal;
}
.w400 .mobile-year-target .input-text {
  width: 62px;
}
.w400 .mobile-year-target .input-title {
  margin-right: 6px;
  font-size: 11px;
}
.phone .solar-chart-style .one-label {
  font-size: 8px;
}
.phone .solar-style.slider-style .nav-handle-phone {
  display: block;
}
.phone .solar-style.slider-style .questions-section {
  width: auto;
}
.phone .solar-style.slider-style .window {
  flex: 0;
  padding: 10px;
  align-self: stretch;
}
.phone .solar-style.slider-style .x-translate {
  align-items: baseline;
}
.phone .solar-style.slider-style .questions-section {
  border: none;
}
.phone .solar-style.slider-style .question-image {
  height: auto;
  margin-top: 80px;
}
.phone .solar-style.slider-style .nav-handle-phone {
  width: 100%;
}
@media print {
  .ev-site main {
    padding: 0;
  }
  .solar-body.is-embed {
    width: 1000px;
  }
  .solar-body.is-embed .solar-module {
    margin-top: 80px;
  }
  .year-table-style-v2 td {
    padding: 2px 6px 2px 2px;
  }
  .solar-body .ev-nav {
    display: none;
  }
  .solar-style {
    padding: 0 80px 0 80px;
  }
  .solar-style .h1.mt {
    margin-top: 0;
  }
  .solar-style .h1,
  .solar-style .p {
    margin-bottom: 20px;
  }
  .solar-style .opener {
    padding: 0;
  }
  .solar-style .print-only {
    display: block;
  }
  .solar-style .no-print {
    display: none !important;
  }
  .solar-style .year-wrapper {
    border: none;
    padding: 0;
  }
  .solar-style .arrow-open {
    display: none;
  }
  .solar-style .link-hint {
    display: none;
  }
  .solar-style .may-print-2 .solar-summary {
    border: 1px solid #ccc;
  }
  .solar-style .to-open {
    margin-top: 20px;
    display: block !important;
  }
  .solar-style .to-open.pad {
    padding: 0;
  }
  .solar-style.print-1 .year-table {
    margin-top: 0;
  }
  .solar-style.print-1 .print-only-1 {
    display: block;
  }
  .solar-style.print-1 .may-print-1 {
    display: block;
  }
  .solar-style.print-1 .may-print-2 {
    display: none;
  }
  .solar-style.print-2 .print-only-1 {
    display: none;
  }
  .solar-style.print-2 .may-print-1 {
    display: none;
  }
  .solar-style.print-2 .may-print-2 {
    display: block;
  }
  .page-break:not(.first) {
    page-break-before: always;
  }
}
.ud-notate {
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 13px;
  color: #222;
  background: #feb;
  line-height: normal;
  border: 1px solid #777;
}
.ud-notate:hover {
  background: #cef;
}
.ud-notate .rel {
  position: relative;
}
.ud-notate .text {
  padding: 6px 30px 6px 6px;
}
.ud-notate .fa-close {
  position: absolute;
  right: 6px;
  top: 6px;
}
.ud-bg-a1 {
  background: #c60;
}
.ud-bg-gs10 {
  background: #ccc;
}
.ud-bg-c10 {
  background: #c80000;
}
.ud-header-sides {
  display: none;
}
.ud-header-sides-invert {
  display: block;
}
.ud-header-left-ht {
  height: 66px;
}
.ud-header-right-ht {
  height: 35px;
}
.ev-theme-notes-outer {
  inset: 0 0 0 0;
  position: absolute;
}
.ev-theme-notes {
  position: relative;
}
.ev-theme-style .image-upload-fm,
.ev-theme-style .id-group {
  display: none;
}
.ev-theme-style .flex-row {
  flex-direction: row;
}
.ev-theme-style .up-btn-style {
  width: auto;
  margin-left: 6px;
}
.ev-theme-style .sh {
  margin: 0 0 10px 0;
  font-weight: bold;
  text-transform: uppercase;
}
.ev-theme-style .toggle-style {
  padding: 4px 12px;
  border: 1px solid #333;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  margin: 10px 0 0 0;
  color: #333;
  user-select: none;
}
.ev-theme-style .toggle-style:hover {
  border-color: #6bf;
  color: #6bf;
}
.ev-theme-style .thumb-img {
  width: 60%;
  margin-bottom: 20px;
}
.ev-theme-style .theme-pane {
  width: 350px;
  position: fixed;
  z-index: 10;
  top: 20px;
  left: 20px;
  bottom: 20px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.extra-wide.ev-theme-style .theme-pane {
  width: 650px;
}
.ev-theme-style .info {
  font-weight: bold;
  margin: 10px 0;
}
.ev-theme-style .inner {
  width: 314px;
}
.extra-wide.ev-theme-style .inner {
  width: 614px;
}
.ev-theme-style .spin-arrow {
  margin-right: 6px;
  margin-bottom: 3px;
  height: 6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #333;
  transition: transform 0.3s;
  cursor: pointer;
}
.ev-theme-style .spin-arrow.spun {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.ev-theme-style .collapse {
  cursor: pointer;
  margin: 0 0 16px 6px;
  display: flex;
  width: 350px;
  background: #cde;
  margin: -10px 0 0 -10px;
  padding: 10px;
}
.extra-wide.ev-theme-style .collapse {
  width: 650px;
}
.ev-theme-style .embed-pane {
  background: #bbb;
  position: relative;
}
.ev-theme-style .preview {
  width: 200px;
  background: #ddd;
}
.ev-theme-style .saved-msg {
  margin: 10px 0 0 0;
  font-style: italic;
  color: #777;
}
.ev-theme-style .control {
  display: flex;
  margin: 0 0 10px 0;
  align-items: center;
}
.ev-theme-style .control,
.ev-theme-style .control-field {
  flex: 1;
}
.ev-theme-style .control-label {
  width: 100px;
  font-size: 13px;
  flex-basis: 150px;
}
.ev-theme-style label {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 11px;
  display: flex;
  align-items: center;
}
.ev-theme-style input[type=radio] {
  margin: 0 6px 0 0;
}
.ev-theme-style input[type=text] {
  height: auto;
  width: 140px;
  margin: 0;
  padding: 3px;
  box-shadow: none;
}
.ev-theme-style input[type=text]:focus {
  box-shadow: 0 0 6px 1px #cef;
}
.ev-theme-style textarea {
  width: 100%;
  height: 90px;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1; }
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  .datepicker--cell.-current- {
    color: #4EB5E6; }
    .datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
    .datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
    .datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
    .datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
    .datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
    .datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
    .datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
    .datepicker--cell.-selected-.-focus- {
      background: #45bced; }
  .datepicker--cell:empty {
    cursor: default; }

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
  @media print {
    .datepickers-container {
      display: none; } }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100; }
  .datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); }
  .datepicker.-from-right- {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  .datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  .datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  .datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
  .-only-timepicker- .datepicker--content {
    display: none; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); }
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }
  .datepicker--body.active {
    display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
  .-only-timepicker- .datepicker--nav {
    display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px; }
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  position: relative; }
  .datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
        -ms-flex: 0 1 138px;
            flex: 0 1 138px;
    max-width: 138px; }
  .-only-timepicker- .datepicker--time {
    border-top: none; }

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
      -ms-flex: 0 1 153px;
          flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
  .datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
  .datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
  .datepicker--time-row:first-child {
    margin-bottom: 4px; }
  .datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
    .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:focus {
      outline: none; }
      .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
    .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
  .datepicker--time-row span {
    padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
  .datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
  .datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

* {
  box-sizing: border-box;
}
body {
  font: normal 400 13px 'Open Sans Regular', 'Open Sans';
  margin: 0;
/* background: #fff url('../images/header-bg.png') repeat-x scroll left top; */
}
h1 {
  font: normal 400 28px 'Open Sans Regular', 'Open Sans';
  color: #069;
}
h2 {
  font: normal 600 20px 'Open Sans Regular', 'Open Sans';
  color: #069;
}
h3 {
  font: normal 700 13px 'Open Sans Regular', 'Open Sans';
  color: #333;
  text-transform: uppercase;
}
h4 {
  font: normal 400 14px 'Open Sans Regular', 'Open Sans';
  color: #069;
  text-transform: uppercase;
}
h5 {
  font: normal 400 13px 'Open Sans Regular', 'Open Sans';
  color: #333;
  text-transform: uppercase;
}
p {
  font: normal 400 13px 'Open Sans Regular', 'Open Sans';
  color: #000;
  line-height: 24px;
}
select {
  border-radius: 4px;
  color: #333;
  font: normal 400 11px 'Open Sans Regular', 'Open Sans';
  outline: none;
}
.uppercase {
  text-transform: uppercase;
}
.survey-title {
  font: normal 400 16pt 'Open Sans Regular', 'Open Sans';
  color: #333;
}
.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.dashboard-index main {
  width: 1300px;
}
.dashboard-index table {
  width: 1300px;
}
.dashboard-footer {
  min-height: 100px;
  background: #666;
}
.dashboard-footer .footer-wrapper {
  width: 1375px;
}
.dashboard-footer .logo {
  display: block;
  width: 698px;
  margin: 0 auto;
  padding: 60px 0;
}
.alert-box {
  width: 100%;
}
.loader {
  position: relative;
  margin: 50px;
}
.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.slider-checkbox {
  position: relative;
}
.slider-checkbox input {
  margin-top: 1px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: #f00;
  width: 40px;
  height: 20px;
}
.slider-checkbox input:checked + .label:before {
  background-color: #1877c1;
  content: "\f00c";
  padding-left: 6px;
}
.slider-checkbox input:checked + .label:after {
  left: 21px;
}
.slider-checkbox .label {
  background-color: transparent;
  color: #1877c1;
  font: 400 11px "Open Sans Regular", "Open Sans";
  position: relative;
  padding-left: 46px;
  text-align: left;
  text-transform: uppercase;
}
.slider-checkbox .label .slider-label {
  text-align: right;
}
.slider-checkbox .label.inactive {
  color: #888;
}
.slider-checkbox .label:before,
.slider-checkbox .label:after {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: background-color 0.3s, left 0.3s;
}
.slider-checkbox .label:before {
  content: "\f00d";
  color: #fff;
  box-sizing: border-box;
  font-family: 'FontAwesome', sans-serif;
  padding-left: 23px;
  font-size: 12px;
  line-height: 20px;
  background-color: #888;
  left: 0px;
  top: 0px;
  height: 20px;
  width: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.slider-checkbox .label:after {
  content: "";
  letter-spacing: 20px;
  background: #fff;
  left: 1px;
  top: 1px;
  height: 18px;
  width: 18px;
}
.mallorca-modal {
  background: rgba(0,0,0,0.45);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}
.mallorca-modal.open {
  opacity: 100;
}
.mallorca-modal .modal-dialog {
  background-color: #fff;
  left: 0;
  padding: 10px;
  position: fixed;
  margin: 0 auto;
  max-width: 62.5rem;
  right: 0;
  top: 65px;
  width: 80%;
}
.mallorca-modal .modal-dialog h1 {
  font: normal 400 18px "Open Sans Semibold", "Open Sans";
  color: #666;
  text-transform: uppercase;
  line-height: 40px;
}
.mallorca-modal .modal-dialog h1 .icon {
  margin: 0 10px;
  width: 40px;
  height: 40px;
}
.mallorca-modal .modal-dialog .modal-btns {
  right: 1.375rem;
}
@media print {
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
}
.reveal-modal {
  position: absolute;
}
.reveal-modal.fixed {
  position: fixed;
}
.has-tip {
  border-bottom: none;
  cursor: auto;
  vertical-align: middle;
}
.has-tip:hover {
  border-bottom: none;
}
.tooltip {
  max-width: 500px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.CodeMirror {
  border: 1px solid #ccc;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.money-sym-wrapper {
  position: relative;
}
.money-sym {
  color: #999;
  font-size: 28px;
  position: absolute;
  left: 10px;
  top: 3px;
}
.spin-arrow {
  margin-right: 10px;
  height: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #333;
  transition: transform 0.8s;
  cursor: pointer;
}
.spin-arrow.spun {
  transform: rotate(90deg);
  transition: transform 0.8s;
}
.admin-panel {
  position: fixed;
  right: 0;
  top: 0;
  transition: 1s;
  width: 320px;
  z-index: 9999;
}
.admin-panel:hover {
  right: 300px;
  transition: 1s;
}
.admin-panel:hover .panel-content {
  box-shadow: -1px 2px 5px 0 #666;
}
.admin-panel .panel-content {
  background: #fff;
  border: 1px solid #666;
  border-left: none;
  box-shadow: none;
  height: 100vh;
  padding: 10px;
  position: absolute;
  right: -300px;
  text-align: center;
  width: 300px;
}
.admin-panel .panel-content h3 {
  width: 100%;
}
.admin-panel .panel-content ul {
  text-align: left;
  margin: 10px;
  font-size: 13px;
  list-style: none;
  width: 100%;
}
.admin-panel .panel-content svg {
  width: 14px;
  height: 14px;
}
.admin-panel .panel-tag {
  background: #fff;
  border: 1px solid #666;
  border-right: none;
  bottom: 0;
  box-shadow: -1px 2px 5px 0 #666;
  clip-path: inset(-2px 0px -2px -2px);
  font-weight: 700;
  height: 100px;
  margin: auto 0;
  left: -30px;
  letter-spacing: -5px;
  padding: 5px;
  position: absolute;
  text-transform: uppercase;
  text-orientation: upright;
  top: 0;
  width: 31px;
  writing-mode: vertical-lr;
  z-index: 99;
}
.project-step .file-drop,
.file-drop {
  height: 150px;
  margin: auto;
  outline: 2px dashed #ccc;
  outline-offset: -10px;
  position: relative;
  text-align: center;
  width: 100%;
}
.project-step .file-drop .file-drop-input,
.file-drop .file-drop-input {
  visibility: visible;
  position: absolute;
  margin-top: -12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.project-step .file-drop .file-drop-input .file-input,
.file-drop .file-drop-input .file-input {
  visibility: hidden;
}
.project-step .file-drop .file-drop-input label,
.file-drop .file-drop-input label {
  font-size: 13px;
}
.project-step .file-drop .file-drop-button,
.file-drop .file-drop-button,
.project-step .file-drop .file-drop-dragging,
.file-drop .file-drop-dragging,
.project-step .file-drop .file-drop-uploading,
.file-drop .file-drop-uploading,
.project-step .file-drop .file-drop-success,
.file-drop .file-drop-success,
.project-step .file-drop .file-drop-error,
.file-drop .file-drop-error {
  display: none;
  font: normal 700 13px "Open Sans Regular", "Open Sans";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
}
.project-step .file-drop.is-uploading .file-drop-input,
.file-drop.is-uploading .file-drop-input,
.project-step .file-drop.is-uploading .file-drop-dragging,
.file-drop.is-uploading .file-drop-dragging {
  visibility: hidden;
}
.project-step .file-drop.is-uploading .file-drop-uploading,
.file-drop.is-uploading .file-drop-uploading {
  display: block;
}
.project-step .file-drop.is-dragover,
.file-drop.is-dragover {
  background-color: #ddd;
}
.project-step .file-drop.is-dragover .file-drop-input,
.file-drop.is-dragover .file-drop-input {
  visibility: hidden;
}
.project-step .file-drop.is-dragover .file-drop-dragging,
.file-drop.is-dragover .file-drop-dragging {
  display: block;
}
.project-step .file-drop.is-error .file-drop-input,
.file-drop.is-error .file-drop-input,
.project-step .file-drop.is-error .file-drop-dragging,
.file-drop.is-error .file-drop-dragging,
.project-step .file-drop.is-error .file-drop-uploading,
.file-drop.is-error .file-drop-uploading {
  visibility: hidden;
}
.project-step .file-drop.is-error .file-drop-error,
.file-drop.is-error .file-drop-error {
  display: block;
}
a.outbound:after {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 13.5v6H5v-12h6m3-3h6v6m0-6-9 9' class='icon_svg-stroke' stroke='%23666' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  height: 12px;
  margin-top: 3px;
  margin-left: 3px;
  position: absolute;
  width: 12px;
}
@-moz-keyframes admin-panel {
  0% {
    left: -200px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes admin-panel {
  0% {
    left: -200px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes admin-panel {
  0% {
    left: -200px;
  }
  100% {
    left: 0;
  }
}
@keyframes admin-panel {
  0% {
    left: -200px;
  }
  100% {
    left: 0;
  }
}
