hr {
  border-top-color: #dddddd;
}
.be-left-sidebar .sidebar-elements > li > a > .tag-special {
  margin-top: 8px;
}

.filters {
  padding-bottom: 22px;
}

.filters label {
  margin-right: 8px;
}

.btn-filter {
  margin-right: 22px;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* tables */
.panel-table thead tr th.sorting,
.panel-table thead tr th.sorting_asc,
.panel-table thead tr th.sorting_desc {
  padding-left: 26px;
}

.panel-table tr th:first-child,
.panel-table tr td:first-child {
  padding-left: 26px;
}

.tpad {
  padding-top: 10px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  left: 8px;
  bottom: 10px;
}

.table tbody td {
  vertical-align: top !important;
  padding-top: 20px !important; /* needs refactor - the main CSS style has super specific CSS rules that make this difficult to target more elegantly */
}

.review-text {
  padding: 0;
}

.filters-panel {
  position: relative;
}

.filter-tag {
  background: none;
  border: 1px solid #d9d9d9;
  color: #6b6b6b;
  margin: 4px 8px 4px 0;
  font-weight: normal;
  cursor: default;
}

.utility-buttons-wrapper .btn {
  margin-bottom: 4px;
  margin-top: 4px;
}

.filter-bucket {
  border-right: 1px solid #d9d9d9;
}

.filter-bucket:last-child {
  border-right: 0 none;
}

.close-filters-icon {
  display: block;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #74bed6;
  text-align: center;
  z-index: 10;
  line-height: 24px;
  text-align: center;
}

.close-filters-icon i {
  font-size: 16px;
}

.filter-ctas {
  border-top: 1px solid #d9d9d9;
  padding: 10px 12px;
}

.filter-bucket-select {
  font-size: 13px;
  font-weight: 500;
  margin-top: -11px;
  margin-bottom: 10px;
}

.filter-bucket:first-of-type .filter-bucket-inner {
  padding-left: 16px;
}

.filter-bucket-inner {
  padding: 28px 0px 20px;
  height: 300px;
}

.filter-bucket .title {
  display: block;
  padding-bottom: 12px;
  font-weight: 500 !important;
  font-size: 13px !important;
}

.filter-bucket-options {
  max-height: 225px;
  overflow-y: scroll;
}

.is-loading-wrapper {
  width: 100%;
  height: 40px;
  text-align: center;
  display: block;
}

.filter-bucket-options.has-all-data .is-loading-wrapper {
  display: none;
}

.location-address {
  display: inline-block;
  font-weight: normal !important;
}

.filtering-by-label {
  display: none;
}

.filter-tag-list {
  display: none;
  display: inline;
}

.icon-social .icon-gfs {
  width: 38px;
  height: 38px;
  background: url("/img/GFS_logo-01.png") no-repeat;
  background-size: 100%;
  display: block;
}

.icon-social .icon-nps {
  width: 38px;
  height: 38px;
  font-size: 2.5em;
  padding-top: 0;
  color: #f6c163;
  display: block;
}

.stars-rating {
  width: 110px;
}

label {
  cursor: pointer;
  font-weight: 700 !important;
}

.default-weight {
  font-weight: normal !important;
}

.control-label {
  text-align: right;
  padding-top: 11px;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.form-control.form-inline {
  display: inline-block;
  width: auto;
  line-height: inherit;
}

.pagination-record-count {
  padding-top: 8px;
  padding-bottom: 8px;
}

.flush {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.remove-tag-icon {
  font-size: 18px;
  float: right;
  margin-left: 8px;
  /*margin-top: 6px;*/
  color: #444F5D;
  cursor: pointer;
}

.data-table-filters > div {
  padding-top: 10px;
}

.switch-button-dropdown {
  margin-top: -3px;
  margin-left: 4px;
}

/* TODO - the selectors on the stars in style.css seem very specific in overwriting. Code can be cleaned up */
.mdi-star-outline,
.mdi-star,
.mdi-star-half {
  font-size: 1.4em;
}

span.excellent {
  margin-right: 0px;
}

.operator-symbol {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -5px;
  color: #404040;
}

.total-col {
  padding: 25px 20px 0px 0px !important;
}

/* Background color for theme */
.be-left-sidebar .sidebar-elements > li ul {
  background-color: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Extract this to a helper in less once available -- don't declare all manually */
.t8 {
  width: 8%;
}

.t10 {
  width: 10%;
}

.t12 {
  width: 12%;
}

.t15 {
  width: 15%;
}

.t20 {
  width: 20%;
}

.t25 {
  width: 25%;
}

.t30 {
  width: 30%;
}

.t40 {
  width: 40%;
}

.be-right-navbar .page-title span {
  font-size: 13px;
  margin-left: 12px;
}

.header-location-address {
  font-size: 14px;
}

.tag {
  padding: 8px 12px;
  border-radius: 4px;
  display: inline-block;
  line-height: 13px;
  font-size: 13px;
}

.tag-secondary {
  color: #ffffff;
  background-color: #bfbdbf;
}

.tag.tag-sm {
  padding: 4px 6px;
  font-size: 11px;
}

.tag.tag-special {
  background: #ef456d;
  color: #fff !important;
}

.tag-secondary a {
  text-decoration: underline;
  color: #fff;
}

.tag-alert {
  background: #ff4922;
  color: #ffffff;
}

h3 {
  font-size: 19px;
}

.instructions {
  padding-left: 20px;
}

.instructions li {
  font-weight: bold;
  margin-top: 15px;
}

.instructions li p {
  font-size: 13px;
  font-weight: normal;
}

label {
  line-height: 21px;
}

.form-group.has-tag {
  margin-top: 20px;
}

label.has-description {
  margin-bottom: 0px;
}

.form-description {
  margin-bottom: 10px;
}

.filter-bucket-inner .location-id-tag {
  margin: 2px 0;
}

.left-nav .be-wrapper {
  padding-top: 75px;
}

.left-nav .be-wrapper-iframe {
  padding-top: 0px;
}

textarea.form-control {
  margin-bottom: 4px;
}

.be-top-header .page-title {
  padding: 0 0 0 25px;
  align-items: center;
  display: flex;
}

.be-top-header .page-title,
.be-top-header .navbar-nav > li > a {
  line-height: 75px;
}

.be-top-header .navbar-header .navbar-brand {
  height: 75px;
  line-height: 75px;
}

.feedback-rating {
  padding: 0 0 0 0;
  text-align: center;
  line-height: 33px;
}

/* Login page */
.be-splash-screen .be-wrapper {
  min-height: auto;
}

.splash-container {
  margin-top: 20px;
}

.site-login-logo {
  width: 180px;
  height: auto;
}

.login-tools {
  padding-top: 18px;
}

.login-submit {
  padding-top: 19px;
  margin-bottom: 18px;
}

.login-submit .btn {
  width: 100%;
  border-radius: 3px;
}

.login-forgot-password {
  line-height: 22px;
  text-align: right;
}

.login-back-link {
  display: inline-block;
  padding-top: 35px;
}

.label-meta {
  display: block;
}

.gfs-multi-select {
  border: 1px solid #eee;
  width: 100%;
  height: 300px;
  list-style-type: none;
  padding: 2px;
  margin: 0 0 10px;
  overflow: scroll;
}

.caret-right {
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}

.caret-left {
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-right: 4px solid;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}

.btn-icon-holder {
  float: right;
  margin-right: 4px;
}

.btn-icon-holder span {
  margin-right: -1px;
  font-size: 14px;
}

.gfs-multi-select li {
  padding: 8px 15px;
  display: block;
  cursor: pointer;
}

.gfs-multi-select li:hover {
  background-color: #eee;
}

.gfs-multi-select li.selected {
  background-color: #404040;
  color: #fff;
}

.gfs-multi-select-search-container {
  /*
    display: grid;
    grid-template-columns: auto 68px;
    */
  margin-bottom: -10px;
}

.filter-bucket-inner .gfs-multi-select-search-container {
  margin-bottom: 12px;
  width: 92%;
}

.gfs-multi-select-search-container .column:first-child {
  padding-right: 8px;
}

.gfs-multi-select-search-container .btn {
  margin-top: 8px;
  width: 100%;
  font-size: 11px;
}

.gfs-multi-select-element {
  display: none;
}

.gfs-multi-select-btns {
  margin-top: 165px;
}

.gfs-multi-select-btn {
  width: 120px;
  text-align: left;
  margin-bottom: 8px;
  font-size: 10px;
  line-height: normal;
  padding-top: 8px;
  padding-bottom: 8px;
}

.gfs-multi-select-btn.remove {
  text-align: right;
}

.gfs-multi-select-btn.remove .btn-icon-holder {
  float: left;
}

.gfs-multi-select-btn-group {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.gfs-ms-search-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  font-size: 28px;
  color: #b3b3b3;
}

.gfs-ms-search-input {
  padding-left: 40px;
  background-color: #f5f5f5;
}

/* Accordion */
.accordion .panel .panel-collapse .panel-body {
  padding-left: 47px;
  padding-right: 47px;
}

.accordion .panel.disabled > * {
  opacity: 0.3;
}

.accordion .panel.disabled {
  cursor: not-allowed !important;
}

.accordion .panel-title {
  font-weight: 400;
  font-size: 17px;
}

/* Panels */
.panel-heading.has-grid {
  padding-bottom: 0;
}

.panel-heading.has-grid h3 {
  padding-top: 4px;
  padding-bottom: 18px;
  margin-top: 0;
  margin-bottom: 0;
}

.panel-body.has-top-border {
  border-top: 2px solid rgb(221, 221, 221);
  padding-top: 20px;
}

.panel-table .panel-body.has-top-border {
  padding-top: 0;
  border-top: 1px solid rgb(221, 221, 221);
}

/* Brand Report - Rating Scores */
.rating-masthead {
  max-width: 320px;
  margin: 20px auto;
}

.rating-masthead-score,
.rating-masthead-details {
  float: left;
  width: 50%;
}

.rating-masthead-details-item {
  text-align: left;
}

.rating-masthead-details-item-value,
.rating-masthead-details-item-label {
  display: block;
  width: 100%;
}

.rating-masthead-details-item-value {
  font-size: 30px;
  color: #404040;
  font-weight: 700;
  padding-right: 10px;
}

.rating-masthead-details-item-label {
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;

  text-align: left;
  margin-bottom: 8px;
}

.rating-masthead-score-badge {
  font-size: 48px;
  background: #0396a6;
  color: #ffffff;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  line-height: 100px;
  margin: 0 auto 8px auto;
  display: block;
}

/*.nps-calc {*/
/*border-bottom: 0;*/
/*}*/

/*.nps-chart-legend {*/
/*padding-bottom: 0;*/
/*}*/

.table-data {
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  list-style-type: none;
}

.table-data .icon-social span {
  line-height: 1;
}

.table-data .rating-score {
  float: left;
  display: inline-block;
  margin-top: 4px;
}

.table-data .mdi-star {
  margin-left: 4px;
}

.table-data .badge {
  float: right;
  font-size: 16px;
  height: 28px;
}

.table-data .icon-social {
  padding: 0 15px 0 0;
}

.table-data li {
  padding: 8px 15px;
  border-bottom: 1px solid #ddd;
  min-height: 46px;
  line-height: 30px;
}

.table-data li:last-child {
  border-bottom: 0px;
}

/* Default button updates */
.btn-big {
  padding: 20px 40px;
  border-radius: 6px;
}

.btn-default {
  border-color: #052527;
  color: #052527;
}

.btn-tooltip {
  background: #484d54;
  color: #fff;
  border-radius: 100%;
  box-shadow: none;
  border: 0 none;
  padding: 3px 6px;
  font-size: 10px;
  line-height: normal;
  font-weight: normal;
  position: relative;
  top: -2px;
  z-index: 10;
}

.btn-tooltip:hover {
  color: #fff;
}

/* Tooltip popup */
.tooltip-inner {
  max-width: 360px;
}

.tooltip.top .tooltip-inner {
  background-color: #fff !important;
  color: #404040 !important;
  padding: 20px !important;
  text-align: left;
}

.tooltip.top {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 0;
  margin-top: -18px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #fff !important;
  bottom: -12px;
  border-width: 12px 12px 0;
  margin-left: -12px;
}

.tooltip.top .tooltip-arrow:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  height: 24px;
  width: 24px;
  top: -30px;
  left: -12px;
  background: transparent;
  transform: rotate(45deg);
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
}

/* Status Circles on Agency Dashboard Page */
.status-circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-right: 10px;
  float: left;
  margin-top: 4px;
}

.status-circle-green {
  background-color: green;
}

.status-circle-yellow {
  background-color: #f1b740;
}

.status-circle-red {
  background-color: red;
}

.btn-default:hover,
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
. btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  border-color: #444F5D;
  color: #444F5D;
}

/* Pagination button style updates to match new default button style */
.pagination > li > a,
.pagination > li > span,
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus {
  border-color: #69b5c4;
  color: #69b5c4;
}

.pagination > li > a:focus,
.pagination > li > span:focus {
  border-color: #3fa8bd;
  color: #69b5c4;
  background-color: #ffffff;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-color: #bbb;
  color: #888;
  background-color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #eae8ea;
  border-color: #413f41;
  color: #413f41;
}

.paginate_button.disabled:not(.previous):not(.next) a {
  border: 0 none;
  background: none;
  padding: 18px 4px 0;
  color: #404040;
}

.be-datatable-footer {
  padding: 20px 3px;
}

.is-headerless tbody tr:first-child td {
  border-top-width: 2px;
}

/* Input file */
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  padding: 0 10px;
  font-size: 13px;
  line-height: 28px;
  display: inline-block;
  cursor: pointer;
  color: #fff !important; /* Base style.css has an important rule on the label */
}

