@charset "UTF-8";
/*
 *
 *
 *   Generic CSS for CakePHP
 *
 *
 *
 *   CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 *
 *   Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 *
 *
 *   Licensed under The MIT License
 *
 *   For full copyright and license information, please see the LICENSE.txt
 *
 *   Redistributions of files must retain the above copyright notice.
 *
 *
 *
 *   @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 *   @link          http://cakephp.org CakePHP(tm) Project
 *
 *   @package       app.webroot.css
 *
 *   @license       http://www.opensource.org/licenses/mit-license.php MIT License */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700,400);
@import url(https://fonts.googleapis.com/css?family=Oswald);
* {
  margin: 0;
  padding: 0; }

/* Color Pallete */
/* For Charts */
.rickshaw_graph .detail {
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  width: 1px;
  transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  -webkit-transition: opacity .25s linear; }

.rickshaw_graph .detail.inactive {
  opacity: 0; }

.rickshaw_graph .detail .item.active {
  opacity: 1; }

.rickshaw_graph .detail .x_label {
  font-family: Arial,sans-serif;
  border-radius: 3px;
  padding: 6px;
  opacity: .5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  position: absolute;
  background: #fff;
  white-space: nowrap; }

.rickshaw_graph .detail .x_label.left {
  left: 0; }

.rickshaw_graph .detail .x_label.right {
  right: 0; }

.rickshaw_graph .detail .item {
  position: absolute;
  z-index: 2;
  border-radius: 3px;
  padding: .25em;
  font-size: 12px;
  font-family: Arial,sans-serif;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin-left: 1em;
  margin-right: 1em;
  margin-top: -1em;
  white-space: nowrap; }

.rickshaw_graph .detail .item.left {
  left: 0; }

.rickshaw_graph .detail .item.right {
  right: 0; }

.rickshaw_graph .detail .item.active {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8); }

.rickshaw_graph .detail .item:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent; }

.rickshaw_graph .detail .item.left:after {
  top: 1em;
  left: -5px;
  margin-top: -5px;
  border-right-color: rgba(0, 0, 0, 0.8);
  border-left-width: 0; }

.rickshaw_graph .detail .item.right:after {
  top: 1em;
  right: -5px;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.8);
  border-right-width: 0; }

.rickshaw_graph .detail .dot {
  width: 4px;
  height: 4px;
  margin-left: -3px;
  margin-top: -3.5px;
  border-radius: 5px;
  position: absolute;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  background: #fff;
  border-width: 2px;
  border-style: solid;
  display: none;
  background-clip: padding-box; }

.rickshaw_graph .detail .dot.active {
  display: block; }

.rickshaw_graph {
  position: relative; }

.rickshaw_graph svg {
  display: block;
  overflow: hidden; }

.rickshaw_graph .x_tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px dotted rgba(0, 0, 0, 0.2);
  pointer-events: none; }

.rickshaw_graph .x_tick .title {
  position: absolute;
  font-size: 12px;
  font-family: Arial,sans-serif;
  opacity: .5;
  white-space: nowrap;
  margin-left: 3px;
  bottom: 1px; }

.rickshaw_annotation_timeline {
  height: 1px;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  position: relative; }

.rickshaw_annotation_timeline .annotation {
  position: absolute;
  height: 6px;
  width: 6px;
  margin-left: -2px;
  top: -3px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.25); }

.rickshaw_graph .annotation_line {
  position: absolute;
  top: 0;
  bottom: -6px;
  width: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
  display: none; }

.rickshaw_graph .annotation_line.active {
  display: block; }

.rickshaw_graph .annotation_range {
  background: rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 0;
  bottom: -6px; }

.rickshaw_graph .annotation_range.active {
  display: block; }

.rickshaw_graph .annotation_range.active.offscreen {
  display: none; }

.rickshaw_annotation_timeline .annotation .content {
  background: #fff;
  color: #000;
  opacity: .9;
  padding: 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  position: relative;
  z-index: 20;
  font-size: 12px;
  padding: 6px 8px 8px;
  top: 18px;
  left: -11px;
  width: 160px;
  display: none;
  cursor: pointer; }

.rickshaw_annotation_timeline .annotation .content:before {
  content: "\25b2";
  position: absolute;
  top: -11px;
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); }

.rickshaw_annotation_timeline .annotation.active, .rickshaw_annotation_timeline .annotation:hover {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: none; }

.rickshaw_annotation_timeline .annotation .content:hover {
  z-index: 50; }

.rickshaw_annotation_timeline .annotation.active .content {
  display: block; }

.rickshaw_annotation_timeline .annotation:hover .content {
  display: block;
  z-index: 50; }

.rickshaw_graph .y_axis, .rickshaw_graph .x_axis_d3 {
  fill: none; }

.rickshaw_graph .y_ticks .tick line, .rickshaw_graph .x_ticks_d3 .tick {
  stroke: rgba(0, 0, 0, 0.16);
  stroke-width: 2px;
  shape-rendering: crisp-edges;
  pointer-events: none; }

.rickshaw_graph .y_grid .tick, .rickshaw_graph .x_grid_d3 .tick {
  z-index: -1;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 1 1; }

.rickshaw_graph .y_grid .tick[data-y-value="0"] {
  stroke-dasharray: 1 0; }

.rickshaw_graph .y_grid path, .rickshaw_graph .x_grid_d3 path {
  fill: none;
  stroke: none; }

.rickshaw_graph .y_ticks path, .rickshaw_graph .x_ticks_d3 path {
  fill: none;
  stroke: gray; }

.rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text {
  opacity: .5;
  font-size: 12px;
  pointer-events: none; }

.rickshaw_graph .x_tick.glow .title, .rickshaw_graph .y_ticks.glow text {
  fill: #000;
  color: #000;
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(255, 255, 255, 0.1), 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1), -1px -1px 0 rgba(255, 255, 255, 0.1); }

.rickshaw_graph .x_tick.inverse .title, .rickshaw_graph .y_ticks.inverse text {
  fill: #fff;
  color: #fff;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8), 1px -1px 0 rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(0, 0, 0, 0.8), 1px 0 0 rgba(0, 0, 0, 0.8), -1px 0 0 rgba(0, 0, 0, 0.8), -1px -1px 0 rgba(0, 0, 0, 0.8); }

.rickshaw_legend {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  background: #404040;
  display: inline-block;
  padding: 12px 5px;
  border-radius: 2px;
  position: relative; }

.rickshaw_legend:hover {
  z-index: 10; }

.rickshaw_legend .swatch {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

.rickshaw_legend .line {
  clear: both;
  line-height: 140%;
  padding-right: 15px; }

.rickshaw_legend .line .swatch {
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px; }

.rickshaw_legend .label {
  margin: 0;
  white-space: nowrap;
  display: inline;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  text-shadow: none; }

.rickshaw_legend .action:hover {
  opacity: .6; }

.rickshaw_legend .action {
  margin-right: .2em;
  font-size: 10px;
  opacity: .2;
  cursor: pointer;
  font-size: 14px; }

.rickshaw_legend .line.disabled {
  opacity: .4; }

.close {
    float: inherit;
    opacity: 1;
}

.submit:hover{
    color:#000;
    text-decoration: none;
    opacity:.75;
}

.rickshaw_legend ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 2px;
  cursor: pointer; }

.rickshaw_legend li {
  padding: 0 0 0 2px;
  min-width: 80px;
  white-space: nowrap; }

.rickshaw_legend li:hover {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px; }

.rickshaw_legend li:active {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px; }

/* Global Variables */
/* Global Mixins */
/* Font Faces */
/* Raleway Webfont to fix numbers */
@font-face {
  font-family: 'Raleway';
  src: url("raleway-light-webfont.woff2") format("woff2"), url("raleway-light-webfont.woff") format("woff"), url("raleway-light-webfont.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: 'Raleway';
  src: url("raleway-regular-webfont.woff2") format("woff2"), url("raleway-regular-webfont.woff") format("woff"), url("raleway-regular-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'Raleway';
  src: url("raleway-medium-webfont.woff2") format("woff2"), url("raleway-medium-webfont.woff") format("woff"), url("raleway-medium-webfont.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: 'Raleway';
  src: url("raleway-bold-webfont.woff2") format("woff2"), url("raleway-bold-webfont.woff") format("woff"), url("raleway-bold-webfont.ttf") format("truetype");
  font-weight: 700; }
@font-face {
  font-family: 'Raleway';
  src: url("raleway-extrabold-webfont.woff2") format("woff2"), url("raleway-extrabold-webfont.woff") format("woff"), url("raleway-extrabold-webfont.ttf") format("truetype");
  font-weight: 900; }
/*Highlight Color */
::-moz-selection {
  color: #2875ba;
  background: #f8f8f8; }

::selection {
  color: #2875ba;
  background: #f8f8f8; }

/*General Style Info */
html {
  height: 100%;
  background: #F8F8F8;}

body {
  background: #f8f8f8;
  color: #585858;
  font-family: "Open Sans", arial, sans-serif;
  font-size: 90%;
  margin: 0;
  overflow-y: scroll;
  height: 100%; }

a {
  color: #f8f8f8;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  cursor: hand; }
  a:hover {
    color: #2875ba;
    text-decoration: none; }
  a img {
    border: none; }

h0, h1, h2, h3, h4 {
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-top: 0.5em; }

h0 {
  color: #36353d;
  font-size: 50px;
  margin: 1em 0 1em; }

h1 {
  color: #36353d;
  font-size: 30px;
  line-height: 30px;
  margin: 1em 0 1em;
  font-family: "Raleway", helvetica, arial, sans-serif; }

h2 {
  color: #585858;
  font-weight: bold;
  font-size: 20px;
  margin: 1em 0 1em;
  font-family: "Open Sans", helvetica, arial, sans-serif; }

h3 {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-size: 16px;
  margin: 0.2em 20px; }

ul, li {
  margin: 0 12px; }

p {
  color: #585858;
  font-size: 16px;
  font-family: "Open Sans" serif;
  font-weight: normal;
  line-height: 24px;
  margin: 0 0 1em; }

p.yellow, td.yellow {
  color: #fabf2e; }

p.green, td.green {
  color: #46ae53; }

p.blue, td.blue {
  color: #2875ba; }

p.red, td.red {
  color: #ec3052; }

p.center, td.center, div.billing tr td.center {
  text-align: center;
  padding-left: 0;
  padding-right: 0; }

.text-green {
  color: #46ae53; }

.faded {
  color: rgba(54, 53, 61, 0.5); }

/* Where I put stuff that I don't know where ti goes */
#backlink{
        color: white;
}

.group-buttons{
	float: right;
	margin: 14px 14px 0;
}

#dashboard-button{
  margin-bottom: 6px;
	background-color: #45ab52;
	color: white;
	font-weight: bold;
	padding: 6px 12px;
}

.container-fluid{
  margin-top: 30px;
}

/*Modal */
.modal-dialog {
    /*max-width: 750px;*/
}

.media {
        /*
        width: 700px;
        align-content: center;
        margin: auto;
        */
}

.media img {
    margin: auto;
}

.loader{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("loading.gif") no-repeat center center rgba(255,255,255)
}

.positionFilter {
    margin-bottom : 20px;
}

.positionFilter button{
    font-weight: bold;
}

a.link-button {
    text-decoration: none;
    color: white;
    padding-top: 6px;
    font-size: 18px;
    padding-right: 10px;
}

#manual-button {
    padding-top: 7px;
}

/*Layout */
#header {
  background: url(/img/pixels-bg.png) repeat-x #101010 top;
  box-sizing: content-box;}
  #header #wrapper {
    width: 96%;
    padding: 20px 3% 0px 1%;
    min-height: 67px; }
    #header #wrapper #logo {
      padding-bottom: 10px;
      float: left; }
    #header #wrapper .header-buttons {
      margin-top: 10px;
      padding: 5px;
      float: right; }
      #header #wrapper .header-buttons p {
        display: inline-block;
        line-height: 32px;
        height: 32px;
        vertical-align: middle;
        margin: 0 10px 0 0;
        color: #f8f8f8; }
      #header #wrapper .header-buttons img {
        height: 32px;
        vertical-align: middle; }
    #header #wrapper .header-buttons:hover {
      background-color: rgba(255, 255, 255, 0.3); }
    #header #wrapper #settings {
      margin-right: 10px; }
  #header #center-wrapper {
    width: 100%;
    padding-top: 20px;
    min-height: 67px; }
    #header #center-wrapper #logo {
      display: table;
      padding-bottom: 10px;
      margin: 0 auto; }

#container {
  text-align: left;
  background: #f8f8f8;}

#breadcrumbs {
  height: 40px;
  position: relative;
  background-color: rgba(54, 53, 61, 0.4); }
  #breadcrumbs p {
    margin: 10px 0 10px 20px;
    color: #dfdfdf;
    padding-top: 7px; }
  #breadcrumbs a {
    text-decoration: none;
    color: #dfdfdf;
    margin: 0 5px;
    text-shadow: none;
    font-size: 15px; }
    #breadcrumbs a:hover {
      color: #fabf2e; }
  #breadcrumbs #save-status {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 50px 0 0;
    height: 100%;
    color: #46ae53; }
    #breadcrumbs #save-status.saving {
      color: #fabf2e; }
  #breadcrumbs .system-status {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    #breadcrumbs .system-status p {
      display: inline-block;
      margin: 0;
      margin-left: 5px;
      color: #f8f8f8; }
      #breadcrumbs .system-status p:first-child {
        margin-left: 0; }
      #breadcrumbs .system-status p span.red {
        color: #ec3052;
        font-weight: bold; }
      #breadcrumbs .system-status p span.green {
        color: #46ae53;
        font-weight: bold; }
    #breadcrumbs .system-status .circle {
      display: inline-block;
      margin: -2px 0 0 20px;
      height: 10px;
      width: 10px;
      vertical-align: middle;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; }

#notifications {
  height: 35px;
  width: 100%;
  background-color: #dfdfdf; }
  #notifications img {
    height: 25px;
    margin: 5px 10px;
    opacity: 0.6;
    transition: 0.5s ease opacity; }
  #notifications a {
    vertical-align: top;
    line-height: 35px;
    color: #36353d;
    opacity: 0.6;
    transition: 0.5s ease opacity; }
  #notifications:hover a, #notifications:hover img {
    opacity: 1; }

#content {
  background: #f8f8f8;
  clear: both;
  color: #36353d;
  overflow: visible;
  margin: 0px auto; }

