body {
    font-family: 'Lato';
    background: #f9f9f9;
}

.fa-btn {
    margin-right: 6px;
}
.btn-outline-info {
    color: #31708f;
    background-image: none;
    background-color: transparent;
    border-color: #31708f;
}
.btn.btn-target:hover {
    background-color: #97c262;
}
.btn.btn-target[aria-expanded="true"] {
    background-color: #60ac00;
    color: #ffffff;
}
.btn.btn-target[aria-expanded="true"]:hover {
    background-color: #aaaaaa;
}
.btn.btn-target[aria-expanded="false"] {
    background-color: #cccccc;
    color: #ffffff;
}
.btn.btn-target[aria-expanded="false"]:hover {
    background-color: #97c262;
}

.panel.panel-white {
    background: #ffffff;
    border: 1px solid #e9e9e9 !important;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    border-radius: 0;
}
.panel.panel-white .panel-heading {
    border-bottom: 1px solid rgba(206, 206, 206, 0.4);
}

.navbar-branded {
    background: #005f7d;
}
a.navbar-brand {
    color: #ea8117;
    font-weight: bold;
}
ul.navbar-brand-rvl {
    padding: 0;
    color: #ea8117;
}
ul.navbar-brand-rvl li {
}
ul.navbar-brand-rvl a {
    color: #aee7f9;
    padding: 15px 15px;
}
ul.navbar-brand-rvl .dropdown-menu {
    background-color: #0a7591;
}
ul.navbar-brand-rvl .dropdown-menu a {
    color: #ffffff;
}
.navbar-toggle {
    /*background-color: #ffffff;*/
}
.navbar-toggle .icon-bar {
    background: #ffffff;
}
ul.navbar-brand-rvl .dropdown-menu > li > a:focus,
ul.navbar-brand-rvl .dropdown-menu > li > a:hover {
    background: #005853;
}
.navbar-nav > li > a {
    color: #ffffff;
}
.nav > li > a:hover,
.nav > li > a:focus {
    background: #0a7591;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #003734;
}
.breadcrumb {
    border: 1px solid #dfdfdf;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #bbb;
    content: "\232A";
}
.button-bar {
    margin-bottom: 20px;
}
.well .button-bar {
    margin-bottom: 0;
}
.dealer-list-group {
    font-size: 18px;
}
.heading-btn-group {
    margin-top: 20px;
    margin-bottom: 10px;
}
.dropdown-menu>li a.delete-form {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
span.pipe-sep {
    color: #ccc;
    display: inline-block;
    padding: 0 12px;
}

.stats-block {
    /*background: #f0f0f0;
    border: 1px solid #dddddd;
    border-right: none;*/
}
.actions-block {
    /*border: 1px solid #e0e0e0;
    background: #ebf4f5;
    padding-top: 30px;*/
}
.actions-block .well.well-white {
    background: #ffffff;
    border: none;
    box-shadow: 0px 1px 4px #d4d4d4;
}
.ads-column tr:nth-child(odd) {
    /*background: #d9edf7;*/
}
.ads-column tr:nth-child(even) {
    /*background: #d9edf7;*/
}
.ads-column table > thead > tr > th { background-color: #2980b9; color: #ffffff; font-size: 14px; font-weight: 400; }
.ads-column table > tbody > tr > td { padding: 0 0; }
.ads-column table > tbody > tr > td.cell-right { padding: 12px 15px; text-align:right; }
.ads-column table > tbody > tr > td a { display: block; padding: 10px 15px; }
.ads-column table > tbody > tr > td a:hover { background: #c4e3f3; }
.ads-column .list-group-item {
    padding-right: 90px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-color: #eaeaea;
}
em.pipe {
    font-style: normal;
    color: #ccc;
}
/* Setup Columns */
.abs-hint {
    position: absolute;
    top:-10px;
    left:4px;
    font-size: 11px;
    padding: 3px 6px;
    background: #f0ce87;
    color: #333;
    border-radius: 2px;
}

/* Dealer Main List */
.dealer-list-group a.list-group-item-info.list-group-item-success,
.dealer-key .list-group-item-success { /* Active / Success Color */
    color: #3c763d;
    background-color: #dff0d8;
}
.dealer-list-group a.list-group-item-success:hover { background-color: #c9e5bd !important; }

.dealer-list-group a.list-group-item-info,
.dealer-key .list-group-item-info { /* Setup but Inactive / Info Color */
    color: #504a28;
    background-color: #fff6c4;
}
.dealer-list-group a.list-group-item-info:hover { background-color: #ece3b1 !important; }

.dealer-list-group a.list-group-item-warning,
.dealer-key .list-group-item-warning  { /* Not Setup / Warning Color */
    color: #943232;
    background-color: #ffdbdb;
}
.dealer-list-group a.list-group-item-warning:hover { background-color: #ecc5c5 !important; }

.dealer-key ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.dealer-key li {
    padding: 4px 8px;
}

/* Dealer Single View */

table.ads-table th.small {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
}
table.ads-table td.cell-right {
    text-align: right;
}

.ad-item-single.row {
    border-bottom: 1px solid #eeeeee;
}
.ad-item-title {
    padding: 14px 8px;
    background: #ffffff;
}
.ad-item-title:hover {
    padding: 14px 8px;
    background-color: #ecf5ff;
}
.quick-stats {
    background: #ffffff;
    border-radius: 3px;
    padding: 2px 6px;
    height: 100%;
    line-height:32px;
    display: block;
    width: 90px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.actions-block .alert {
    padding: 19px;
}

.stat-block span {
    font-size: 3rem;
    display: block;
}

.preview-box { /* Ad Hover Preview iFrame */
    display:none;
    position: absolute;
    z-index: +999;
    right: 0;
    top: -330px;
}
a.hover-preview-ad:hover + .preview-box {
    display:block;
}

/* Progress Bar */
#progressbar {
    margin-bottom: 30px;
    margin-left:0;
    padding-left:0;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: #999;
    text-transform: uppercase;
    font-size: 9px;
    width: 33%;
    float: left;
    position: relative;
    text-align: center;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: #bbb;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
    background: #27AE60;
    color: white;
}
/* Templates */
.template-index-block {
    position: relative;
}
.form-group.text-mono textarea {
    font-family: OperatorMono, monospace;
    font-size: 12px;
}
.hover-content {
    display:none;
    position:absolute;
    right: 0;
    top: 0;
}
.list-group-single:hover .hover-content {
}
.col-sm-12 .list-group-single .list-group-item {
    width: 70%;
}
.col-sm-12 .list-group-single:hover .hover-content {
    display:block;
}


.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
.with-nav-tabs.panel-default .nav-tabs.nav-tabs-lg {
    font-size: 18px;
}

/* Table within Panel Layouts Below */
.panel-table .panel-heading.panel-active {
}
.panel-table .panel-heading.panel-inactive {
  background-color: #ecc1c1;
}
.dottedUnderline { border-bottom: 1px dotted; }
.panel-table .panel-body{
  padding:0;
}
.panel-table .panel-body .table-bordered{
  border-style: none;
  margin:0;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
    width: 100px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
  border-left: 0px;
}
.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
  border-bottom: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
  border-top: 0px;
}
.panel-table .panel-footer .pagination{
  margin:0;
}
/* used to vertically center elements, may need modification if you're not using default sizes. */
.panel-table .panel-footer .col{
  line-height: 34px;
  height: 34px;
}
.panel-table .panel-heading .col h3{
  line-height: 30px;
  height: 30px;
}
.panel-table .panel-body .table-bordered > tbody > tr > td{
  line-height: 34px;
}
h4.dealer-name.dealer-active a {
  color: #398439;
}
h4.dealer-name.dealer-inactive a {
  color: #c38100;
}
h4.dealer-name.dealer-paused a {
  color: #b76d00;
}
.dealer-status .fa-check-circle {
  color: #21944c;
  font-size: 18px;
}
.dealer-status .fa-pause-circle {
  color: #ff9800;
  font-size: 18px;
}
.dealer-status .fa-exclamation-circle {
  color: #ff0000;
  font-size: 18px;
}
i.fa {
  opacity: .6;
}
i.fa-margin-right {
  margin-right: 8px;
}
i.fa-margin-left {
  margin-left: 8px;
}
.group-count {
    display: inline-block;
    padding: 2px 4px;
    font-size: 12px;
    border: 1px solid #bbb;
    color: #999;
    vertical-align: bottom;
    border-radius: 2px;
    margin-top: -2px;
    margin-left: 10px;
}

hr {
    border-top: 1px dotted #000000 !important;
    margin-bottom:5px !important;
    margin-top:5px !important;
}

/* Story expanded details */
.story-details {
  padding-top: 10px;
}
.story-details dl {
  margin-bottom: 0;
}
.story-details dt {
  font-weight: 400;
}


/* overwrite for Bootstrap Select Image picker */
#draggablePanelList .story-well {
  border-left-width: 12px !important;
}
#draggablePanelList.collapsed .panel-heading.form-group {
    margin-bottom: 2px;
}
#draggablePanelList.collapsed img { border-radius: 3px; margin-right: 6px; }
#draggablePanelList.expanded .story-well { margin-bottom: 20px; }
#draggablePanelList.collapsed .story-well { margin-bottom: -20px; padding: 5px; }

.editstory_wrap {
  position: relative;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}
.editstory_topleft {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 999;
}
.editstory_remove {
  position: absolute;
  right: 10px;
  top:-5px;
}
.editstory_image-block {
  background: #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 6px;
  margin-bottom: -10px;
}
.editstory_addbuttons {
  margin-right: 2px;
}
.bootstrap-select.btn-group .dropdown-menu li .media-body {
  vertical-align: middle;
  white-space: normal;
}
.bootstrap-select.btn-group .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #005f7d;
    outline: none;
}

/* Sticky Add Story buttons for Issue Builder */
#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 999;
}
.sticky-bar.form-group {
  background: #005f7d;
  top: 0px;
  z-index: 999;
  padding: 4px;
}
.btn.btn-hollow {
  background-color: #005f7d;
  color: #c2f0ff;
  border-color: #c2f0ff;
}

/* Media Manaager */
.media-thumblist {

}
.media-thumb {
  text-align: center;
}
.media-thumb img {
  text-align: center;
  margin: 16px auto;
}

/* Issues List */
p.issue-status {
  margin-bottom: 0;
  color: #9a9a9a;
}
.issue-status .status-published {
  color: #00b15f;
}
.issue-status .issue-date {
  color: #0e7445;
}

/* One Newsletters Issues List */

.single-newsletter-quickstats {
    width: 50%;
    line-height: 1.4;
    text-align: right;
    font-size: 13px;
}
.single-newsletter-quickstats span {
    display: inline-block;
    color: #666666;
    margin-left: 6px;
}