/*.img-preview-fpo {*/
/*text-align: center;*/
/*line-height: 80px;*/
/*}*/

/*.img-preview-fpo.logo {;*/
/*line-height: 200px;*/
/*padding-top: 0;*/
/*}*/

/* Color picker udpates */
.color-holder {
  position: relative;
  margin-bottom: 35px;
}

.color-holder span {
  position: absolute;
  bottom: -32px;
  left: 0px;
  font-size: 10px;
  margin-bottom: 15px;
  text-align: center;
  width: 48px;
}

/* Manage Users Data Table */
.users-table-assigned-to-label {
  font-weight: bold;
  display: inline-block;
  width: 95px;
}

/* Pagination sizing updates to match Wagner's latest design */
.pagination > li > a,
.pagination > li > span {
  font-size: 12px;
  padding: 8px 12px;
}

.pagination > li > a:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  border-color: #b8b8b8;
  color: #404040;
  background-color: #fff;
}

.table-hover tbody tr:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.entries-per-page-select select {
  background: #fff;
  min-width: 60px;
}

select.input-sm {
  line-height: 1;
}

.data-tables-search-wrapper .dataTables_filter {
  text-align: left !important;
}

.data-tables-entries-wrapper .dataTables_length {
  text-align: right !important;
}

/* Mobile Menu Updates */
.mobile-menu-toggle {
  display: none;
}