.map-canvas {
  width: 98%;
  height: 1025px; }

.map-shroud {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20; }

.clearfix:after, #container:after, .action-list:after, .action-list a:after, .user-signup:after, .user-signup .inputs .input-box .radio-wrapper:after, .user-signup .errors:after, .user-signup .errors .error:after, .verify-form .header-wrapper:after, .login .input-box .radio-wrapper:after, .pass-reset-box .input-box .radio-wrapper:after, .timeslot .timeslot-wrapper:after, .datetime-wrapper:after, .datetime-wrapper #date:after, .campaigndates:after, .campaigndates .campaigndate:after, .monthpicker:after, .als-container .als-wrapper:after, .settings-box:after, li .list-nub:after, .filters .filter-header:after, .filters .filter:after, .flat-detail-list:after, .daily-billing .daily-rate:after, #credit-box .add-balance-form:after, .profile-detail .ads:after, .sector-form:after, .media-gallery:after, #media-wrapper:after, #approve-wrapper:after, .media-view-and-controls:after, .media-tabs:after, .unittest-list li:after, .steps .center-wrapper:after, #contents:after {
  clear: both;
  content: "";
  display: block;
  height: 1%;
  line-height: 0;
  visibility: hidden; }

#footer {
  clear: both;
  padding: 6px 10px;
  text-align: right; }

#sign-in-footer > p {
  width: 400px;
  margin: 30px auto 0px auto;
  text-align: center; }

.tagline h1 {
  display: block;
  margin-left: 40px;
  color: black; }
.tagline h2 {
  margin-left: 20px;
  color: black; }

.height-fix {
  width: 100%;
  height: 100%; }

.action-list {
  display: inline-block;
  margin-top: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.25); }
  .action-list a {
    width: 100%;
    margin: 10px 0;
    display: block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    background-color: #ebebeb;
    position: relative; }
    .action-list p {
    /* Added in as fix for bootstrap box-szing issues */
    box-sizing: content-box;
    }
    .action-list a p:first-child {
      float: left;
      width: 50%;
      background-color: #36353d;
      color: #f8f8f8;
      line-height: 50px;
      font-weight: normal;
      margin: 0;
      text-align: center; }
    .action-list a p:last-child {
      float: left;
      width: 44%;
      font-size: 13px;
      font-weight: lighter;
      margin: 0;
      padding: 0 3%;
      text-align: left; }
  .action-list .actions .locked {
    position: relative;
    padding: 0;
    width: 100%; }
    .action-list .actions .locked a {
      margin: 0; }
    .action-list .actions .locked a:before {
      content: ' ';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 10;
      background: url(/img/lock-32.png);
      background-repeat: no-repeat;
      background-position-x: 50%;
      background-position-y: 50%;
      background-size: 25px;
      background-color: rgba(0, 0, 0, 0.6);
      top: 0;
      left: 0; }
    .action-list .actions .locked:hover p:first-child {
      background-color: #36353d !important; }
    .action-list .actions .locked:active p:first-child {
      background-color: #36353d !important; }
    .action-list .actions .locked .locked-info {
      transition: 0.2s linear all;
      background-color: #fabf2e;
      position: absolute;
      top: 0px;
      left: 50%;
      width: 100%;
      z-index: 15;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px;
      margin-top: -10px;
      border: 2px solid #efac06;
      opacity: 0;
      pointer-events: none;
      padding: 10px 20px;
      -webkit-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -o-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      box-sizing: border-box; }
      .action-list .actions .locked .locked-info:before {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
        margin-left: -8px;
        top: 100%;
        border: 11px solid;
        border-color: #efac06 transparent transparent transparent;
        z-index: 20; }
      .action-list .actions .locked .locked-info:after {
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
        margin-left: -5px;
        top: 100%;
        border: 8px solid;
        border-color: #fabf2e transparent transparent transparent;
        z-index: 20; }
    .action-list .actions .locked:hover .locked-info {
      margin-top: -15px;
      opacity: 1; }
  .action-list .actions.red a:hover p:first-child {
    background-color: #ec3052; }
  .action-list .actions.red a:active p:first-child {
    background-color: #ea193e; }
  .action-list .actions.blue a:hover p:first-child {
    background-color: #2875ba; }
  .action-list .actions.blue a:active p:first-child {
    background-color: #2368a5; }
  .action-list > div {
    float: left;
    /* width: 475px; */
    padding: 10px;
    box-sizing: border-box; }
  .action-list h1 {
    margin: 15px 0; }

.float-container {
  overflow: hidden;
  padding-left: 20px; }
  .float-container > div {
    float: left;
    width: 410px; }

.hover-popup {
  display: none;
  position: absolute;
  z-index: 20;
  padding: 10px;
  border: 4px solid #fabf2e;
  background-color: #ebebeb;
  font-weight: bold; }

.error-popup {
  background: repeating-linear-gradient(135deg, #f8f8f8, #f8f8f8 10px, #f0f0f0 10px, #f0f0f0 20px);
  max-width: 480px;
  padding: 20px 20px 10px 20px;
  border: 4px solid #da5530;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
  -ms-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
  -o-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
  position: absolute;
  z-index: 20; }
  .error-popup:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 17px;
    top: 100%;
    border: 9px solid;
    border-color: #da5530 transparent transparent #da5530; }
  .error-popup:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 20px;
    top: 100%;
    border: 5px solid;
    border-color: #f8f8f8 transparent transparent #f8f8f8; }
  .error-popup p {
    font-size: 15px;
    color: #36353d; }

.help-hover {
  padding: 15px 0 15px 20px; }
  .help-hover p {
    margin: 0; }

/* Dark Screen */
.darkClass {
  background-color: #f8f8f8;
  filter: alpha(opacity=40);
  /* IE */
  opacity: 0.6;
  /* Safari, Opera */
  -moz-opacity: 0.4;
  /* FireFox */
  z-index: 30;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  top: 0px;
  left: 0px; }

.media-info #media-reupload, .media-info #media-delete, input[type=submit] {
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  padding: 4px 8px;
  color: #36353d;
  background: #ebebeb;
  border: 1px solid rgba(16, 16, 16, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  min-width: 0;
  height: 32px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .media-info #media-reupload:focus, .media-info #media-delete:focus, input[type=submit]:focus {
    outline: 0; }
  .media-info #media-reupload:active, .media-info #media-delete:active, input[type=submit]:active {
    background: #ebebeb;
    background-image: -webkit-linear-gradient(top, #ebebeb, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ebebeb, #f0f0f0);
    background-image: -ms-linear-gradient(top, #ebebeb, #f0f0f0);
    background-image: -o-linear-gradient(top, #ebebeb, #f0f0f0);
    background-image: linear-gradient(top, #ebebeb, #f0f0f0);
    border-color: rgba(16, 16, 16, 0.5);
    text-decoration: none; }

/*Sign up form / Front Page */
.user-signup {
  width: 1000px;
  margin: 0 auto;
  transition: all 1s ease;
  text-align: center;
  position: relative;
  overflow: hidden; }
  .user-signup h1 {
    text-align: center;
    padding: 0;
    font: 25px "Oswald";
    color: #f8f8f8;
    text-transform: uppercase;
    margin: 0px;
    clear: both; }
  .user-signup p {
    font: 13px "Open Sans";
    color: #ebebeb;
    margin: 0 auto 20px auto;
    text-align: center;
    width: 400px; }
  .user-signup > p {
    clear: both;
    width: 350px; }
  .user-signup .inputs {
    width: 400px;
    display: inline-block; }
    .user-signup .inputs .input-box {
      box-sizing: content-box;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      border: 1px solid rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
      -ms-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
      -o-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
      box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
      padding: 0;
      margin: 0 auto 20px auto;
      width: 350px;
      overflow: hidden;
      position: relative;
      text-align: left; }
      .user-signup .inputs .input-box input, .user-signup .inputs .input-box select, .user-signup .inputs .input-box ul {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0;
        padding: 10px;
        font-size: 10pt;
        width: 350px;
        background: rgba(0, 0, 0, 0.2);
        outline: none;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        color: #a8ccec;
        list-style: none; }
        .user-signup .inputs .input-box input::-webkit-input-placeholder, .user-signup .inputs .input-box select::-webkit-input-placeholder, .user-signup .inputs .input-box ul::-webkit-input-placeholder {
          color: rgba(235, 235, 235, 0.9); }
        .user-signup .inputs .input-box input:-moz-placeholder, .user-signup .inputs .input-box select:-moz-placeholder, .user-signup .inputs .input-box ul:-moz-placeholder {
          color: rgba(235, 235, 235, 0.9); }
        .user-signup .inputs .input-box input::-moz-placeholder, .user-signup .inputs .input-box select::-moz-placeholder, .user-signup .inputs .input-box ul::-moz-placeholder {
          color: rgba(235, 235, 235, 0.9); }
        .user-signup .inputs .input-box input:-ms-input-placeholder, .user-signup .inputs .input-box select:-ms-input-placeholder, .user-signup .inputs .input-box ul:-ms-input-placeholder {
          color: rgba(235, 235, 235, 0.9); }
        .user-signup .inputs .input-box input:focus, .user-signup .inputs .input-box select:focus, .user-signup .inputs .input-box ul:focus {
          background: rgba(0, 0, 0, 0.1); }
      .user-signup .inputs .input-box ul {
        padding: 0;
        border-bottom: none; }
        .user-signup .inputs .input-box ul li {
          padding: 10px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.5);
          margin: 0;
          position: relative;
          color: rgba(255, 255, 255, 0.4); }
        .user-signup .inputs .input-box ul li.error {
          color: #fabf2e;
          -webkit-transition: color 0.4s ease-in-out;
          -moz-transition: color 0.4s ease-in-out;
          -ms-transition: color 0.4s ease-in-out;
          -o-transition: color 0.4s ease-in-out;
          transition: color 0.4s ease-in-out; }
        .user-signup .inputs .input-box ul li.loc {
          color: #a8ccec; }
        .user-signup .inputs .input-box ul x {
          position: absolute;
          -webkit-transform: translateY(-55%);
          -moz-transform: translateY(-55%);
          -ms-transform: translateY(-55%);
          -o-transform: translateY(-55%);
          transform: translateY(-55%);
          top: 50%;
          right: 15px;
          cursor: pointer;
          font-weight: bold;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          -o-user-select: none;
          user-select: none; }
      .user-signup .inputs .input-box input#form-postal {
        text-transform: uppercase; }
        .user-signup .inputs .input-box input#form-postal::-webkit-input-placeholder {
          text-transform: none; }
        .user-signup .inputs .input-box input#form-postal:-moz-placeholder {
          text-transform: none; }
        .user-signup .inputs .input-box input#form-postal::-moz-placeholder {
          text-transform: none; }
        .user-signup .inputs .input-box input#form-postal:-ms-input-placeholder {
          text-transform: none; }
      .user-signup .inputs .input-box #form-address, .user-signup .inputs .input-box #form-name {
        text-transform: capitalize; }
      .user-signup .inputs .input-box select {
        -webkit-padding-start: 6px; }
        .user-signup .inputs .input-box select::selection {
          background: #36353d; }
        .user-signup .inputs .input-box select.placeholder {
          color: rgba(235, 235, 235, 0.9); }
        .user-signup .inputs .input-box select option {
          background-color: #42414b;
          color: #a8ccec; }
        .user-signup .inputs .input-box select option.placeholder {
          color: rgba(235, 235, 235, 0.9); }
      .user-signup .inputs .input-box .radio-wrapper {
        background: rgba(0, 0, 0, 0.2);
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
        .user-signup .inputs .input-box .radio-wrapper input {
          float: left;
          width: auto;
          clear: none;
          margin: 13px; }
        .user-signup .inputs .input-box .radio-wrapper p {
          float: left;
          width: auto;
          line-height: 37px;
          margin: 0 10px;
          font-size: 10pt; }
  .user-signup .errors {
    display: inline-block;
    width: 0px;
    opacity: 0;
    transition: all 1s ease;
    vertical-align: top; }
    .user-signup .errors .error {
      position: absolute; }
      .user-signup .errors .error img {
        height: 22px;
        margin: 5px 0 0 0;
        position: absolute;
        left: 0; }
      .user-signup .errors .error p {
        color: #fabf2e;
        margin: 0 0 0 30px;
        line-height: 30px;
        text-align: left; }
  .user-signup.hide {
    height: 0; }
  .user-signup.error .errors {
    width: 250px;
    opacity: 1; }

.suggestion {
  box-sizing: content-box;
  position: absolute;
  padding: 10px;
  left: 0;
  font-size: 10pt;
  pointer-events: none;
  font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; }
  .suggestion .typed {
    text-transform: capitalize;
    color: transparent; }
  .suggestion .suggest {
    color: rgba(235, 235, 235, 0.7);
    margin-left: 1px; }

.ui-autocomplete {
  width: 350px;
  list-style: none;
  overflow: hidden;
  border: none;
  background: #f8f8f8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .ui-autocomplete .ui-menu-item {
    margin: 0; }
    .ui-autocomplete .ui-menu-item a {
      color: #36353d;
      border-radius: 0;
      padding: 0.4em;
      display: block; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #2875ba;
  border: none;
  color: #f8f8f8 !important;
  border-radius: 0; }

.signin-buttons {
  display: block;
  text-align: center;
  margin-bottom: 10px; }
  .signin-buttons img {
    width: 190px; }
  .signin-buttons:active img {
    opacity: 0.7; }

input[type=submit].login-button {
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  text-shadow: none;
  margin: 20px auto;
  padding: 4px 12px;
  font-size: 14px;
  display: inline-block;
  outline: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #f8f8f8;
  text-shadow: 0px 1px 1px black;
  background: #2875ba;
  background-image: -webkit-linear-gradient(top, #2875ba, #1f5b90);
  background-image: -moz-linear-gradient(top, #2875ba, #1f5b90);
  background-image: -ms-linear-gradient(top, #2875ba, #1f5b90);
  background-image: -o-linear-gradient(top, #2875ba, #1f5b90);
  background-image: linear-gradient(top, #2875ba, #1f5b90); }
  input[type=submit].login-button:active {
    background-image: none;
    background-color: #2875ba;
    outline: none; }

#recaptcha_widget_div {
  display: none; }

#recaptcha_widget {
  width: 350px;
  height: 142px;
  margin: 0 auto 20px auto;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  position: relative; }
  #recaptcha_widget:before {
    -webkit-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.4), 0 1px 1px -1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.4), 0 1px 1px -1px rgba(255, 255, 255, 0.4);
    -ms-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.4), 0 1px 1px -1px rgba(255, 255, 255, 0.4);
    -o-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.4), 0 1px 1px -1px rgba(255, 255, 255, 0.4);
    box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.4), 0 1px 1px -1px rgba(255, 255, 255, 0.4);
    position: absolute;
    width: 350px;
    height: 143px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    content: ""; }
  #recaptcha_widget #recaptcha_image {
    height: 67px !important;
    width: 350px !important; }
    #recaptcha_widget #recaptcha_image img {
      height: 67px;
      width: 350px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  #recaptcha_widget .recaptcha_controls {
    position: absolute;
    width: 350px; }
  #recaptcha_widget input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 10px;
    font-size: 10pt;
    width: 350px;
    background: rgba(0, 0, 0, 0.2);
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    color: #b4e2f1; }
    #recaptcha_widget input::-webkit-input-placeholder {
      color: #cfcfcf; }
    #recaptcha_widget input:-moz-placeholder {
      color: #cfcfcf; }
    #recaptcha_widget input::-moz-placeholder {
      color: #cfcfcf; }
    #recaptcha_widget input:-ms-input-placeholder {
      color: #cfcfcf; }
    #recaptcha_widget input:focus {
      background: rgba(0, 0, 0, 0.1); }
  #recaptcha_widget .buttons {
    float: left;
    width: 155px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
    #recaptcha_widget .buttons:hover {
      background: rgba(0, 0, 0, 0.1); }
    #recaptcha_widget .buttons a {
      font-size: 12px;
      font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; }

.successful-signup {
  width: 430px;
  margin: 0 auto; }
  .successful-signup h1 {
    color: #f8f8f8;
    text-align: center;
    text-shadow: 0px 1px 1px #0070ff; }
  .successful-signup p {
    color: #eeeeee;
    text-align: center; }

.front-page-bg {
  background: #101010;
  background-image: -webkit-linear-gradient(top, #101010, #202c2e);
  background-image: -moz-linear-gradient(top, #101010, #202c2e);
  background-image: -ms-linear-gradient(top, #101010, #202c2e);
  background-image: -o-linear-gradient(top, #101010, #202c2e);
  background-image: linear-gradient(top, #101010, #202c2e);
  min-height: 560px; }
  .front-page-bg .front-page-wrapper h1, .front-page-bg .front-page-wrapper a {
    color: #f8f8f8; }

.front-page-wrapper {
  padding-bottom: 100px; }
  .front-page-wrapper h1 {
    font-size: 20px;
    text-align: center;
    padding: 0.5em 0;
    margin: 0;
    color: #36353d; }
  .front-page-wrapper a {
    font-weight: normal;
    color: #36353d; }
  .front-page-wrapper a:hover {
    color: #2875ba; }

/* Specific styles for user signup page */
.page-users-signup #header #center-wrapper #logo {
  display: none; }
.page-users-signup #header {
  padding-bottom: 2em; }
.page-users-signup .franchise-name {
  font-family: 'Montserrat';
  font-weight: bold;
  font-size: 44pt;
  text-transform: capitalize;
  position: absolute;
  top: 0.8em;
  left: 0.5em;
  margin: 0;
  color: #f8f8f8;
  text-shadow: 0px 2px 0px #ec3052; }
.page-users-signup .user-signup {
  width: 450px;
  margin: 0; }
  .page-users-signup .user-signup.error {
    width: 680px; }
.page-users-signup .front-page-wrapper {
  position: absolute;
  z-index: 20; }
.page-users-signup .franchise-map-wrapper {
  width: 100%;
  padding-left: 450px;
  box-sizing: border-box;
  position: absolute;
  transition: padding 1s ease; }
  .page-users-signup .franchise-map-wrapper h1 {
    color: #f8f8f8;
    text-align: center;
    margin: 0.5em 0;
    font: 20px "Oswald";
    text-transform: uppercase; }
  .page-users-signup .franchise-map-wrapper.shrink {
    padding-left: 680px; }
.page-users-signup .franchise-map {
  height: 700px;
  width: 100%;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
  background: rgba(248, 248, 248, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.9);
  border-right: 0;
  box-sizing: border-box; }

/*Verified Email Page */
.verify-form {
  background-color: #36353d;
  width: 500px;
  margin: 40px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  .verify-form .header-wrapper {
    text-align: center;
    margin-top: 20px; }
  .verify-form img#check {
    height: 48px; }
  .verify-form h1 {
    color: #46ae53;
    width: 300px;
    margin: 0 0 0 20px;
    display: inline;
    line-height: 50px;
    vertical-align: top; }
  .verify-form > p {
    color: #f8f8f8;
    width: 500px;
    margin: 0;
    padding: 20px;
    text-shadow: 0px 2px 2px #101010;
    box-sizing: border-box;
    text-align: center; }

/*Custom Login Form */
.login {
  background-color: #36353d;
  width: 400px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  .login .input-box {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    padding: 0;
    margin: 0 auto 20px auto;
    width: 350px;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 20px auto; }
    .login .input-box input, .login .input-box select, .login .input-box ul {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin: 0;
      padding: 10px;
      font-size: 10pt;
      width: 350px;
      background: rgba(0, 0, 0, 0.2);
      outline: none;
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5);
      color: #b0fac4;
      list-style: none; }
      .login .input-box input::-webkit-input-placeholder, .login .input-box select::-webkit-input-placeholder, .login .input-box ul::-webkit-input-placeholder {
        color: #cfcfcf; }
      .login .input-box input:-moz-placeholder, .login .input-box select:-moz-placeholder, .login .input-box ul:-moz-placeholder {
        color: #cfcfcf; }
      .login .input-box input::-moz-placeholder, .login .input-box select::-moz-placeholder, .login .input-box ul::-moz-placeholder {
        color: #cfcfcf; }
      .login .input-box input:-ms-input-placeholder, .login .input-box select:-ms-input-placeholder, .login .input-box ul:-ms-input-placeholder {
        color: #cfcfcf; }
      .login .input-box input:focus, .login .input-box select:focus, .login .input-box ul:focus {
        background: rgba(0, 0, 0, 0.1); }
    .login .input-box ul {
      padding: 0;
      border-bottom: none; }
      .login .input-box ul li {
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        margin: 0;
        position: relative;
        color: rgba(255, 255, 255, 0.4); }
      .login .input-box ul li.error {
        color: #fabf2e;
        -webkit-transition: color 0.4s ease-in-out;
        -moz-transition: color 0.4s ease-in-out;
        -ms-transition: color 0.4s ease-in-out;
        -o-transition: color 0.4s ease-in-out;
        transition: color 0.4s ease-in-out; }
      .login .input-box ul li.loc {
        color: #b0fac4; }
      .login .input-box ul x {
        position: absolute;
        -webkit-transform: translateY(-55%);
        -moz-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        -o-transform: translateY(-55%);
        transform: translateY(-55%);
        top: 50%;
        right: 15px;
        cursor: pointer;
        font-weight: bold;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
    .login .input-box input#form-postal {
      text-transform: uppercase; }
      .login .input-box input#form-postal::-webkit-input-placeholder {
        text-transform: none; }
      .login .input-box input#form-postal:-moz-placeholder {
        text-transform: none; }
      .login .input-box input#form-postal::-moz-placeholder {
        text-transform: none; }
      .login .input-box input#form-postal:-ms-input-placeholder {
        text-transform: none; }
    .login .input-box #form-address, .login .input-box #form-name {
      text-transform: capitalize; }
    .login .input-box select {
      -webkit-padding-start: 6px; }
      .login .input-box select::selection {
        background: #36353d; }
      .login .input-box select.placeholder {
        color: #cfcfcf; }
      .login .input-box select option {
        background-color: #42414b;
        color: #b0fac4; }
      .login .input-box select option.placeholder {
        color: #cfcfcf; }
    .login .input-box .radio-wrapper {
      background: rgba(0, 0, 0, 0.2);
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
      .login .input-box .radio-wrapper input {
        float: left;
        width: auto;
        clear: none;
        margin: 13px; }
      .login .input-box .radio-wrapper p {
        float: left;
        width: auto;
        line-height: 37px;
        margin: 0 10px;
        font-size: 10pt; }
  .login a {
    display: block;
    margin: 15px;
    text-align: center; }

p.login-error, p.success {
  text-align: center;
  color: #ec3052;
  text-shadow: 0px 1px 4px black;
  cursor: pointer;
  cursor: hand; }

p.success {
  color: #46ae53; }

.pass-reset-box {
  background-color: #36353d;
  width: 400px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 0;
  display: none; }
  .pass-reset-box .input-box {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 4px 6px 10px -4px rgba(0, 0, 0, 0.3), 0 1px 1px -1px rgba(255, 255, 255, 0.3);
    padding: 0;
    margin: 0 auto 20px auto;
    width: 350px;
    overflow: hidden;
    position: relative;
    text-align: left; }
    .pass-reset-box .input-box input, .pass-reset-box .input-box select, .pass-reset-box .input-box ul {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin: 0;
      padding: 10px;
      font-size: 10pt;
      width: 350px;
      background: rgba(0, 0, 0, 0.2);
      outline: none;
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5);
      color: #b0fac4;
      list-style: none; }
      .pass-reset-box .input-box input::-webkit-input-placeholder, .pass-reset-box .input-box select::-webkit-input-placeholder, .pass-reset-box .input-box ul::-webkit-input-placeholder {
        color: #cfcfcf; }
      .pass-reset-box .input-box input:-moz-placeholder, .pass-reset-box .input-box select:-moz-placeholder, .pass-reset-box .input-box ul:-moz-placeholder {
        color: #cfcfcf; }
      .pass-reset-box .input-box input::-moz-placeholder, .pass-reset-box .input-box select::-moz-placeholder, .pass-reset-box .input-box ul::-moz-placeholder {
        color: #cfcfcf; }
      .pass-reset-box .input-box input:-ms-input-placeholder, .pass-reset-box .input-box select:-ms-input-placeholder, .pass-reset-box .input-box ul:-ms-input-placeholder {
        color: #cfcfcf; }
      .pass-reset-box .input-box input:focus, .pass-reset-box .input-box select:focus, .pass-reset-box .input-box ul:focus {
        background: rgba(0, 0, 0, 0.1); }
    .pass-reset-box .input-box ul {
      padding: 0;
      border-bottom: none; }
      .pass-reset-box .input-box ul li {
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        margin: 0;
        position: relative;
        color: rgba(255, 255, 255, 0.4); }
      .pass-reset-box .input-box ul li.error {
        color: #fabf2e;
        -webkit-transition: color 0.4s ease-in-out;
        -moz-transition: color 0.4s ease-in-out;
        -ms-transition: color 0.4s ease-in-out;
        -o-transition: color 0.4s ease-in-out;
        transition: color 0.4s ease-in-out; }
      .pass-reset-box .input-box ul li.loc {
        color: #b0fac4; }
      .pass-reset-box .input-box ul x {
        position: absolute;
        -webkit-transform: translateY(-55%);
        -moz-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        -o-transform: translateY(-55%);
        transform: translateY(-55%);
        top: 50%;
        right: 15px;
        cursor: pointer;
        font-weight: bold;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
    .pass-reset-box .input-box input#form-postal {
      text-transform: uppercase; }
      .pass-reset-box .input-box input#form-postal::-webkit-input-placeholder {
        text-transform: none; }
      .pass-reset-box .input-box input#form-postal:-moz-placeholder {
        text-transform: none; }
      .pass-reset-box .input-box input#form-postal::-moz-placeholder {
        text-transform: none; }
      .pass-reset-box .input-box input#form-postal:-ms-input-placeholder {
        text-transform: none; }
    .pass-reset-box .input-box #form-address, .pass-reset-box .input-box #form-name {
      text-transform: capitalize; }
    .pass-reset-box .input-box select {
      -webkit-padding-start: 6px; }
      .pass-reset-box .input-box select::selection {
        background: #36353d; }
      .pass-reset-box .input-box select.placeholder {
        color: #cfcfcf; }
      .pass-reset-box .input-box select option {
        background-color: #42414b;
        color: #b0fac4; }
      .pass-reset-box .input-box select option.placeholder {
        color: #cfcfcf; }
    .pass-reset-box .input-box .radio-wrapper {
      background: rgba(0, 0, 0, 0.2);
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
      .pass-reset-box .input-box .radio-wrapper input {
        float: left;
        width: auto;
        clear: none;
        margin: 13px; }
      .pass-reset-box .input-box .radio-wrapper p {
        float: left;
        width: auto;
        line-height: 37px;
        margin: 0 10px;
        font-size: 10pt; }
  .pass-reset-box h1 {
    text-align: center;
    color: #eeeeee; }
  .pass-reset-box p.msg {
    color: #cfcfcf;
    text-shadow: 0px 1px 6px black;
    font-size: 15px;
    text-align: center;
    width: 300px;
    margin: 0 auto 1em auto; }

.success-message {
  text-align: center;
  margin-bottom: 10px;
  display: none; }
  .success-message p {
    color: #46ae53;
    text-shadow: none;
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: 0 10px;
    line-height: 30px;
    font-size: 20px; }
  .success-message img {
    height: 30px;
    display: inline-block; }

/*Dashboard page */
.large-icon-button {
  margin: 0;
  float: left; }

.colored-section {
  padding: 3em 0 1em 0;
  margin: 7em 0 0 0; }
  .colored-section .lined-header:before, .colored-section .lined-header:after {
    content: " ";
    width: 15%;
    height: 1px;
    background-color: #f8f8f8;
    vertical-align: middle;
    display: inline-block; }
  .colored-section .lined-header h1 {
    color: #f8f8f8; }
  .colored-section .large-button .main, .colored-section .large-button p {
    color: #f8f8f8; }

.colored-section.green {
  background-color: #46ae53; }
  .colored-section.green .lined-header h1 {
    background-color: #46ae53; }

.colored-section.red {
  background-color: #ec3052; }
  .colored-section.red .lined-header h1 {
    background-color: #ec3052; }

.colored-section.dark-green {
  background-color: #378a42; }
  .colored-section.dark-green .lined-header h1 {
    background-color: #378a42; }

.lined-header {
  margin: 0em auto 1em auto;
  width: 100%;
  position: relative;
  text-align: center; }
  .lined-header h1 {
    background-color: #f8f8f8;
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px;
    margin: 0; }

.large-buttons {
  margin: 0 auto;
  margin-bottom: 1em;
  text-align: center; }

.large-button {
  height: 200px;
  width: 370px;
  display: inline-block;
  text-align: center; }
  .large-button .main {
    font-size: 40px;
    font-weight: normal;
    color: black;
    line-height: 60px;
    margin: 1em 0 0.5em; }
  .large-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    cursor: hand; }

/* Popups */
.submitPopup {
  width: 40%;
  margin: 0px auto;
  z-index: 35;
  background-color: rgba(42, 42, 42, 0.9);
  overflow: hidden;
  color: #fafafa;
  position: fixed;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .submitPopup p {
    color: #fafafa;
    width: 100%;
    text-align: right;
    margin: 0;
    font-size: 11pt; }
  .submitPopup h1 {
    color: #f8f8f8;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
    height: 60px;
    line-height: 60px;
    font-size: 18pt;
    background-color: #222; }
  .submitPopup .float-container div {
    width: 300px;
    margin: 4px 8px; }
  .submitPopup .scroll-wrapper {
    max-height: 450px;
    width: 95%;
    overflow-y: scroll; }
    .submitPopup .scroll-wrapper::-webkit-scrollbar-track {
      -webkit-border-radius: 8px;
      background-color: #444444; }
    .submitPopup .scroll-wrapper::-webkit-scrollbar {
      width: 8px;
      background-color: #222222; }
    .submitPopup .scroll-wrapper::-webkit-scrollbar-thumb {
      -webkit-border-radius: 8px;
      background-color: #777777; }
  .submitPopup div.radio-wrapper {
    font-size: 25px; }
    .submitPopup div.radio-wrapper p {
      text-align: left;
      margin-top: 4px; }
  .submitPopup input {
    text-decoration: none;
    font-size: 12pt;
    background-color: #f8f8f8;
    padding: 1%;
    box-sizing: content-box;
    vertical-align: middle; }
    .submitPopup input[type="submit"] {
        padding: 0px 1%;
        box-sizing: content-box;
      margin: 20px 20px 20px 0;
      display: inline-block; }
    .submitPopup input[type="submit"]:last-child {
      float: inherit;
      /*opacity: 100; */
      margin-right: 0; }
    .submitPopup input[type=radio] {
      height: 14px;
      width: 48px; }
    .submitPopup input[type=text] {
      border: none; }
    .submitPopup input[readonly] {
      background-color: #CACACA; }
    .submitPopup input.confirm {
      margin: 20px;
      display: inline; }
    .submitPopup input:focus {
      outline: 0; }
  .submitPopup select {
    clear: both;
    font-size: 12pt;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 1%;
    vertical-align: middle;
    background-color: #f8f8f8; }
  .submitPopup p.close, .submitPopup img.close {
    position: absolute;
    z-index: 30;
    display: block;
    top: 20px;
    height: 30px;
    width: 30px;
    right: 20px; }
  .submitPopup img.close {
    top: 15px; }
  .submitPopup .message {
    width: 100%; }
    .submitPopup .message p {
      margin: 10px auto;
      color: #fafafa;
      width: auto;
      display: table; }
  .submitPopup .progress-bar {
    width: 90%;
    height: 25px; }
  .submitPopup table {
    padding: 0 20px 20px;
    margin: 0; }
    .submitPopup table tr {
      height: 32px; }
    .submitPopup table tr:first-child {
      background: none; }
    .submitPopup table th {
      color: #f8f8f8;
      margin: 0;
      padding: 0;
      border: 0;
      text-align: center;
      height: 30px;
      vertical-align: top; }
    .submitPopup table th:first-child {
      text-align: left; }
    .submitPopup table .blank + th {
      vertical-align: middle; }
    .submitPopup table tr:nth-child(even), .submitPopup table tr:nth-child(odd) {
      background: none; }
    .submitPopup table td {
      text-align: center;
      font-weight: bold;
      border-bottom: 1px solid rgba(54, 53, 61, 0.6); }
    .submitPopup table tr td.blank, .submitPopup table tr td.blank:first-child {
      background: none;
      border: 0; }
    .submitPopup table tr td:first-child {
      background: #f8f8f8;
      text-align: left;
      font-weight: normal;
      border: 0;
      border-bottom: 1px solid rgba(54, 53, 61, 0.6); }
    .submitPopup table td:nth-child(2) {
      background: rgba(248, 248, 248, 0.8); }
    .submitPopup table td:nth-child(3) {
      background: rgba(248, 248, 248, 0.7); }
    .submitPopup table td:nth-child(4) {
      background: rgba(248, 248, 248, 0.6); }

.submitPopup.dashboard-nag {
  text-align: center; }
  .submitPopup.dashboard-nag p {
    text-align: left;
    margin: 0 30px 30px 30px;
    width: auto; }
  .submitPopup.dashboard-nag .stripe-link {
    display: inline-block;
    text-align: center;
    margin-bottom: 20px; }
    .submitPopup.dashboard-nag .stripe-link img {
      width: 190px;
      vertical-align: top; }
    .submitPopup.dashboard-nag .stripe-link input {
      margin: 0; }
  .submitPopup.dashboard-nag input[type=submit].no {
    margin: 0 30px;
    display: inline;
    vertical-align: top; }

.submitPopup.textInputPopup {
  text-align: center; }
  .submitPopup.textInputPopup input[type=text], .submitPopup.textInputPopup select {
    margin-left: 20px; }
  .submitPopup.textInputPopup input[type=submit] {
    display: inline-block;
    width: 85px;
    margin-right: 20px; }
    .submitPopup.textInputPopup input[type=submit]:last-child {
      margin-right: 0px; }
  .submitPopup.textInputPopup p {
    display: inline-block;
    width: 240px;
    margin-top: 15px; }
    .submitPopup.textInputPopup p:first-of-type {
      margin: 0; }

.submitPopup.add-device-popup {
  display: none; }
  .submitPopup.add-device-popup > p {
    margin: 0 3em;
    text-align: left; }
  .submitPopup.add-device-popup h2 {
    color: #f8f8f8;
    margin: 0.5em 1em; }
  .submitPopup.add-device-popup input[type=text] {
    margin: 0.5em auto;
    display: block;
    font-size: 300%;
    text-transform: uppercase;
    text-align: center; }

div.submitPopup-white {
  background-color: #f8f8f8; }
  div.submitPopup-white p, div.submitPopup-white h1 {
    color: #36353d; }

.submitForm {
  text-align: center; }
  .submitForm p.tag {
    display: inline-block;
    width: 150px; }
  .submitForm input {
    margin: 0 0 10px 20px;
    width: 200px; }

.message-tab {
  width: 100%;
  background-color: #2875ba;
  padding: 0;
  margin: 0;
  max-height: 0;
  transition: 2s ease max-height; }
  .message-tab p {
    color: #f8f8f8;
    text-shadow: 0px 1px 0px #36353d;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    width: 100%;
    padding: 20px 30px 25px;
    margin: 0;
    box-sizing: border-box; }
  .message-tab.show {
    max-height: 1000px; }
  .message-tab.error {
    background-color: #ec3052; }

/*Step by step highlight */
.step-highlight {
  overflow: hidden;
  padding-left: 20px; }
  .step-highlight p.label {
    background-color: #f8f8f8; }
  .step-highlight:hover {
    background-color: #fef4dc; }
    .step-highlight:hover p.label {
      background-color: #fef4dc; }

/*Loading Banners and GIFs */
.loading-banner {
  width: 100%;
  height: 45px;
  text-align: center;
  background-color: #eeeeee;
  padding-top: 5px; }
  .loading-banner p {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    vertical-align: top;
    margin: 0px 20px;
    font-size: 21px; }
  .loading-banner img {
    display: inline;
    height: 40px; }

.spinner-wrapper {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  display: inline-block; }
  .spinner-wrapper div {
    position: relative;
    top: 50%; }

/*Animated striped progress bar */
.progress-bar {
  background-color: #1a1a1a;
  height: 12px;
  padding: 3px;
  margin: 10px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px black inset 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 5px black inset 0 1px 0 #444444;
  -ms-box-shadow: 0 1px 5px black inset 0 1px 0 #444444;
  -o-box-shadow: 0 1px 5px black inset 0 1px 0 #444444;
  box-shadow: 0 1px 5px black inset 0 1px 0 #444444; }
  .progress-bar p {
    position: absolute;
    z-index: 10;
    line-height: 30px;
    margin-left: -25px;
    text-align: center;
    color: #494949; }
  .progress-bar span {
    background-color: #2875ba;
    display: block;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -ms-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; }

.stripes span {
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-animation: animate-stripes 3s linear infinite;
  -moz-animation: animate-stripes 3s linear infinite; }

@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 60px 0; } }
@-moz-keyframes animate-stripes {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 60px 0; } }
/*Time of Day Range Picker */
.timeslot {
  background-color: #f0f0f0;
  height: 25px;
  padding: 6px 0px 6px 0px;
  width: 90%;
  margin: 0 0 0 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px #cccccc inset, 0 1px 0 #f8f8f8;
  -moz-box-shadow: 0 1px 5px #cccccc inset, 0 1px 0 #f8f8f8;
  -ms-box-shadow: 0 1px 5px #cccccc inset, 0 1px 0 #f8f8f8;
  -o-box-shadow: 0 1px 5px #cccccc inset, 0 1px 0 #f8f8f8;
  box-shadow: 0 1px 5px #cccccc inset, 0 1px 0 #f8f8f8;
  position: relative;
  box-sizing: content-box;}
  .timeslot .timeslot-wrapper {
    width: 100%;
    height: 25px;
    margin: 0 0.6%; }
  .timeslot .ruler {
    margin-top: 2px;
    width: 4%;
    height: 20px;
    float: left;
    border-right: 1px solid #cacaca;
    position: absolute; }
  .timeslot .bar {
    width: 98.8%;
    height: 25px;
    position: absolute;
    z-index: 1;
    background-color: #fabf2e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1); }

.datetime-wrapper > div {
  float: left; }
.datetime-wrapper #date {
  padding: 20px 0 0 0;
  width: 100%;
  text-align: center; }
  .datetime-wrapper #date input {
    font-size: 17px;
    display: inline-block;
    clear: none;
    margin: 10px 20px; }
  .datetime-wrapper #date p {
    display: inline-block; }
.datetime-wrapper .error {
  width: 60%;
  text-align: center;
  color: #ec3052;
  font-size: 13pt;
  margin: 10px 0 0 0; }

.ruler {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 95%;
  height: 25px;
  margin: 5px 0 0 0;
  position: relative; }
  .ruler div {
    float: left;
    position: absolute;
    width: 50px;
    text-align: center; }

.sliders {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 90%;
  height: 30px;
  position: relative;
  margin-left: 1px;
  box-sizing: content-box;}
  .sliders .slider {
    position: absolute;
    z-index: 20;
    width: 38px;
    background-color: #46ae53;
    text-align: center;
    font-weight: bold;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #f8f8f8;
    font-size: 15px;
    cursor: hand;
    cursor: pointer; }
    .sliders .slider.green {
      background-color: #46ae53; }
    .sliders .slider.red {
      background-color: #ec3052; }
    .sliders .slider:active {
      cursor: -moz-grab;
      cursor: move; }
    .sliders .slider .triangle {
      background-color: transparent;
      position: absolute;
      top: 100%;
      left: 50%;
      display: block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-left: -10px; }
      .sliders .slider .triangle.green {
        border-top: 10px solid #46ae53; }
      .sliders .slider .triangle.red {
        border-top: 10px solid #ec3052; }

.discounts {
  width: 95%;
  height: 30px;
  position: relative;
  padding: 5px 0 0 25px; }
  .discounts .discount {
    height: 20px;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    float: left; }
    .discounts .discount div {
      position: relative;
      margin: 10px auto 0 auto;
      padding: 0;
      display: table; }
      .discounts .discount div p {
        text-align: center;
        display: table;
        margin: 0;
        padding: 0 10px; }

.campaigndates .campaigndate {
  margin: 0 0 20px 40px; }
  .campaigndates .campaigndate > div {
    float: left; }
    .campaigndates .campaigndate > div input[type=text] {
      width: 300px;
      height: 30px;
      box-sizing: content-box;
      padding: 3px 10px; }
  .campaigndates .campaigndate .text {
    width: 100px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    height: 40px;
    color: #585858; }
.campaigndates .error {
  width: 500px;
  text-align: center;
  color: #ec3052;
  font-size: 13pt; }

#presets {
  width: 80%;
  margin: 20px auto 10px auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  letter-spacing: 3em; }
  #presets input {
    display: inline-block;
    font-size: 16px;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    #presets input:focus {
      outline: 0; }
  #presets .blue {
    background: #2875ba;
    background-image: -webkit-linear-gradient(top, #2875ba, #1f5b90);
    background-image: -moz-linear-gradient(top, #2875ba, #1f5b90);
    background-image: -ms-linear-gradient(top, #2875ba, #1f5b90);
    background-image: -o-linear-gradient(top, #2875ba, #1f5b90);
    background-image: linear-gradient(top, #2875ba, #1f5b90); }
  #presets .red {
    background: #ec3052;
    background-image: -webkit-linear-gradient(top, #ec3052, #d51437);
    background-image: -moz-linear-gradient(top, #ec3052, #d51437);
    background-image: -ms-linear-gradient(top, #ec3052, #d51437);
    background-image: -o-linear-gradient(top, #ec3052, #d51437);
    background-image: linear-gradient(top, #ec3052, #d51437); }
  #presets .yellow {
    background: #fabf2e;
    background-image: -webkit-linear-gradient(top, #fabf2e, #efac06);
    background-image: -moz-linear-gradient(top, #fabf2e, #efac06);
    background-image: -ms-linear-gradient(top, #fabf2e, #efac06);
    background-image: -o-linear-gradient(top, #fabf2e, #efac06);
    background-image: linear-gradient(top, #fabf2e, #efac06); }
  #presets .green {
    background: #46ae53;
    background-image: -webkit-linear-gradient(top, #46ae53, #378a42);
    background-image: -moz-linear-gradient(top, #46ae53, #378a42);
    background-image: -ms-linear-gradient(top, #46ae53, #378a42);
    background-image: -o-linear-gradient(top, #46ae53, #378a42);
    background-image: linear-gradient(top, #46ae53, #378a42); }

.step-highlight .center {
  width: 80%;
  margin: 20px auto 10px auto; }

/*Monthpicker Styling */
.monthpicker {
  margin: 20px 0px;
  width: 400px;
  float: left; }
  .monthpicker > div {
    float: left; }
    .monthpicker > div input[type=text] {
      width: 249px;
      height: 45px; }
  .monthpicker .text {
    width: 100px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    height: 40px;
    color: #585858;
    margin-right: 20px; }
  .monthpicker select {
    width: 200px;
    height: 40px; }

/*Any List Slider Styling */
.als-container {
  position: relative;
  z-index: 0;
  margin: 0px auto; }
  .als-container .als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0px auto; }
  .als-container .als-wrapper {
    position: relative;
    list-style: none;
    margin: 0; }
  .als-container .als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 0px 5px;
    padding: 4px 0px;
    text-align: center; }
    .als-container .als-item img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      margin: 0 auto;
      vertical-align: middle;
      border: 1px #222 solid;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
  .als-container .als-prev, .als-container .als-next {
    position: absolute;
    cursor: pointer;
    clear: both;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .als-container .als-prev {
    left: 0px; }
  .als-container .als-next {
    right: 0px; }

/*File upload boxes */
div.ad-upload {
  position: relative;
  background-color: #333333;
  width: 300px;
  margin: 0px 20px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding-bottom: 15px;}
  div.ad-upload h2 {
    color: #fabf2e;
    margin: 15px 0;
    width: 100%;
    text-align: center; }
  div.ad-upload h3, div.ad-upload > p {
    color: #dddddd;
    margin: 5px 0;
    width: 100%;
    text-align: center;
    font-size: 15px; }
  div.ad-upload > p {
    color: #dddddd;
    margin: 20px 0;
    width: 100%;
    text-align: center; }
  div.ad-upload input[type=file] {
    margin: 30px 0 20px 90px;
    padding: 0;
    color: transparent; }
  div.ad-upload form {
    margin: 0;
    padding: 0; }
  div.ad-upload hr {
    border: 0;
    color: #eeeeee;
    background-color: #eeeeee;
    width: 80%;
    height: 1px;
    margin: 10px auto; }
  div.ad-upload img, div.ad-upload video {
    display: block;
    cursor: pointer;
    cursor: hand; }
  div.ad-upload .ad-preview-img, div.ad-upload .ad-preview-video, div.ad-upload .ad-gallery-button, div.ad-upload .progress-bar, div.ad-upload .upload-controls {
    max-height: 0;
    overflow: hidden;
    display: block; }
    div.ad-upload .ad-preview-img.show, div.ad-upload .ad-preview-video.show, div.ad-upload .ad-gallery-button.show, div.ad-upload .progress-bar.show, div.ad-upload .upload-controls.show {
      max-height: 400px;
      transition: 2s ease max-height; }
  div.ad-upload img.ad-gallery-button {
    margin: 0 auto;
    max-height: 50px;}
  div.ad-upload img.ad-preview-img, div.ad-upload video.ad-preview-video {
    width: 240px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0px auto; }
    div.ad-upload img.ad-preview-img.show, div.ad-upload video.ad-preview-video.show {
      margin: 20px auto;
      border: 7px #505050 solid; }
  div.ad-upload img.close {
    position: absolute;
    top: 87px;
    right: 23px;
    display: block;
    z-index: 10;
    width: 22px; }
  div.ad-upload .progress-bar {
    margin: 0;
    padding: 0; }
    div.ad-upload .progress-bar.show {
      margin: 30px auto;
      width: 240px; }
  div.ad-upload .upload-controls.show {
    margin-bottom: 15px; }

.gallery-controls p {
    text-align: center;
}

/*Pivoted list */
.header-map {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc; }
  .header-map .map-canvas {
    margin: 0;
    height: 258px;
    width: 100%; }

.header-actions {
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #f9f5f5;
  margin: 0px 20px 20px 0px;
  height: 298px;
  text-align: center;
  overflow: hidden; }
  .header-actions input[type=submit] {
    font-size: 13px;
    margin: 0px auto 20px auto;
    display: block; }
  .header-actions .large-button {
    width: 45%;
    vertical-align: middle;
    margin-bottom: 20px;
    height: 100px; }
    .header-actions .large-button .main {
      font-size: 200%;
      padding: 0;
      margin: 0.5em 0 0 0; }
    .header-actions .large-button .sub {
      font-size: 100%;
      color: rgba(0, 0, 0, 0.7);
      padding: 0; }

ul.header-actions-title {
  width: 100%;
  list-style: none;
  margin: 0;
  display: table;
  border-bottom: 1px solid #ccc; }
  ul.header-actions-title li {
    background-color: white;
    margin: 0;
    text-align: center;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    font-size: 130%;
    border-right: 1px solid #ccc;
    color: #ddd; }
  ul.header-actions-title li:last-child {
    border: none; }
  ul.header-actions-title li.selected {
    color: #333; }

.filters.header-filter .filter-wrapper {
  border: 1px solid #cccccc;
  background-color: #f9f5f5; }

.extraActionBtn{
  background: #333333;
  color: white;
  padding: 4px 12px;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  font-size: 10pt;
  border-color: white;
  width: auto;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, #333333, black);
  background-image: -moz-linear-gradient(top, #333333, black);
  background-image: -ms-linear-gradient(top, #333333, black);
  background-image: -o-linear-gradient(top, #333333, black);
  background-image: linear-gradient(top, #333333, black);
  text-shadow: none;
}

.extraRedActionBtn{
  background: #d60000;
  color: white;
  padding: 4px 12px;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  font-size: 10pt;
  border-color: white;
  width: auto;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, #d60000, #d60000);
  background-image: -moz-linear-gradient(top, #d60000, #d60000);
  background-image: -ms-linear-gradient(top, #d60000, #d60000);
  background-image: -o-linear-gradient(top, #d60000, #d60000);
  background-image: linear-gradient(top, #d60000, #d60000);
  text-shadow: none;
}

.extraSmallRedActionBtn{
  background: red;
  color: white;
  padding: 2px 5px;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  font-size: 7pt;
  border-color: white;
  width: auto;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, red, red);
  background-image: -moz-linear-gradient(top, red, red);
  background-image: -ms-linear-gradient(top, red, red);
  background-image: -o-linear-gradient(top, red, red);
  background-image: linear-gradient(top, red, red);
  text-shadow: none;
}

.extraYellowActionBtn{
  background: #FFC109;
  color: white;
  padding: 4px 12px;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  font-size: 10pt;
  border-color: white;
  width: auto;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, #FFC109, #FFC109);
  background-image: -moz-linear-gradient(top, #FFC109, #FFC109);
  background-image: -ms-linear-gradient(top, #FFC109, #FFC109);
  background-image: -o-linear-gradient(top, #FFC109, #FFC109);
  background-image: linear-gradient(top, #FFC109, #FFC109);
  text-shadow: none;
}

.extraSmallGreenActionBtn{
  background: #46ae53;
  color: white;
  padding: 4px 12px;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  font-size: 10pt;
  border-color: white;
  width: auto;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, #46ae53, #46ae53);
  background-image: -moz-linear-gradient(top, #46ae53, #46ae53);
  background-image: -ms-linear-gradient(top, #46ae53, #46ae53);
  background-image: -o-linear-gradient(top, #46ae53, #46ae53);
  background-image: linear-gradient(top, #46ae53, #46ae53);
  text-shadow: none;
}

.extraGreenActionBtn{
  background: #46ae53;
  color: #f8f8f8;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  padding: 4px 8px;
  border: 1px solid rgba(16, 16, 16, 0.4);
  border-radius: 4px;
  text-decoration: none;
  min-width: 0;
  height: 32px;
  margin-bottom: 4px;
  font-size: 16px;
  background-image: -webkit-linear-gradient(top, #46ae53, #3c9547);
  background-image: -moz-linear-gradient(top, #46ae53, #3c9547);
  background-image: -ms-linear-gradient(top, #46ae53, #3c9547);
  background-image: -o-linear-gradient(top, #46ae53, #3c9547);
  background-image: linear-gradient(top, #46ae53, #3c9547);
}

.extraWhiteActionBtn{
  background: #f3f3f3;
  color: #36353D;
  font-weight: bold;
  font-family: "OpenSans", arial, sans-serif;
  padding: 4px 8px;
  border: 1px solid rgba(16, 16, 16, 0.4);
  border-radius: 4px;
  text-decoration: none;
  min-width: 0;
  height: 32px;
  margin-bottom: 4px;
  font-size: 16px;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #ffffff);
  background-image: -moz-linear-gradient(top, #f3f3f3, #ffffff);
  background-image: -ms-linear-gradient(top, #f3f3f3, #ffffff);
  background-image: -o-linear-gradient(top, #f3f3f3, #ffffff);
  background-image: linear-gradient(top, #f3f3f3, #ffffff);
}

#devices-table_filter input, #devices-table_length label, #devices-table_filter label, #devices-table_length select,
#deleted-devices-table_filter input, #deleted-devices-table_length label, #deleted-devices-table_filter label, #deleted-devices-table_length select{
  font-size: 100% !important;
}

#devices-table_length select, #deleted-devices-table_length select{
  width: 60px;
}

input[type=submit].dark-input, .pivot-list input[type=submit] {
  background: #333333;
  background-image: -webkit-linear-gradient(top, #333333, black);
  background-image: -moz-linear-gradient(top, #333333, black);
  background-image: -ms-linear-gradient(top, #333333, black);
  background-image: -o-linear-gradient(top, #333333, black);
  background-image: linear-gradient(top, #333333, black);
  text-shadow: none;
  color: white;
  height: auto;
  border-color: white;
  font-size: 10pt; }
  input[type=submit].dark-input:active, .pivot-list input[type=submit]:active {
    background: black;
    background-image: -webkit-linear-gradient(top, black, #333333);
    background-image: -moz-linear-gradient(top, black, #333333);
    background-image: -ms-linear-gradient(top, black, #333333);
    background-image: -o-linear-gradient(top, black, #333333);
    background-image: linear-gradient(top, black, #333333); }
  input[type=submit].dark-input.enable-button, .pivot-list input[type=submit].enable-button, .disable-btn-color {
    color: #fbd3db; }
  input[type=submit].dark-input.disable-button, .pivot-list input[type=submit].disable-button, .enable-btn-color {
    color: #c1e6c5; }
  input[type=submit].dark-input.hover-green:hover, .pivot-list input[type=submit].hover-green:hover, input[type=submit].dark-input.green, .pivot-list input[type=submit].green {
    background: #46ae53;
    background-image: -webkit-linear-gradient(top, #46ae53, #3f9c4a);
    background-image: -moz-linear-gradient(top, #46ae53, #3f9c4a);
    background-image: -ms-linear-gradient(top, #46ae53, #3f9c4a);
    background-image: -o-linear-gradient(top, #46ae53, #3f9c4a);
    background-image: linear-gradient(top, #46ae53, #3f9c4a); }
  input[type=submit].dark-input.hover-red:hover, .pivot-list input[type=submit].hover-red:hover, input[type=submit].dark-input.red, .pivot-list input[type=submit].red {
    background: #ec3052;
    background-image: -webkit-linear-gradient(top, #ec3052, #ea193e);
    background-image: -moz-linear-gradient(top, #ec3052, #ea193e);
    background-image: -ms-linear-gradient(top, #ec3052, #ea193e);
    background-image: -o-linear-gradient(top, #ec3052, #ea193e);
    background-image: linear-gradient(top, #ec3052, #ea193e); }

.pivot-list {
  font-family: Arial, Helvetica, sans-serif;
  color: #36353d;
  font-size: 12px;
  /* text-shadow: 1px 1px 0px white; */
  background: #eaebec;
  margin: 0px 0% 20px 1%;
  border: #cccccc 1px solid;
  width: 98%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: content-box;}
  .pivot-list a:link {
    /* color: #666666; */
    font-weight: bold;
    text-decoration: none; }
  .pivot-list a:visited {
    /* color: #999999; */
    font-weight: bold;
    text-decoration: none; }
  .pivot-list a:active, .pivot-list a:hover {
    color: #bd5a35; }
  .pivot-list th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 5px 0px 5px 5px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background-image: -webkit-linear-gradient(top, #ededed, #ebebeb);
    background-image: -moz-linear-gradient(top, #ededed, #ebebeb);
    background-image: -ms-linear-gradient(top, #ededed, #ebebeb);
    background-image: -o-linear-gradient(top, #ededed, #ebebeb);
    background-image: linear-gradient(top, #ededed, #ebebeb); }
    .pivot-list th:first-child {
      text-align: left;
      padding-left: 20px; }
    .pivot-list th:hover {
      background: #cae0f4;
      background-image: -webkit-linear-gradient(top, #cae0f4, #bdd8f1);
      background-image: -moz-linear-gradient(top, #cae0f4, #bdd8f1);
      background-image: -ms-linear-gradient(top, #cae0f4, #bdd8f1);
      background-image: -o-linear-gradient(top, #cae0f4, #bdd8f1);
      background-image: linear-gradient(top, #cae0f4, #bdd8f1); }
    .pivot-list th.center, .pivot-list th.center:first-child {
      text-align: center;
      padding-left: 0; }
  .pivot-list tr {
    text-align: center;
    padding-left: 20px; }
    .pivot-list tr:first-child th:first-child {
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
      border-top-left-radius: 3px; }
    .pivot-list tr:first-child th:last-child {
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
      border-top-right-radius: 3px; }
    .pivot-list tr:nth-child(even) td {
      background: #f8f8f8;
      background-image: -webkit-linear-gradient(top, #f8f8f8, #f6f6f6);
      background-image: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
      background-image: -ms-linear-gradient(top, #f8f8f8, #f6f6f6);
      background-image: -o-linear-gradient(top, #f8f8f8, #f6f6f6);
      background-image: linear-gradient(top, #f8f8f8, #f6f6f6); }
    .pivot-list tr:last-child td {
      border-bottom: 0; }
      .pivot-list tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px; }
      .pivot-list tr:last-child td:last-child {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px; }
    .pivot-list tr:hover td {
      background: #f2f2f2;
      background-image: -webkit-linear-gradient(top, #f2f2f2, #f0f0f0);
      background-image: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
      background-image: -ms-linear-gradient(top, #f2f2f2, #f0f0f0);
      background-image: -o-linear-gradient(top, #f2f2f2, #f0f0f0);
      background-image: linear-gradient(top, #f2f2f2, #f0f0f0); }
    .pivot-list tr.clicked td {
      background: #fdebee;
      background-image: -webkit-linear-gradient(top, #fdebee, #fce2e6);
      background-image: -moz-linear-gradient(top, #fdebee, #fce2e6);
      background-image: -ms-linear-gradient(top, #fdebee, #fce2e6);
      background-image: -o-linear-gradient(top, #fdebee, #fce2e6);
      background-image: linear-gradient(top, #fdebee, #fce2e6); }
    .pivot-list tr.disabled td {
      background: rgba(0, 0, 0, 0.1); }
  .pivot-list td {
    width: auto;
    padding: 5px;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fbfbfb;
    background-image: -webkit-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: -moz-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: -ms-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: -o-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: linear-gradient(top, #fbfbfb, #fafafa);
    vertical-align: middle; }
    .pivot-list td:first-child {
      text-align: left;
      padding-left: 20px;
      border-left: 0; }
    .pivot-list td.center, .pivot-list td.center:first-child {
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
  .pivot-list input[type=text] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 100%; }
  .pivot-list input[type=submit] {
    min-width: 70px; }
  .pivot-list select {
    border: 0;
    width: 100%; }

/*Settings Page */
.settings-box p {
  float: left;
  clear: both;
  line-height: 25px;
  height: 25px;
  margin: 0 30px 10px 0;
  padding: 1%;
  width: 270px; }
.settings-box input[type=text], .settings-box input[type=checkbox], .settings-box select {
  float: left;
  clear: none;
  border: 1px solid gray;
  font-size: 20px;
  line-height: 25px;
  width: 275px;
  padding: 1%;
  box-sizing: border-box; }
.settings-box select {
  width: 275px;
  box-sizing: border-box; }
.settings-box input[type=checkbox] {
  margin-top: 15px;
  height: 15px; }

/*For List-Detail style viewing */
.view_detail_list {
  margin: 0;
  max-width: 600px;
  overflow-y: scroll; }
  .view_detail_list li {
    padding-left: 15px;
    margin: 0px;
    list-style-type: none;
    background-color: #ddb98a; }
  .view_detail_list #timestamp {
    color: #838383; }

.view_detail {
  border-spacing: 0px;
  width: 100%;
  margin-bottom: 20px; }
  .view_detail h3, .view_detail p, .view_detail h0 {
    padding-left: 20px; }
  .view_detail td {
    padding: 0;
    margin: 0;
    width: 30%; }
    .view_detail td + td {
      width: 70%; }

li .list-nub {
  padding: 10px;
  background-color: white;
  border-top: 1px solid #dddddd; }
  li .list-nub:hover {
    background-color: #fafafa; }
    li .list-nub:hover img {
      display: block; }
  li .list-nub .text-container {
    width: 70%;
    float: left; }
  li .list-nub img {
    float: right;
    display: none;
    height: 20px;
    width: 20px; }

.circle {
  border: 2px solid white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px #888888;
  -moz-box-shadow: 0 0 2px #888888;
  -ms-box-shadow: 0 0 2px #888888;
  -o-box-shadow: 0 0 2px #888888;
  box-shadow: 0 0 2px #888888;
  height: 7px;
  width: 7px; }

.green-bg {
  background-color: #46ae53; }

.green-color {
  color: #46ae53; }

.red-bg {
  background-color: #ec3052; }

.red-color {
  color: #ec3052; }

.filters {
  margin: 20px 20px 20px 0px; }
  .filters .filter-header h1 {
    margin: 0.5em 0;
    text-align: center; }
  .filters .filter-header input[type=submit] {
    float: right;
    clear: none;
    margin-right: 7px; }
  .filters .filter-wrapper {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #e7e7e7;
    padding: 7px;
    min-width: 330px; }
  .filters .filter {
    margin: 0 0 10px 0; }
    .filters .filter p {
      font-size: 13pt;
      line-height: 35px;
      float: left;
      margin: 0;
      vertical-align: middle;
      padding-left: 20px; }
    .filters .filter select {
      float: left;
      clear: none;
      margin: 5px 0 0 20px;
      height: 32px;
      width: 150px;
      font-size: 13pt;
      margin: 3px 20px 0 20px; }
    .filters .filter input {
      clear: none; }
      .filters .filter input[type=checkbox] {
        float: left;
        margin: 11px 20px 9px 20px;
        height: 15px;
        width: 15px; }
      .filters .filter input[type=text] {
        float: right;
        margin: 5px 20px 0 0;
        height: 20px;
        width: 150px;
        font-size: 12pt; }

.flat-detail-list {
  width: 1200px;
  min-height: 660px;
  margin: 50px auto;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); }
  .flat-detail-list .list {
    float: left;
    width: 30%;
    margin: 0;
    list-style-type: none;
    background-color: #ddd7cb;
    padding-bottom: 500em;
    margin-bottom: -500em;
    text-align: center;
    vertical-align: middle; }
    .flat-detail-list .list li {
      border-bottom: 1px solid #ddd7cb;
      border-top: 1px solid #ddd7cb;
      height: 40px;
      line-height: 40px;
      cursor: pointer;
      cursor: hand;
      margin: 0;
      position: relative;
      font-size: 15px;
      font-weight: lighter; }
    .flat-detail-list .list li:hover {
      background-color: #e7e3da; }
    .flat-detail-list .list li.selected {
      background-color: #f1efea;
      border-top-color: rgba(0, 0, 0, 0.2); }
    .flat-detail-list .list li:first-child {
      height: 70px;
      line-height: 70px;
      font-weight: bold;
      margin: 0;
      padding-bottom: 15px;
      background-color: #ddd7cb;
      cursor: auto;
      font-size: 20px;
      color: #222222; }
    .flat-detail-list .list li.selected:after {
      content: "";
      width: 0;
      height: 0;
      border-top: 21px solid transparent;
      border-bottom: 21px solid transparent;
      border-left: 21px solid #f1efea;
      position: absolute;
      right: -21px;
      top: -2px; }
  .flat-detail-list .detail {
    float: left;
    width: 70%;
    margin: 0;
    padding-bottom: 500em;
    margin-bottom: -500em;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    background-color: white; }
    .flat-detail-list .detail > div {
      padding-left: 60px; }
    .flat-detail-list .detail .login {
      background-color: #ddd7cb; }
      .flat-detail-list .detail .login .input-box input {
        color: #222222; }
        .flat-detail-list .detail .login .input-box input::-webkit-input-placeholder {
          color: #222222; }
        .flat-detail-list .detail .login .input-box input:-moz-placeholder {
          color: #222222; }
        .flat-detail-list .detail .login .input-box input::-moz-placeholder {
          color: #222222; }
        .flat-detail-list .detail .login .input-box input:-ms-input-placeholder {
          color: #222222; }
      .flat-detail-list .detail .login .login-error, .flat-detail-list .detail .login .success {
        text-shadow: none; }
    .flat-detail-list .detail a {
      color: #2875ba; }

/*Billing page credit box* */
.daily-billing {
  width: 400px;
  margin: 50px 0 0 55px;
  padding: 30px 15px 20px 0;
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #ccc; }
  .daily-billing .daily-rate {
    margin-left: 30px;
    text-align: center; }
    .daily-billing .daily-rate h1 {
      font-size: 16px;
      margin: 0; }
    .daily-billing .daily-rate div {
      text-align: center;
      line-height: 40px;
      font-size: 17px; }
    .daily-billing .daily-rate input[type=text] {
      width: 80px;
      height: 15px;
      padding: 10px;
      margin: 0 20px;
      font-size: 12pt;
      float: left;
      clear: none; }
    .daily-billing .daily-rate input[type=submit] {
      margin: 20px; }
  .daily-billing .ui-slider {
    width: 90%;
    margin: 10px auto; }
    .daily-billing .ui-slider .ui-slider-handle {
      border-color: #666666; }
  .daily-billing p {
    display: inline; }

#credit-box {
  width: 400px;
  margin-left: 55px;
  padding: 20px 15px 30px 0;
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb);
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border: 1px solid #ccc;
  border-top: none; }
  #credit-box h1, #credit-box h2 {
    margin: 0.5em 0;
    color: #3e3e3e; }
  #credit-box p {
    margin-bottom: 0px; }
  #credit-box .add-balance-form {
    text-align: center;
    margin: 30px 0 0 0; }
    #credit-box .add-balance-form div {
      text-align: center;
      line-height: 40px;
      font-size: 15px;
      font-weight: bold;
      display: inline-block; }
    #credit-box .add-balance-form input[type=text] {
      width: 100px;
      height: 34px;
      margin: 0 20px;
      font-size: 15px;
      clear: none;
      display: inline-block; }
    #credit-box .add-balance-form input[type=submit] {
      height: 35px;
      display: inline-block; }

.billing-msg p {
  color: #222222;
  background-color: #dddddd;
  padding: 45px;
  width: 50%;
  margin: -10px 0 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
.billing-msg h1 {
  margin: 0 0 0 20px;
  padding: 10px 50px;
  background-color: #bdd8f1;
  display: inline;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.dashed-arrow {
  position: relative;
  height: 1px;
  width: 30%;
  margin: 45px 0 0 67%;
  border-top: 4px dashed #fabf2e; }
  .dashed-arrow:after {
    position: absolute;
    content: ">";
    left: 100%;
    margin-top: -44px;
    font-size: 60px;
    color: #fabf2e; }

.invoice-details h1 {
  font: bold 100% sans-serif;
  letter-spacing: 0.5em;
  text-align: center;
  text-transform: uppercase; }
.invoice-details header {
  margin: 0 0 2em; }
  .invoice-details header h1 {
    background-color: black;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -o-border-radius: 0.25em;
    border-radius: 0.25em;
    color: white;
    margin: 0 0 1em;
    padding: 0.5em 0; }
  .invoice-details header img {
    height: 50px;
    right: 60px;
    top: 75px;
    position: absolute; }
.invoice-details address {
  float: right;
  font-size: 75%;
  font-style: normal;
  line-height: 1.25;
  margin: 0px 520px 0 0;
  max-width: 200px; }
  .invoice-details address p {
    font-size: 13px;
    margin: 0 0 0.25em; }
.invoice-details article {
  display: block; }
  .invoice-details article h1 {
    clip: rect(0 0 0 0);
    position: absolute; }
  .invoice-details article address {
    font-weight: bold; }
.invoice-details table.meta, .invoice-details table.balance {
  float: right;
  width: 36%; }
.invoice-details table.inventory {
  clear: both;
  width: 100%; }
.invoice-details article, .invoice-details table.meta, .invoice-details table.balance, .invoice-details table.inventory {
  margin: 0 0 3em; }
.invoice-details article:after, .invoice-details header:after {
  clear: both;
  content: "";
  display: table; }
.invoice-details table.meta th, .invoice-details table.balance th, .invoice-details table.inventory th {
  padding: 10px 20px; }

/*Billing Page Transfer Table */
table.billing, div.billing {
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 12px;
  text-shadow: 1px 1px 0px white;
  background: #eaebec;
  border: #cccccc 1px solid;
  overflow: hidden; }
  table.billing a:link, div.billing a:link {
    color: #666666;
    font-weight: bold;
    text-decoration: none; }
  table.billing a:visited, div.billing a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none; }
  table.billing a:active, table.billing a:hover, div.billing a:active, div.billing a:hover {
    color: #bd5a35; }
  table.billing.top, div.billing.top {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: none; }
  table.billing.bottom, div.billing.bottom {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: none; }
  table.billing th, div.billing th {
    padding: 20px 0 20px 1.5%;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background-image: -webkit-linear-gradient(top, #ededed, #ebebeb);
    background-image: -moz-linear-gradient(top, #ededed, #ebebeb);
    background-image: -ms-linear-gradient(top, #ededed, #ebebeb);
    background-image: -o-linear-gradient(top, #ededed, #ebebeb);
    background-image: linear-gradient(top, #ededed, #ebebeb); }
    table.billing th.center, div.billing th.center {
      text-align: center;
      padding-left: 0; }
  table.billing tr, div.billing tr {
    text-align: center;
    padding-left: 20px; }
    table.billing tr:first-child th:first-child, div.billing tr:first-child th:first-child {
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
      border-top-left-radius: 3px; }
    table.billing tr:first-child th:last-child, div.billing tr:first-child th:last-child {
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
      border-top-right-radius: 3px; }
    table.billing tr.even td, div.billing tr.even td {
      background: #f6f6f6;
      background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
      background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); }
    table.billing tr:last-child td, div.billing tr:last-child td {
      border-bottom: 0; }
      table.billing tr:last-child td:first-child, div.billing tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px; }
      table.billing tr:last-child td:last-child, div.billing tr:last-child td:last-child {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px; }
    table.billing tr:hover td, div.billing tr:hover td {
      background: #f2f2f2;
      background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
      background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); }
  table.billing tr.billing-transfer td:first-child, div.billing tr.billing-transfer td:first-child {
    width: 86px; }
  table.billing tr.billing-transfer td:nth-child(2), div.billing tr.billing-transfer td:nth-child(2) {
    width: 509px; }
  table.billing tr.billing-transfer td:nth-child(3), div.billing tr.billing-transfer td:nth-child(3) {
    width: 112px; }
  table.billing tr.billing-transfer td.xfer, table.billing tr.billing-transfer td.balance, div.billing tr.billing-transfer td.xfer, div.billing tr.billing-transfer td.balance {
    text-align: center;
    padding: 0; }
  table.billing tr.invoice-row td:first-child, div.billing tr.invoice-row td:first-child {
    width: 85px; }
  table.billing tr.invoice-row td:nth-child(2), div.billing tr.invoice-row td:nth-child(2) {
    width: 100px; }
  table.billing tr.invoice-row td:nth-child(3), div.billing tr.invoice-row td:nth-child(3) {
    width: 405px; }
  table.billing tr.invoice-row td:nth-child(4), div.billing tr.invoice-row td:nth-child(4) {
    width: 66px; }
  table.billing tr.invoice-row td:nth-child(5), div.billing tr.invoice-row td:nth-child(5) {
    width: 86px; }
  table.billing td, div.billing td {
    width: auto;
    padding: 10px 0 10px 1.5%;
    border-top: 1px solid white;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fbfbfb;
    background-image: -webkit-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: -moz-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: -ms-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: -o-linear-gradient(top, #fbfbfb, #fafafa);
    background-image: linear-gradient(top, #fbfbfb, #fafafa);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle; }
    table.billing td:first-child, div.billing td:first-child {
      text-align: left;
      border-left: 0; }

/*Region Profile Styling */
.mega-header {
  background-color: #181818;
  margin: 20px auto 0 auto;
  width: 97%;
  height: 60px;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  text-align: left; }
  .mega-header img {
    vertical-align: middle;
    margin: 0 0 8px 15px;
    height: 28px; }
  .mega-header h1 {
    margin: 0;
    padding: 0 10px;
    color: #bdd8f1;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 24px; }

.profile-detail {
  width: 65%;
  height: 800px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  background-color: #dfdfdf;
  border: 1px solid #acacac;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  overflow: hidden; }
.profile-detail .ads{
    text-align: center;
}
  .profile-detail .ads div.thumb-image, .profile-detail .ads div.thumb-video {
    margin: 20px 0 0 0; }
  .profile-detail .ads div.rooftop {
    display: inline-block;
    margin-right: 30px;
    width: 31%; }
  .profile-detail .ads div.headrest {
    display: inline-block;
    margin: 20px auto 0px;
    width: 50%;}
  .profile-detail .ads .media {
    height: 300px; }
  .profile-detail .datetime-wrapper {
    margin: 35px auto 0 auto;
    width: 95%;
    background-color: white;
    padding: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;}
    .profile-detail .datetime-wrapper > div {
      float: none;
      margin: 0 auto;
      width: 80%; }

.profile-map {
  width: 32%;
  height: 800px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background-color: #dfdfdf;
  border: 1px solid #acacac;
  border-left: none;
  border-top: none;
  overflow: hidden;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-left: -4px; }
  .profile-map .map-wrapper {
    /*height: 730px; */
    width: 101%;
    display: table; }
    .profile-map .map-wrapper .map-canvas {
      /*height: 730px; */
      width: 100%;
      margin: 0; }
  .profile-map #live-device-updates {
    width: 100%;
    margin: 14px 12px 16px 12px; }
    .profile-map #live-device-updates ul {
      margin: 0; }
    .profile-map #live-device-updates li {
      list-style-type: none;
      margin: 0 0 10px 0;
      text-align: center; }
      .profile-map #live-device-updates li img {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin: 4px 5px 4px 0;
        vertical-align: middle; }
      .profile-map #live-device-updates li p {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 4px 0 0 0;
        vertical-align: middle; }

.profile-hours {
  height: 260px;
  width: 97%;
  margin: 0 auto 40px auto;
  background-color: #a7a9b1;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  padding-top: 40px;
  text-align: center; }
  .profile-hours .rickshaw_graph {
    width: 92%;
    margin: 0 2% 0 0;
    background-color: #e7e7e7;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    display: inline-block; }
  .profile-hours .region-info {
    margin: 1% 0;
    width: 100%;
    text-align: center; }
    .profile-hours .region-info .sub {
      color: black; }
  .profile-hours .vert-axis {
    display: inline-block;
    writing-mode: tb-rl;
    ms-writing-mode: tb-rl;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-top: 93px;
    vertical-align: top; }
  .profile-hours .horz-axis {
    margin-top: 12px; }

input[type=submit].confirm-button {
  color: #f8f8f8;
  background: #46ae53;
  background-image: -webkit-linear-gradient(top, #46ae53, #3c9547);
  background-image: -moz-linear-gradient(top, #46ae53, #3c9547);
  background-image: -ms-linear-gradient(top, #46ae53, #3c9547);
  background-image: -o-linear-gradient(top, #46ae53, #3c9547);
  background-image: linear-gradient(top, #46ae53, #3c9547); }
  input[type=submit].confirm-button:active {
    background: #3c9547;
    background-image: -webkit-linear-gradient(top, #3c9547, #42a34e);
    background-image: -moz-linear-gradient(top, #3c9547, #42a34e);
    background-image: -ms-linear-gradient(top, #3c9547, #42a34e);
    background-image: -o-linear-gradient(top, #3c9547, #42a34e);
    background-image: linear-gradient(top, #3c9547, #42a34e); }
  input[type=submit].confirm-button.confirm-pending {
    background: #fabf2e;
    background-image: -webkit-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: -moz-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: -ms-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: -o-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: linear-gradient(top, #fabf2e, #f9b40b); }

input[type=submit].hover-green:hover {
  color: #f8f8f8;
  background: #46ae53; }

input[type=submit].hover-yellow:hover {
  color: #f8f8f8;
  background: #fabf2e; }

input[type=submit].hover-red:hover {
  color: #f8f8f8;
  background: #ec3052; }

/*Device Management Page */
#device-hours-chart {
  margin: 18px 2% 0 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid darkgrey; }
  #device-hours-chart.red svg {
    background-color: #fdebee; }
  #device-hours-chart.green svg {
    background-color: #d3edd6; }

.gauge {
  width: 140px;
  float: left;
  margin-top: 65px; }
  .gauge p {
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: black; }
  .gauge canvas {
    width: 100%; }

.device-page-actions {
  width: 12%;
  float: left; }
  .device-page-actions input[type=submit] {
    display: block;
    margin: 0 auto;
    width: 80%;
    min-width: 140px; }
  .device-page-actions table {
    margin: 1em auto;
    width: 80%; }

/* View Regions Page */
.media-hover-popup {
  display: none;
  position: absolute;
  height: 120px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #222;
  border: 1px solid #f8f8f8;
  pointer-events: none;
  padding: 10px;
  box-sizing: border-box;
  z-index: 10; }
  .media-hover-popup:after, .media-hover-popup:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #222; }
  .media-hover-popup:before {
    bottom: -22px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #f8f8f8; }
  .media-hover-popup img {
    height: 100%;
    border-radius: 4px;
    margin-left: 10px; }
    .media-hover-popup img:first-child {
      margin-left: 0; }

.image-section{
  height: 120px;
  border: 1px solid #f8f8f8;
  pointer-events: none;
  padding: 3px;
  box-sizing: border-box;
  z-index: 10;
}
.image-section img{
  height: 100%;
  border-radius: 4px;
  margin-left: 10px;
}

/*Sector Management Page */
.sector-form-wrapper {
  border-top: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae; }

.sector-form {
  width: 500px;
  margin: 0 auto;
  padding: 20px;
  padding-bottom: 100px;
  position: relative; }
  .sector-form h1 {
    text-align: center; }
  .sector-form p.close {
    position: absolute;
    right: 27px;
    top: 15px;
    font-size: 20px;
    color: #7E7E7E;
    cursor: pointer;
    cursor: hand;
    font-family: sans-serif;
    font-weight: bold; }
  .sector-form p.text {
    float: left;
    clear: both;
    width: 60%;
    height: 30px;
    line-height: 30px; }
  .sector-form input[type=text] {
    float: left;
    clear: none;
    width: 175px;
    height: 45px;
    font-size: 20px;
    padding: 5px;
    text-transform: capitalize; }
  .sector-form input[type=submit] {
    margin-left: 20px; }
    .sector-form input[type=submit]:first-child {
      margin-left: 0; }
  .sector-form select {
    float: left;
    clear: none;
    width: 187px;
    height: 30px; }
  .sector-form .suggestion {
    font-size: 20px;
    padding: 6px; }

/*Image/Video containers for Ads */
div.thumb-image, div.thumb-video {
  width: 355px;
  margin-right: 20px;
  margin-top: 20px;
  background-color: #303030;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden; }
  div.thumb-image .media, div.thumb-video .media {
    height: 100%;
    background-color: black;
    position: relative;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
    div.thumb-image .media img, div.thumb-image .media video, div.thumb-image .media canvas, div.thumb-video .media img, div.thumb-video .media video, div.thumb-video .media canvas {
      width: 100%;
      max-height: 87%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  div.thumb-image > p, div.thumb-video > p {
    text-align: center;
    text-transform: capitalize;
    margin: 10px 0;
    font-size: 14pt; }
  div.thumb-image a, div.thumb-video a {
    color: #cccccc;
    text-transform: none; }
  div.thumb-image a:hover, div.thumb-video a:hover {
    color: #fabf2e; }
  div.thumb-image video, div.thumb-video video {
    cursor: pointer;
    cursor: hand; }

div.thumb-upload {
  background-color: #626262; }
  div.thumb-upload .media {
    background-color: grey; }
    div.thumb-upload .media img {
      width: 100px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      cursor: pointer;
      cursor: hand; }

/*Media Gallery Page / Ad Approval* */
.noAuthority h2 {
         margin-left: 3em;
}

.media-gallery {
  height: 55%;
  min-height: 625px;
  width: 100%;
  position: absolute; }

.page-pages-view_media {
	height: 110%;
}

#media-wrapper {
  width: 26%;
  height: 100%;
  margin: 0 1% 0 2%;
  padding: 0;
  background-color: #e7e7e7;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  display: block; }
  #media-wrapper li {
    list-style-type: none;
    height: 50px;
    margin: 0 0 0 25px;
    overflow: hidden;
    background-color: #f8f8f8;
    border-top: 2px solid #d6d6d6;
    cursor: pointer;
    cursor: hand;
    width: 90%;
    position: relative; }
  #media-wrapper li:first-child {
    margin-top: 25px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: none; }
  #media-wrapper li:last-child {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 20px; }
  #media-wrapper li.rejected:hover {
    background-color: #ffc8c8; }
  #media-wrapper li.pending:hover {
    background-color: #ffffc8; }
  #media-wrapper li.approved:hover {
    background-color: #dcffc8; }
  #media-wrapper div.text {
    position: absolute;
    z-index: 10;
    display: inline-block;
    height: 50px;
    float: left;
    padding-left: 20px;
    line-height: 50px;
    font-size: 16px; }
  #media-wrapper div.img-crop {
    height: 50px;
    width: 80px;
    float: left;
    overflow: hidden;
    border-right: 2px solid #d6d6d6; }
  #media-wrapper img {
    height: 50px; }
  #media-wrapper img.status {
    float: right;
    height: 30px;
    margin: 10px 8px 0 0; }

.hover-map {
  background-color: #222222;
  width: 300px;
  height: 300px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  z-index: -1;
  top: 320px;
  left: 100px; }
  .hover-map .map-canvas {
    width: 272px;
    height: 272px;
    margin: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: absolute; }
  .hover-map:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 130px;
    top: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #222222; }

#approve-wrapper {
  position: relative;
  width: 50%;
  min-width: 800px;
  padding: 20px 0px;
  margin: 0px 40px 40px;
  background-color: #e7e7e7;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  box-sizing: content-box;
  float: left; }
  #approve-wrapper .big-img-wrapper {
    margin-right: 20px;
    margin-top: 20px;
    background-color: black;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    float: left;
    border: #afafaf 5px solid;
    cursor: pointer;
    cursor: hand;
    position: relative;
    margin: 0 auto;
    width: 86.8%;
    height: 400px;
    padding-bottom: 6px;
    float: none;
    display: block; }
    #approve-wrapper .big-img-wrapper img, #approve-wrapper .big-img-wrapper video {
      width: 100%;
      height: 100%;
      top: 50%;
      position: absolute;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  #approve-wrapper input[type=submit] {
    height: 40px;
    margin: 20px 0px; }
  #approve-wrapper #button-wrapper, #approve-wrapper #text-wrapper {
    /*height: 0px; */
    overflow-y: hidden; }
  #text-wrapper{
      height: 0px;
  }
  #approve-wrapper p {
    text-align: center;
    margin: 30px 0; }
  #approve-wrapper .als-prev, #approve-wrapper .als-next {
    position: absolute;
    z-index: 20;
    left: 0px;
    margin-top: 165px;
    cursor: hand;
    cursor: pointer; }
  #approve-wrapper .als-next {
    left: auto;
    right: 0px; }
  #approve-wrapper table {
    width: 88%;
    margin: 0 auto; }
    #approve-wrapper table tbody td:nth-child(odd) {
      background-color: #dddddd; }
    #approve-wrapper table tbody td:nth-child(even) {
      background-color: #eeeeee; }
  #approve-wrapper #regions span {
    margin-right: 5px; }

#approve-guidelines {
  width: 20%;
  padding: 20px 30px;
  margin: 0px 40px;
  background-color: #e7e7e7;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  float: right; }
  #approve-guidelines p {
    height: 500px;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: whitesmoke;
    overflow-y: scroll; }

#approve-button {
  border: 1px solid #36353d;
  text-shadow: none;
  background-image: none;
  background-color: #46ae53; }

#disapprove-button {
  border: 1px solid #36353d;
  text-shadow: none;
  background-image: none;
  background-color: #ec3052; }

/*detail box stuff */
#media-wrapper-detail {
  width: 71%;
  height: 100%;
  float: left;
  margin: 0;
  padding: 2%;
  background-color: #e7e7e7;
  box-sizing: border-box; }

#approval-status {
  margin-top: 10px;
  background-color: rgba(248, 248, 248, 0.2);
  width: 100%;
  padding: 10px 5%;
  box-sizing: border-box; }
  #approval-status p {
    width: 100%;
    margin: 0; }

.media-approve-wrapper {
  display: none;
  padding: 10px 2%; }
  .media-approve-wrapper #text-wrapper {
    padding-bottom: 20px; }

.media-info {
  width: 30%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  transition: 0.5s ease opacity;
  opacity: 0;
  box-sizing: border-box;
  padding: 20px 0;
  min-width: 300px;
  text-align: center;
  border-left: 1px solid rgba(248, 248, 248, 0.1); }
  .media-info > p {
    color: #f8f8f8;
    margin: 0 0 0 5%;
    font-size: 17px;
    font-family: sans-serif;
    width: 30%;
    float: left;
    clear: both;
    text-align: left; }
  .media-info > div {
    background-color: rgba(248, 248, 248, 0.1);
    color: #f8f8f8;
    width: 55%;
    float: left;
    min-height: 21.6px;
    text-align: left; }
    .media-info > div p {
      color: #f8f8f8; }
  .media-info > img {
    height: 15px;
    float: left;
    margin: 3px 0 0 7px; }
  .media-info input.confirm-button {
    display: block;
    margin: 0 auto;
    text-shadow: 1px 1px 0px #36353d;
    border: 1px solid #36353d; }
    .media-info input.confirm-button:active {
      margin: 17px 0 0 121px; }
  .media-info #media-reupload, .media-info #media-delete {
    border: 1px solid #36353d;
    width: auto;
    height: auto;
    text-align: center;
    float: none;
    display: inline-block;
    margin-bottom: 20px; }
    .media-info #media-reupload img, .media-info #media-delete img {
      height: 20px;
      display: inline;
      vertical-align: middle; }
    .media-info #media-reupload p, .media-info #media-delete p {
      display: inline;
      vertical-align: middle;
      text-shadow: 1px 1px 0px #36353d;
      color: #f8f8f8;
      font-weight: bold; }
  .media-info #media-reupload {
    background: #fabf2e;
    background-image: -webkit-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: -moz-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: -ms-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: -o-linear-gradient(top, #fabf2e, #f9b40b);
    background-image: linear-gradient(top, #fabf2e, #f9b40b); }
  .media-info #media-delete {
    background: #ec3052;
    background-image: -webkit-linear-gradient(top, #ec3052, #e3153a);
    background-image: -moz-linear-gradient(top, #ec3052, #e3153a);
    background-image: -ms-linear-gradient(top, #ec3052, #e3153a);
    background-image: -o-linear-gradient(top, #ec3052, #e3153a);
    background-image: linear-gradient(top, #ec3052, #e3153a); }

#media-wrapper-detail:hover .media-info {
  opacity: 1; }

.media-view-and-controls {
  height: 100%; }
  .media-view-and-controls .media-container {
    height: 100%;
    width: 100%;
    margin: 0;
    float: left;
    position: relative; }
  .media-view-and-controls .media {
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }

.media-tabs {
  list-style: none;
  margin-left: 40px;
  padding-left: 1%;
  width: 30%;
  float: left; }
  .media-tabs li {
    float: left;
    position: relative;
    margin: 0;
    cursor: hand;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 24%; }
  .media-tabs p {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    background-color: #a2a2a2;
    margin: 0;
    height: 40px;
    width: 100%;
    padding: 10px 0;
    font-size: 0.8vw;
    text-align: center;
    box-sizing: border-box;
    color: #36353d;
    border: 1px solid rgba(54, 53, 61, 0.2);
    border-bottom: 0;
    border-right: 0; }
  .media-tabs .active {
    z-index: 3; }
    .media-tabs .active p {
      background-color: #e7e7e7; }

/* --- Tablet Configuration Page --- */
ul.tablet-buttons {
  margin: 40px;
  margin-top: 0;
  padding: 40px;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: inline-block; }
  ul.tablet-buttons li {
    margin: 0 0 10px 0; }
    ul.tablet-buttons li img {
      height: 45px;
      vertical-align: middle; }
    ul.tablet-buttons li input {
      height: 45px;
      vertical-align: middle;
      box-sizing: border-box;
      width: 600px;
      padding: 5px;}

/*Test site layouts */
.codebox {
  font-family: Consolas, monaco, monospace;
  font-size: 9pt; }

.resultsbox {
  padding: 10px 20px;
  background: #e7e7e7;
  color: #2c3e50;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: 350px;
  margin: 20px; }

.unittest-list {
  background-color: #e7e7e7;
  padding: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  list-style-type: none;
  width: 400px; }
  .unittest-list img {
    margin: 2px 0;
    width: 20px;
    float: left; }
  .unittest-list p {
    color: #2c3e50;
    float: left;
    margin: 0 0 0 10px; }

.map-labels {
  color: red;
  background-color: #f8f8f8;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 40px;
  border: 2px solid black;
  white-space: nowrap; }

/*containers */
/*div
 * &.form, &.index, &.view
 *   float: right
 *   width: 76%
 *   border-left: 1px solid #666
 *   padding: 10px 2%
 * &.actions
 *   float: left
 *   width: 16%
 *   padding: 10px 1.5%
 *   h3
 *     padding-top: 0
 *     color: #777
 * &.text
 *   float: left
 * &.img
 *   float: left
 *   margin: 5px */
/*Tables */
table {
  border-right: 0;
  clear: both;
  color: #333333;
  margin-bottom: 10px;
  width: 100%; }

th {
  border: 0;
  border-bottom: 2px solid #555555;
  text-align: left;
  padding: 4px; }
  th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none; }
    th a.asc:after {
      content: " ⇣"; }
    th a.desc:after {
      content: " ⇡"; }

table tr td {
  padding: 6px;
  text-align: left;
  vertical-align: top; }
table tr:nth-child(even) {
  background: #f9f9f9; }

td.actions {
  text-align: center;
  white-space: nowrap; }

table td.actions a {
  margin: 0px 6px;
  padding: 2px 5px; }

/* SQL log */
.cake-sql-log {
  background: #f8f8f8; }
  .cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced; }
  .cake-sql-log caption {
    color: #f8f8f8; }

/*Paging */
.paging {
  background: #f8f8f8;
  color: #cccccc;
  margin-top: 1em;
  clear: both; }
  .paging .current, .paging .disabled, .paging a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block; }
  .paging > span {
    display: inline-block;
    border: 1px solid #cccccc;
    border-left: 0; }
    .paging > span:hover {
      background: #efefef; }
  .paging .prev {
    border-left: 1px solid #cccccc;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; }
  .paging .next {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0; }
  .paging .disabled {
    color: #dddddd; }
    .paging .disabled:hover {
      background: transparent; }
  .paging .current {
    background: #efefef;
    color: #c73e14; }

/*Scaffold View */
dl {
  line-height: 2em;
  margin: 0em 0em;
  width: 60%; }
  dl dd:nth-child(4n+2), dl dt:nth-child(4n+1) {
    background: #f4f4f4; }

dt {
  font-weight: bold;
  padding-left: 4px;
  vertical-align: top;
  width: 10em; }

dd {
  margin-left: 10em;
  margin-top: -2em;
  vertical-align: top; }

/*Forms */
fieldset {
  border: none;
  margin-bottom: 1em;
  padding: 16px 10px; }
  fieldset legend {
    color: #ee3322;
    font-size: 160%;
    font-weight: bold; }
  fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0; }
    fieldset fieldset legend {
      font-size: 120%;
      font-weight: normal; }
    fieldset fieldset div {
      clear: left;
      margin: 0 20px; }

form .input {
  color: #444444; }
form .required {
  font-weight: bold; }
  form .required label:after {
    color: #ee3322;
    content: "*";
    display: inline; }
form div.submit {
  border: 0;
  clear: both;
  margin-top: 10px; }

label {
  display: block;
  font-size: 110%;
  margin-bottom: 3px; }

input, textarea {
  clear: both;
  font-size: 140%;
  font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
  /* padding: 2%; */
  padding: 5px;
  width: 320px;
  box-sizing: border-box; }

select {
  text-transform: capitalize;
  clear: both;
  font-size: 120%;
  vertical-align: text-bottom;
  background: none;
  background-color: #f0f0f0;
  width: 320px;
  box-sizing: border-box; }
  select[multiple=multiple] {
    width: 100%; }

option {
  text-transform: capitalize;
  font-size: 120%;
  padding: 0 3px; }

input[type=checkbox] {
  clear: left;
  float: left;
  margin: 0px 6px 7px 2px;
  width: auto; }

div.checkbox label {
  display: inline; }

input[type=radio] {
  float: left;
  width: auto;
  margin: 6px 0;
  padding: 0;
  line-height: 26px; }

.radio label {
  margin: 0 0 6px 20px;
  line-height: 26px; }

input[type=submit] {
  display: inline;
  font-size: 110%;
  width: auto; }

/*Notices and Errors */
.message {
  clear: both;
  color: #f8f8f8;
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 5px; }

.message, .cake-error, .cake-debug, .notice, p.error, .error-message {
  background: #ffcc00;
  background-repeat: repeat-x;
  background: #ffcc00;
  background-image: -webkit-linear-gradient(top, #ffcc00, #e6b800);
  background-image: -moz-linear-gradient(top, #ffcc00, #e6b800);
  background-image: -ms-linear-gradient(top, #ffcc00, #e6b800);
  background-image: -o-linear-gradient(top, #ffcc00, #e6b800);
  background-image: linear-gradient(top, #ffcc00, #e6b800);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 18px;
  padding: 7px 14px;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }

.message, .cake-error, p.error, .error-message {
  clear: both;
  color: #f8f8f8;
  background: #c43c35;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-repeat: repeat-x;
  background: #ee5f5b;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

p.error {
  font-family: Monaco, Consolas, Courier, monospace;
  font-size: 120%;
  padding: 0.8em;
  margin: 1em 0; }
  p.error em {
    font-weight: normal;
    line-height: 140%; }

.steps {
  height: 40px;
  background-color: #ebebeb;
  overflow: hidden;
  width: 100%; }
  .steps .center-wrapper {
    width: 450px;
    margin: 0 auto; }
  .steps .chevron:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #ebebeb;
    z-index: 20;
    position: absolute;
    margin: 5px 0 0 7px; }
  .steps .text {
    background-color: #cdcdcd;
    color: #585858;
    height: 30px;
    line-height: 30px;
    padding: 0 20px 0 40px;
    font-size: 16px;
    position: relative;
    float: left;
    margin: 5px 0 5px 7px; }
    .steps .text:after, .steps .text:before {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 20px;
      border-color: transparent transparent transparent #cdcdcd;
      z-index: 20;
      position: absolute;
      top: 50%;
      margin-top: -15px;
      left: 100%; }
    .steps .text:before {
      border-color: transparent transparent transparent #ebebeb;
      margin-left: 7px; }
  .steps .red {
    background-color: #ec3052;
    color: #101010; }
    .steps .red:after {
      border-color: transparent transparent transparent #ec3052; }
  .steps .yellow {
    background-color: #fabf2e;
    color: #101010; }
    .steps .yellow:after {
      border-color: transparent transparent transparent #fabf2e; }
  .steps .blue {
    background-color: #2875ba;
    color: #f8f8f8; }
    .steps .blue:after {
      border-color: transparent transparent transparent #2875ba; }
  .steps .success-msg {
    clear: both;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 6px 12px 4px 0;
    font-weight: bold;
    color: #46ae53;
    text-shadow: 0px 1px 2px #f8f8f8; }
  .steps img {
    height: 26px;
    display: inline-block;
    margin: 7px 0 0 0; }
  .steps .back-button {
    position: absolute;
    z-index: 10;
    margin: 5px;
    display: none; }
  .steps .back-button-highlight {
    background-color: #fabf2e;
    height: 62px;
    width: 162px;
    position: absolute;
    z-index: 0;
    -webkit-filter: blur(14px);
    -moz-filter: blur(14px);
    -ms-filter: blur(14px);
    -o-filter: blur(14px);
    filter: blur(14px);
    margin: -10px 0 0 -10px; }
  .steps:hover .back-button-highlight {
    display: none; }
  .steps .hidden {
    display: none; }

/* Buttons and button links */
input[type=submit] {
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: -moz-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: -ms-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: -o-linear-gradient(top, #fefefe, #f1f1f1);
  background-image: linear-gradient(top, #fefefe, #f1f1f1); }

/*Related */
.related {
  clear: both;
  display: block; }

/*Debugging */
pre {
  color: black;
  background: #f0f0f0;
  padding: 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

.cake-debug-output {
  padding: 0;
  position: relative; }
  .cake-debug-output > span {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 6px;
    color: black;
    display: block;
    float: left;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    -ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    -o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }

.cake-debug {
  font-size: 16px;
  line-height: 20px;
  clear: both; }

.cake-error {
  font-size: 16px;
  line-height: 20px;
  clear: both;
  white-space: normal; }
  .cake-error > a {
    text-shadow: none; }

.cake-stack-trace {
  background: rgba(255, 255, 255, 0.7);
  color: #333333;
  margin: 10px 0 5px 0;
  padding: 10px 10px 0 10px;
  font-size: 120%;
  line-height: 140%;
  overflow: auto;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .cake-stack-trace a {
    text-shadow: none;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin: 0px 4px 10px 2px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3); }

.cake-code-dump pre {
  position: relative;
  overflow: auto; }

.cake-context {
  margin-bottom: 10px; }

.cake-stack-trace pre {
  color: black;
  background-color: #f0f0f0;
  margin: 0px 0 10px 0;
  padding: 1em;
  overflow: auto;
  text-shadow: none; }
.cake-stack-trace li {
  padding: 10px 5px 0px;
  margin: 0 0 4px 0;
  font-family: monospace;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: gainsboro;
  background: #fefefe;
  background-image: -webkit-linear-gradient(top, #fefefe, gainsboro);
  background-image: -moz-linear-gradient(top, #fefefe, gainsboro);
  background-image: -ms-linear-gradient(top, #fefefe, gainsboro);
  background-image: -o-linear-gradient(top, #fefefe, gainsboro);
  background-image: linear-gradient(top, #fefefe, gainsboro); }

/* excerpt */
.cake-code-dump pre {
  clear: both;
  font-size: 12px;
  line-height: 15px;
  margin: 4px 2px;
  padding: 4px;
  overflow: auto; }
  .cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto; }
.cake-code-dump .code-highlight {
  display: block;
  background-color: rgba(255, 255, 0, 0.5); }

.code-coverage-results div.code-line {
  padding-left: 5px;
  display: block;
  margin-left: 10px; }
.code-coverage-results div.uncovered span.content {
  background: #eecccc; }
.code-coverage-results div.covered span.content {
  background: #cceecc; }
.code-coverage-results div.ignored span.content {
  color: #aaaaaa; }
.code-coverage-results span.line-num {
  color: #666666;
  display: block;
  float: left;
  width: 20px;
  text-align: right;
  margin-right: 5px; }
  .code-coverage-results span.line-num strong {
    color: #666666; }
.code-coverage-results div.start {
  border: 1px solid #aaaaaa;
  border-width: 1px 1px 0px 1px;
  margin-top: 30px;
  padding-top: 5px; }
.code-coverage-results div.end {
  border: 1px solid #aaaaaa;
  border-width: 0px 1px 1px 1px;
  margin-bottom: 30px;
  padding-bottom: 5px; }
.code-coverage-results div.realstart {
  margin-top: 0px; }
.code-coverage-results p.note {
  color: #bbbbbb;
  padding: 5px;
  margin: 5px 0 10px;
  font-size: 10px; }
.code-coverage-results span.result-bad {
  color: #aa0000; }
.code-coverage-results span.result-ok {
  color: #ffaa00; }
.code-coverage-results span.result-good {
  color: #00aa00; }

/*Elements */
#url-rewriting-warning {
  display: none; }

/*Print style sheet */
@media print {
  body {
    background-color: #f8f8f8;
    margin: 25mm 25mm 25mm 25mm; }

  #container .printable {
    width: 100%;
    height: 90%;
    background-color: #f8f8f8;
    margin: 0; }
    #container .printable * {
      display: ""; }

  #container .not-printable {
    display: none; } }

/*# sourceMappingURL=cake.generic.css.map */