.mobile-location-bar {
  display: none;
  background: #fff;
  padding: 10px 18px;
}

.mobile-location-bar .tag {
  margin-left: 5px;
}

/* Modal */
.modal-dialog .close-filters-icon {
  width: 30px;
  height: 30px;
  top: 20px;
  right: 20px;
  line-height: 36px;
}

.modal-dialog .close-filters-icon i {
  font-size: 22px;
}

.modal-body .row:last-child .form-group {
  margin-bottom: 20px;
}

.modal-icon {
  margin-bottom: 0px;
}

.modal-dialog.modal-md {
  max-width: 730px;
  width: initial;
  margin: 80px auto;
}

.modal-cta,
.modal-heading,
.modal-description {
  margin-bottom: 30px;
}

.modal-content {
  box-shadow: 0 0px 40px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

/* Text */
.text-nowrap {
  white-space: nowrap;
}

.table-text-string {
  min-width: 160px;
}

.table-text-number {
  min-width: 80px;
}

.table-text-date {
  min-width: 140px;
}

.be-left-sidebar .sidebar-elements > li > a .admin-icon {
  font-size: 18px;
  margin-left: 1px;
  margin-right: 11px;
}

@font-face {
  font-family: "admin-icons";
  src: url("https://cdn.reviewability.com/css/fonts/admin-icons.eot?7w14bc");
  src: url("https://cdn.reviewability.com/css/fonts/admin-icons.eot?7w14bc#iefix")
      format("embedded-opentype"),
    url("https://cdn.reviewability.com/css/fonts/admin-icons.ttf?7w14bc")
      format("truetype"),
    url("https://cdn.reviewability.com/css/fonts/admin-icons.woff?7w14bc")
      format("woff"),
    url("https://cdn.reviewability.com/css/fonts/admin-icons.svg?7w14bc#gfs-admin-icons")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="admin-icon"],
[class*=" admin-icon"] {
  font-family: "admin-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.admin-icon-dashboard:before {
  content: "\0042";
  position: relative;
  top: -1px;
}

.be-left-sidebar .sidebar-elements > li > a .admin-icon {
  font-size: 18px;
  margin-left: 1px;
  margin-right: 11px;
}

.global-header-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  display: inline-block;
  position: relative;
  top: 10px;
  right: 4px;
}

.global-header-avatar img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 1199px) {
  .filter-bucket:nth-child(odd) {
    border-right: 0 none;
  }

  .gfs-multi-select-btn-group {
    width: 100%;
  }

  .gfs-multi-select-btn {
    width: 100%;
  }

  .gfs-ms-add-btns {
    float: none;
  }

  .header-location-address {
    display: none;
  }

  .filter-bucket-inner {
    padding: 28px 14px 20px;
  }
}

@media screen and (max-width: 991px) {
  .pull-sm-left {
    float: left !important;
  }

  .filter-bucket {
    border-right: 0 none;
  }

  .filter-bucket-inner {
    border-bottom: 1px solid #d9d9d9;
    padding: 28px 14px 20px;
    height: auto;
  }

  .filter-bucket:last-child .filter-bucket-inner {
    border: 0 none;
  }

  .gfs-multi-select-btns {
    margin-top: 0px;
  }

  .gfs-multi-select {
    height: 188px;
  }

  .gfs-multi-select-btn-group {
    width: 92px;
  }

  .gfs-multi-select-btn {
    width: 100%;
  }

  .gfs-multi-select-btn-group {
    width: 120px;
  }

  .gfs-multi-select-btn {
    width: 120px;
  }

  .gfs-ms-add-btns {
    float: right;
  }

  .entries-per-page-select {
    margin: 0 0 10px;
  }

  .review-text {
    width: 300px;
    white-space: normal;
  }

  .be-top-header .page-title {
    display: none;
  }

  .text-sm-left {
    text-align: left;
  }

  .text-sm-right {
    text-align: right;
  }

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

  .filter-bucket-select {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .text-xs-left {
    text-align: left;
  }

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

  .rating-masthead-details-item-value {
    padding-right: 0;
  }

  /* Mobile Menu Updates */
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin: 0;
  }

  .be-top-header .navbar-header {
    display: block;
    width: 100%;
    background: #fff;
  }

  .be-top-header .navbar-header .navbar-brand {
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-position: center;
    background-size: 150px;
  }

  .left-nav .be-wrapper {
    padding-top: 114px;
    transition: padding-top 0.25s ease-in;
  }

  .header-is-collapsed .left-nav .be-wrapper {
    padding-top: 60px;
    transition: padding-top 0.25s ease-out;
  }

  .be-top-header.navbar-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    transition: top 0.15s ease-in;
  }

  .be-top-header .be-right-navbar .navbar-nav {
    padding-left: 8px;
  }

  .be-top-header .be-right-navbar {
    position: static;
    top: inherit;
    right: inherit;
    left: inherit;
  }

  .be-top-header .page-title,
  .be-top-header .navbar-nav > li > a {
    line-height: 60px;
  }

  .mobile-menu-toggle {
    display: block;
    position: relative;
    height: 60px;
    line-height: 78px;
    padding: 0 15px;
  }

  .mobile-menu-toggle span {
    color: #fff;
    font-size: 30px;
  }

  .mobile-location-bar {
    display: block;
  }

  .be-left-sidebar {
    border-top: 0;
    border-bottom: 0;
  }

  .header-is-collapsed .be-wrapper {
    padding-top: 60px;
  }

  .be-right-navbar {
    transition: top 0.25s ease-in;
  }

  .header-is-collapsed .be-right-navbar {
    top: 0px;
    transition: top 0.25s ease-out;
  }

  .header-is-collapsed .navbar-fixed-top {
    top: -54px;
    transition: top 0.25s ease-out;
  }

  .be-top-header .navbar-header {
    max-height: 54px;
    overflow: hidden;
    transition: top 0.25s ease-in;
  }

  .mobile-menu-open {
    overflow: scroll;
    position: fixed;
    left: 0;
    z-index: 100;
  }

  .is-clipped {
    overflow: hidden;
  }

  .panel-body.has-top-border {
    margin-top: 10px;
  }

  .filter-bucket-inner {
    height: auto;
  }
}

@media (max-width: 480px) {
  .be-icons-nav > li.dropdown .dropdown-menu {
    top: initial;
  }

  .data-tables-search-wrapper .dataTables_filter .input-sm {
    width: 80px;
  }
}

.mobile-location-bar {
  position: relative;
}

.mobile-location-bar .quick-links-nav {
  margin: 0;
}

.mobile-location-bar .quick-links-icon {
  flex: 0 0 30px;
}

.mobile-location-bar .quick-links-icon .dropdown-toggle {
  padding: 0;
}

.mobile-location-bar .level .level-item {
  margin: 0;
}

.quick-links-container a.dropdown-toggle {
  font-size: 16px !important;
}

.quick-links-container a.dropdown-toggle > span {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #58c1d6;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .quick-links-container a.dropdown-toggle > span {
    width: 42px;
    height: 42px;
  }
}

.quick-links-container a.dropdown-toggle .mdi-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #ffffff;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .quick-links-container .nav > li {
    position: static;
  }

  .quick-links-container .quick-links-nav.nav .open > a:focus,
  .quick-links-container .quick-links-nav.nav .open > a:hover,
  .quick-links-container .nav .open > a:hover:focus,
  .quick-links-container .nav .open > a:hover:hover,
  .quick-links-container .nav .open > a:focus,
  .quick-links-container .nav .open > a:hover,
  .quick-links-container .nav > li > a:hover:focus,
  .quick-links-container .nav > li > a:hover:hover,
  .quick-links-container .nav > li > a:focus,
  .quick-links-container .nav > li > a:hover {
    background-color: transparent;
  }

  .quick-links-container
    .navbar-nav
    .open
    .dropdown-menu.quicklinks-dropdown-menu {
    position: absolute;
    width: calc(100% - 24px);
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  }

  .quick-links-container
    .navbar-nav
    .open
    .dropdown-menu.quicklinks-dropdown-menu:before,
  .quick-links-container
    .navbar-nav
    .open
    .dropdown-menu.quicklinks-dropdown-menu:after {
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
    content: "";
    display: inline-block;
    left: 42px;
    margin-left: -6px;
    position: absolute;
  }

  .quick-links-container
    .navbar-nav
    .open
    .dropdown-menu.quicklinks-dropdown-menu:before {
    border-bottom-width: 9px;
    border-left-width: 9px;
    border-right-width: 9px;
    border-bottom-color: #e3e3e3;
    margin-left: -7px;
    top: -9px;
  }
}

.quick-links-container .quick-links {
  padding: 16px 16px 8px 16px;
  width: 320px;
  left: -130px;
}

.quick-links-container .quick-links .title {
  margin-top: 6px;
  margin-bottom: 16px;
}

.quick-links-container .quick-links .btn {
  margin-left: 10px;
}

.quick-links-container .quick-links:before,
.quick-links-container .quick-links:after {
  left: 50% !important;
}

@media screen and (max-width: 767px) {
  .quick-links-container .quick-links:before,
  .quick-links-container .quick-links:after {
    left: calc(100% - 30px) !important;
  }
}

.quick-links-container .quick-links .quick-link-copy-icon {
  margin-left: 6px;
  font-size: 16px;
}

.quick-links-container .quick-links .quick-link-copy-icon .mdi-copy {
  margin: auto;
}

.level {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.icon-people{
  width: 24px;
  height: 24px;
  background-image: url("/img/people.svg#134") !important;
  background-position: 0 0;
  vertical-align: sub;
  display: inline-block;
  margin-right: 6px;
}


.df-editor.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.push-banner-container {
  padding: 25px;
  padding-bottom: 5px;

  .push-banner {
    padding: 16px 32px;
    width: 100%;
    min-height: 32px;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    font-size: 16px;
    font-family: Inter, sans-serif;
    line-height: 24px;
    color: #052527;

    .btn-banner {
      padding: 4px 8px;
      border-radius: 4px;
      text-align: center;
      color: white;
      font-weight: 700;
    }

    &.push-banner-updated {
      background: #E0FFEC;
      .btn-banner {
        background: #29744D;
      }
    }
    &.push-banner-pending {
      background: #D9FFFF;
      .btn-banner {
        background: #2B78A7;
      }
    }

  }
}

.copy-pending-tab.copy-no-padding {
  .push-banner-container {
    padding: 0 !important;
    padding-bottom: 20px !important;
  }
}