@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,600,700,900);
.slider .min, .slider .max {
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0.8px;
  color: #666666; }
.slider .min {
  float: left; }
.slider .max {
  float: right; }
.slider .ui-slider-horizontal, .slider .slider-input {
  height: 1px !important;
  padding-bottom: 0px;
  background-color: #bbbbbb;
  border-radius: 12px;
  clear: both;
  top: 8px;
  margin-bottom: 12px;
  position: relative;
  outline: 0px; }
  .slider .ui-slider-horizontal a, .slider .slider-input a {
    background-color: #999999;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: -13px;
    border-radius: 20px;
    box-shadow: 0px 2px 4px #bbbbbb;
    display: inline-block;
    position: relative;
    outline: 0px; }
.slider input[type="range"] {
  -webkit-appearance: none;
  position: relative;
  top: 6px;
  height: 6px;
  padding: 0px;
  border: none;
  background-color: #bbbbbb;
  z-index: 2;
  margin-bottom: 20px !important;
  clear: both;
  overflow: visible; }
  .slider input[type="range"]:before, .slider input[type="range"]:after {
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 20px;
    background-color: #bbbbbb;
    margin-top: -3px; }
  .slider input[type="range"]:before {
    margin-right: -12px; }
  .slider input[type="range"]:after {
    margin-left: -12px; }
  .slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 20px;
    height: 20px;
    background-color: #aaaaaa;
    border-radius: 20px;
    box-shadow: 0px 2px 4px #bbbbbb;
    z-index: 200;
    position: relative; }
  .slider input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #aaaaaa;
    border-radius: 20px;
    box-shadow: 0px 2px 4px #bbbbbb;
    z-index: 10; }
.slider input.dirty::-webkit-slider-thumb {
  background-color: #f39e86;
  box-shadow: #eca770 !important; }
.slider .dirty {
  background-color: #f8c3b4 !important; }
  .slider .dirty.ui-slider-horizontal a {
    background-color: #eca770; }
  .slider .dirty::-moz-range-track {
    background-color: #eca770 !important; }
  .slider .dirty:before, .slider .dirty:after {
    background-color: #f8c3b4 !important; }
  .slider .dirty::-moz-range-thumb {
    background: #fbe3dc !important;
    box-shadow: #f8c3b4;
    border: 1px solid #fbe3dc; }

::-moz-focus-inner {
  outline: 0;
  display: none; }

.facebook {
  background: #3b5998;
  border: 1px solid #23487e;
  padding: 14px;
  font-size: 18px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif; }
  .facebook .logo {
    float: left;
    border-right: 1px solid #23487e;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    top: -14px;
    left: -10px;
    font-size: 24px; }

.facebook:hover {
  background: #3b5998;
  border: 1px solid #23487e;
  text-shadow: 0px 0px 1px #8b9dc3; }

.fb-profile {
  background-color: #dfe3ee;
  margin-left: 0px;
  padding: 8px;
  padding-left: 0px;
  margin-bottom: 8px;
  margin-top: 8px;
  position: relative;
  border: 1px solid #23487e; }
  .fb-profile .person .label, .fb-profile .business .label {
    color: #222222;
    font-weight: 200;
    margin-bottom: 6px; }
  .fb-profile .person img, .fb-profile .business img {
    float: left;
    margin-right: 8px; }
  .fb-profile .person h4, .fb-profile .business h4 {
    padding-top: 3px; }
  .fb-profile .person h5, .fb-profile .business h5 {
    color: #999999;
    margin: 0;
    padding: 0;
    font-weight: normal; }
  .fb-profile .business .dropdown-menu {
    width: 250px;
    height: 300px;
    overflow: scroll;
    left: 8px; }
    .fb-profile .business .dropdown-menu li {
      text-align: left;
      padding: 8px;
      cursor: pointer;
      border-bottom: 1px solid #eeeeee; }
      .fb-profile .business .dropdown-menu li:last-child {
        border-bottom: none; }
      .fb-profile .business .dropdown-menu li:hover {
        background: #eeeeee; }
      .fb-profile .business .dropdown-menu li img {
        margin-right: 8px;
        margin-top: 0px; }
  .fb-profile .close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    z-index: 100; }
  .fb-profile .change a {
    text-decoration: underline;
    font-style: italic;
    font-size: 14px; }

.twitter {
  background: #55acee;
  padding: 14px;
  font-size: 18px;
  font-family: "Helvetica Neue";
  border: 1px solid #057ed0; }
  .twitter .logo {
    float: left;
    border-right: 1px solid #057ed0;
    padding: 10px;
    padding-top: 14px;
    padding-bottom: 16px;
    padding-right: 16px;
    padding-left: 11px;
    position: relative;
    top: -14px;
    left: -10px;
    height: 100%;
    margin: none;
    font-size: 24px; }

.twitter:hover {
  background: #55acee; }

.twitter-profile {
  padding: 20px;
  text-align: center;
  color: white;
  border: 1px solid #222222;
  border-bottom: 0px;
  position: relative; }
  .twitter-profile .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: black;
    opacity: 1;
    text-shadow: 0px 0px 2px black;
    cursor: pointer;
    z-index: 100;
    font-size: 45px; }
  .twitter-profile h5 {
    margin-top: 0px; }
  .twitter-profile img {
    border: 3px solid white; }

.stats {
  background: white;
  width: 100%;
  color: #222222;
  border: 1px solid #222222;
  border-top: 0px;
  display: block; }
  .stats td {
    padding: 10px;
    padding-top: 4px;
    color: #009999; }
    .stats td h6 {
      color: #666666;
      margin-bottom: 2px;
      padding-bottom: 0; }

.display-contents {
  display: contents !important; }

.inline-block {
  display: inline-block !important; }

.proposal-title {
  margin: 0.75em;
  font-size: 1.5em; }

.website-page .website-container.padding-container-proposals {
  background-color: white; }
.website-page .website-container.deliveries-container {
  background-color: white;
  padding: 0; }
  .website-page .website-container.deliveries-container p {
    margin-left: 0 !important; }
  .website-page .website-container.deliveries-container h3 {
    padding-top: 20px; }
  .website-page .website-container.deliveries-container .order-status-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: auto;
    padding: 15px;
    align-items: center; }
  .website-page .website-container.deliveries-container .delivery-event {
    display: inline-block;
    vertical-align: middle;
    border: lightgrey solid 1px;
    border-radius: 7px;
    background-color: #fafafa;
    margin: 10px;
    width: 100%;
    padding: 27px 20px 27px 20px; }
  .website-page .website-container.deliveries-container .delivery-event-success {
    color: #17971a;
    border-color: #17971a;
    background-color: #f3f9f3; }
  .website-page .website-container.deliveries-container .delivery-event-fail {
    color: RGB(215, 56, 53);
    border-color: RGB(215, 56, 53);
    background-color: RGB(251, 241, 240); }
  .website-page .website-container.deliveries-container .event-row {
    vertical-align: middle;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0; }
  .website-page .website-container.deliveries-container .checkbox-event {
    color: #5e615e;
    font-size: 45px; }
  .website-page .website-container.deliveries-container .check-mark-green {
    color: #17971a; }
  .website-page .website-container.deliveries-container .flex-break {
    flex-basis: 100%;
    height: 0; }
  .website-page .website-container.deliveries-container .check-mark-deliv {
    position: absolute;
    top: 15%;
    left: 20%;
    width: 60%;
    height: 60%; }
    .website-page .website-container.deliveries-container .check-mark-deliv svg path {
      filter: brightness(0) invert(1); }
  .website-page .website-container.deliveries-container .green {
    color: #17971a; }
  .website-page .website-container.deliveries-container .red {
    color: #e11616; }
  .website-page .website-container.deliveries-container .delivery-status-label {
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px; }
  .website-page .website-container.deliveries-container .delivery-check-holder-div {
    position: relative; }
    .website-page .website-container.deliveries-container .delivery-check-holder-div .check-mark-deliv {
      top: 20%; }

button.btn.btn-back {
  margin-left: 1em; }

.padding-proposals {
  padding: 4em !important; }

.margin-top-100 {
  margin-top: 60px;
  padding-top: 5px; }

.website-page .fixed-top-bar h3 {
  display: inline-block;
  padding: 6px 12px;
  color: #353535;
  font-size: 22px;
  vertical-align: middle; }
  @media (max-width: 560px) {
    .website-page .fixed-top-bar h3 {
      font-size: 14px; } }
@media (max-width: 900px) {
  .website-page .fixed-top-bar h3.group-reservations-title {
    font-size: 16px; } }
@media (max-width: 560px) {
  .website-page .fixed-top-bar h3.group-reservations-title {
    font-size: 15px;
    display: inline-block;
    width: calc(100% - 170px );
    float: right;
    padding: 0 12px; } }
@media (max-width: 390px) {
  .website-page .fixed-top-bar h3.group-reservations-title {
    width: calc(100% - 180px );
    font-size: 13px; } }
@media (max-width: 560px) {
  .website-page .fixed-top-bar #mainDropDownMenuButton, .website-page .fixed-top-bar #helpDropDownMenuButton {
    font-size: 20px; } }

.fixed-top-bar {
  position: fixed;
  top: 0;
  left: 50px;
  right: 0;
  min-height: 60px;
  padding: 15px 0;
  background-color: white;
  color: #6d6e71;
  border-bottom: 1px solid #e9eaeb;
  font-weight: normal;
  z-index: 100;
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media (min-width: 768px) {
    .fixed-top-bar.sidebar-expanded {
      left: 250px; } }
  @media (max-width: 767px) {
    .fixed-top-bar {
      left: 0px; } }
  .fixed-top-bar .back-button {
    margin-left: 1em;
    color: #989898;
    background-color: white;
    font-weight: 600;
    font-size: 16px; }
    @media (max-width: 767px) {
      .fixed-top-bar .back-button {
        margin-left: 4em;
        padding: 6px 4px; } }
  .fixed-top-bar .btn {
    padding: 0 4px; }

.inquiry-details-page .section-title.internal-note {
  margin-top: 1em; }
.inquiry-details-page .section-title {
  margin-top: 2em;
  font-size: 1.3em;
  color: black;
  font-weight: 600; }
@media (min-width: 768px) {
  .inquiry-details-page .section-title.banner-active {
    margin-top: 1rem; } }
@media (max-width: 600px) {
  .inquiry-details-page .padding-container-proposals {
    padding: 0 !important; }
    .inquiry-details-page .padding-container-proposals .btn.green-color {
      display: block;
      width: 100%; } }

.website-page .website-container .website-section .payment-container {
  display: flex;
  align-items: center; }
.website-page .website-container .website-section label.payment-label {
  position: absolute;
  margin-top: 4px;
  left: 37px; }

.voucher-holder .padding-container-proposals {
  padding: 2em 2em 5em 2em !important; }

.padding-container-proposals {
  padding: 1em !important;
  position: relative; }
  .padding-container-proposals .subtext {
    font-size: 14px;
    font-weight: 600;
    color: gray; }
  .padding-container-proposals .margin-bottom-5px {
    margin: 15px 15px 5px 0px !important; }
  .padding-container-proposals .margin-payment-inquiry-details-top-row {
    margin: 5px 15px 5px -1em !important; }
  .padding-container-proposals .margin-payment-inquiry-details-bottom-row {
    margin: 15px 15px 5px -1em !important; }
  .padding-container-proposals .payment-required-amount {
    margin: 15px 15px 5px 0px !important; }
  .padding-container-proposals .refund-link {
    font-size: 0.9em;
    font-weight: bold;
    color: #5e615f;
    text-decoration: underline; }
  .padding-container-proposals .btn-proposal-inquiry {
    background-color: #e6e6e6;
    color: grey;
    font-weight: 600;
    margin-bottom: 5px; }
  .padding-container-proposals .green-color {
    color: white;
    background-color: #00b776; }
  .padding-container-proposals .green-color:hover {
    background-color: #00b776; }

.website-page .proposals-page .col-btn-right {
  float: right; }
  @media (max-width: 995px) {
    .website-page .proposals-page .col-btn-right {
      float: none; } }
.website-page .proposals-page .margin-bottom-10 {
  margin-bottom: 10px; }
.website-page .proposals-page .btn-span {
  white-space: break-spaces; }
.website-page .proposals-page .proposal-uppercase {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 600;
  font-size: 15px;
  line-break: anywhere; }
.website-page .proposals-page .attachment_row {
  margin-bottom: 5px;
  padding-left: 0; }
  .website-page .proposals-page .attachment_row .attachment-holder:hover {
    background-color: #eeeeee; }
  .website-page .proposals-page .attachment_row .attachment-holder {
    width: 250px;
    max-width: 100%;
    padding: 10px; }
    .website-page .proposals-page .attachment_row .attachment-holder .close-btn {
      font-size: 10px;
      width: 14px;
      height: 14px;
      color: black;
      line-height: 10px;
      text-align: center;
      margin-top: 3px;
      border: 1px solid black;
      border-radius: 100%;
      cursor: pointer; }
    .website-page .proposals-page .attachment_row .attachment-holder .close-btn:hover {
      text-decoration: none; }
    .website-page .proposals-page .attachment_row .attachment-holder a.normal-text {
      color: black;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 0;
      display: block; }
      .website-page .proposals-page .attachment_row .attachment-holder a.normal-text .fa {
        margin-right: 5px;
        color: #ea5329; }
      .website-page .proposals-page .attachment_row .attachment-holder a.normal-text span {
        color: gray;
        margin-left: 7px; }
.website-page .proposals-page .attachment_x_button {
  padding: 5px 10px !important;
  color: gray !important;
  background-color: transparent !important; }
.website-page .proposals-page .attachment_x_button:active {
  -webkit-box-shadow: none;
  box-shadow: none; }
.website-page .proposals-page .attachment_no_button {
  padding: 5px 10px !important;
  background-color: gray !important;
  margin-left: 8px; }
.website-page .proposals-page .attachment_delete_button {
  padding: 5px 10px !important;
  background-color: red !important;
  margin-left: 10px; }
.website-page .proposals-page .custom-file-input {
  color: transparent;
  border: none;
  outline: none;
  width: auto;
  display: inline; }
.website-page .proposals-page .custom-file-input {
  display: none; }
.website-page .proposals-page .custom-file-input-label-disabled {
  background-color: #efefef !important;
  border-color: #efefef !important;
  width: 100% !important; }
.website-page .proposals-page .custom-file-input-label {
  width: fit-content;
  content: var(--my-content-var);
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-color: #eeeeee;
  color: #ea5329; }
  @media (max-width: 360px) {
    .website-page .proposals-page .custom-file-input-label {
      padding: 10px;
      font-size: 12px; } }
  .website-page .proposals-page .custom-file-input-label span {
    margin-left: 7px;
    text-decoration: underline; }
.website-page .proposals-page .custom-file-input:disabled {
  background-color: #f7f8f9;
  color: #939598; }
.website-page .proposals-page .custom-file-input-label:hover {
  border-color: #939598; }
.website-page .proposals-page .custom-file-input:active {
  outline: 0;
  border: 0; }
.website-page .proposals-page .custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
.website-page .proposals-page .h3em.margin-top-10 {
  margin-top: 10px; }
.website-page .proposals-page .invalid-input {
  border: red;
  border-style: solid; }
.website-page .proposals-page .my-select {
  width: 120px;
  border-radius: 5px;
  padding: 2px;
  margin: auto;
  font-size: 1em;
  color: #58585a;
  padding: 5px;
  width: 100%; }
  .website-page .proposals-page .my-select li {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857;
    color: #337ab7;
    text-decoration: none;
    background-color: white;
    border: 1px solid #dddddd; }
.website-page .proposals-page .event-rich-text .ta-editor {
  min-height: 200px;
  margin-bottom: 20px;
  margin-top: 10px;
  border: 1px solid #eeeeee;
  overflow: scroll; }
  @media (max-width: 767px) {
    .website-page .proposals-page .event-rich-text .ta-editor {
      min-height: 160px; } }
  .website-page .proposals-page .event-rich-text .ta-editor .ta-bind {
    min-height: 180px;
    border: none;
    outline: none; }
    @media (max-width: 767px) {
      .website-page .proposals-page .event-rich-text .ta-editor .ta-bind {
        min-height: 150px; } }
  .website-page .proposals-page .event-rich-text .ta-editor .placeholder-text::before {
    padding: 10px;
    display: block;
    font-family: "Lato", sans-serif;
    color: #888889;
    font-size: 1.3em;
    font-style: italic;
    font-weight: 300; }
  .website-page .proposals-page .event-rich-text .ta-editor p {
    margin: 0; }
.website-page .proposals-page .btn-toolbar .btn-group .fa {
  font-weight: bold;
  color: #686767; }
.website-page .proposals-page .btn-toolbar .btn-group button {
  padding: 10px 20px;
  margin-top: 15px; }
  @media (max-width: 991px) {
    .website-page .proposals-page .btn-toolbar .btn-group button {
      padding: 10px 17px; } }
  @media (max-width: 767px) {
    .website-page .proposals-page .btn-toolbar .btn-group button {
      padding: 7px 10px; } }
.website-page .proposals-page input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  resize: none;
  overflow: auto;
  padding: 8px;
  color: #58585a; }
.website-page .proposals-page h3 {
  margin: 1em 1em 0.5em 0.5em;
  padding-bottom: 0;
  font-size: 1.2em;
  color: #3e3838 !important; }
.website-page .proposals-page h3.no-margin-top {
  margin-top: 0; }
.website-page .proposals-page h3.bigger-font {
  font-size: 1.3em; }
.website-page .proposals-page .dark-color {
  color: #3e3838 !important; }
.website-page .proposals-page .btn-proposition {
  display: inline-block !important;
  background-color: #c6c9cd !important;
  color: #3e3838;
  font-weight: 600; }
.website-page .proposals-page .date-picker {
  width: 160px;
  height: initial;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857;
  color: #337ab7;
  text-decoration: none;
  background-color: white;
  border: 1px solid #dddddd; }
.website-page .proposals-page textarea {
  width: 100%;
  min-height: 100px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  resize: none;
  overflow: auto;
  padding: 8px;
  color: #58585a; }
.website-page .proposals-page textarea.auto-expand::placeholder {
  color: #a1a1a1;
  font-style: italic;
  font-weight: bold; }
.website-page .proposals-page input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  resize: none;
  overflow: auto;
  padding: 8px;
  color: #58585a; }
.website-page .proposals-page input.payment-field {
  padding-left: 20px; }
.website-page .proposals-page .green {
  background-color: #43b673 !important;
  border-color: #43b673 !important;
  color: white;
  font-weight: bold; }
.website-page .proposals-page .grey {
  font-weight: bold;
  color: white;
  background-color: #939598; }
.website-page .new-feature-container {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #584fd6;
  padding: 1em;
  align-items: center;
  font-family: "Poppins", sans-serif;
  color: white;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .website-page .new-feature-container img {
      max-width: 20%; } }
  .website-page .new-feature-container div h2 {
    font-weight: 600;
    font-size: 2.5em; }
    @media (max-width: 767px) {
      .website-page .new-feature-container div h2 {
        font-size: 1.6em; } }
  .website-page .new-feature-container div ul {
    padding-left: 15px;
    margin: 10px 0 15px 0; }
  .website-page .new-feature-container div li {
    font-weight: 400; }
    @media (max-width: 767px) {
      .website-page .new-feature-container div li {
        font-size: 0.9em; } }
  .website-page .new-feature-container a.btn {
    min-width: 30%;
    padding: 1em;
    background-color: white;
    color: black;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.75em; }
    @media (max-width: 767px) {
      .website-page .new-feature-container a.btn {
        font-size: 0.7em; } }

div[blocked-days-component] .blocked-days-component {
  padding: 0 0 1em 0; }
  div[blocked-days-component] .blocked-days-component .btn-success {
    color: white;
    background-color: #e8571e;
    border-color: #e8571e; }
  div[blocked-days-component] .blocked-days-component .btn-danger, div[blocked-days-component] .blocked-days-component .btn-info {
    background: transparent;
    color: black;
    border: none;
    text-decoration: underline;
    text-transform: lowercase; }
  div[blocked-days-component] .blocked-days-component .btn-default.active {
    background-color: transparent; }
    div[blocked-days-component] .blocked-days-component .btn-default.active span {
      color: #43a89e; }
  div[blocked-days-component] .blocked-days-component table tbody td .btn {
    border: none;
    box-shadow: none;
    text-decoration: none; }
    div[blocked-days-component] .blocked-days-component table tbody td .btn:hover, div[blocked-days-component] .blocked-days-component table tbody td .btn:active, div[blocked-days-component] .blocked-days-component table tbody td .btn:focus {
      background-color: #43a89e;
      color: white; }
      div[blocked-days-component] .blocked-days-component table tbody td .btn:hover span:hover, div[blocked-days-component] .blocked-days-component table tbody td .btn:active span:hover, div[blocked-days-component] .blocked-days-component table tbody td .btn:focus span:hover {
        color: white; }
  div[blocked-days-component] .blocked-days-component table tbody td .btn:hover span {
    color: white; }
  div[blocked-days-component] .blocked-days-component table tbody td span {
    font-style: normal;
    font-weight: 500; }
  div[blocked-days-component] .blocked-days-component table tbody td .btn-info.active span {
    color: #43a89e; }
  div[blocked-days-component] .blocked-days-component label {
    font-weight: 400;
    color: #757677; }
  div[blocked-days-component] .blocked-days-component label, div[blocked-days-component] .blocked-days-component input[type="radio"] {
    cursor: pointer; }
  div[blocked-days-component] .blocked-days-component button[disabled].btn-calendar {
    background-color: #cccccc; }
  div[blocked-days-component] .blocked-days-component .btn-group-sm > .btn, div[blocked-days-component] .blocked-days-component .btn-sm {
    border: none; }
  div[blocked-days-component] .blocked-days-component .action-btn-holder {
    color: white; }
    div[blocked-days-component] .blocked-days-component .action-btn-holder .action-btn {
      width: 100px;
      padding: 4px;
      font-size: 1em;
      color: white;
      margin-top: 10px; }
      div[blocked-days-component] .blocked-days-component .action-btn-holder .action-btn:hover, div[blocked-days-component] .blocked-days-component .action-btn-holder .action-btn:focus {
        color: white; }
    div[blocked-days-component] .blocked-days-component .action-btn-holder .delete-btn {
      margin-left: 1.5em;
      background-color: #f03d26; }
      div[blocked-days-component] .blocked-days-component .action-btn-holder .delete-btn:hover {
        background-color: #e42810; }
    div[blocked-days-component] .blocked-days-component .action-btn-holder .save-btn {
      background-color: #e8571e; }
      div[blocked-days-component] .blocked-days-component .action-btn-holder .save-btn:hover {
        background-color: #de4f17; }
  div[blocked-days-component] .blocked-days-component .blocked-days-component-holder {
    padding: 0 2em 2em 2em; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-group {
      margin-left: 2em; }
      @media (max-width: 767px) {
        div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-group {
          margin-left: -2.9em; } }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .btn-toggle {
      background-color: #29b5a8; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .btn-toggle.active {
      background-color: #bdc1c8; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .btn-toggle::before {
      content: "OPEN"; }
      @media (max-width: 767px) {
        div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .btn-toggle::before {
          left: -5rem; } }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .btn-toggle::after {
      content: "CLOSED";
      right: -5.9em; }
      @media (max-width: 767px) {
        div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .btn-toggle::after {
          right: -4.5em; } }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .c-form-label {
      font-weight: 400; }
      @media (max-width: 767px) {
        div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .register form .c-form-row .c-form-label {
          margin-bottom: 0.5em;
          margin-left: 2em; } }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .divider {
      border-bottom: 1px solid #dedede; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .pt-2 {
      padding-top: 2em; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .pt-1 {
      padding-top: 1em; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .my-2 {
      margin: 2em 0; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .mb-2 {
      margin-bottom: 2em; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group.register {
      max-width: 49%;
      min-width: 200px; }
      @media (max-width: 1440px) {
        div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group.register {
          max-width: 63%; } }
      @media (max-width: 767px) {
        div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group.register {
          max-width: 100%; } }
    @media (max-width: 767px) {
      div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group {
        padding-right: 3em; } }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group .action-btn-holder .edit-btn[disabled] {
      background: #d2d2d2; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group p {
      color: #757677;
      font-weight: 600; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .blocked-days-input-group .error {
      color: #e42810;
      margin-top: 1em; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .form-check {
      margin: 5px 0; }
    div[blocked-days-component] .blocked-days-component .blocked-days-component-holder .ng-invalid {
      border-color: #cccccc; }
  @media (max-width: 767px) {
    div[blocked-days-component] .blocked-days-component .dropdown-menu {
      left: -45px !important; } }
  div[blocked-days-component] .blocked-days-component .popover.right > .arrow::after {
    border-right-color: #e8e8e8; }
  div[blocked-days-component] .blocked-days-component .popover {
    width: 100%;
    font-size: 0.9em;
    background: #e8e8e8; }
    div[blocked-days-component] .blocked-days-component .popover a {
      color: #030303;
      font-weight: 400;
      text-decoration: underline; }
  div[blocked-days-component] .blocked-days-component .select-holder {
    position: relative; }
    div[blocked-days-component] .blocked-days-component .select-holder .overInputDiv {
      position: absolute;
      width: 100%;
      height: 100%;
      background: transparent;
      top: 0; }
div[blocked-days-component] .blocked-hours-holder {
  margin: 2em 0; }
  div[blocked-days-component] .blocked-hours-holder p {
    color: #757677;
    font-weight: 600; }
  div[blocked-days-component] .blocked-hours-holder .form-holder {
    display: flex;
    gap: 1.3em; }
    @media (max-width: 767px) {
      div[blocked-days-component] .blocked-hours-holder .form-holder {
        flex-direction: column; } }
    div[blocked-days-component] .blocked-hours-holder .form-holder .form-control {
      display: inline-block;
      border: 1px solid #e8ebee; }
    div[blocked-days-component] .blocked-hours-holder .form-holder .form-control.ng-invalid {
      border: 1px solid red; }
    div[blocked-days-component] .blocked-hours-holder .form-holder input {
      max-width: 10rem;
      margin-right: 0.5em; }
    div[blocked-days-component] .blocked-hours-holder .form-holder .cancel {
      margin-left: 1em;
      color: #ef8d67;
      text-decoration: underline;
      font-weight: 600;
      cursor: pointer; }
      @media (max-width: 767px) {
        div[blocked-days-component] .blocked-hours-holder .form-holder .cancel {
          font-size: 0.9em;
          display: block;
          margin-left: 0;
          margin-top: 1em; } }
div[blocked-days-component] .blocked-day-options-holder {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em; }
  @media (max-width: 767px) {
    div[blocked-days-component] .blocked-day-options-holder {
      flex-direction: column;
      align-items: flex-start; } }
  div[blocked-days-component] .blocked-day-options-holder .input-group {
    max-width: 200px; }
div[blocked-days-component] .add-blocked-hours {
  color: #ef8d67;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer; }
  div[blocked-days-component] .add-blocked-hours .popover {
    text-align: center;
    color: #3d3d3d; }
div[blocked-days-component] .add-blocked-hours + .fa {
  color: #939599;
  font-size: 1.1em; }
div[blocked-days-component] .add-blocked-hours.disabled + .fa {
  color: #d8d8d8; }
div[blocked-days-component] .add-blocked-hours.disabled {
  color: #d8d8d8;
  cursor: default;
  pointer-events: none; }
  div[blocked-days-component] .add-blocked-hours.disabled .fa {
    color: #d8d8d8; }

div[blocked-days-list-component] .grid .grid-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em; }
  @media (max-width: 767px) {
    div[blocked-days-list-component] .grid .grid-layout {
      grid-template-columns: 1fr; } }
  div[blocked-days-list-component] .grid .grid-layout .blocked-day-holder {
    margin: 0;
    border: 1px solid #d8d8d8; }
div[blocked-days-list-component] .grid.blocked-days-list-holder {
  border-top: 2px solid #eeeeee;
  margin-top: 1em; }
div[blocked-days-list-component] .blocked-day-holder {
  display: flex;
  align-content: initial;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  margin: 1em 0;
  border: 2px solid #d8d8d8;
  border-radius: 10px; }
  @media (max-width: 767px) {
    div[blocked-days-list-component] .blocked-day-holder {
      height: auto; } }
  div[blocked-days-list-component] .blocked-day-holder .description-holder {
    margin-right: auto; }
    div[blocked-days-list-component] .blocked-day-holder .description-holder .blocked-day-type {
      display: inline-block; }
    div[blocked-days-list-component] .blocked-day-holder .description-holder .blocked-hours-string {
      color: #eb643f;
      font-weight: 400 !important;
      font-size: 1.1em; }
    div[blocked-days-list-component] .blocked-day-holder .description-holder p {
      margin-top: 1px;
      margin-bottom: 0;
      color: #333333;
      font-weight: 600; }
    div[blocked-days-list-component] .blocked-day-holder .description-holder .blocked-desc-list {
      font-size: 0.9em;
      font-weight: 500; }
  div[blocked-days-list-component] .blocked-day-holder a {
    margin-right: 1.5em;
    font-size: 1.5em;
    color: #ea5329; }
  div[blocked-days-list-component] .blocked-day-holder .small-icon {
    width: 1.5em; }
  div[blocked-days-list-component] .blocked-day-holder .icon-holder {
    background-color: #d8d8d8;
    align-self: stretch;
    display: flex;
    padding: 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 2em; }
div[blocked-days-list-component] .custom-heading {
  color: #686868;
  font-size: 1.1em;
  margin-top: 0.8em; }
div[blocked-days-list-component] .reservations-tab.blocked-days-list-holder {
  border-top: 2px solid #eeeeee;
  margin-top: 1em;
  margin-bottom: 2em;
  border-bottom: 2px solid #eeeeee;
  padding: 0.5em 0 1em 0; }
div[blocked-days-list-component] .online-orders-tab.blocked-days-list-holder {
  border-top: 2px solid #eeeeee;
  margin-top: 2em;
  padding: 0.5em 0 0.5em 0; }
div[blocked-days-list-component] .parties-tab.blocked-days-list-holder {
  margin-bottom: 2em;
  border-bottom: 2px solid #eeeeee;
  padding: 0.5em 0 1em 0; }
div[blocked-days-list-component] .catering-tab.blocked-days-list-holder {
  margin-bottom: 2em; }
div[blocked-days-list-component] .inquiry-page.blocked-days-list-holder .blocked-day-holder {
  background: white;
  border: unset;
  width: 100%;
  border-radius: 5px; }

div[account-form-component] .form-holder {
  width: 60%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    div[account-form-component] .form-holder {
      width: 80%; } }
  div[account-form-component] .form-holder .input-holder .form-group-holder {
    position: relative; }
  div[account-form-component] .form-holder .input-holder .fa {
    position: absolute;
    left: 0;
    padding: 10px;
    font-size: 1.4em;
    top: 5px; }
  div[account-form-component] .form-holder .input-holder input {
    width: 100%;
    padding: 0.6em 2.2em;
    border-radius: 5px;
    border: 1px solid black;
    margin: 0.3em 0; }
  div[account-form-component] .form-holder .input-holder input:focus {
    border: 1px solid #666666;
    outline: none; }
  div[account-form-component] .form-holder .input-holder input[disabled] {
    color: #666666;
    -webkit-text-fill-color: #666666;
    -webkit-opacity: 1; }
  div[account-form-component] .form-holder .input-holder label {
    margin-top: 0.7em;
    margin-bottom: 0; }
  div[account-form-component] .form-holder .submit-btn {
    width: 100%;
    margin-top: 1.5em;
    padding: 0.9em;
    background-color: #47b670;
    color: white; }
  div[account-form-component] .form-holder .error {
    color: #e42810;
    margin-top: 1em; }

div[event-planner-congrats-banner] .holder.inquiries-page {
  margin-top: 3em; }
div[event-planner-congrats-banner] .holder.inquiries-calendar-page {
  margin-top: 1em;
  margin-bottom: 2em; }
div[event-planner-congrats-banner] .holder {
  background-color: #584fd6;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  border-radius: 0.4em;
  min-height: 50px; }
  div[event-planner-congrats-banner] .holder .info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 95%;
    gap: 1em; }
    @media (max-width: 768px) {
      div[event-planner-congrats-banner] .holder .info {
        flex-direction: column;
        text-align: center;
        gap: 0.5em; } }
    div[event-planner-congrats-banner] .holder .info img {
      max-width: 30px; }
    div[event-planner-congrats-banner] .holder .info p {
      margin: 0;
      font-weight: lighter;
      font-size: 1.2em; }
      @media (max-width: 768px) {
        div[event-planner-congrats-banner] .holder .info p {
          font-size: 1em; } }
  div[event-planner-congrats-banner] .holder .close-btn {
    color: white;
    background-color: transparent;
    border: none; }

div[event-planner-tell-me-more] .holder.inquiries-calendar-page {
  margin-bottom: 2em;
  margin-top: 1em; }
div[event-planner-tell-me-more] .holder {
  position: relative;
  background-color: #fdfaf9;
  padding: 10px;
  margin-top: 2em;
  display: flex;
  align-items: center;
  border: 1px solid #e6d5d0;
  border-radius: 0.5em; }
  @media (max-width: 768px) {
    div[event-planner-tell-me-more] .holder {
      flex-direction: column;
      padding: 1em;
      justify-content: center;
      justify-items: center; } }
div[event-planner-tell-me-more] .info-holder {
  flex-basis: 90%;
  padding: 0.5em 1em; }
  div[event-planner-tell-me-more] .info-holder h4 {
    font-weight: bold;
    font-size: 20px; }
    @media (max-width: 991px) {
      div[event-planner-tell-me-more] .info-holder h4 br {
        display: none; } }
  div[event-planner-tell-me-more] .info-holder h5 {
    font-weight: bold; }
  div[event-planner-tell-me-more] .info-holder ul {
    padding: 13px;
    padding-bottom: 0; }
  div[event-planner-tell-me-more] .info-holder .subheading {
    font-weight: bold;
    font-style: italic;
    color: #333333; }
div[event-planner-tell-me-more] .cta-holder {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center; }
  div[event-planner-tell-me-more] .cta-holder .orange-btn {
    background-color: #e85725;
    color: white;
    border: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    min-width: 194px;
    text-transform: none; }
  div[event-planner-tell-me-more] .cta-holder button {
    background-color: #584fd6;
    color: white;
    margin: 1em;
    min-width: 12em;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.3em;
    border-color: #584fd6;
    border-radius: 0.5em; }
  div[event-planner-tell-me-more] .cta-holder img {
    max-width: 90px; }
div[event-planner-tell-me-more] .close-btn {
  position: absolute;
  top: 10px;
  right: 0;
  background: transparent;
  color: #e6d5d0;
  font-size: 1.1em;
  margin-top: -1em; }

span[google-business-upgrade] button {
  background-color: #584fd6 !important;
  border-color: #584fd6 !important;
  border-radius: 6px;
  color: white;
  padding: 6px;
  width: 100px;
  text-align: center;
  margin: 5px; }
  span[google-business-upgrade] button span {
    margin-left: 6px; }
span[google-business-upgrade] img {
  vertical-align: text-top; }

.users-password-reset-page {
  display: flex;
  align-items: center;
  justify-content: center; }
  .users-password-reset-page .holder {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    margin: 7em 0; }
    @media (max-width: 767px) {
      .users-password-reset-page .holder {
        margin: 1.5em 0;
        max-width: 100%; } }
    .users-password-reset-page .holder h1 {
      color: black;
      font-weight: bold;
      margin-bottom: 0.5em;
      font-size: 2.5em; }
      @media (max-width: 767px) {
        .users-password-reset-page .holder h1 {
          font-size: 1.7em; } }
    @media (max-width: 767px) {
      .users-password-reset-page .holder h2 {
        font-size: 1.4em; } }
    .users-password-reset-page .holder p {
      font-size: 1.1em;
      margin-top: 1.5em; }
      @media (max-width: 767px) {
        .users-password-reset-page .holder p {
          font-size: 1em; } }
    .users-password-reset-page .holder .text-holder {
      margin: 1em; }
    .users-password-reset-page .holder .img-holder {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-self: center;
      align-items: center; }
    .users-password-reset-page .holder .icon-img {
      width: 7em;
      margin: 5px; }
      @media (max-width: 767px) {
        .users-password-reset-page .holder .icon-img {
          width: 5em; } }
    .users-password-reset-page .holder .logo {
      width: 10em; }
      @media (max-width: 767px) {
        .users-password-reset-page .holder .logo {
          width: 8em; } }
    .users-password-reset-page .holder .icon-checkmark {
      width: 5.5em;
      width: 4em; }
    .users-password-reset-page .holder .sph-already-exists-btn {
      display: inline-block;
      width: 100%;
      padding: 0.7em;
      background-color: #47b670;
      color: white;
      margin-top: 0.5em;
      font-size: 1.1em; }
  .users-password-reset-page .success-holder {
    margin-top: 20vh;
    width: 26em; }
    @media (max-width: 767px) {
      .users-password-reset-page .success-holder {
        width: 20em; } }
    .users-password-reset-page .success-holder h2 {
      font-weight: bold; }
    .users-password-reset-page .success-holder .sph-success-btn {
      width: 80%;
      background-color: #e8571e;
      color: white;
      margin-bottom: 1em; }
  .users-password-reset-page .error {
    color: red; }

.new-sms-acoount-page div[account-form-component] .form-holder .submit-btn {
  margin-top: 0.9em; }
.new-sms-acoount-page div[account-form-component] .form-holder .input-holder input {
  padding: 0.6em; }

.email-subscribe-page {
  background-color: #f7f8fa; }
  .email-subscribe-page .header {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 0;
    min-height: 70px; }
    .email-subscribe-page .header img {
      max-width: 75%; }
    .email-subscribe-page .header div {
      width: 200px; }
  .email-subscribe-page .main-content {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    margin-top: 5em; }
    .email-subscribe-page .main-content .content {
      text-align: center; }
      .email-subscribe-page .main-content .content h1 {
        font-size: 1.8em;
        font-weight: 500;
        color: black; }
      .email-subscribe-page .main-content .content img {
        max-width: 120px;
        height: 80px;
        margin-top: 10px; }
      .email-subscribe-page .main-content .content p {
        margin: 0 0 4px; }
    .email-subscribe-page .main-content .text-content {
      margin: 2.2em 1em 1.5em 1em; }
    .email-subscribe-page .main-content .btn {
      min-width: 250px;
      background-color: black;
      color: white;
      padding: 8px;
      text-transform: uppercase; }
      .email-subscribe-page .main-content .btn:hover {
        background-color: #3c3c3c;
        color: white; }

.instagram-holder {
  padding: 0; }

.instagram_landing_page h1 {
  font-size: 2.4em;
  font-weight: 700; }
  @media (max-width: 1650px) {
    .instagram_landing_page h1 {
      font-size: 2em; } }
  @media (max-width: 1500px) {
    .instagram_landing_page h1 {
      font-size: 1.8em; } }
  @media (max-width: 600px) {
    .instagram_landing_page h1 {
      font-size: 1.6em !important; } }
  @media (max-width: 420px) {
    .instagram_landing_page h1 {
      font-size: 1.4em !important; } }
@media (max-width: 600px) {
  .instagram_landing_page h2 {
    font-size: 1.6em !important; } }
@media (max-width: 420px) {
  .instagram_landing_page h2 {
    font-size: 1.4em !important; } }
.instagram_landing_page p {
  font-size: 1.6em;
  font-weight: 400; }
  @media (max-width: 1650px) {
    .instagram_landing_page p {
      font-size: 1.4em; } }
  @media (max-width: 1500px) {
    .instagram_landing_page p {
      font-size: 1.3em; } }
  @media (max-width: 600px) {
    .instagram_landing_page p {
      font-size: 1.2em !important; } }
  @media (max-width: 420px) {
    .instagram_landing_page p {
      font-size: 1.1em !important; } }
.instagram_landing_page .color-pink {
  color: #c12583;
  font-weight: bold; }
@media (max-width: 1430px) {
  .instagram_landing_page .lg-hide {
    display: none; } }
.instagram_landing_page .md-visible {
  display: none; }
  @media (max-width: 991px) {
    .instagram_landing_page .md-visible {
      display: block; } }
  @media (max-width: 480px) {
    .instagram_landing_page .md-visible {
      display: none; } }
.instagram_landing_page .hidden-991 {
  display: block; }
  @media (max-width: 991px) {
    .instagram_landing_page .hidden-991 {
      display: none; } }
@media (max-width: 767px) {
  .instagram_landing_page .sm-hidden {
    display: none; } }
.instagram_landing_page .main-btn {
  padding: 10px 60px;
  font-size: 1.2em;
  border-radius: 15px;
  background: #ea5329;
  color: white;
  font-weight: 700;
  width: fit-content;
  cursor: pointer; }
  @media (max-width: 991px) {
    .instagram_landing_page .main-btn {
      width: 90%;
      max-width: 300px; } }
.instagram_landing_page .photo-banner {
  display: flex;
  align-items: center;
  background-image: url("https://static.spotapps.co/assets/admin/landing_page/instagram/landing_background.jpg");
  background-size: cover;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .instagram_landing_page .photo-banner {
      flex-direction: column;
      background-position: center right; } }
  .instagram_landing_page .photo-banner h1 {
    color: white; }
    @media (max-width: 1200px) {
      .instagram_landing_page .photo-banner h1 {
        text-shadow: 4px 4px 6px black; } }
  .instagram_landing_page .photo-banner p {
    color: white; }
    @media (max-width: 1200px) {
      .instagram_landing_page .photo-banner p {
        text-shadow: 4px 4px 6px black; } }
  .instagram_landing_page .photo-banner .left-content {
    flex-basis: 39%;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
    min-width: 570px; }
    @media (max-width: 1650px) {
      .instagram_landing_page .photo-banner .left-content {
        min-width: 480px; } }
    @media (max-width: 1430px) {
      .instagram_landing_page .photo-banner .left-content {
        min-width: auto; } }
    @media (max-width: 1200px) {
      .instagram_landing_page .photo-banner .left-content {
        order: 1;
        margin-top: 30px;
        text-align: center; }
        .instagram_landing_page .photo-banner .left-content .main-btn {
          margin: auto; } }
    @media (max-width: 767px) {
      .instagram_landing_page .photo-banner .left-content {
        margin-top: 60px;
        max-width: 70%; } }
    @media (max-width: 500px) {
      .instagram_landing_page .photo-banner .left-content {
        max-width: 90%; } }
    .instagram_landing_page .photo-banner .left-content p {
      margin: 15px auto 30px; }
  .instagram_landing_page .photo-banner .middle-content {
    flex-basis: 10%; }
    @media (max-width: 1200px) {
      .instagram_landing_page .photo-banner .middle-content {
        order: 3; } }
    @media (max-width: 991px) {
      .instagram_landing_page .photo-banner .middle-content {
        order: 2; } }
    .instagram_landing_page .photo-banner .middle-content img {
      display: block;
      width: auto;
      margin: 30px auto 0;
      max-height: 400px; }
      @media (max-width: 1650px) {
        .instagram_landing_page .photo-banner .middle-content img {
          max-height: 350px; } }
      @media (max-width: 1500px) {
        .instagram_landing_page .photo-banner .middle-content img {
          max-height: 300px; } }
  .instagram_landing_page .photo-banner .right-content {
    flex-basis: 45%;
    position: relative;
    padding: 5px 7px 5px 12px;
    align-self: flex-start;
    margin-top: 30px;
    margin-left: 30px;
    max-width: 90%; }
    @media (max-width: 1200px) {
      .instagram_landing_page .photo-banner .right-content {
        order: 2;
        align-self: center; } }
    @media (max-width: 991px) {
      .instagram_landing_page .photo-banner .right-content {
        display: none; } }
    .instagram_landing_page .photo-banner .right-content .blured-box {
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(7px);
      padding: 18px 20px;
      width: 440px; }
      @media (max-width: 1500px) {
        .instagram_landing_page .photo-banner .right-content .blured-box {
          width: 400px; } }
      @media (max-width: 500px) {
        .instagram_landing_page .photo-banner .right-content .blured-box {
          width: 100%; } }
      .instagram_landing_page .photo-banner .right-content .blured-box .icon-holder {
        display: inline-block;
        width: 35px;
        vertical-align: top;
        margin-right: 10px; }
      .instagram_landing_page .photo-banner .right-content .blured-box .text-content {
        display: inline-block;
        color: white;
        font-weight: 700;
        font-size: 1.5em;
        width: 80%; }
        @media (max-width: 1650px) {
          .instagram_landing_page .photo-banner .right-content .blured-box .text-content {
            font-size: 1.4em; } }
        @media (max-width: 1500px) {
          .instagram_landing_page .photo-banner .right-content .blured-box .text-content {
            font-size: 1.3em; } }
        .instagram_landing_page .photo-banner .right-content .blured-box .text-content::before {
          content: "";
          display: block;
          position: absolute;
          background-size: contain;
          background-repeat: no-repeat;
          height: 50px;
          width: 50px;
          bottom: -64px;
          left: -33px;
          background-image: url("https://static.spotapps.co/assets/admin/landing_page/instagram/arrow_white.png"); }
          @media (max-width: 1200px) {
            .instagram_landing_page .photo-banner .right-content .blured-box .text-content::before {
              bottom: -61px;
              left: 67%;
              transform: rotate(0.82turn); } }
.instagram_landing_page .top-section.mobile-view {
  display: none;
  position: relative; }
  @media (max-width: 991px) {
    .instagram_landing_page .top-section.mobile-view {
      display: block;
      background-color: #333333; }
      .instagram_landing_page .top-section.mobile-view .gray-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        gap: 15px;
        width: 530px;
        max-width: 90%;
        margin: auto; }
      .instagram_landing_page .top-section.mobile-view .text-content {
        color: white;
        font-weight: 700;
        font-size: 1.3em;
        width: 100%;
        text-align: center; }
        .instagram_landing_page .top-section.mobile-view .text-content::before {
          content: "";
          display: block;
          position: absolute;
          background-size: contain;
          background-repeat: no-repeat;
          height: 50px;
          width: 50px;
          top: -49px;
          left: calc(50% + 125px);
          transform: translateX(-50%) rotate(0.74turn);
          background-image: url("https://static.spotapps.co/assets/admin/landing_page/instagram/arrow_white.png"); } }
      @media (max-width: 991px) and (max-width: 600px) {
        .instagram_landing_page .top-section.mobile-view .text-content {
          font-size: 1.2em; } }
.instagram_landing_page .section-two {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 50px auto; }
  @media (max-width: 1500px) {
    .instagram_landing_page .section-two {
      margin: 30px auto; } }
  @media (max-width: 991px) {
    .instagram_landing_page .section-two {
      width: 90%; } }
  .instagram_landing_page .section-two h1 {
    color: black;
    font-weight: 700;
    padding: 0; }
  .instagram_landing_page .section-two p {
    color: black;
    font-size: 1.5em;
    margin: 15px auto; }
    @media (max-width: 1650px) {
      .instagram_landing_page .section-two p {
        font-size: 1.3em; } }
    @media (max-width: 1500px) {
      .instagram_landing_page .section-two p {
        font-size: 1.2em; } }
    @media (max-width: 767px) {
      .instagram_landing_page .section-two p {
        max-width: 500px; } }
.instagram_landing_page .section-three {
  position: relative;
  display: flex;
  width: 1300px;
  max-width: 80%;
  align-items: center;
  margin: 50px auto;
  padding: 0 40px 20px;
  border-radius: 10px;
  background: #f0f0f0; }
  @media (max-width: 1500px) {
    .instagram_landing_page .section-three {
      max-width: 90%;
      margin: 50px auto; } }
  @media (max-width: 1200px) {
    .instagram_landing_page .section-three {
      margin: 30px auto; } }
  @media (max-width: 991px) {
    .instagram_landing_page .section-three {
      align-items: center;
      justify-content: center;
      margin-top: 0;
      padding-top: 0;
      flex-direction: column; } }
  .instagram_landing_page .section-three .left-content {
    flex-basis: 60%; }
    @media (max-width: 1500px) {
      .instagram_landing_page .section-three .left-content {
        flex-basis: 50%; } }
    @media (max-width: 1300px) {
      .instagram_landing_page .section-three .left-content {
        flex-basis: 40%; } }
    @media (max-width: 1200px) {
      .instagram_landing_page .section-three .left-content {
        flex-basis: 60%; } }
    @media (max-width: 991px) {
      .instagram_landing_page .section-three .left-content {
        flex-basis: 100%; } }
    .instagram_landing_page .section-three .left-content .icon-holder {
      margin-top: 30px;
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .instagram_landing_page .section-three .left-content .icon-holder {
          display: block;
          text-align: center; } }
      .instagram_landing_page .section-three .left-content .icon-holder img {
        width: 70px; }
        @media (max-width: 1200px) {
          .instagram_landing_page .section-three .left-content .icon-holder img {
            width: 60px; } }
    .instagram_landing_page .section-three .left-content h2 {
      font-weight: 700;
      font-size: 2.1em;
      margin-bottom: 15px; }
      @media (max-width: 1650px) {
        .instagram_landing_page .section-three .left-content h2 {
          font-size: 1.8em; } }
      @media (max-width: 1500px) {
        .instagram_landing_page .section-three .left-content h2 {
          font-size: 1.6em; } }
      @media (max-width: 991px) {
        .instagram_landing_page .section-three .left-content h2 {
          text-align: center; } }
    .instagram_landing_page .section-three .left-content p {
      font-size: 1.4em; }
      @media (max-width: 1650px) {
        .instagram_landing_page .section-three .left-content p {
          font-size: 1.3em; } }
      @media (max-width: 1500px) {
        .instagram_landing_page .section-three .left-content p {
          font-size: 1.2em; } }
    .instagram_landing_page .section-three .left-content .main-btn {
      margin: 30px 0 10px; }
      @media (max-width: 991px) {
        .instagram_landing_page .section-three .left-content .main-btn {
          margin: 30px auto 10px;
          text-align: center; } }
    .instagram_landing_page .section-three .left-content .btn-cont-holder {
      width: fit-content;
      text-align: center; }
      @media (max-width: 991px) {
        .instagram_landing_page .section-three .left-content .btn-cont-holder {
          width: 300px;
          max-width: 90%;
          margin: auto; } }
  .instagram_landing_page .section-three .right-content {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 991px) {
      .instagram_landing_page .section-three .right-content {
        position: relative;
        left: 0;
        top: 0;
        transform: none; } }
    .instagram_landing_page .section-three .right-content img {
      max-height: 500px; }
      @media (max-width: 1300px) {
        .instagram_landing_page .section-three .right-content img {
          max-height: 600px; } }
      @media (max-width: 1200px) {
        .instagram_landing_page .section-three .right-content img {
          max-height: 300px; } }
      @media (max-width: 991px) {
        .instagram_landing_page .section-three .right-content img {
          display: none; } }
.instagram_landing_page .section-four {
  position: relative;
  display: flex;
  width: 1300px;
  max-width: 80%;
  align-items: center;
  margin: 100px auto 0;
  padding: 50px 40px 20px;
  border-top: 2px solid #c12583; }
  @media (max-width: 1500px) {
    .instagram_landing_page .section-four {
      max-width: 90%;
      margin: 100px auto 0; } }
  @media (max-width: 1200px) {
    .instagram_landing_page .section-four {
      border-top: none;
      align-items: center;
      justify-content: center;
      margin-top: 0;
      padding-top: 0;
      gap: 20px; } }
  @media (max-width: 991px) {
    .instagram_landing_page .section-four {
      flex-direction: column; } }
  .instagram_landing_page .section-four .right-content {
    position: relative;
    flex-basis: calc(100% - 390px);
    left: 390px; }
    @media (max-width: 1200px) {
      .instagram_landing_page .section-four .right-content {
        left: 0;
        flex-basis: auto; } }
    @media (max-width: 991px) {
      .instagram_landing_page .section-four .right-content .icon-holder {
        display: block;
        text-align: center; } }
    .instagram_landing_page .section-four .right-content .icon-holder::before {
      content: "";
      display: block;
      position: absolute;
      background-size: contain;
      background-repeat: no-repeat;
      height: 90px;
      width: 71px;
      top: 11px;
      left: -80px;
      background-image: url("https://static.spotapps.co/assets/admin/landing_page/instagram/arrow.png"); }
      @media (max-width: 1200px) {
        .instagram_landing_page .section-four .right-content .icon-holder::before {
          height: 80px;
          width: 61px;
          top: 16px;
          left: -65px; } }
      @media (max-width: 991px) {
        .instagram_landing_page .section-four .right-content .icon-holder::before {
          top: -80px;
          left: calc(50% - 100px);
          transform: translateX(-50%); } }
    .instagram_landing_page .section-four .right-content .icon-holder img {
      height: 78px;
      margin-bottom: 30px; }
      @media (max-width: 1500px) {
        .instagram_landing_page .section-four .right-content .icon-holder img {
          height: 60px; } }
      @media (max-width: 991px) {
        .instagram_landing_page .section-four .right-content .icon-holder img {
          height: 50px; } }
      @media (max-width: 600px) {
        .instagram_landing_page .section-four .right-content .icon-holder img {
          width: 90%;
          height: auto; } }
    .instagram_landing_page .section-four .right-content h2 {
      font-weight: 700;
      font-size: 2.1em;
      margin-bottom: 10px; }
      @media (max-width: 1650px) {
        .instagram_landing_page .section-four .right-content h2 {
          font-size: 1.8em; } }
      @media (max-width: 1500px) {
        .instagram_landing_page .section-four .right-content h2 {
          font-size: 1.6em; } }
      @media (max-width: 991px) {
        .instagram_landing_page .section-four .right-content h2 {
          text-align: left; } }
    .instagram_landing_page .section-four .right-content p {
      font-size: 1.4em; }
      @media (max-width: 1650px) {
        .instagram_landing_page .section-four .right-content p {
          font-size: 1.3em; } }
      @media (max-width: 1500px) {
        .instagram_landing_page .section-four .right-content p {
          font-size: 1.2em; } }
    .instagram_landing_page .section-four .right-content .main-btn {
      margin: 15px 0 10px; }
      @media (max-width: 991px) {
        .instagram_landing_page .section-four .right-content .main-btn {
          margin: 15px auto 10px;
          text-align: center; } }
    .instagram_landing_page .section-four .right-content .btn-cont-holder {
      width: fit-content;
      text-align: center; }
      @media (max-width: 991px) {
        .instagram_landing_page .section-four .right-content .btn-cont-holder {
          width: 300px;
          max-width: 90%;
          margin: auto; } }
    .instagram_landing_page .section-four .right-content .the-more-img img {
      height: 35px;
      mix-blend-mode: darken; }
    .instagram_landing_page .section-four .right-content .text-content .box:first-of-type {
      margin-bottom: 30px; }
  .instagram_landing_page .section-four .left-content {
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 1200px) {
      .instagram_landing_page .section-four .left-content {
        position: relative;
        left: 0;
        top: 0;
        transform: none; } }
    .instagram_landing_page .section-four .left-content img {
      max-height: 640px; }
      @media (max-width: 1200px) {
        .instagram_landing_page .section-four .left-content img {
          max-height: 450px; } }
      @media (max-width: 991px) {
        .instagram_landing_page .section-four .left-content img {
          max-height: 250px; } }

.instagram-upgrade-modal-2.modal-header {
  padding: 0;
  position: relative;
  border-bottom: none; }
  .instagram-upgrade-modal-2.modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    z-index: 2; }
.instagram-upgrade-modal-2 .modal-instagram-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .instagram-upgrade-modal-2 .modal-instagram-body .instagram-icon {
    width: 55px;
    margin-top: 25px; }
  .instagram-upgrade-modal-2 .modal-instagram-body .text-box {
    text-align: center; }
    .instagram-upgrade-modal-2 .modal-instagram-body .text-box h1 {
      color: #333333;
      font-weight: 500;
      font-size: 2.2em;
      margin: 10px auto 5px; }
    .instagram-upgrade-modal-2 .modal-instagram-body .text-box .subtitle {
      color: #333333;
      font-size: 1.2em; }
    .instagram-upgrade-modal-2 .modal-instagram-body .text-box .text-content {
      margin: 20px auto; }
      @media (max-width: 440px) {
        .instagram-upgrade-modal-2 .modal-instagram-body .text-box .text-content {
          width: 80%; } }
    @media (max-width: 440px) {
      .instagram-upgrade-modal-2 .modal-instagram-body .text-box .hide-mobile {
        display: none; } }
.instagram-upgrade-modal-2 .footer-content .btn.btn-insta-upg {
  color: white;
  background-color: #ea5329;
  padding: 8px 40px 8px 40px;
  font-weight: 600;
  font-size: 15px;
  max-width: 70%;
  width: 50%; }
  @media (max-width: 600px) {
    .instagram-upgrade-modal-2 .footer-content .btn.btn-insta-upg {
      justify-content: center;
      width: 90%; } }
  .instagram-upgrade-modal-2 .footer-content .btn.btn-insta-upg:hover {
    background-color: #fa5329; }
.instagram-upgrade-modal-2 .footer-content .unsubscribe {
  margin: 20px auto 15px;
  color: #707070;
  font-size: 11px; }
  .instagram-upgrade-modal-2 .footer-content .unsubscribe a {
    color: #707070;
    text-decoration: underline; }
.instagram-upgrade-modal-2 .close {
  font-weight: lighter;
  font-size: 26px; }

.google_landing_page {
  font-size: 16px;
  color: #333333;
  max-width: 1200px;
  margin: 25px auto 0; }
  @media (max-width: 1024px) {
    .google_landing_page {
      font-size: 15px; } }
  @media (max-width: 600px) {
    .google_landing_page {
      font-size: 14px; } }
  .google_landing_page h1 {
    font-weight: 900;
    color: #333333; }
  .google_landing_page p {
    line-height: 1.2em; }
  .google_landing_page .mid-size-box {
    max-width: 680px;
    margin: 30px auto; }
    .google_landing_page .mid-size-box h1 {
      font-size: 2.2em;
      font-weight: 700; }
      @media (max-width: 1200px) {
        .google_landing_page .mid-size-box h1 {
          font-size: 2em; } }
      @media (max-width: 600px) {
        .google_landing_page .mid-size-box h1 {
          font-size: 1.8em; } }
  @media (max-width: 440px) {
    .google_landing_page .hidden-440 {
      display: none; } }
  .google_landing_page .banner-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background-image: url("https://static.spotapps.co/assets/admin/google_landing/background_top.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0 40px 40px;
    border-radius: 8px;
    margin-bottom: 25px; }
    @media (max-width: 1024px) {
      .google_landing_page .banner-section {
        flex-direction: column-reverse;
        text-align: center;
        gap: 0;
        padding-top: 0; } }
    @media (max-width: 600px) {
      .google_landing_page .banner-section {
        padding: 25px 0 40px 25px; } }
    @media (max-width: 1024px) {
      .google_landing_page .banner-section .left {
        width: 100%;
        margin-top: -30px; } }
    @media (max-width: 1024px) {
      .google_landing_page .banner-section .left .text-content {
        padding-right: 40px; } }
    @media (max-width: 600px) {
      .google_landing_page .banner-section .left .text-content {
        padding-right: 25px; }
        .google_landing_page .banner-section .left .text-content p {
          max-width: 295px;
          margin: 0 auto 10px; } }
    .google_landing_page .banner-section .left h1 {
      font-size: 1.6em;
      line-height: 1.4em;
      color: white; }
      @media (max-width: 600px) {
        .google_landing_page .banner-section .left h1 {
          font-size: 1.4em; } }
    .google_landing_page .banner-section .left p {
      font-size: 1em;
      color: white; }
    .google_landing_page .banner-section .left .megafon {
      margin-top: 30px;
      gap: 10px;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      @media (max-width: 1024px) {
        .google_landing_page .banner-section .left .megafon {
          justify-content: center;
          margin-right: 40px; } }
      @media (max-width: 600px) {
        .google_landing_page .banner-section .left .megafon {
          margin-right: 25px; }
          .google_landing_page .banner-section .left .megafon img {
            display: none; } }
      .google_landing_page .banner-section .left .megafon p {
        font-size: 1.1em;
        font-weight: 600;
        color: #ffcd2d;
        margin: 0; }
      .google_landing_page .banner-section .left .megafon img {
        width: 50px; }
    .google_landing_page .banner-section .right {
      text-align: right; }
      @media (max-width: 1024px) {
        .google_landing_page .banner-section .right {
          text-align: right;
          width: 100%; } }
      .google_landing_page .banner-section .right img {
        width: 90%;
        max-width: 400px; }
  .google_landing_page .option-main-holder {
    background-color: #fdfaf9;
    padding: 20px; }
    .google_landing_page .option-main-holder .option-section {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      background-color: white;
      padding: 20px;
      box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px;
      border-radius: 8px; }
      @media (max-width: 1400px) {
        .google_landing_page .option-main-holder .option-section {
          gap: 25px; } }
      @media (max-width: 460px) {
        .google_landing_page .option-main-holder .option-section {
          padding-bottom: 0; } }
      .google_landing_page .option-main-holder .option-section.option-one {
        margin-bottom: 30px; }
        @media (max-width: 1200px) {
          .google_landing_page .option-main-holder .option-section.option-one {
            flex-direction: column;
            text-align: center; } }
      .google_landing_page .option-main-holder .option-section.option-two {
        position: relative; }
        @media (max-width: 1200px) {
          .google_landing_page .option-main-holder .option-section.option-two {
            flex-direction: column-reverse;
            text-align: center; } }
        .google_landing_page .option-main-holder .option-section.option-two::before {
          content: "";
          height: 32px;
          width: 110px;
          background-image: url("https://static.spotapps.co/assets/admin/google_landing/best_value.png");
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          top: -14px; }
      .google_landing_page .option-main-holder .option-section .content-holder h1 {
        font-size: 1.4em;
        padding-top: 0;
        padding-bottom: 0; }
        @media (max-width: 1200px) {
          .google_landing_page .option-main-holder .option-section .content-holder h1 {
            padding-top: 10px; } }
      .google_landing_page .option-main-holder .option-section .content-holder h2 {
        font-size: 1.1em;
        font-weight: 800;
        margin-bottom: 5px; }
      .google_landing_page .option-main-holder .option-section .content-holder h3 {
        font-size: 1.1em;
        font-weight: 400;
        margin-bottom: 20px; }
      .google_landing_page .option-main-holder .option-section .content-holder p {
        font-size: 1em;
        margin-bottom: 20px;
        line-height: 1.2em; }
      @media (max-width: 1200px) {
        .google_landing_page .option-main-holder .option-section .content-holder .text-holder {
          max-width: 620px;
          margin: auto; } }
      .google_landing_page .option-main-holder .option-section .content-holder .button-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 20px; }
        @media (max-width: 1200px) {
          .google_landing_page .option-main-holder .option-section .content-holder .button-holder {
            justify-content: center;
            flex-direction: column;
            gap: 5px; } }
        .google_landing_page .option-main-holder .option-section .content-holder .button-holder p {
          font-weight: 600;
          font-size: 1.1em;
          margin: 0; }
      .google_landing_page .option-main-holder .option-section .video-holder {
        min-width: 508px;
        background-image: url("https://static.spotapps.co/assets/admin/google_landing/frame.png");
        background-size: cover;
        background-repeat: no-repeat; }
        @media (max-width: 1400px) {
          .google_landing_page .option-main-holder .option-section .video-holder {
            transform: scale(0.9); } }
        @media (max-width: 600px) {
          .google_landing_page .option-main-holder .option-section .video-holder {
            transform: scale(1);
            min-width: 340px; } }
        @media (max-width: 460px) {
          .google_landing_page .option-main-holder .option-section .video-holder {
            transform: scale(0.7); } }
        .google_landing_page .option-main-holder .option-section .video-holder iframe {
          border: 4px solid #707070;
          border-radius: 8px;
          margin: 40px 20px;
          width: calc(100% - 40px);
          height: 280px; }
          @media (max-width: 600px) {
            .google_landing_page .option-main-holder .option-section .video-holder iframe {
              margin: 30px 13px;
              height: 173px;
              width: calc(100% - 26px); } }
  .google_landing_page .upgrade-section {
    background-color: white;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: space-between; }
    @media (max-width: 1200px) {
      .google_landing_page .upgrade-section {
        flex-direction: column; } }
    .google_landing_page .upgrade-section .options {
      flex-basis: 50%;
      margin-bottom: 30px;
      text-align: center; }
      @media (max-width: 1200px) {
        .google_landing_page .upgrade-section .options {
          max-width: 600px; } }
      .google_landing_page .upgrade-section .options.option-two {
        position: relative; }
        .google_landing_page .upgrade-section .options.option-two::before {
          content: "";
          height: 32px;
          width: 110px;
          background-image: url("https://static.spotapps.co/assets/admin/google_landing/best_value.png");
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          top: 22px;
          z-index: 1; }
          @media (max-width: 467px) {
            .google_landing_page .upgrade-section .options.option-two::before {
              top: 46px; } }
        @media (max-width: 467px) {
          .google_landing_page .upgrade-section .options.option-two h2 {
            margin-bottom: 25px; } }
      .google_landing_page .upgrade-section .options h2 {
        font-size: 1.1em;
        font-weight: 600;
        margin-bottom: 16px; }
      .google_landing_page .upgrade-section .options .border-box {
        position: relative;
        padding: 25px 30px 30px;
        border: 1px solid #f15a2c;
        border-radius: 8px;
        text-align: center; }
        .google_landing_page .upgrade-section .options .border-box .btn-holder {
          position: absolute;
          width: 80%;
          left: 10%;
          bottom: -24px; }
  .google_landing_page .btn {
    padding: 10px 30px;
    font-weight: 700;
    font-size: 1em;
    width: fit-content;
    color: white;
    transition: all 0.5s ease;
    opacity: 1;
    background-color: #f15a2c; }
    .google_landing_page .btn:hover {
      background-color: #e75f36; }

.google-modal-landing .close {
  position: relative;
  z-index: 999;
  background-color: #f15a2c;
  color: white;
  border-radius: 50px;
  width: 22px;
  height: 22px;
  font-weight: 300;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center; }
  .google-modal-landing .close:hover {
    opacity: 0.7; }
  .google-modal-landing .close span {
    margin-top: -4px; }

.google-modal-landing.review-landing {
  max-width: 1200px;
  margin: auto;
  color: #333333; }
  .google-modal-landing.review-landing .text-center {
    text-align: center; }
  .google-modal-landing.review-landing .no-top-m {
    margin-top: 0 !important; }
  .google-modal-landing.review-landing h1 {
    color: #333333;
    line-height: 1.2em; }
  .google-modal-landing.review-landing p {
    line-height: 1.2em;
    font-weight: 300;
    font-size: 16px;
    color: black; }
    .google-modal-landing.review-landing p.last-section-price {
      margin-top: 30px;
      font-weight: 500; }
  .google-modal-landing.review-landing .banner-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0 20px 20px;
    margin-bottom: 40px;
    width: 100%;
    border-radius: 6px;
    background-image: url("https://static.spotapps.co/assets/admin/google_landing/background_top.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .google-modal-landing.review-landing .banner-section h1 {
      color: white;
      margin-bottom: 12px;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.25em;
      color: white; }
      @media (max-width: 991px) {
        .google-modal-landing.review-landing .banner-section h1 {
          padding-right: 20px; } }
      @media (max-width: 767px) {
        .google-modal-landing.review-landing .banner-section h1 {
          font-size: 18px; } }
      @media (max-width: 420px) {
        .google-modal-landing.review-landing .banner-section h1 {
          font-size: 20px; } }
    .google-modal-landing.review-landing .banner-section p {
      color: white;
      font-weight: 300;
      font-size: 18px; }
      @media (max-width: 991px) {
        .google-modal-landing.review-landing .banner-section p {
          padding-right: 20px; } }
      @media (max-width: 767px) {
        .google-modal-landing.review-landing .banner-section p {
          font-size: 16px; } }
    .google-modal-landing.review-landing .banner-section .baner-link {
      cursor: pointer;
      color: #e85725;
      text-decoration: underline; }
    .google-modal-landing.review-landing .banner-section .img-holder {
      text-align: center; }
      @media (max-width: 991px) {
        .google-modal-landing.review-landing .banner-section .img-holder {
          margin-left: auto; } }
      .google-modal-landing.review-landing .banner-section .img-holder img {
        max-width: 320px; }
        @media (max-width: 420px) {
          .google-modal-landing.review-landing .banner-section .img-holder img {
            max-width: 260px; } }
    @media (max-width: 991px) {
      .google-modal-landing.review-landing .banner-section {
        flex-direction: column-reverse;
        gap: 0;
        padding-top: 0;
        text-align: center; } }
  .google-modal-landing.review-landing .option-holder {
    background-color: #fdfaf9;
    padding: 20px; }
    @media (max-width: 480px) {
      .google-modal-landing.review-landing .option-holder {
        padding: 20px 10px; } }
    .google-modal-landing.review-landing .option-holder p.subtitle {
      margin: auto;
      max-width: 800px;
      padding: 0 20px 20px;
      font-size: 22px;
      font-weight: 500;
      line-height: 1.2em; }
      @media (max-width: 767px) {
        .google-modal-landing.review-landing .option-holder p.subtitle {
          font-size: 18px; } }
      @media (max-width: 520px) {
        .google-modal-landing.review-landing .option-holder p.subtitle {
          font-size: 16px; } }
  .google-modal-landing.review-landing .section-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background-color: white;
    padding: 20px;
    padding-right: 32px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; }
    @media (max-width: 991px) {
      .google-modal-landing.review-landing .section-block {
        flex-direction: column;
        text-align: center; } }
    @media (max-width: 480px) {
      .google-modal-landing.review-landing .section-block {
        padding: 20px 10px; } }
    .google-modal-landing.review-landing .section-block .content-holder h2 {
      font-size: 20px;
      font-weight: 600;
      line-height: 1.2em;
      margin-bottom: 2px; }
      @media (max-width: 767px) {
        .google-modal-landing.review-landing .section-block .content-holder h2 {
          font-size: 18px; } }
    .google-modal-landing.review-landing .section-block .content-holder p {
      font-weight: 500; }
      .google-modal-landing.review-landing .section-block .content-holder p.small-text {
        font-weight: 300;
        margin: 15px 0; }
      .google-modal-landing.review-landing .section-block .content-holder p.medium-text {
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 2px; }
        @media (max-width: 767px) {
          .google-modal-landing.review-landing .section-block .content-holder p.medium-text {
            margin-bottom: 15px; } }
      .google-modal-landing.review-landing .section-block .content-holder p.midium-subtitle {
        font-weight: 600;
        font-size: 17px;
        margin-bottom: 3px; }
    .google-modal-landing.review-landing .section-block .content-holder .button-holder p {
      font-weight: 500;
      margin-top: 10px; }
    .google-modal-landing.review-landing .section-block .cover {
      min-width: 420px;
      background-image: url("https://static.spotapps.co/assets/admin/google_landing/frame.png");
      background-size: cover;
      background-repeat: no-repeat; }
      @media (max-width: 520px) {
        .google-modal-landing.review-landing .section-block .cover {
          min-width: 290px; } }
      @media (max-width: 440px) {
        .google-modal-landing.review-landing .section-block .cover {
          width: 275px;
          min-width: 275px; } }
    .google-modal-landing.review-landing .section-block .video-iframe {
      margin-top: 33px;
      margin-bottom: 33px;
      margin-left: 17px;
      display: block;
      height: 230px;
      width: calc(100% - 34px);
      border-radius: 6px;
      border: 4px solid #4b5563; }
      @media (max-width: 520px) {
        .google-modal-landing.review-landing .section-block .video-iframe {
          margin-top: 27px;
          margin-left: 12px;
          height: 169px;
          width: calc(100% - 25px); } }
      @media (max-width: 440px) {
        .google-modal-landing.review-landing .section-block .video-iframe {
          margin-top: 21px;
          margin-bottom: 27px;
          margin-left: 10px;
          height: 149px;
          width: calc(100% - 21px); } }
  .google-modal-landing.review-landing .border-section-holder {
    position: relative;
    margin-top: 20px;
    border-radius: 5px;
    border: 2px solid #e85725;
    background-color: white;
    padding: 15px 25px 30px; }
    .google-modal-landing.review-landing .border-section-holder p {
      font-size: 17px; }
    .google-modal-landing.review-landing .border-section-holder .button-holder {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -23px; }

@media (max-width: 1600px) {
  .social-page .website-bar .website-section {
    margin-left: 5% !important; } }

.social-page .purple-color {
  color: #8134af !important; }

.social-page .loader.new-fb-loader {
  position: relative;
  display: flex; }

.social-page .main-box {
  background-color: white;
  border-radius: 5px;
  padding: 30px;
  margin: 70px 10% 20px;
  max-width: 1024px;
  width: 90%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
  @media (max-width: 1600px) {
    .social-page .main-box {
      margin: 70px 5% 20px; } }
  .social-page .main-box.second-box {
    margin-top: 20px; }
  @media (max-width: 767px) {
    .social-page .main-box {
      margin-top: 40px; } }
  @media (max-width: 600px) {
    .social-page .main-box {
      padding: 5%; } }
.social-page #sidebar-main a {
  text-decoration: none; }

.social-page .main-social-container h1 {
  color: #3d3d3d;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center; }
.social-page .main-social-container p {
  color: #3d3d3d; }
.social-page .main-social-container p.green {
  color: #00ba6c !important;
  font-weight: 600; }
.social-page .main-social-container p.red {
  color: #d10000 !important; }
.social-page .main-social-container p.orange {
  color: #f6803d !important; }
.social-page .main-social-container p.connected {
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #ea5329 !important; }
  .social-page .main-social-container p.connected img {
    width: 25px; }
.social-page .main-social-container a {
  text-decoration: none; }
.social-page .main-social-container .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 45px;
  padding: 8px 20px;
  font-size: 16px;
  width: fit-content;
  border-radius: 5px;
  transition: all 0.2s ease; }
  .social-page .main-social-container .btn.orange {
    color: white;
    background: #ed5121;
    margin: auto; }
    .social-page .main-social-container .btn.orange:hover {
      background-color: #f77421; }
  .social-page .main-social-container .btn.blue {
    color: white;
    background: #4165af; }
  .social-page .main-social-container .btn .icon-holder {
    position: relative;
    top: -3px; }
    .social-page .main-social-container .btn .icon-holder img {
      height: 17px; }
  .social-page .main-social-container .btn.connect {
    width: 240px;
    margin: 30px auto 20px; }
  .social-page .main-social-container .btn.change {
    background: #4165af;
    width: 120px;
    color: white; }
    .social-page .main-social-container .btn.change:hover {
      background-color: #4c77ce; }
  .social-page .main-social-container .btn.disconnect {
    width: 120px;
    background: #bdc5d7;
    color: white; }
    .social-page .main-social-container .btn.disconnect:hover {
      background-color: #a3aab8; }
.social-page .main-social-container .social-alert-box {
  padding: 15px 15px 10px;
  border-radius: 5px;
  border: 1px solid #f9c2c2;
  background-color: #fff4e3;
  text-align: left; }
  .social-page .main-social-container .social-alert-box.new-reconnect {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: #fff3f0; }
    @media (max-width: 1160px) {
      .social-page .main-social-container .social-alert-box.new-reconnect {
        flex-direction: column; } }
    @media (max-width: 835px) {
      .social-page .main-social-container .social-alert-box.new-reconnect {
        justify-content: center !important; } }
    .social-page .main-social-container .social-alert-box.new-reconnect .flag-new {
      position: absolute;
      top: -2px;
      left: 0;
      width: 47px; }
      .social-page .main-social-container .social-alert-box.new-reconnect .flag-new img {
        width: 100%; }
    .social-page .main-social-container .social-alert-box.new-reconnect .icon-holder {
      position: relative;
      flex-basis: 35px;
      display: flex;
      gap: 20px; }
      .social-page .main-social-container .social-alert-box.new-reconnect .icon-holder img {
        height: 30px; }
    .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect {
      white-space: break-spaces;
      min-width: 200px; }
      @media (max-width: 400) {
        .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect {
          height: 45px; } }
    .social-page .main-social-container .social-alert-box.new-reconnect .message-content {
      margin-left: 40px;
      flex-basis: min-content;
      flex-grow: 1;
      @media(max-width: 1160px) {
        text-align: center;
        margin-left: 0; }
 }
      .social-page .main-social-container .social-alert-box.new-reconnect .message-content h2 {
        margin-bottom: 10px;
        font-size: 1.3em;
        text-align: left;
        @media(max-width: 1160px) {
          text-align: center;
          margin-top: 10px; }
 }
      .social-page .main-social-container .social-alert-box.new-reconnect .message-content p.status {
        font-size: 1.1em;
        font-weight: 500; }
      .social-page .main-social-container .social-alert-box.new-reconnect .message-content .content-body {
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 15px;
        @media(max-width: 1160px) {
          flex-direction: column; }
 }
        .social-page .main-social-container .social-alert-box.new-reconnect .message-content .content-body p {
          color: #ed5121; }
          .social-page .main-social-container .social-alert-box.new-reconnect .message-content .content-body p span {
            @media(max-width: 1200px) {
              display: block; }
 }
        .social-page .main-social-container .social-alert-box.new-reconnect .message-content .content-body ul li {
          line-height: 1.2em; }
        .social-page .main-social-container .social-alert-box.new-reconnect .message-content .content-body .linked-text-permanent-token a {
          color: #f30000;
          font-weight: normal;
          text-decoration: underline; }
    .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect {
      border-radius: 5px;
      background: #ed5121;
      color: white;
      display: flex;
      height: 38px;
      padding: 8px 25px;
      justify-content: center;
      align-items: center;
      transition: all 0.2s ease; }
      .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect:hover {
        background-color: #f77421; }
      @media (width: 480px) {
        .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect {
          font-size: 1em; } }
  .social-page .main-social-container .social-alert-box.m-top {
    margin-top: 30px; }
  .social-page .main-social-container .social-alert-box .message-header {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2cf9f;
    gap: 15px; }
    @media (max-width: 767px) {
      .social-page .main-social-container .social-alert-box .message-header {
        flex-direction: column; } }
    .social-page .main-social-container .social-alert-box .message-header h1 {
      text-align: left;
      padding: 0; }
      @media (max-width: 767px) {
        .social-page .main-social-container .social-alert-box .message-header h1 {
          text-align: center; } }
  .social-page .main-social-container .social-alert-box .message-content h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left; }
  .social-page .main-social-container .social-alert-box .message-content p {
    margin-bottom: 0; }
.social-page .main-social-container .alert-box-temporary-connection .header-box {
  background-color: #ea5329;
  text-align: center;
  display: flex;
  padding: 5px 10px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  @media (max-width: 991px) {
    .social-page .main-social-container .alert-box-temporary-connection .header-box {
      flex-direction: column; } }
  .social-page .main-social-container .alert-box-temporary-connection .header-box span {
    font-weight: bold;
    text-transform: uppercase; }
  .social-page .main-social-container .alert-box-temporary-connection .header-box p {
    color: white;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .social-page .main-social-container .alert-box-temporary-connection .header-box p {
        margin-bottom: 10px; } }
  .social-page .main-social-container .alert-box-temporary-connection .header-box .icon img {
    width: 130px; }
.social-page .main-social-container .alert-box-temporary-connection .content-body {
  padding: 15px;
  background-color: #fff3f0;
  border: 1px solid #f6803d;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .social-page .main-social-container .alert-box-temporary-connection .content-body h2 {
    font-size: 1.4em;
    font-weight: 700; }
    .social-page .main-social-container .alert-box-temporary-connection .content-body h2 a {
      font-weight: bold;
      color: #f30000;
      text-decoration: underline; }
  .social-page .main-social-container .alert-box-temporary-connection .content-body h3 {
    font-size: 1em;
    margin-top: 20px; }
  .social-page .main-social-container .alert-box-temporary-connection .content-body ul {
    padding: 0;
    margin-bottom: 0;
    margin-left: 25px; }
    .social-page .main-social-container .alert-box-temporary-connection .content-body ul li {
      margin-top: 5px; }
    .social-page .main-social-container .alert-box-temporary-connection .content-body ul a {
      font-weight: bold;
      font-size: 1.1em;
      color: #f30000;
      text-decoration: underline; }
.social-page .main-social-container .social-holder {
  display: flex;
  gap: 20px;
  margin-top: 60px; }
  @media (max-width: 991px) {
    .social-page .main-social-container .social-holder {
      flex-direction: column;
      margin-top: 0; } }
  .social-page .main-social-container .social-holder .facebook-new, .social-page .main-social-container .social-holder .instagram {
    position: relative;
    border-radius: 5px;
    min-height: 230px;
    border: 1px solid #ddd9fb;
    background: linear-gradient(180deg, #e8e5ff 4.67%, white 46.25%);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    flex-basis: 50%;
    width: 50%;
    padding: 45px 30px 30px; }
    @media (max-width: 1100px) {
      .social-page .main-social-container .social-holder .facebook-new, .social-page .main-social-container .social-holder .instagram {
        padding: 45px 15px 20px; } }
    @media (max-width: 991px) {
      .social-page .main-social-container .social-holder .facebook-new, .social-page .main-social-container .social-holder .instagram {
        flex-basis: 100%;
        width: 100%;
        margin-top: 55px;
        min-height: auto; } }
    .social-page .main-social-container .social-holder .facebook-new p, .social-page .main-social-container .social-holder .instagram p {
      text-align: center;
      color: #3d3d3d;
      font-size: 14px; }
      .social-page .main-social-container .social-holder .facebook-new p a, .social-page .main-social-container .social-holder .instagram p a {
        color: #4165af; }
    .social-page .main-social-container .social-holder .facebook-new .icon-holder, .social-page .main-social-container .social-holder .instagram .icon-holder {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 68px;
      height: 68px;
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
      border: 7px solid white;
      border-radius: 50%;
      top: -36px; }
  .social-page .main-social-container .social-holder .instagram .icon-holder {
    background: #8134af; }
  .social-page .main-social-container .social-holder .facebook-new .icon-holder {
    background: #4165af; }
  .social-page .main-social-container .social-holder .facebook-new {
    background: linear-gradient(180deg, #e3ecff 4.67%, white 37.86%);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
  .social-page .main-social-container .social-holder .instagram.not-connected, .social-page .main-social-container .social-holder .facebook-new.not-connected {
    min-height: auto;
    border: 1px solid #d5d5d5;
    box-shadow: none;
    background: none;
    color: #acacac; }
    .social-page .main-social-container .social-holder .instagram.not-connected p, .social-page .main-social-container .social-holder .facebook-new.not-connected p {
      color: #acacac; }
    .social-page .main-social-container .social-holder .instagram.not-connected .icon-holder, .social-page .main-social-container .social-holder .facebook-new.not-connected .icon-holder {
      background-color: #d5d5d5; }
  .social-page .main-social-container .social-holder .instagram.disconnect, .social-page .main-social-container .social-holder .facebook-new.disconnect {
    min-height: auto;
    border: 1px solid #d5d5d5;
    box-shadow: none;
    background: whitesmoke;
    color: #acacac;
    flex-grow: 1; }
    .social-page .main-social-container .social-holder .instagram.disconnect .icon-holder, .social-page .main-social-container .social-holder .facebook-new.disconnect .icon-holder {
      background-color: #d5d5d5; }
    .social-page .main-social-container .social-holder .instagram.disconnect a, .social-page .main-social-container .social-holder .facebook-new.disconnect a {
      color: #4165af;
      text-decoration: none;
      word-break: break-all; }
  .social-page .main-social-container .social-holder .btn-holder {
    display: flex;
    margin-top: 40px;
    gap: 10px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%); }
    @media (max-width: 991px) {
      .social-page .main-social-container .social-holder .btn-holder {
        position: relative;
        width: 100%;
        justify-content: center;
        margin-top: 20px;
        bottom: auto; } }
.social-page .main-social-container .switch-container {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem; }
.social-page .main-social-container .switch {
  display: none; }
.social-page .main-social-container .switch-label {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: #cccccc;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease; }
  @media (max-width: 480px) {
    .social-page .main-social-container .switch-label {
      height: 16px; } }
.social-page .main-social-container .switch-label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease; }
  @media (max-width: 480px) {
    .social-page .main-social-container .switch-label:before {
      width: 12px;
      height: 12px; } }
.social-page .main-social-container .switch:checked + .switch-label {
  background-color: #43b673; }
.social-page .main-social-container .switch:checked + .switch-label:before {
  transform: translateX(20px); }
  @media (max-width: 480px) {
    .social-page .main-social-container .switch:checked + .switch-label:before {
      transform: translateX(10px); } }
.social-page .main-social-container .switch-label:hover {
  opacity: 0.8; }

.social-page .why-connect-container h1 {
  color: #3d3d3d;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 0; }
.social-page .why-connect-container p {
  color: #3d3d3d; }
.social-page .why-connect-container .content-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: inherit; }
  .social-page .why-connect-container .content-holder h1 {
    font-weight: 800;
    font-size: 20px; }
  .social-page .why-connect-container .content-holder .left-content {
    flex-basis: 60%;
    margin-right: 20px;
    font-size: 1.1em; }
    @media (max-width: 767px) {
      .social-page .why-connect-container .content-holder .left-content {
        font-size: 1em; } }
    .social-page .why-connect-container .content-holder .left-content .box {
      display: flex;
      align-items: center;
      justify-content: center;
      align-items: baseline;
      margin-bottom: 15px;
      gap: 20px; }
      @media (max-width: 600px) {
        .social-page .why-connect-container .content-holder .left-content .box {
          gap: 10px; } }
      .social-page .why-connect-container .content-holder .left-content .box .icon-holder {
        position: relative;
        top: 10px; }
        .social-page .why-connect-container .content-holder .left-content .box .icon-holder img {
          width: 40px;
          height: 40px; }
      .social-page .why-connect-container .content-holder .left-content .box p {
        margin: 0; }
  .social-page .why-connect-container .content-holder .right-content {
    flex-basis: 40%; }
    .social-page .why-connect-container .content-holder .right-content .video iframe {
      width: 100%;
      height: 200px; }
      @media (max-width: 767px) {
        .social-page .why-connect-container .content-holder .right-content .video iframe {
          height: 160px; } }
    .social-page .why-connect-container .content-holder .right-content .btn.how-to {
      display: flex;
      gap: 10px;
      border: 1px solid #ed5121;
      color: #ed5121;
      margin: 20px auto 0;
      padding: 9px 0;
      width: 90%;
      max-width: 250px;
      justify-content: center;
      transition: all 0.4s ease;
      text-decoration: none; }
      .social-page .why-connect-container .content-holder .right-content .btn.how-to svg {
        min-width: 21px;
        fill: #ed5121; }
      .social-page .why-connect-container .content-holder .right-content .btn.how-to:hover {
        background-color: #ed5121;
        color: white; }
        .social-page .why-connect-container .content-holder .right-content .btn.how-to:hover svg {
          fill: white; }
@media (max-width: 991px) {
  .social-page .why-connect-container .content-holder {
    flex-direction: column; }
    .social-page .why-connect-container .content-holder .left-content {
      flex-basis: 100%; }
    .social-page .why-connect-container .content-holder .right-content {
      flex-basis: 100%; } }

.save-btn-holder-social {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  right: 0;
  bottom: 0;
  background: white;
  padding: 25px 40px 25px 30px;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  z-index: 9999;
  left: 250px; }
  @media (min-width: 768px) {
    .save-btn-holder-social.sidebar-expanded {
      left: 250px; } }
  @media (max-width: 991px) {
    .save-btn-holder-social {
      padding: 20px; } }
  @media (max-width: 767px) {
    .save-btn-holder-social {
      left: 0;
      display: block;
      text-align: center;
      padding: 10px; } }
  .save-btn-holder-social p {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #58585a; }
    @media (max-width: 991px) {
      .save-btn-holder-social p {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .save-btn-holder-social p {
        display: none; } }
  .save-btn-holder-social .btn {
    padding: 8px 20px;
    margin: 0;
    border-radius: 5px;
    min-width: 130px;
    background-color: #43a89e;
    border-color: #43a89e; }
  .save-btn-holder-social .cancel {
    padding: 8px 30px;
    margin: 0;
    border-radius: 5px;
    margin-right: 15px;
    background-color: #58585a;
    border: 1px solid #58585a;
    color: white;
    vertical-align: bottom; }

.modal-header.modal-social-connect {
  padding: 15px 70px; }
  @media (max-width: 767px) {
    .modal-header.modal-social-connect {
      padding: 5%; } }
  .modal-header.modal-social-connect .close {
    display: none; }
  .modal-header.modal-social-connect .social-header {
    width: 90%;
    max-width: 380px;
    margin: 0 auto 20px; }
    @media (max-width: 767px) {
      .modal-header.modal-social-connect .social-header {
        width: 70%;
        min-width: 300px; } }
    .modal-header.modal-social-connect .social-header img {
      width: 100%; }
  .modal-header.modal-social-connect .social-body h1 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
    color: #1e1e1e;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .modal-header.modal-social-connect .social-body h1 {
        font-size: 18px; } }
    .modal-header.modal-social-connect .social-body h1 strong {
      font-weight: 900; }
  .modal-header.modal-social-connect .social-body p {
    font-size: 14px;
    color: #1e1e1e; }
  .modal-header.modal-social-connect .social-footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 45px;
    padding: 8px 20px;
    font-size: 16px;
    width: fit-content;
    border-radius: 5px;
    transition: all 0.2s ease; }
    .modal-header.modal-social-connect .social-footer .btn.orange {
      color: white;
      background: #ed5121; }
      .modal-header.modal-social-connect .social-footer .btn.orange:hover {
        background-color: #f77421; }
    .modal-header.modal-social-connect .social-footer .btn.connect {
      width: 240px;
      margin: 30px auto 20px; }

.social-page .website-bar {
  margin: 0 -15px;
  min-height: 60px;
  padding: 15px 0;
  background-color: white;
  color: #6d6e71;
  font-weight: bold;
  z-index: 100; }
  @media (max-width: 767px) {
    .social-page .website-bar {
      left: 0; } }
  .social-page .website-bar .website-section {
    position: relative;
    margin-left: 10%;
    margin-right: 40%; }
    @media (max-width: 1800px) {
      .social-page .website-bar .website-section {
        margin-right: 20%; } }
    @media (max-width: 1150px) {
      .social-page .website-bar .website-section {
        margin-right: 10%;
        margin-left: 5%; } }
    @media (max-width: 767px) {
      .social-page .website-bar .website-section {
        margin-left: 50px;
        margin-right: 0; } }
    .social-page .website-bar .website-section h3 {
      display: inline-block;
      font-size: 1.3em;
      padding: 5px 10px;
      color: #545454; }
      @media (max-width: 1024px) {
        .social-page .website-bar .website-section h3 {
          padding-left: 0; } }
      @media (max-width: 767px) {
        .social-page .website-bar .website-section h3 {
          padding-top: 3px;
          padding-left: 20px; } }
      @media (max-width: 480px) {
        .social-page .website-bar .website-section h3 {
          padding-left: 30px; } }
      @media (max-width: 340px) {
        .social-page .website-bar .website-section h3 {
          font-size: 1.2em; } }
      .social-page .website-bar .website-section h3 span {
        padding-left: 5px;
        color: #f1592a; }
        @media (max-width: 1570px) {
          .social-page .website-bar .website-section h3 span {
            font-size: 15px; } }
    .social-page .website-bar .website-section .action-btns-holder {
      padding: 10px 10px 5px 5px; }
      @media (max-width: 1024px) {
        .social-page .website-bar .website-section .action-btns-holder {
          padding-left: 0; } }
      @media (max-width: 767px) {
        .social-page .website-bar .website-section .action-btns-holder {
          padding-right: 15px;
          margin-left: -35px; } }
      .social-page .website-bar .website-section .action-btns-holder .btn {
        padding: 8px 40px;
        margin: 5px; }
        @media (max-width: 1570px) {
          .social-page .website-bar .website-section .action-btns-holder .btn {
            padding: 8px 20px; } }
        @media (max-width: 930px) {
          .social-page .website-bar .website-section .action-btns-holder .btn {
            padding: 8px 10px;
            margin-left: 0; } }
        @media (max-width: 800px) {
          .social-page .website-bar .website-section .action-btns-holder .btn {
            font-size: 13px;
            padding: 8px; } }
        @media (max-width: 767px) {
          .social-page .website-bar .website-section .action-btns-holder .btn {
            font-size: 11px;
            padding: 8px 6px; } }
    .social-page .website-bar .website-section .btn-info {
      background-color: #a7a9ac;
      border-color: #a7a9ac; }
    .social-page .website-bar .website-section .btn-info:hover {
      background-color: #f1592a;
      border-color: #f1592a; }
    .social-page .website-bar .website-section .btn-success {
      background-color: #2bb673;
      border-color: #2bb673; }
    .social-page .website-bar .website-section .btn-primary {
      background: #f1592a;
      background-color: #f1592a;
      border: 1px solid #f1592a; }
    .social-page .website-bar .website-section .domain-login {
      padding: 10px; }
      @media (max-width: 1024px) {
        .social-page .website-bar .website-section .domain-login {
          padding: 5px 0; } }
      @media (max-width: 767px) {
        .social-page .website-bar .website-section .domain-login {
          padding-right: 15px;
          margin-left: -35px; } }
      .social-page .website-bar .website-section .domain-login .form-control {
        display: inline-block;
        width: 70%;
        height: 40px;
        float: right;
        margin-bottom: 7px;
        padding: 5px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #58585a;
        border-color: #e9eaeb;
        box-shadow: none; }
        @media (max-width: 1450px) {
          .social-page .website-bar .website-section .domain-login .form-control {
            width: 60%; } }
        @media (max-width: 767px) {
          .social-page .website-bar .website-section .domain-login .form-control {
            width: 100%;
            float: none; } }
      .social-page .website-bar .website-section .domain-login label {
        float: left;
        width: 30%;
        margin-bottom: 7px;
        padding: 8px 0;
        font-size: 17px; }
        @media (max-width: 1450px) {
          .social-page .website-bar .website-section .domain-login label {
            width: 40%; } }
        @media (max-width: 1024px) {
          .social-page .website-bar .website-section .domain-login label {
            font-size: 15px;
            line-height: 24px; } }
        @media (max-width: 767px) {
          .social-page .website-bar .website-section .domain-login label {
            display: none; } }
      .social-page .website-bar .website-section .domain-login .btn {
        width: 100%;
        margin-top: 10px;
        padding: 10px 40px;
        font-size: 1.1em; }
  .social-page .website-bar .website-section.domain .btn-info {
    position: absolute;
    right: 20px;
    top: -5px; }
    @media (max-width: 767px) {
      .social-page .website-bar .website-section.domain .btn-info {
        top: -3px; } }
  .social-page .website-bar .dropdown {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 101; }
    @media (max-width: 767px) {
      .social-page .website-bar .dropdown {
        display: none; } }

.social-alert.social-reconnect-msg {
  position: fixed;
  top: 120px;
  width: calc(100% - 200px);
  left: 200px;
  z-index: 102;
  border: 1px solid #e2cf9f;
  background: #fff4e3; }
  .social-alert.social-reconnect-msg.new-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 250px);
    left: 250px;
    padding: 10px;
    background: #fff3f0;
    border: 1px solid #f9c2c2;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media (min-width: 768px) {
      .social-alert.social-reconnect-msg.new-meta.sidebar-expanded {
        width: calc(100% - 250px);
        left: 250px; } }
    @media (max-width: 835px) {
      .social-alert.social-reconnect-msg.new-meta {
        flex-direction: column;
        left: 0;
        width: 100%; } }
    @media (max-width: 767px) {
      .social-alert.social-reconnect-msg.new-meta {
        width: 100%;
        left: 0; } }
    .social-alert.social-reconnect-msg.new-meta.add-top-fb {
      margin-top: 65px; }
    .social-alert.social-reconnect-msg.new-meta.add-top-ig {
      margin-top: 45px; }
    .social-alert.social-reconnect-msg.new-meta.slide-out {
      margin-top: -200px !important; }
    .social-alert.social-reconnect-msg.new-meta .no-transform {
      text-transform: none !important; }
    .social-alert.social-reconnect-msg.new-meta .flag-new {
      position: absolute;
      top: -1px;
      left: 0;
      @media(max-width: 835px) {
        position: relative;
        top: -11px;
        left: calc(-50% + 15px); }
 }
      .social-alert.social-reconnect-msg.new-meta .flag-new img {
        width: 50px; }
    .social-alert.social-reconnect-msg.new-meta .message-content {
      margin-left: 50px; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.new-meta .message-content {
          margin-left: 0; }
          .social-alert.social-reconnect-msg.new-meta .message-content h2 {
            margin-top: 25px; } }
      .social-alert.social-reconnect-msg.new-meta .message-content h2 {
        font-weight: bold;
        font-size: 1.2em;
        text-align: center; }
        @media (max-width: 420px) {
          .social-alert.social-reconnect-msg.new-meta .message-content h2 {
            text-align: center; } }
    .social-alert.social-reconnect-msg.new-meta .content-body {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin-top: 5px; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.new-meta .content-body {
          flex-direction: column;
          gap: 10px; }
          .social-alert.social-reconnect-msg.new-meta .content-body .icon-holder img {
            margin-top: 10px; } }
      .social-alert.social-reconnect-msg.new-meta .content-body .icon-holder img {
        width: 100px; }
      .social-alert.social-reconnect-msg.new-meta .content-body .status {
        color: #ed5121;
        margin-bottom: 0;
        margin-top: 0; }
        @media (max-width: 835px) {
          .social-alert.social-reconnect-msg.new-meta .content-body .status {
            margin-bottom: 10px; } }
        .social-alert.social-reconnect-msg.new-meta .content-body .status span.linked-text-permanent-token {
          font-weight: normal;
          text-decoration: underline;
          color: #f30000; }
    .social-alert.social-reconnect-msg.new-meta .btn.reconnect {
      border-radius: 5px;
      background: #ed5121;
      color: white;
      display: flex;
      height: 38px;
      padding: 8px 25px;
      justify-content: center;
      align-items: center;
      transition: all 0.2s ease; }
      .social-alert.social-reconnect-msg.new-meta .btn.reconnect:hover {
        background-color: #f77421; }
      @media (width: 480px) {
        .social-alert.social-reconnect-msg.new-meta .btn.reconnect {
          font-size: 1em; } }
      @media (max-width: 420px) {
        .social-alert.social-reconnect-msg.new-meta .btn.reconnect {
          height: 45px; }
          .social-alert.social-reconnect-msg.new-meta .btn.reconnect span {
            white-space: break-spaces; } }
  @media (max-width: 835px) {
    .social-alert.social-reconnect-msg {
      position: relative;
      top: -16px;
      left: -15px;
      width: calc(100% + 30px);
      z-index: 101; }
      .social-alert.social-reconnect-msg .status {
        text-align: center; } }
  @media (max-width: 835px) {
    .social-alert.social-reconnect-msg.mobile-top-adjust {
      top: 110px;
      margin-bottom: 110px; } }
  @media (max-width: 700px) {
    .social-alert.social-reconnect-msg.mobile-top-adjust {
      top: 105px;
      margin-bottom: 105px; } }
  .social-alert.social-reconnect-msg .content-holder.fb-alert-new {
    width: 100%; }
    .social-alert.social-reconnect-msg .content-holder.fb-alert-new .content {
      width: 100%; }
      .social-alert.social-reconnect-msg .content-holder.fb-alert-new .content .red-text {
        display: block;
        color: #3d3d3d; }
  .social-alert.social-reconnect-msg.menu-food-page .status {
    font-size: 1.05em; }
  .social-alert.social-reconnect-msg.menu-food-page.never-connected .btn-holder {
    margin: auto; }
  .social-alert.social-reconnect-msg.specials-page {
    top: 62px;
    z-index: 99; }
    @media (max-width: 835px) {
      .social-alert.social-reconnect-msg.specials-page {
        z-index: 2; } }
    .social-alert.social-reconnect-msg.specials-page .content-holder {
      margin: 0;
      max-width: 100%; }
    .social-alert.social-reconnect-msg.specials-page.new-meta {
      top: 69px;
      gap: 10px;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 10px 13px -5px; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.specials-page.new-meta {
          margin-bottom: 85px;
          margin-top: 25px;
          position: relative; }
          .social-alert.social-reconnect-msg.specials-page.new-meta.add-texting-padding {
            top: 85px;
            margin-top: 35px;
            margin-bottom: 105px; }
          .social-alert.social-reconnect-msg.specials-page.new-meta .message-content {
            text-align: center; } }
      @media (max-width: 767px) {
        .social-alert.social-reconnect-msg.specials-page.new-meta {
          padding: 10px 0; } }
      .social-alert.social-reconnect-msg.specials-page.new-meta .content-body {
        justify-content: flex-start; }
  .social-alert.social-reconnect-msg.specials-page.add-texting-padding {
    top: 108px; }
    @media (max-width: 767px) {
      .social-alert.social-reconnect-msg.specials-page.add-texting-padding {
        top: 98px; } }
  .social-alert.social-reconnect-msg.social-preview.event-page {
    top: 57px;
    z-index: 100; }
    @media (max-width: 835px) {
      .social-alert.social-reconnect-msg.social-preview.event-page {
        top: 35px; } }
  .social-alert.social-reconnect-msg.event-page {
    top: 59px;
    z-index: 100; }
    @media (max-width: 835px) {
      .social-alert.social-reconnect-msg.event-page {
        z-index: 98; } }
    .social-alert.social-reconnect-msg.event-page.new-meta {
      z-index: 98;
      gap: 10px; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.event-page.new-meta {
          margin-bottom: 20px; } }
      @media (max-width: 600px) {
        .social-alert.social-reconnect-msg.event-page.new-meta {
          top: 0; }
          .social-alert.social-reconnect-msg.event-page.new-meta.move-date-header {
            top: 25px; } }
      .social-alert.social-reconnect-msg.event-page.new-meta .message-content {
        margin-left: 45px; }
        @media (max-width: 835px) {
          .social-alert.social-reconnect-msg.event-page.new-meta .message-content {
            margin-left: 0; } }
        .social-alert.social-reconnect-msg.event-page.new-meta .message-content h2 {
          margin-top: 0;
          text-align: center; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.event-page.new-meta {
          margin-top: 20px; } }
      @media (max-width: 767px) {
        .social-alert.social-reconnect-msg.event-page.new-meta {
          margin-top: 20px; }
          .social-alert.social-reconnect-msg.event-page.new-meta .message-content {
            text-align: center; } }
      .social-alert.social-reconnect-msg.event-page.new-meta .content-body {
        justify-content: flex-start; }
      .social-alert.social-reconnect-msg.event-page.new-meta.fix-z-index {
        z-index: 98; }
      @media (max-width: 600px) {
        .social-alert.social-reconnect-msg.event-page.new-meta.meta-alert-top {
          top: 60px; } }
      @media (max-width: 600px) {
        .social-alert.social-reconnect-msg.event-page.new-meta.meta-alert-top.add-texting-padding {
          top: 90px; } }
    @media (max-width: 490px) {
      .social-alert.social-reconnect-msg.event-page.add-texting-padding {
        padding: 15px 0 10px; } }
  .social-alert.social-reconnect-msg.preview-page {
    z-index: 1 !important; }
    @media (max-width: 835px) {
      .social-alert.social-reconnect-msg.preview-page {
        z-index: 2 !important;
        margin-bottom: 20px; } }
    .social-alert.social-reconnect-msg.preview-page .content-holder {
      margin: 0 4%;
      max-width: 100%;
      padding: 15px 0 15px 45px;
      webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media (min-width: 768px) {
        .social-alert.social-reconnect-msg.preview-page .content-holder.sidebar-expanded {
          padding: 15px 0 15px 245px; } }
      @media (max-width: 1200px) {
        .social-alert.social-reconnect-msg.preview-page .content-holder {
          margin: 0 30px; } }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.preview-page .content-holder {
          margin: 0;
          padding: 20px; } }
      .social-alert.social-reconnect-msg.preview-page .content-holder.fb-alert-new {
        width: calc(100% - 5%); }
  .social-alert.social-reconnect-msg.event-page.add-texting-padding {
    top: 98px; }
    @media (max-width: 767px) {
      .social-alert.social-reconnect-msg.event-page.add-texting-padding {
        top: 95px;
        margin-top: 35px; } }
  .social-alert.social-reconnect-msg .content-holder {
    display: flex;
    align-items: center;
    padding: 15px;
    padding-left: 75px;
    gap: 20px;
    max-width: 100%;
    margin: auto;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media (min-width: 768px) {
      .social-alert.social-reconnect-msg .content-holder.sidebar-expanded {
        padding-left: 275px; } }
    @media (max-width: 835px) {
      .social-alert.social-reconnect-msg .content-holder {
        flex-direction: column;
        padding-left: 15px;
        text-align: center; } }
    .social-alert.social-reconnect-msg .content-holder .content {
      color: #333333; }
      .social-alert.social-reconnect-msg .content-holder .content .red-text {
        color: #ed5121;
        font-weight: 700; }
    .social-alert.social-reconnect-msg .content-holder .icon-holder img {
      height: 30px; }
    .social-alert.social-reconnect-msg .content-holder .btn-holder {
      margin-left: auto; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg .content-holder .btn-holder {
          margin-left: initial; } }
      .social-alert.social-reconnect-msg .content-holder .btn-holder .btn.reconnect {
        border-radius: 5px;
        background: #ed5121;
        color: white;
        display: flex;
        height: 35px;
        padding: 8px 30px;
        justify-content: center;
        align-items: center;
        transition: all 0.2s ease;
        font-weight: 700; }
        .social-alert.social-reconnect-msg .content-holder .btn-holder .btn.reconnect:hover {
          background-color: #f77421; }

.post-preview-padding.social-meta-alert:not(.email-post) {
  padding-top: 120px !important; }
.post-preview-padding.social-error {
  padding-top: 125px !important; }

.social-alert.social-reconnect-msg.promotion-page, .social-alert.social-reconnect-msg.menu-food-page {
  position: relative;
  display: block;
  top: 10px;
  margin: 0 0 40px;
  border-radius: 5px;
  z-index: 1; }
  @media (max-width: 835px) {
    .social-alert.social-reconnect-msg.promotion-page, .social-alert.social-reconnect-msg.menu-food-page {
      width: 100%;
      left: 0; } }
  .social-alert.social-reconnect-msg.promotion-page.old-msg, .social-alert.social-reconnect-msg.menu-food-page.old-msg {
    width: 100%;
    left: 0; }
  .social-alert.social-reconnect-msg.promotion-page.new-meta, .social-alert.social-reconnect-msg.menu-food-page.new-meta {
    background-color: #fff3f0 !important;
    margin-left: 0;
    width: 100%;
    left: 0;
    display: flex;
    border-radius: 0; }
    .social-alert.social-reconnect-msg.promotion-page.new-meta .message-content, .social-alert.social-reconnect-msg.menu-food-page.new-meta .message-content {
      margin-left: 0; }
      .social-alert.social-reconnect-msg.promotion-page.new-meta .message-content h2, .social-alert.social-reconnect-msg.menu-food-page.new-meta .message-content h2 {
        margin: 0;
        margin-bottom: 10px;
        line-height: 1em;
        text-align: center; }
    .social-alert.social-reconnect-msg.promotion-page.new-meta .content-body, .social-alert.social-reconnect-msg.menu-food-page.new-meta .content-body {
      margin-bottom: 0; }
      @media (max-width: 835px) {
        .social-alert.social-reconnect-msg.promotion-page.new-meta .content-body .status, .social-alert.social-reconnect-msg.menu-food-page.new-meta .content-body .status {
          text-align: center; } }
  .social-alert.social-reconnect-msg.promotion-page .content-holder, .social-alert.social-reconnect-msg.menu-food-page .content-holder {
    padding-left: 0;
    display: block;
    padding: 15px; }
    .social-alert.social-reconnect-msg.promotion-page .content-holder .title-holder, .social-alert.social-reconnect-msg.menu-food-page .content-holder .title-holder {
      display: flex;
      font-size: 16px;
      font-weight: 600;
      padding-bottom: 15px;
      gap: 10px;
      border-bottom: 1px solid #e2cf9f;
      margin-bottom: 15px;
      color: #333333; }
    .social-alert.social-reconnect-msg.promotion-page .content-holder .box-flex, .social-alert.social-reconnect-msg.menu-food-page .content-holder .box-flex {
      display: flex;
      gap: 20px;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .social-alert.social-reconnect-msg.promotion-page .content-holder .box-flex, .social-alert.social-reconnect-msg.menu-food-page .content-holder .box-flex {
          flex-direction: column; } }
      .social-alert.social-reconnect-msg.promotion-page .content-holder .box-flex .content, .social-alert.social-reconnect-msg.menu-food-page .content-holder .box-flex .content {
        text-align: left !important; }
        .social-alert.social-reconnect-msg.promotion-page .content-holder .box-flex .content.align-center, .social-alert.social-reconnect-msg.menu-food-page .content-holder .box-flex .content.align-center {
          height: min-content;
          align-self: center; }
      @media (max-width: 991px) {
        .social-alert.social-reconnect-msg.promotion-page .content-holder .box-flex .btn-holder .btn.reconnect, .social-alert.social-reconnect-msg.menu-food-page .content-holder .box-flex .btn-holder .btn.reconnect {
          max-width: 250px;
          margin: auto; } }
  .social-alert.social-reconnect-msg.promotion-page .content-holder.new-alert, .social-alert.social-reconnect-msg.menu-food-page .content-holder.new-alert {
    display: flex; }
    .social-alert.social-reconnect-msg.promotion-page .content-holder.new-alert .content, .social-alert.social-reconnect-msg.menu-food-page .content-holder.new-alert .content {
      width: 100%; }
      .social-alert.social-reconnect-msg.promotion-page .content-holder.new-alert .content .title, .social-alert.social-reconnect-msg.menu-food-page .content-holder.new-alert .content .title {
        display: block;
        color: #3d3d3d;
        font-weight: 700; }
      .social-alert.social-reconnect-msg.promotion-page .content-holder.new-alert .content p, .social-alert.social-reconnect-msg.menu-food-page .content-holder.new-alert .content p {
        margin: 0; }

.social-alert.social-reconnect-msg.menu-food-page {
  left: 0;
  width: 100%; }
  .social-alert.social-reconnect-msg.menu-food-page .content-holder .title-holder img {
    height: 20px; }
  .social-alert.social-reconnect-msg.menu-food-page .box-flex {
    flex-direction: column; }
    .social-alert.social-reconnect-msg.menu-food-page .box-flex .btn.reconnect {
      max-width: 180px;
      margin: auto; }
  .social-alert.social-reconnect-msg.menu-food-page.new-meta {
    padding: 15px 30px;
    display: block;
    text-align: center; }
    .social-alert.social-reconnect-msg.menu-food-page.new-meta .message-content .icon-holder {
      margin-bottom: 10px; }
      .social-alert.social-reconnect-msg.menu-food-page.new-meta .message-content .icon-holder img {
        height: 30px; }
    .social-alert.social-reconnect-msg.menu-food-page.new-meta .btn.reconnect {
      width: fit-content;
      margin: 10px auto 0; }

@media (max-width: 991px) {
  .events-page .website-container.new-fb-error .new-event-container.new-event-holder-mobile.no-events {
    padding-top: 40px; } }
@media (max-width: 870px) {
  .events-page .website-container.new-fb-error .new-event-container.new-event-holder-mobile.no-events {
    padding-top: 60px; } }
@media (max-width: 835px) {
  .events-page .website-container.new-fb-error .new-event-container.new-event-holder-mobile.no-events {
    padding-top: 0; } }

@keyframes blink {
  50% {
    opacity: 0; } }

@media (max-width: 400px) {
  .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect {
    height: 50px; } }
@media (max-width: 470px) {
  .social-page .main-social-container .social-alert-box.new-reconnect .btn.reconnect.expired {
    height: 50px; } }

#meta-alert-box {
  transition: all 1s ease; }

.event-planner-holder {
  padding: 0; }

.event_planner_landing_page h1 {
  font-size: 2.4em;
  font-weight: 700; }
  @media (max-width: 1650px) {
    .event_planner_landing_page h1 {
      font-size: 2em; } }
  @media (max-width: 1500px) {
    .event_planner_landing_page h1 {
      font-size: 1.5em; } }
  @media (max-width: 1200px) {
    .event_planner_landing_page h1 {
      font-size: 1.7em; } }
  @media (max-width: 767px) {
    .event_planner_landing_page h1 {
      font-size: 1.4em !important; } }
.event_planner_landing_page h2 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 25px; }
  @media (max-width: 767px) {
    .event_planner_landing_page h2 {
      font-size: 18px; } }
.event_planner_landing_page .main-btn {
  padding: 10px 20px;
  font-size: 1.2em;
  border-radius: 5px;
  background: #ed380e;
  color: white;
  font-weight: 700;
  width: fit-content;
  min-width: 220px;
  text-align: center;
  cursor: pointer; }
  @media (max-width: 1200px) {
    .event_planner_landing_page .main-btn {
      width: 90%;
      max-width: 300px;
      margin: 0 auto; } }
.event_planner_landing_page .photo-banner {
  display: flex;
  align-items: center;
  background-image: url("https://static.spotapps.co/assets/admin/event_planer/landing/hero_men.png"), url("https://static.spotapps.co/assets/admin/event_planer/landing/hero_back.png");
  background-size: auto 100%, cover;
  background-position: right 3% bottom, center top;
  background-repeat: no-repeat;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .event_planner_landing_page .photo-banner {
      flex-direction: column;
      background-image: url("https://static.spotapps.co/assets/admin/event_planer/landing/hero_back.png");
      background-size: cover;
      background-position: center; } }
  .event_planner_landing_page .photo-banner h1 {
    color: white; }
    @media (max-width: 1200px) {
      .event_planner_landing_page .photo-banner h1 {
        text-shadow: 4px 4px 6px black; } }
  .event_planner_landing_page .photo-banner p {
    color: white; }
    @media (max-width: 1200px) {
      .event_planner_landing_page .photo-banner p {
        text-shadow: 4px 4px 6px black; } }
  .event_planner_landing_page .photo-banner .left-content {
    flex-basis: 35%;
    position: relative;
    margin-left: 2%;
    margin-right: 2%;
    min-width: 530px;
    color: white; }
    @media (max-width: 1650px) {
      .event_planner_landing_page .photo-banner .left-content {
        min-width: 440px; } }
    @media (max-width: 1430px) {
      .event_planner_landing_page .photo-banner .left-content {
        min-width: auto; } }
    @media (max-width: 1200px) {
      .event_planner_landing_page .photo-banner .left-content {
        margin-top: 30px;
        text-align: center; }
        .event_planner_landing_page .photo-banner .left-content .main-btn {
          margin: auto; } }
    @media (max-width: 767px) {
      .event_planner_landing_page .photo-banner .left-content {
        margin-top: 60px;
        max-width: 70%; } }
    @media (max-width: 500px) {
      .event_planner_landing_page .photo-banner .left-content {
        max-width: 90%; } }
    .event_planner_landing_page .photo-banner .left-content ul {
      padding: 10px 0 15px 30px; }
      .event_planner_landing_page .photo-banner .left-content ul li {
        margin-bottom: 10px;
        font-size: 18px; }
        @media (max-width: 1500px) {
          .event_planner_landing_page .photo-banner .left-content ul li {
            font-size: 15px; } }
      @media (max-width: 1200px) {
        .event_planner_landing_page .photo-banner .left-content ul {
          padding-left: 0;
          list-style: inside; } }
    .event_planner_landing_page .photo-banner .left-content .description {
      display: flex;
      padding: 20px 0;
      gap: 10px;
      align-items: center; }
      @media (max-width: 1200px) {
        .event_planner_landing_page .photo-banner .left-content .description {
          justify-content: center; } }
      .event_planner_landing_page .photo-banner .left-content .description p {
        margin: 0; }
  .event_planner_landing_page .photo-banner .middle-content {
    flex-basis: 45%;
    align-self: flex-end;
    max-width: 90%;
    margin-top: 30px; }
    @media (max-width: 1200px) {
      .event_planner_landing_page .photo-banner .middle-content {
        align-self: center; } }
    .event_planner_landing_page .photo-banner .middle-content img {
      display: block;
      width: auto;
      max-height: 370px; }
      @media (max-width: 1650px) {
        .event_planner_landing_page .photo-banner .middle-content img {
          max-height: 300px; } }
      @media (max-width: 767px) {
        .event_planner_landing_page .photo-banner .middle-content img {
          max-height: 250px; } }
.event_planner_landing_page .section-two {
  text-align: center;
  max-width: 85%;
  padding: 30px 0;
  margin: 0 auto;
  border-bottom: 1px solid #cbcbcb; }
  .event_planner_landing_page .section-two .main-btn {
    margin: 0 auto 30px; }
  .event_planner_landing_page .section-two .highlighted-green {
    color: #00b776; }
  .event_planner_landing_page .section-two p strong {
    font-size: 1.1em; }
  .event_planner_landing_page .section-two p.italic {
    font-style: italic; }
    .event_planner_landing_page .section-two p.italic span {
      font-style: normal;
      font-weight: bold; }
  @media (max-width: 1200px) {
    .event_planner_landing_page .section-two {
      max-width: 100%;
      padding: 30px 15px; } }
.event_planner_landing_page .content-wrapper {
  padding: 0 0 30px; }
  .event_planner_landing_page .content-wrapper .section {
    display: flex;
    gap: 30px;
    padding: 30px 0; }
    .event_planner_landing_page .content-wrapper .section .img-holder.e-signatures {
      width: 45%; }
      @media (max-width: 1200px) {
        .event_planner_landing_page .content-wrapper .section .img-holder.e-signatures {
          width: 100%; } }
    @media (max-width: 1200px) {
      .event_planner_landing_page .content-wrapper .section .img-holder.e-signatures object {
        position: relative;
        bottom: -6px;
        right: -10px; } }
    .event_planner_landing_page .content-wrapper .section .img-holder.e-signatures object {
      width: 95%;
      max-width: 100%; }
    .event_planner_landing_page .content-wrapper .section .img-holder {
      max-width: 45%; }
      .event_planner_landing_page .content-wrapper .section .img-holder img {
        max-width: 95%; }
        @media (max-width: 1200px) {
          .event_planner_landing_page .content-wrapper .section .img-holder img.lg-visible {
            display: none; } }
        @media (min-width: 1200px) {
          .event_planner_landing_page .content-wrapper .section .img-holder img.lg-hidden {
            display: none; } }
    .event_planner_landing_page .content-wrapper .section .text-holder {
      padding: 40px 10% 0 5%;
      color: black; }
      .event_planner_landing_page .content-wrapper .section .text-holder p {
        font-size: 16px;
        margin-bottom: 15px; }
        @media (max-width: 767px) {
          .event_planner_landing_page .content-wrapper .section .text-holder p {
            font-size: 15px; } }
    .event_planner_landing_page .content-wrapper .section .main-btn {
      margin-top: 30px; }
    .event_planner_landing_page .content-wrapper .section.section-right .text-holder {
      padding: 40px 5% 0 10%; }
    @media (max-width: 1200px) {
      .event_planner_landing_page .content-wrapper .section {
        flex-direction: column;
        padding-bottom: 0; }
        .event_planner_landing_page .content-wrapper .section .text-holder {
          padding: 30px 5%;
          text-align: center; }
        .event_planner_landing_page .content-wrapper .section .img-holder {
          max-width: 100%;
          text-align: center;
          background: #ffdfd0; }
          .event_planner_landing_page .content-wrapper .section .img-holder img {
            max-height: 300px; }
        .event_planner_landing_page .content-wrapper .section.section-right {
          flex-direction: column-reverse;
          text-align: center; }
          .event_planner_landing_page .content-wrapper .section.section-right .text-holder {
            padding: 30px 5%; } }
.event_planner_landing_page .last-section {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  max-width: 90%;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  background: white;
  box-shadow: -10px 10px 30px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto; }
  .event_planner_landing_page .last-section .text-holder {
    height: fit-content;
    padding-left: 50px; }
    .event_planner_landing_page .last-section .text-holder p {
      margin-bottom: 25px;
      font-size: 16px; }
  .event_planner_landing_page .last-section .video-holder {
    max-width: 50%; }
    .event_planner_landing_page .last-section .video-holder iframe {
      max-width: 100%;
      border-radius: 5px; }
  @media (max-width: 1200px) {
    .event_planner_landing_page .last-section {
      flex-direction: column;
      text-align: center;
      padding-top: 30px; }
      .event_planner_landing_page .last-section .text-holder {
        padding-left: 0; }
      .event_planner_landing_page .last-section .video-holder {
        max-width: 100%; } }
.event_planner_landing_page .downgrade {
  text-align: center;
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
  color: #939598;
  margin: 40px auto; }
.event_planner_landing_page .confirmation-wrapper {
  max-width: 1100px;
  margin: 0 5% 0;
  padding-top: 40px; }
  .event_planner_landing_page .confirmation-wrapper .section-instructions {
    background-color: white;
    padding: 30px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    display: flex;
    gap: 40px;
    padding: 0;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1200px) {
      .event_planner_landing_page .confirmation-wrapper .section-instructions {
        flex-direction: column; } }
    .event_planner_landing_page .confirmation-wrapper .section-instructions .text-holder {
      text-align: center;
      padding: 30px 40px;
      height: fit-content;
      color: black;
      width: 500px;
      max-width: 100%; }
      .event_planner_landing_page .confirmation-wrapper .section-instructions .text-holder h1 {
        color: black;
        font-size: 38px;
        font-weight: 800; }
      .event_planner_landing_page .confirmation-wrapper .section-instructions .text-holder h2 {
        font-size: 24px;
        font-weight: 500;
        max-width: 340px;
        margin: 0 auto 25px; }
        @media (max-width: 540px) {
          .event_planner_landing_page .confirmation-wrapper .section-instructions .text-holder h2 {
            font-size: 20px; } }
      .event_planner_landing_page .confirmation-wrapper .section-instructions .text-holder p {
        font-size: 16px; }
        .event_planner_landing_page .confirmation-wrapper .section-instructions .text-holder p a {
          text-decoration: underline;
          white-space: nowrap; }
    .event_planner_landing_page .confirmation-wrapper .section-instructions .video-holder {
      max-width: 50%; }
      @media (max-width: 1200px) {
        .event_planner_landing_page .confirmation-wrapper .section-instructions .video-holder {
          max-width: 100%; } }
      .event_planner_landing_page .confirmation-wrapper .section-instructions .video-holder iframe {
        border-radius: 5px;
        max-width: 100%; }
  .event_planner_landing_page .confirmation-wrapper .section {
    background-color: white;
    padding: 30px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    text-align: center;
    color: black; }
    .event_planner_landing_page .confirmation-wrapper .section h2 {
      font-size: 22px;
      margin-bottom: 15px; }
      @media (max-width: 991px) {
        .event_planner_landing_page .confirmation-wrapper .section h2 {
          font-size: 18px; } }
    .event_planner_landing_page .confirmation-wrapper .section p {
      font-size: 16px;
      margin-bottom: 30px; }
    .event_planner_landing_page .confirmation-wrapper .section .main-btn {
      margin: 0 auto;
      padding: 10px 40px; }
  .event_planner_landing_page .confirmation-wrapper .insights-container {
    margin-top: 20px;
    display: flex;
    gap: 15px; }
    @media (max-width: 1200px) {
      .event_planner_landing_page .confirmation-wrapper .insights-container {
        flex-direction: column; } }
    .event_planner_landing_page .confirmation-wrapper .insights-container > div {
      flex: 1 1 50%;
      padding: 20px;
      border-radius: 10px;
      border: 1px solid #e1e1e1; }
    .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder {
      display: flex;
      align-items: center;
      gap: 20px; }
      .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder .img-holder {
        min-width: 35%; }
        @media (max-width: 1200px) {
          .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder .img-holder {
            min-width: 30%; } }
        .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder .img-holder img {
          max-width: 100%; }
      .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder .text-holder {
        text-align: left; }
        .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder .text-holder p {
          color: #333333; }
          .event_planner_landing_page .confirmation-wrapper .insights-container .chart-holder .text-holder p span {
            color: #ea5329;
            font-weight: bold; }
    .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder > p {
      max-width: 330px;
      margin: 0 auto 20px; }
    .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-item > div {
      min-height: 180px;
      display: flex;
      gap: 15px;
      flex-direction: column;
      justify-content: space-between;
      padding-bottom: 50px; }
      @media (max-width: 1200px) {
        .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-item > div {
          min-height: 140px; } }
      @media (max-width: 991px) {
        .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-item > div {
          min-height: 180px; } }
      @media (max-width: 540px) {
        .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-item > div {
          min-height: 210px; } }
      .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-item > div p {
        max-width: 330px;
        margin: 0 auto; }
    .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-indicators {
      bottom: 0; }
      .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-indicators li {
        background-color: #dbdbe5;
        width: 13px;
        height: 13px;
        border: 0;
        margin: 2px 6px; }
        .event_planner_landing_page .confirmation-wrapper .insights-container .carousel-holder .carousel-indicators li.active {
          background-color: #ea5329;
          width: 13px;
          height: 13px;
          border: 0;
          margin: 2px 6px; }
  .event_planner_landing_page .confirmation-wrapper .main-btn.get-started {
    width: fit-content;
    min-width: auto; }

.event-planner-modal-landing {
  padding: 0; }
  .event-planner-modal-landing .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
    opacity: 1;
    z-index: 1; }
    .event-planner-modal-landing .close span {
      display: block;
      background-color: #ea580b;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 27px; }
  .event-planner-modal-landing .modal-body {
    padding: 0; }
    .event-planner-modal-landing .modal-body .event_planner_landing_page {
      max-width: 90%;
      box-shadow: 0px 4px 11.4px 0px rgba(0, 0, 0, 0.1);
      padding-bottom: 10px;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .event-planner-modal-landing .modal-body .event_planner_landing_page {
          max-width: 100%; } }
      .event-planner-modal-landing .modal-body .event_planner_landing_page .photo-banner {
        width: 100%; }

.onboarding-wizard-page {
  font-size: 16px; }
  @media (max-width: 767px) {
    .onboarding-wizard-page {
      font-size: 14px; } }
  .onboarding-wizard-page .book-meeting-container {
    display: none !important; }
  .onboarding-wizard-page .desktop-show {
    display: block; }
    @media (max-width: 767px) {
      .onboarding-wizard-page .desktop-show {
        display: none; } }
  .onboarding-wizard-page .mobile-show {
    display: none; }
    @media (max-width: 767px) {
      .onboarding-wizard-page .mobile-show {
        display: block; } }
  .onboarding-wizard-page .close {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 22px;
    font-weight: 400;
    opacity: 0.7; }
  .onboarding-wizard-page input.form-control,
  .onboarding-wizard-page input.sh-input {
    font-size: 1em;
    background-color: #f4f4f4;
    color: #333333;
    width: 150px;
    height: auto;
    padding: 6px 20px;
    font-weight: 600;
    border: 0; }
    .onboarding-wizard-page input.form-control.ng-invalid,
    .onboarding-wizard-page input.sh-input.ng-invalid {
      border: 1px solid red; }
    .onboarding-wizard-page input.form-control::placeholder,
    .onboarding-wizard-page input.sh-input::placeholder {
      color: #999999; }
    .onboarding-wizard-page input.form-control.phone,
    .onboarding-wizard-page input.sh-input.phone {
      letter-spacing: 1px; }
  .onboarding-wizard-page select.custom-select {
    appearance: none;
    border: 0;
    outline: 0;
    font-size: 1em;
    width: 150px;
    padding: 6px 20px;
    background-color: #f4f4f4;
    color: #333333;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    .onboarding-wizard-page select.custom-select option {
      color: inherit;
      background-color: #f4f4f4; }
  .onboarding-wizard-page h1 {
    font-size: 1.3em;
    font-weight: 800; }
  .onboarding-wizard-page h2 {
    font-size: 1.35em;
    font-weight: 800; }
  .onboarding-wizard-page h3 {
    font-size: 1em;
    font-weight: 700;
    padding: 10px 0; }
  .onboarding-wizard-page p, .onboarding-wizard-page label {
    font-size: 1em; }
  .onboarding-wizard-page .text-left {
    text-align: left; }
  .onboarding-wizard-page .gray {
    color: #646464; }
  .onboarding-wizard-page .mb-10 {
    margin-bottom: 10px; }
  .onboarding-wizard-page .mb-0 {
    margin-bottom: 0; }
  .onboarding-wizard-page .my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
  .onboarding-wizard-page .mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.onboarding-wizard-page.min-height-content {
  color: #333333;
  padding: 0; }
  .onboarding-wizard-page.min-height-content .main-box {
    background: white;
    padding: 10px 10px 20px;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px; }
  .onboarding-wizard-page.min-height-content .page-background {
    padding: 0 5% 10px;
    min-height: 100vh;
    background: white; }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .page-background {
        padding: 0; } }
    .onboarding-wizard-page.min-height-content .page-background.party {
      background: #f0f6f7; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background.party .content-box .bar-img {
          background-color: #f0f6f7; } }
    .onboarding-wizard-page.min-height-content .page-background.catering {
      background: #fdf6f8; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background.catering .content-box .bar-img {
          background-color: #fdf6f8; } }
    .onboarding-wizard-page.min-height-content .page-background.reservation {
      background: #fafef5; }
      @media (max-width: 1023px) {
        .onboarding-wizard-page.min-height-content .page-background.reservation .flex-boxes-holder {
          flex-direction: column; } }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background.reservation .content-box .bar-img {
          background-color: #fafef5; } }
      .onboarding-wizard-page.min-height-content .page-background.reservation .inquiry-init .field-holder {
        padding: 10px 30px; }
        .onboarding-wizard-page.min-height-content .page-background.reservation .inquiry-init .field-holder .inp-min-max {
          max-width: 100px; }
          @media (max-width: 450px) {
            .onboarding-wizard-page.min-height-content .page-background.reservation .inquiry-init .field-holder .inp-min-max {
              max-width: 100%; } }
        .onboarding-wizard-page.min-height-content .page-background.reservation .inquiry-init .field-holder p {
          text-align: left; }
      .onboarding-wizard-page.min-height-content .page-background.reservation .inquiry-init .field-holder:first-of-type {
        margin-top: 20px; }
    .onboarding-wizard-page.min-height-content .page-background.jobs {
      background: #f8f4f2; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background.jobs .content-box .bar-img {
          background-color: #f8f4f2; } }
    .onboarding-wizard-page.min-height-content .page-background.social {
      position: relative;
      overflow: auto;
      background-image: url("https://static.spotapps.co/assets/admin/onboarding/social/social_back.jpg");
      background-size: 100% auto;
      background-position: center bottom;
      background-repeat: no-repeat; }
      @media (orientation: portrait) and (min-width: 768px) {
        .onboarding-wizard-page.min-height-content .page-background.social {
          background-size: cover; } }
      @media (orientation: portrait) and (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background.social {
          background-size: auto 70vh; } }
    .onboarding-wizard-page.min-height-content .page-background .success-msg {
      text-align: center;
      font-weight: 600;
      color: #43b673; }
    .onboarding-wizard-page.min-height-content .page-background .buttons-holder {
      display: flex;
      justify-content: center;
      gap: 20px;
      padding: 5px 0; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder {
          flex-direction: column-reverse; } }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder.next-step {
          flex-direction: column;
          gap: 5px;
          padding-top: 0; } }
      .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 1em;
        color: #a1a1a1;
        background: transparent;
        min-width: 250px;
        padding: 8px 20px;
        border-radius: 5px;
        border: 1px solid #c6c6c6;
        text-wrap: wrap; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.primary {
          background: #ea5329;
          color: white;
          border-color: #ea5329; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.secondary {
          background: #e7e7e7;
          color: #646464;
          border-color: #e7e7e7; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.party {
          background: #23788a;
          color: white;
          border-color: #23788a; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.catering {
          background: #dd4078;
          color: white;
          border-color: #dd4078; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.reservation {
          background: #5e9a12;
          color: white;
          border-color: #5e9a12; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.jobs {
          background: #765646;
          color: white;
          border-color: #765646; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.transparent {
          color: #646464;
          padding: 8px 0;
          border-color: transparent;
          cursor: default;
          gap: 3px; }
          .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.transparent:focus, .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.transparent:active, .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.transparent:focus-visible {
            border-color: transparent;
            outline: 0;
            box-shadow: none; }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.justify-end {
          justify-content: flex-end; }
          @media (max-width: 767px) {
            .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn.justify-end {
              justify-content: center; } }
        .onboarding-wizard-page.min-height-content .page-background .buttons-holder button.btn .fa {
          margin-top: 1px;
          font-size: 22px; }
      .onboarding-wizard-page.min-height-content .page-background .buttons-holder.right {
        justify-content: flex-end; }
    .onboarding-wizard-page.min-height-content .page-background section {
      max-width: 1000px;
      margin: 0 auto; }
      .onboarding-wizard-page.min-height-content .page-background section .inquiry-icon {
        display: block;
        max-width: 55px;
        margin: 0 auto 15px; }
        @media (min-width: 768px) {
          .onboarding-wizard-page.min-height-content .page-background section .inquiry-icon {
            display: none; } }
      .onboarding-wizard-page.min-height-content .page-background section > h2, .onboarding-wizard-page.min-height-content .page-background section > p {
        text-align: center;
        margin-bottom: 15px; }
      .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder {
        display: flex;
        gap: 10px;
        margin-top: 10px; }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder {
            flex-direction: column;
            align-items: flex-start;
            gap: 0; } }
        .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box {
          flex: 1 1 0px; }
          @media (max-width: 767px) {
            .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box {
              width: 100%; } }
          .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box h3 {
            margin-top: 5px;
            margin-bottom: 5px; }
          .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box .flex-field {
            flex-direction: column; }
            @media (max-width: 767px) {
              .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box .flex-field {
                align-items: flex-start; } }
            .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box .flex-field label {
              font-size: 1em; }
            .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box .flex-field .flex-right {
              place-self: flex-end; }
              @media (max-width: 767px) {
                .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box .flex-field .flex-right {
                  align-items: flex-start; } }
          .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys {
            position: relative; }
            .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .highlight-msg {
              margin: 0 10px 5px; }
            .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .content {
              display: flex;
              gap: 10px;
              padding: 20px 10px 0; }
              .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .content .text-holder {
                flex: 1 1 0px;
                padding-left: 10px; }
              .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .content .img-holder {
                flex: 1 0 55%;
                max-width: 55%; }
                .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .content .img-holder img {
                  max-width: 100%;
                  vertical-align: bottom; }
              @media (max-width: 500px) {
                .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .content {
                  flex-direction: column; }
                  .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys .content .img-holder {
                    align-self: center; } }
            .onboarding-wizard-page.min-height-content .page-background section .flex-boxes-holder > .section-box.surveys.deactivate > * {
              opacity: 0.5; }
      .onboarding-wizard-page.min-height-content .page-background section .section-box {
        margin-bottom: 10px; }
        .onboarding-wizard-page.min-height-content .page-background section .section-box:not(.transparent) {
          background: white;
          border-radius: 10px;
          border: 1px solid #e1e1e1;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
        .onboarding-wizard-page.min-height-content .page-background section .section-box h3 {
          font-size: 1.2em;
          font-weight: 800; }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background section .section-box {
            border-radius: 0;
            box-shadow: none; } }
      .onboarding-wizard-page.min-height-content .page-background section.contact_info > p {
        max-width: 720px;
        margin: 0 auto 15px; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background section.contact_info {
          padding: 15px; } }
      .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box {
        padding: 10px; }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box {
            border-radius: 5px;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); } }
        .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.contact, .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.notifications {
          justify-content: space-between;
          margin-bottom: 0; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.contact .img-holder, .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.notifications .img-holder {
            display: flex;
            align-items: center;
            justify-content: center; }
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.contact .img-holder img, .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.notifications .img-holder img {
              margin-right: 30px; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.contact .flex-right, .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .flex-field.notifications .flex-right {
            margin-bottom: 0; }
        .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .highlight-msg {
          margin: -10px -10px 5px; }
        .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder {
          display: flex;
          gap: 20px;
          align-items: center;
          padding-top: 10px;
          border-top: 1px solid #e1e1e1;
          margin-top: 10px; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder .flex-right input.sh-input {
            width: 250px; }
          @media (max-width: 600px) {
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder .flex-right {
              width: 100%; }
              .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder .flex-right input.sh-input {
                width: 100%; } }
          @media (max-width: 991px) {
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder {
              flex-wrap: wrap; }
              .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder .flex-right {
                margin-left: auto; } }
          @media (max-width: 600px) {
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .section-box .employee-holder .flex-field.notifications {
              padding-top: 0;
              margin-top: 0; } }
      .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper {
        display: flex;
        gap: 10px; }
        .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper > div {
          display: flex;
          gap: 3px;
          flex-direction: column;
          align-items: flex-start;
          flex: 1 1 30%; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper > div label {
            margin-bottom: 0;
            font-size: 1em; }
            @media (max-width: 991px) {
              .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper > div label {
                min-width: 120px; } }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper > div input.sh-input {
            width: 100%; }
          @media (max-width: 440px) {
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper > div {
              flex-direction: column;
              align-items: flex-start; }
              .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper > div input.sh-input {
                width: 100%; } }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-address-wrapper {
            flex-direction: column; } }
      @media (max-width: 600px) {
        .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field {
          justify-content: flex-start !important;
          align-items: flex-start;
          flex-direction: column;
          margin-bottom: 0; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field.contact, .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field .notifications {
            flex-direction: column;
            justify-content: flex-start !important; }
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field.contact .flex-right, .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field .notifications .flex-right {
              width: 100%;
              margin-bottom: 0; }
              .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field.contact .flex-right input, .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field .notifications .flex-right input {
                border-radius: 5px;
                width: 100%; }
            .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field.contact .input-holder, .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field .notifications .input-holder {
              width: 100%; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-field.notifications {
            margin-top: 20px;
            padding-top: 20px; }
        .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-right.notifications {
          flex-direction: column; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-right.notifications div {
            flex-direction: column; }
          .onboarding-wizard-page.min-height-content .page-background section.contact_info .flex-right.notifications input {
            border-radius: 5px;
            width: 100%; } }
      .onboarding-wizard-page.min-height-content .page-background section.hours_section .highlight-msg {
        margin: 0 0 10px; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background section.hours_section {
          padding: 10px; } }
      .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box {
        padding: 10px; }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box {
            border-radius: 5px;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
            .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .label-holder p {
              margin: 0; }
            .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row {
              padding-left: 0;
              justify-content: space-between;
              gap: 0; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type div:not(.label-holder) {
                flex-basis: 50px; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type .label-holder {
                flex-basis: 190px; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type p {
                margin-left: 35px; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row div {
                flex-grow: 0; }
                .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row div p {
                  width: 50px; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row .hour-holder {
                width: 180px; } }
        @media (max-width: 540px) {
          .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row {
            justify-content: flex-start;
            gap: 30px; }
            .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type {
              gap: 0; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type div:not(.label-holder) {
                flex-basis: 80px; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type .label-holder {
                flex-basis: 130px;
                text-align: left;
                margin-right: 20px; }
          .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hour-holder input.form-control {
            width: 120px; }
          .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hour-holder:last-of-type i {
            display: none; } }
        @media (max-width: 420px) {
          .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row {
            gap: 5px; }
            .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type .label-holder {
              flex-basis: 120px;
              margin-right: 0; }
              .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hours-wrapper .hour-row:first-of-type .label-holder p {
                margin-left: 10px; }
          .onboarding-wizard-page.min-height-content .page-background section.hours_section .section-box .hour-holder input.form-control {
            width: 110px; } }
      .onboarding-wizard-page.min-height-content .page-background section.social-section {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 150px; }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background section.social-section {
            padding-top: 100px; } }
        .onboarding-wizard-page.min-height-content .page-background section.social-section .social-wrapper {
          padding: 5vh 15px 0; }
          @media (max-width: 450px) {
            .onboarding-wizard-page.min-height-content .page-background section.social-section .social-wrapper {
              padding: 0 15px; } }
          .onboarding-wizard-page.min-height-content .page-background section.social-section .social-wrapper p {
            font-size: 20px; }
          .onboarding-wizard-page.min-height-content .page-background section.social-section .social-wrapper h2 {
            margin: 35px 0 10px; }
        .onboarding-wizard-page.min-height-content .page-background section.social-section .social-hend {
          max-width: 100%;
          max-height: 40vh;
          margin: 0 auto; }
          @media (max-width: 450px) {
            .onboarding-wizard-page.min-height-content .page-background section.social-section .social-hend.desktop {
              display: none; } }
          @media (min-width: 450px) {
            .onboarding-wizard-page.min-height-content .page-background section.social-section .social-hend.mobile {
              display: none; } }
          @media (max-width: 450px) {
            .onboarding-wizard-page.min-height-content .page-background section.social-section .social-hend {
              max-height: 50vh; } }
      .onboarding-wizard-page.min-height-content .page-background section .section-footer h2 {
        margin: 20px auto 10px; }
    .onboarding-wizard-page.min-height-content .page-background .highlight-msg {
      display: flex;
      gap: 10px;
      background: rgba(73, 187, 235, 0.12);
      color: #334366;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 20px; }
      .onboarding-wizard-page.min-height-content .page-background .highlight-msg > img {
        max-width: 25px !important; }
      .onboarding-wizard-page.min-height-content .page-background .highlight-msg > .fa {
        margin-top: 3px;
        color: #b0ccda; }
      .onboarding-wizard-page.min-height-content .page-background .highlight-msg p {
        font-size: 14px;
        margin-bottom: 5px; }
        .onboarding-wizard-page.min-height-content .page-background .highlight-msg p:last-of-type {
          margin-bottom: 0; }
      .onboarding-wizard-page.min-height-content .page-background .highlight-msg .text-holder {
        text-align: left; }
    .onboarding-wizard-page.min-height-content .page-background .step-one {
      max-width: 1400px;
      margin: 0 auto; }
      .onboarding-wizard-page.min-height-content .page-background .step-one h1 {
        font-size: 3.1em;
        font-weight: 800;
        text-align: center;
        color: #333333;
        padding-top: 5vh; }
        .onboarding-wizard-page.min-height-content .page-background .step-one h1 span {
          color: #ea5329; }
      .onboarding-wizard-page.min-height-content .page-background .step-one .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 50px 0 20px; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .left {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder h2 {
          font-size: 1.5em;
          font-weight: 800;
          line-height: 1.5;
          margin-bottom: 30px; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder ul {
          list-style: none;
          padding-left: 30px; }
          .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder ul li {
            position: relative;
            font-size: 1.3em;
            font-weight: 600;
            margin-bottom: 10px; }
            .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder ul li .fa {
              position: absolute;
              top: 0;
              left: -25px;
              color: #43b673;
              line-height: 1.5em; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed {
          display: flex;
          gap: 8px;
          align-items: center;
          font-size: 1.1em;
          font-weight: 600;
          margin: 40px 0 15px; }
          .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed img {
            width: 60px;
            height: auto; }
            @media (max-width: 450px) {
              .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed img {
                width: 55px; } }
          .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed p {
            margin-bottom: 0; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder {
          max-width: 60%;
          padding-left: 15px; }
          @media (max-width: 767px) {
            .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder {
              padding-left: 0; } }
          .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder img {
            max-width: 100%;
            max-height: 55vh; }
    @media (max-width: 991px) {
      .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder {
        max-width: 40%; } }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .page-background .step-one {
        padding: 0 15px; }
        .onboarding-wizard-page.min-height-content .page-background .step-one h1 {
          font-size: 30px; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content {
          flex-direction: column-reverse;
          padding-top: 20px; }
          .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder {
            max-width: 400px;
            margin-bottom: 15px; }
            .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder h2 {
              font-size: 22px; }
            .onboarding-wizard-page.min-height-content .page-background .step-one .content .img-holder ul li {
              font-size: 18px; } }
    @media (max-width: 450px) {
      .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed {
        position: relative;
        flex-direction: column;
        align-items: flex-start; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed img {
          position: absolute;
          right: -70px; }
        .onboarding-wizard-page.min-height-content .page-background .step-one .content .text-holder .completed .left {
          position: relative;
          align-items: flex-start;
          justify-content: center; } }
    .onboarding-wizard-page.min-height-content .page-background .inquiry-init {
      text-align: center; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .page-background .inquiry-init .img-box.phone {
          width: 65%;
          max-width: 300px;
          margin: auto; } }
      .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box {
        background-color: white;
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
        .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box h2 {
          margin: 20px auto;
          line-height: 1.3; }
        @media (max-width: 767px) {
          .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box {
            border-top: 1px solid #e1e1e1; }
            .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box .buttons-holder, .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box h2 {
              width: 95%;
              margin: auto; }
            .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box p {
              text-align: left;
              padding: 0 20px 20px;
              margin: auto; }
            .onboarding-wizard-page.min-height-content .page-background .inquiry-init .white-cover-box h2 {
              max-width: 85%;
              text-align: left;
              margin: 20px auto;
              font-size: 1.2em; } }
      .onboarding-wizard-page.min-height-content .page-background .inquiry-init img {
        max-width: 100%; }
      .onboarding-wizard-page.min-height-content .page-background .inquiry-init .highlight-msg {
        margin: 0 10px 5px; }
        .onboarding-wizard-page.min-height-content .page-background .inquiry-init .highlight-msg img {
          margin-bottom: 0; }
      .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 30px 10px; }
        .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder .left {
          gap: 10px;
          display: flex;
          align-items: center; }
          .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder .left img {
            max-height: 30px; }
        .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder .right {
          gap: 10px;
          display: flex;
          align-items: center; }
          .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder .right.modified {
            min-width: 100%; }
            .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder .right.modified .main-checkbox-holder {
              justify-content: center; }
              .onboarding-wizard-page.min-height-content .page-background .inquiry-init .field-holder .right.modified .main-checkbox-holder > div {
                flex: 0 0 110px; }
      .onboarding-wizard-page.min-height-content .page-background .inquiry-init .section-title-holder {
        display: flex;
        flex-wrap: wrap;
        margin: 10px;
        gap: 5px;
        align-items: center; }
        .onboarding-wizard-page.min-height-content .page-background .inquiry-init .section-title-holder .highlight-msg {
          margin: 0 !important;
          flex-grow: 1; }
    .onboarding-wizard-page.min-height-content .page-background .hours-wrapper {
      max-width: 800px;
      margin: 10px auto;
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row {
        padding-left: 10px;
        display: flex;
        gap: 30px;
        align-items: center; }
        .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row div {
          flex: 1 1 0; }
          .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row div p {
            font-size: 1em;
            font-weight: 600;
            margin-bottom: 0; }
        .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row .label-holder {
          text-align: center; }
          .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row .label-holder p {
            font-size: 1em;
            max-width: 100px;
            margin: 0 0 0 auto; }
        .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row .hour-holder {
          display: flex;
          gap: 8px;
          align-items: center;
          justify-content: flex-end; }
          .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row .hour-holder .fa {
            font-size: 22px;
            color: #cbcbcb; }
          .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row .hour-holder input.form-control {
            text-align: center;
            font-size: 0.9em;
            background-color: #f4f4f4;
            color: #333333;
            width: 100px;
            height: auto;
            padding: 6px 10px;
            border: 1px solid white; }
            .onboarding-wizard-page.min-height-content .page-background .hours-wrapper .hour-row .hour-holder input.form-control.ng-invalid {
              border-color: red; }
  .onboarding-wizard-page.min-height-content .flex-field {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px; }
    .onboarding-wizard-page.min-height-content .flex-field .flex {
      display: flex;
      flex-grow: 1;
      justify-content: space-between;
      align-items: center; }
      .onboarding-wizard-page.min-height-content .flex-field .flex label {
        margin-bottom: 0; }
      .onboarding-wizard-page.min-height-content .flex-field .flex input.sh-input {
        width: 250px; }
    .onboarding-wizard-page.min-height-content .flex-field p {
      margin-bottom: 0; }
    .onboarding-wizard-page.min-height-content .flex-field .disclaimer {
      font-size: 14px;
      color: #727272;
      margin-bottom: 0; }
    .onboarding-wizard-page.min-height-content .flex-field.notifications {
      padding-top: 0;
      margin-top: 0; }
  .onboarding-wizard-page.min-height-content .flex-right {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 20px; }
    .onboarding-wizard-page.min-height-content .flex-right label {
      display: block; }
    .onboarding-wizard-page.min-height-content .flex-right input.sh-input {
      width: 300px;
      max-width: 100%; }
    .onboarding-wizard-page.min-height-content .flex-right.notifications {
      margin-bottom: 0; }
  .onboarding-wizard-page.min-height-content .step-tracker {
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 30px 20px 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 10; }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .step-tracker {
        border-radius: 0;
        padding: 20px 20px 10px;
        border: none;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); } }
    .onboarding-wizard-page.min-height-content .step-tracker .line-steps {
      position: relative;
      width: 100%;
      display: flex;
      gap: 10px; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .step-tracker .line-steps {
          gap: 0; } }
  .onboarding-wizard-page.min-height-content .whole-step {
    display: flex;
    flex-direction: column;
    width: 20%; }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .whole-step {
        flex-direction: column-reverse; } }
    .onboarding-wizard-page.min-height-content .whole-step:nth-child(1) {
      width: 10%; }
    .onboarding-wizard-page.min-height-content .whole-step:nth-child(2) {
      width: 10%; }
    .onboarding-wizard-page.min-height-content .whole-step:nth-child(3) {
      width: 50%; }
    .onboarding-wizard-page.min-height-content .whole-step:nth-child(4) {
      width: 15%; }
    .onboarding-wizard-page.min-height-content .whole-step:nth-child(5) {
      width: 15%; }
    .onboarding-wizard-page.min-height-content .whole-step .content {
      display: flex;
      position: relative;
      gap: 5px;
      margin-top: 5px; }
    .onboarding-wizard-page.min-height-content .whole-step.finished .step {
      background-color: #43b673; }
    .onboarding-wizard-page.min-height-content .whole-step.finished .content:before {
      content: "";
      display: block;
      width: 15px;
      height: 17px;
      background-image: url("https://static.spotapps.co/assets/admin/onboarding/checkmark.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      @media (max-width: 1023px) {
        .onboarding-wizard-page.min-height-content .whole-step.finished .content:before {
          display: none; } }
    .onboarding-wizard-page.min-height-content .whole-step .step {
      width: 100%;
      height: 7px;
      display: flex;
      background-color: #d9d9d9; }
      @media (min-width: 768px) {
        .onboarding-wizard-page.min-height-content .whole-step .step.active {
          background-color: #b9e3cb; } }
      .onboarding-wizard-page.min-height-content .whole-step .step.finished {
        background-color: #43b673; }
      .onboarding-wizard-page.min-height-content .whole-step .step div {
        height: 7px;
        width: 100%;
        transition: all 1s ease; }
        .onboarding-wizard-page.min-height-content .whole-step .step div.finished {
          background-color: #43b673; }
        .onboarding-wizard-page.min-height-content .whole-step .step div.current::after {
          content: "";
          position: absolute;
          top: -25px;
          margin-left: -5px;
          width: 15px;
          height: 20px;
          background-image: url("https://static.spotapps.co/assets/admin/onboarding/pin.png");
          background-size: contain;
          background-repeat: no-repeat; }
          @media (max-width: 767px) {
            .onboarding-wizard-page.min-height-content .whole-step .step div.current::after {
              display: none; } }
    .onboarding-wizard-page.min-height-content .whole-step p {
      font-size: 12px;
      margin-bottom: 5px; }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .whole-step .content {
      display: none; } }
  .onboarding-wizard-page.min-height-content .tracker-name {
    display: none; }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .tracker-name.active-step {
        margin-bottom: 10px;
        display: block;
        text-align: center; } }
  .onboarding-wizard-page.min-height-content .main-checkbox-holder {
    display: flex;
    flex-wrap: wrap; }
    .onboarding-wizard-page.min-height-content .main-checkbox-holder.national-days, .onboarding-wizard-page.min-height-content .main-checkbox-holder.special-occassion {
      padding: 20px !important; }
    .onboarding-wizard-page.min-height-content .main-checkbox-holder .label-holder {
      display: block;
      position: relative;
      padding-left: 35px;
      padding-right: 0;
      margin-bottom: 5px;
      cursor: pointer;
      font-size: 0.85em;
      font-weight: 500;
      color: #333333;
      text-align: left;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .onboarding-wizard-page.min-height-content .main-checkbox-holder .label-holder input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      .onboarding-wizard-page.min-height-content .main-checkbox-holder .label-holder .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: transparent;
        border: 1px solid #a1a1a1;
        border-radius: 5px; }
        .onboarding-wizard-page.min-height-content .main-checkbox-holder .label-holder .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 7px;
          top: 3px;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .onboarding-wizard-page.min-height-content .main-checkbox-holder .check-box-holder.active .container:hover input:checked ~ .checkmark {
      border-color: #23788a; }
    .onboarding-wizard-page.min-height-content .main-checkbox-holder .check-box-holder.active .checkmark:after {
      display: block; }

.onboarding-wizard-page.min-height-content .party .content-box .text-left, .onboarding-wizard-page.min-height-content .reservation .content-box .text-left, .onboarding-wizard-page.min-height-content .catering .content-box .text-left {
  flex-basis: 480px; }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .party .content-box .text-left, .onboarding-wizard-page.min-height-content .reservation .content-box .text-left, .onboarding-wizard-page.min-height-content .catering .content-box .text-left {
      flex-basis: 100%; } }
.onboarding-wizard-page.min-height-content .jobs .content-box .text-left {
  flex-basis: 400px; }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .jobs .content-box .text-left {
      flex-basis: 100%; } }
.onboarding-wizard-page.min-height-content .party .full-img, .onboarding-wizard-page.min-height-content .catering .full-img, .onboarding-wizard-page.min-height-content .reservation .full-img, .onboarding-wizard-page.min-height-content .jobs .full-img, .onboarding-wizard-page.min-height-content .marketing .full-img {
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
.onboarding-wizard-page.min-height-content .party .substep-4 h2, .onboarding-wizard-page.min-height-content .party .substep-4 h3, .onboarding-wizard-page.min-height-content .catering .substep-4 h2, .onboarding-wizard-page.min-height-content .catering .substep-4 h3, .onboarding-wizard-page.min-height-content .reservation .substep-4 h2, .onboarding-wizard-page.min-height-content .reservation .substep-4 h3, .onboarding-wizard-page.min-height-content .jobs .substep-4 h2, .onboarding-wizard-page.min-height-content .jobs .substep-4 h3, .onboarding-wizard-page.min-height-content .marketing .substep-4 h2, .onboarding-wizard-page.min-height-content .marketing .substep-4 h3 {
  text-align: center; }
.onboarding-wizard-page.min-height-content .party .substep-4 h3, .onboarding-wizard-page.min-height-content .catering .substep-4 h3, .onboarding-wizard-page.min-height-content .reservation .substep-4 h3, .onboarding-wizard-page.min-height-content .jobs .substep-4 h3, .onboarding-wizard-page.min-height-content .marketing .substep-4 h3 {
  font-weight: 500; }
.onboarding-wizard-page.min-height-content .party .substep-4 .section-box h3, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box h3, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box h3, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box h3, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box h3 {
  font-size: 1em;
  font-weight: 600;
  margin: 0 10px;
  text-align: left; }
.onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types h3, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types h3, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types h3, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types h3, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types h3 {
  text-align: left;
  padding: 0; }
.onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder {
  padding: 0 0 10px; }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder {
      flex-direction: column;
      align-items: flex-start; } }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .left, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .left, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .left, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .left, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .left {
      width: 100%; } }
  .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .left .highlight-msg {
    text-align: left;
    margin-bottom: 0;
    padding: 5px 20px; }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .left .highlight-msg, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .left .highlight-msg {
        width: 100%; } }
  .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right {
    flex-basis: 60%; }
    @media (max-width: 991px) {
      .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right {
        flex-basis: 45%; }
        .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div {
          flex-basis: 100%; } }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right {
        flex-basis: 100%;
        width: 100%; } }
    .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder {
      flex-basis: 100%; }
      @media (max-width: 767px) {
        .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div {
          flex-basis: 26%; } }
      @media (max-width: 550px) {
        .onboarding-wizard-page.min-height-content .party .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box .catering-types .field-holder .right .main-checkbox-holder > div {
          flex-basis: 100%; } }
@media (max-width: 767px) {
  .onboarding-wizard-page.min-height-content .party .substep-4, .onboarding-wizard-page.min-height-content .catering .substep-4, .onboarding-wizard-page.min-height-content .reservation .substep-4, .onboarding-wizard-page.min-height-content .jobs .substep-4, .onboarding-wizard-page.min-height-content .marketing .substep-4 {
    padding: 15px; }
    .onboarding-wizard-page.min-height-content .party .substep-4 .section-box, .onboarding-wizard-page.min-height-content .catering .substep-4 .section-box, .onboarding-wizard-page.min-height-content .reservation .substep-4 .section-box, .onboarding-wizard-page.min-height-content .jobs .substep-4 .section-box, .onboarding-wizard-page.min-height-content .marketing .substep-4 .section-box {
      border-radius: 5px !important; } }
.onboarding-wizard-page.min-height-content .party .content-box, .onboarding-wizard-page.min-height-content .catering .content-box, .onboarding-wizard-page.min-height-content .reservation .content-box, .onboarding-wizard-page.min-height-content .jobs .content-box, .onboarding-wizard-page.min-height-content .marketing .content-box {
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 20px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  background-color: white; }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .party .content-box, .onboarding-wizard-page.min-height-content .catering .content-box, .onboarding-wizard-page.min-height-content .reservation .content-box, .onboarding-wizard-page.min-height-content .jobs .content-box, .onboarding-wizard-page.min-height-content .marketing .content-box {
      justify-content: center;
      flex-direction: column;
      align-items: flex-start;
      padding: 0; }
      .onboarding-wizard-page.min-height-content .party .content-box .full-img, .onboarding-wizard-page.min-height-content .catering .content-box .full-img, .onboarding-wizard-page.min-height-content .reservation .content-box .full-img, .onboarding-wizard-page.min-height-content .jobs .content-box .full-img, .onboarding-wizard-page.min-height-content .marketing .content-box .full-img {
        display: none; }
      .onboarding-wizard-page.min-height-content .party .content-box .bar-img, .onboarding-wizard-page.min-height-content .catering .content-box .bar-img, .onboarding-wizard-page.min-height-content .reservation .content-box .bar-img, .onboarding-wizard-page.min-height-content .jobs .content-box .bar-img, .onboarding-wizard-page.min-height-content .marketing .content-box .bar-img {
        width: 100% !important;
        position: relative;
        top: -16px;
        border-bottom: 1px solid #e1e1e1; }
        .onboarding-wizard-page.min-height-content .party .content-box .bar-img img, .onboarding-wizard-page.min-height-content .catering .content-box .bar-img img, .onboarding-wizard-page.min-height-content .reservation .content-box .bar-img img, .onboarding-wizard-page.min-height-content .jobs .content-box .bar-img img, .onboarding-wizard-page.min-height-content .marketing .content-box .bar-img img {
          max-width: 250px; }
      .onboarding-wizard-page.min-height-content .party .content-box .text-left, .onboarding-wizard-page.min-height-content .catering .content-box .text-left, .onboarding-wizard-page.min-height-content .reservation .content-box .text-left, .onboarding-wizard-page.min-height-content .jobs .content-box .text-left, .onboarding-wizard-page.min-height-content .marketing .content-box .text-left {
        padding: 0 20px; } }
  .onboarding-wizard-page.min-height-content .party .content-box .bar-img, .onboarding-wizard-page.min-height-content .catering .content-box .bar-img, .onboarding-wizard-page.min-height-content .reservation .content-box .bar-img, .onboarding-wizard-page.min-height-content .jobs .content-box .bar-img, .onboarding-wizard-page.min-height-content .marketing .content-box .bar-img {
    width: 220px; }
    .onboarding-wizard-page.min-height-content .party .content-box .bar-img img, .onboarding-wizard-page.min-height-content .catering .content-box .bar-img img, .onboarding-wizard-page.min-height-content .reservation .content-box .bar-img img, .onboarding-wizard-page.min-height-content .jobs .content-box .bar-img img, .onboarding-wizard-page.min-height-content .marketing .content-box .bar-img img {
      max-height: 150px; }
    .onboarding-wizard-page.min-height-content .party .content-box .bar-img p, .onboarding-wizard-page.min-height-content .catering .content-box .bar-img p, .onboarding-wizard-page.min-height-content .reservation .content-box .bar-img p, .onboarding-wizard-page.min-height-content .jobs .content-box .bar-img p, .onboarding-wizard-page.min-height-content .marketing .content-box .bar-img p {
      margin-top: 10px; }
@media (max-width: 767px) {
  .onboarding-wizard-page.min-height-content .party .section-footer, .onboarding-wizard-page.min-height-content .catering .section-footer, .onboarding-wizard-page.min-height-content .reservation .section-footer, .onboarding-wizard-page.min-height-content .jobs .section-footer, .onboarding-wizard-page.min-height-content .marketing .section-footer {
    background-color: white;
    position: relative;
    top: -25px;
    width: 100%;
    padding: 0 20px;
    text-align: left; } }
.onboarding-wizard-page.min-height-content .party .orange, .onboarding-wizard-page.min-height-content .catering .orange, .onboarding-wizard-page.min-height-content .reservation .orange, .onboarding-wizard-page.min-height-content .jobs .orange, .onboarding-wizard-page.min-height-content .marketing .orange {
  color: #ea5329;
  font-weight: bold; }
.onboarding-wizard-page.min-height-content .party .main-checkbox-holder, .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder, .onboarding-wizard-page.min-height-content .reservation .main-checkbox-holder, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder {
  gap: 3px 10px;
  padding: 10px 30px; }
  .onboarding-wizard-page.min-height-content .party .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .reservation .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder > div {
    flex: 0 0 32%; }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .party .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .reservation .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder > div {
        flex: 1 1 100%; } }
.onboarding-wizard-page.min-height-content .party.capacity h3, .onboarding-wizard-page.min-height-content .catering.capacity h3, .onboarding-wizard-page.min-height-content .reservation.capacity h3, .onboarding-wizard-page.min-height-content .jobs.capacity h3, .onboarding-wizard-page.min-height-content .marketing.capacity h3 {
  padding: 10px 20px;
  text-align: left; }
.onboarding-wizard-page.min-height-content .party.capacity .inp-min-max, .onboarding-wizard-page.min-height-content .catering.capacity .inp-min-max, .onboarding-wizard-page.min-height-content .reservation.capacity .inp-min-max, .onboarding-wizard-page.min-height-content .jobs.capacity .inp-min-max, .onboarding-wizard-page.min-height-content .marketing.capacity .inp-min-max {
  width: 150px; }
.onboarding-wizard-page.min-height-content .party.capacity .icon-holder, .onboarding-wizard-page.min-height-content .catering.capacity .icon-holder, .onboarding-wizard-page.min-height-content .reservation.capacity .icon-holder, .onboarding-wizard-page.min-height-content .jobs.capacity .icon-holder, .onboarding-wizard-page.min-height-content .marketing.capacity .icon-holder {
  margin-right: 10px; }
.onboarding-wizard-page.min-height-content .party.capacity .img-holder, .onboarding-wizard-page.min-height-content .catering.capacity .img-holder, .onboarding-wizard-page.min-height-content .reservation.capacity .img-holder, .onboarding-wizard-page.min-height-content .jobs.capacity .img-holder, .onboarding-wizard-page.min-height-content .marketing.capacity .img-holder {
  min-width: 65px; }
  @media (max-width: 450px) {
    .onboarding-wizard-page.min-height-content .party.capacity .img-holder, .onboarding-wizard-page.min-height-content .catering.capacity .img-holder, .onboarding-wizard-page.min-height-content .reservation.capacity .img-holder, .onboarding-wizard-page.min-height-content .jobs.capacity .img-holder, .onboarding-wizard-page.min-height-content .marketing.capacity .img-holder {
      min-width: 35px; } }
  .onboarding-wizard-page.min-height-content .party.capacity .img-holder img, .onboarding-wizard-page.min-height-content .catering.capacity .img-holder img, .onboarding-wizard-page.min-height-content .reservation.capacity .img-holder img, .onboarding-wizard-page.min-height-content .jobs.capacity .img-holder img, .onboarding-wizard-page.min-height-content .marketing.capacity .img-holder img {
    display: block;
    text-align: left; }
@media (max-width: 700px) {
  .onboarding-wizard-page.min-height-content .party.capacity .field-holder, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder {
    align-items: flex-start !important; }
    .onboarding-wizard-page.min-height-content .party.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .left p {
      text-align: left; }
    .onboarding-wizard-page.min-height-content .party.capacity .field-holder .left .img-holder img, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .left .img-holder img, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .left .img-holder img, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .left .img-holder img, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .left .img-holder img {
      max-height: 22px; }
    .onboarding-wizard-page.min-height-content .party.capacity .field-holder.minimum-notice, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder.minimum-notice, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder.minimum-notice, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder.minimum-notice, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder.minimum-notice {
      flex-direction: column; }
      .onboarding-wizard-page.min-height-content .party.capacity .field-holder.minimum-notice .right, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder.minimum-notice .right, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder.minimum-notice .right, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder.minimum-notice .right, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder.minimum-notice .right {
        margin-left: 75px; }
        .onboarding-wizard-page.min-height-content .party.capacity .field-holder.minimum-notice .right input, .onboarding-wizard-page.min-height-content .party.capacity .field-holder.minimum-notice .right select, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder.minimum-notice .right input, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder.minimum-notice .right select, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder.minimum-notice .right input, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder.minimum-notice .right select, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder.minimum-notice .right input, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder.minimum-notice .right select, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder.minimum-notice .right input, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder.minimum-notice .right select {
          width: 50%; } }
@media (max-width: 450px) {
  .onboarding-wizard-page.min-height-content .party.capacity .field-holder, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder {
    flex-direction: column;
    gap: 10px; }
    .onboarding-wizard-page.min-height-content .party.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .left p, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .left p {
      margin-bottom: 0; }
    .onboarding-wizard-page.min-height-content .party.capacity .field-holder .right, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .right, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .right, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .right, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .right {
      margin-left: 0 !important;
      width: 100%; }
      .onboarding-wizard-page.min-height-content .party.capacity .field-holder .right .content-holder, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .right .content-holder, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .right .content-holder, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .right .content-holder, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .right .content-holder {
        width: 100%; }
      .onboarding-wizard-page.min-height-content .party.capacity .field-holder .right input, .onboarding-wizard-page.min-height-content .party.capacity .field-holder .right select, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .right input, .onboarding-wizard-page.min-height-content .catering.capacity .field-holder .right select, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .right input, .onboarding-wizard-page.min-height-content .reservation.capacity .field-holder .right select, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .right input, .onboarding-wizard-page.min-height-content .jobs.capacity .field-holder .right select, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .right input, .onboarding-wizard-page.min-height-content .marketing.capacity .field-holder .right select {
        width: 100%; } }
.onboarding-wizard-page.min-height-content .party .check-box-holder.active .checkmark, .onboarding-wizard-page.min-height-content .catering .check-box-holder.active .checkmark, .onboarding-wizard-page.min-height-content .reservation .check-box-holder.active .checkmark, .onboarding-wizard-page.min-height-content .jobs .check-box-holder.active .checkmark, .onboarding-wizard-page.min-height-content .marketing .check-box-holder.active .checkmark {
  background-color: #23788a;
  border-color: #23788a; }
.onboarding-wizard-page.min-height-content .catering .main-checkbox-holder, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder {
  gap: 3px 5%;
  padding: 5px 30px; }
  @media (max-width: 991px) {
    .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder {
      gap: 10px 10%; } }
  .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder > div {
    flex: 0 0 30%; }
    @media (max-width: 991px) {
      .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder > div {
        flex: 0 0 40%; } }
    @media (max-width: 767px) {
      .onboarding-wizard-page.min-height-content .catering .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .jobs .main-checkbox-holder > div, .onboarding-wizard-page.min-height-content .marketing .main-checkbox-holder > div {
        flex: 1 1 100%; } }
.onboarding-wizard-page.min-height-content .catering .check-box-holder.active .checkmark, .onboarding-wizard-page.min-height-content .jobs .check-box-holder.active .checkmark, .onboarding-wizard-page.min-height-content .marketing .check-box-holder.active .checkmark {
  background-color: #dd4078;
  border-color: #dd4078; }
.onboarding-wizard-page.min-height-content .catering .check-box-holder.active .checkmark {
  background-color: #dd4078;
  border-color: #dd4078; }
.onboarding-wizard-page.min-height-content .jobs .check-box-holder.active .checkmark {
  background-color: #765646;
  border-color: #765646; }
.onboarding-wizard-page.min-height-content .primary .check-box-holder.active .checkmark {
  background-color: #ea5329;
  border-color: #ea5329; }
.onboarding-wizard-page.min-height-content .marketing h2 {
  margin-top: 20px; }
.onboarding-wizard-page.min-height-content .marketing.banner-section {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .onboarding-wizard-page.min-height-content .marketing.banner-section h2, .onboarding-wizard-page.min-height-content .marketing.banner-section p {
      padding: 0 15px; }
    .onboarding-wizard-page.min-height-content .marketing.banner-section .img-box {
      border-bottom: 1px solid #e1e1e1;
      max-width: 100% !important;
      width: 100% !important; }
      .onboarding-wizard-page.min-height-content .marketing.banner-section .img-box img {
        max-width: 300px;
        margin: auto; } }
@media (max-width: 767px) {
  .onboarding-wizard-page.min-height-content .marketing.section-box {
    margin: 0 15px;
    border-radius: 10px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05) !important; } }
@media (max-width: 767px) {
  .onboarding-wizard-page.min-height-content .marketing.buttons-holder {
    margin: 0 15px; } }

.google-wrapper .buttons-holder {
  margin-top: 30px; }
.google-wrapper .google-content {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 5px;
  display: flex; }
  @media (max-width: 767px) {
    .google-wrapper .google-content {
      flex-direction: column-reverse; } }
  .google-wrapper .google-content .left {
    padding: 35px;
    flex-basis: 50%; }
    @media (max-width: 767px) {
      .google-wrapper .google-content .left {
        flex-basis: 100%; } }
    .google-wrapper .google-content .left h1, .google-wrapper .google-content .left h3 {
      color: #333333;
      margin-bottom: 10px; }
    .google-wrapper .google-content .left .img-holder img {
      width: 100%;
      max-width: 300px; }
  .google-wrapper .google-content .right {
    flex-basis: 50%;
    border-radius: 5px;
    min-width: 300px;
    background-image: url(https://static.spotapps.co/assets/admin/onboarding/google/google_improve_serach.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left; }
    @media (max-width: 767px) {
      .google-wrapper .google-content .right {
        width: 100%;
        flex-basis: auto;
        height: 350px; } }
    @media (max-width: 600px) {
      .google-wrapper .google-content .right {
        height: 250px; } }
    @media (max-width: 480px) {
      .google-wrapper .google-content .right {
        height: 180px; } }
@media (max-width: 767px) {
  .google-wrapper {
    padding: 0 15px; } }
.google-wrapper .hero-text {
  position: relative; }
  .google-wrapper .hero-text img {
    max-width: 100%; }
  .google-wrapper .hero-text p {
    position: absolute;
    top: 44%;
    left: 5%;
    transform: translateY(-50%);
    font-size: 16px;
    margin: 0;
    color: white; }
    @media (max-width: 767px) {
      .google-wrapper .hero-text p {
        position: inherit;
        transform: translateY(0);
        color: #333333;
        text-align: center;
        left: 0;
        margin: 20px auto; } }
    .google-wrapper .hero-text p .highlight {
      font-weight: bold;
      color: #ffc01d; }
      @media (max-width: 767px) {
        .google-wrapper .hero-text p .highlight {
          color: #333333; } }
.google-wrapper .video-holder {
  max-width: 800px;
  margin: 10px auto 0; }
  .google-wrapper .video-holder iframe {
    display: block;
    max-width: 100%;
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    margin: 0 auto 10px; }
    @media (max-width: 767px) {
      .google-wrapper .video-holder iframe {
        max-height: 45vw; } }
.google-wrapper .btn i {
  font-size: 1.2em; }
.google-wrapper .highlight-msg {
  margin-bottom: 10px !important; }

.tippy-box[data-theme~="custom"] {
  background-color: #d3f2ff;
  color: #334366;
  padding: 15px;
  font-size: 0.9em; }

.tippy-box[data-theme~="custom"] .tippy-arrow {
  color: #d3f2ff; }

.tippy-box[data-theme~="warning"] {
  background-color: #fef3f2;
  color: #334366;
  padding: 15px;
  font-size: 0.9em; }

.tippy-box[data-theme~="warning"] .tippy-arrow {
  color: #fef3f2; }

.main-onboarding-modal .modal-dialog {
  width: 700px; }
  @media (max-width: 767px) {
    .main-onboarding-modal .modal-dialog {
      width: 100%;
      margin: 0;
      padding: 0; } }
  .main-onboarding-modal .modal-dialog .modal-content {
    display: flex;
    border-radius: 0;
    border: none;
    height: 330px;
    width: 700px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .main-onboarding-modal .modal-dialog .modal-content {
        height: 100vh;
        width: 100%;
        margin: auto; } }
    .main-onboarding-modal .modal-dialog .modal-content .close {
      display: none; }
.main-onboarding-modal .onboarding-modal {
  color: #333333;
  text-align: center; }
  .main-onboarding-modal .onboarding-modal .modal-header, .main-onboarding-modal .onboarding-modal .modal-footer {
    border: none; }
  .main-onboarding-modal .onboarding-modal h1 {
    color: #333333;
    font-size: 3.5em;
    font-weight: 800; }
    @media (max-width: 767px) {
      .main-onboarding-modal .onboarding-modal h1 {
        font-size: 3em; } }
    @media (max-width: 550px) {
      .main-onboarding-modal .onboarding-modal h1 {
        font-size: 2.5em; } }
  .main-onboarding-modal .onboarding-modal h2 {
    font-size: 1.7em;
    font-weight: 700; }
    @media (max-width: 767px) {
      .main-onboarding-modal .onboarding-modal h2 {
        font-size: 1.5em; } }
    @media (max-width: 550px) {
      .main-onboarding-modal .onboarding-modal h2 {
        font-size: 1.3em; } }
  .main-onboarding-modal .onboarding-modal p {
    font-size: 1.15em;
    font-weight: 600;
    max-width: 380px;
    margin: 20px auto 0; }
    @media (max-width: 550px) {
      .main-onboarding-modal .onboarding-modal p {
        font-size: 1em; } }
  .main-onboarding-modal .onboarding-modal .rocket-icon {
    width: 25px; }

.ui-timepicker-wrapper {
  width: 150px; }
  @media (max-width: 540px) {
    .ui-timepicker-wrapper {
      width: 120px; } }
  @media (max-width: 420px) {
    .ui-timepicker-wrapper {
      width: 110px; } }

.switch-checkbox {
  height: 0;
  width: 0;
  visibility: hidden; }

.label-switch-checkbox {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 24px;
  background: #cdcdcd;
  display: block;
  border-radius: 16px;
  position: relative;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .label-switch-checkbox {
      transform: scale(0.8); } }
  .label-switch-checkbox:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 12px;
    transition: 0.3s; }

.onboarding-wizard-page .switch-checkbox:checked + .label-switch-checkbox {
  background: #43b673; }
  .onboarding-wizard-page .switch-checkbox:checked + .label-switch-checkbox:after {
    left: calc(100% - 5px);
    transform: translateX(-100%); }
.onboarding-wizard-page .label-switch-checkbox:active:after {
  width: 26px; }
.onboarding-wizard-page .checkbox-holder {
  display: flex;
  align-items: center;
  gap: 5px; }
.onboarding-wizard-page .category-hours-holder {
  display: flex;
  gap: 10px; }
  @media (max-width: 1023px) {
    .onboarding-wizard-page .category-hours-holder {
      flex-direction: column; } }
  .onboarding-wizard-page .category-hours-holder > div {
    flex: 1 1 0px; }
    .onboarding-wizard-page .category-hours-holder > div h2 {
      text-align: center;
      margin: 0 auto 20px; }
  .onboarding-wizard-page .category-hours-holder .category .chosen-category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    margin: 15px 0;
    background-color: rgba(67, 182, 125, 0.03);
    border: 1px solid #c5e8d3; }
    .onboarding-wizard-page .category-hours-holder .category .chosen-category.generic {
      background-color: rgba(208, 22, 22, 0.03);
      border: 1px solid #f3c7c7; }
    .onboarding-wizard-page .category-hours-holder .category .chosen-category p {
      margin: 0; }
    .onboarding-wizard-page .category-hours-holder .category .chosen-category img {
      max-width: 16px; }
  .onboarding-wizard-page .category-hours-holder .category .categories {
    max-height: 345px;
    overflow-y: scroll;
    border-top: 1px solid #f1f1f1;
    padding: 10px 20px 0;
    scrollbar-color: #ea5329 #f4f4f4; }
    .onboarding-wizard-page .category-hours-holder .category .categories p {
      padding: 0 5px;
      margin: 0; }
      .onboarding-wizard-page .category-hours-holder .category .categories p:hover {
        cursor: pointer;
        color: #ea5329; }
      .onboarding-wizard-page .category-hours-holder .category .categories p.active {
        color: #ea5329; }
    .onboarding-wizard-page .category-hours-holder .category .categories::-webkit-scrollbar {
      width: 16px; }
    .onboarding-wizard-page .category-hours-holder .category .categories::-webkit-scrollbar-track {
      background: #f4f4f4; }
    .onboarding-wizard-page .category-hours-holder .category .categories::-webkit-scrollbar-thumb {
      background-color: #ea5329;
      border-radius: 10px;
      border: 3px solid #f4f4f4; }

.qr-flyer-page .primary-orange {
  background-color: #ea5329;
  color: white; }
  .qr-flyer-page .primary-orange svg {
    fill: white;
    margin-right: 5px; }
    .qr-flyer-page .primary-orange svg.linkBtn {
      fill: #afafaf; }
  .qr-flyer-page .primary-orange:hover {
    background-color: #fa5329;
    color: white; }
.qr-flyer-page .flyers-bar-nav {
  width: calc(100% + 250px);
  background-color: white;
  position: fixed;
  z-index: 10;
  left: 250px;
  top: 0;
  z-index: 99;
  padding-bottom: 0.25rem; }
  @media (max-width: 767px) {
    .qr-flyer-page .flyers-bar-nav {
      left: 0;
      width: calc(100% + 70px); } }
  .qr-flyer-page .flyers-bar-nav .nav-holder {
    display: flex;
    max-width: 800px;
    margin-left: 70px;
    gap: 0.5rem; }
    @media (max-width: 767px) {
      .qr-flyer-page .flyers-bar-nav .nav-holder {
        margin-left: 55px; } }
    @media (max-width: 600px) {
      .qr-flyer-page .flyers-bar-nav .nav-holder {
        height: 55px;
        align-items: center;
        overflow-x: auto;
        font-size: 11px; } }
    .qr-flyer-page .flyers-bar-nav .nav-holder .tab {
      display: flex;
      gap: 10%; }
      @media (max-width: 460px) {
        .qr-flyer-page .flyers-bar-nav .nav-holder .tab {
          width: 68px; } }
      @media (max-width: 420px) {
        .qr-flyer-page .flyers-bar-nav .nav-holder .tab {
          width: 60px; } }
      .qr-flyer-page .flyers-bar-nav .nav-holder .tab a {
        padding: 10px 40px;
        color: black;
        font-size: 1.1em;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 4px solid transparent; }
        @media (max-width: 1200px) {
          .qr-flyer-page .flyers-bar-nav .nav-holder .tab a {
            font-size: 1em;
            padding: 10px 20px; } }
        @media (max-width: 991px) {
          .qr-flyer-page .flyers-bar-nav .nav-holder .tab a {
            padding: 10px 5px; } }
        @media (max-width: 600px) {
          .qr-flyer-page .flyers-bar-nav .nav-holder .tab a {
            padding: 10px 3px;
            font-size: 1em; } }
        .qr-flyer-page .flyers-bar-nav .nav-holder .tab a span {
          font-size: 1em;
          margin-top: 2px;
          display: block;
          font-weight: 400; }
          @media (max-width: 1200px) {
            .qr-flyer-page .flyers-bar-nav .nav-holder .tab a span {
              font-size: 0.9em; } }
          @media (max-width: 600px) {
            .qr-flyer-page .flyers-bar-nav .nav-holder .tab a span {
              display: none; } }
        .qr-flyer-page .flyers-bar-nav .nav-holder .tab a.active {
          color: #ea5329;
          border-bottom: 3px solid #ea5329; }
        .qr-flyer-page .flyers-bar-nav .nav-holder .tab a:hover {
          border-bottom: 3px solid #ea5329; }
.qr-flyer-page .qr-code-flyers.flyers-preview {
  padding-top: 0; }
  .qr-flyer-page .qr-code-flyers.flyers-preview.marketing .banner-holder {
    margin-left: -30px; }
  .qr-flyer-page .qr-code-flyers.flyers-preview p.agent-name {
    width: 100%; }
  .qr-flyer-page .qr-code-flyers.flyers-preview p.help-title, .qr-flyer-page .qr-code-flyers.flyers-preview p.customer-title {
    font-size: 12px;
    width: 100%; }
  .qr-flyer-page .qr-code-flyers.flyers-preview .flyer {
    margin-bottom: 15px; }
  .qr-flyer-page .qr-code-flyers.flyers-preview .download-controls {
    padding: 25px 0 35px 0; }
  .qr-flyer-page .qr-code-flyers.flyers-preview .dl-ctrl-row {
    text-align: center; }
  .qr-flyer-page .qr-code-flyers.flyers-preview .dl-ctrl-row.instructions {
    display: flex;
    justify-content: space-evenly;
    gap: 2rem; }
  .qr-flyer-page .qr-code-flyers.flyers-preview .filters {
    position: sticky;
    left: 250px;
    right: 0;
    min-height: 75px;
    padding: 20px 20px 0 20px;
    background-color: white;
    color: #6d6e71;
    font-weight: normal;
    justify-content: center;
    z-index: 100;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 0;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    top: 55px; }
    @media (min-width: 600px) {
      .qr-flyer-page .qr-code-flyers.flyers-preview .filters {
        top: 64px; } }
    @media (min-width: 1200px) {
      .qr-flyer-page .qr-code-flyers.flyers-preview .filters {
        top: 71px; } }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .filter-decoration {
      border: 1px solid #cdcdcd;
      border-radius: 8px;
      position: sticky;
      top: 60px;
      min-height: 75px;
      background-color: white;
      color: #6d6e71;
      font-weight: normal;
      justify-content: center;
      z-index: 100;
      margin-top: 0;
      width: 86%;
      padding: 20px 0px;
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 480px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .filter-decoration {
          width: 100%; } }
      @media (min-width: 2560px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .filter-decoration {
          margin: auto 30em; } }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .filter-label {
      font-weight: 500;
      background-color: white;
      margin: 0 auto -18px 8%;
      z-index: 101;
      padding: 10px; }
      @media (max-width: 480px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .filter-label {
          margin-right: auto;
          margin-left: auto; } }
      @media (min-width: 2560px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .filter-label {
          margin-left: 33em; } }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .button-label button {
      background-color: #e7e7e7;
      color: #747375;
      box-shadow: none;
      border: 0px;
      border-radius: 20px;
      border-top: 2px solid #cdcdcd;
      font-size: 13px;
      font-weight: 400;
      padding: 0px 6px;
      height: 32px;
      margin-top: 10px;
      margin-left: 5px;
      margin-right: 5px;
      width: auto; }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .button-label button.active {
      background-color: #fdebe6;
      font-size: 13px;
      font-weight: 400;
      color: #ea5329;
      border: 0px;
      border-radius: 20px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 1px 0px;
      padding: 0px 6px;
      height: 32px;
      margin-top: 10px;
      margin-left: 5px;
      margin-right: 5px;
      width: auto; }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .button-label button.active.after {
      background-color: #fdebe6;
      font-size: 13px;
      font-weight: 400;
      color: #ea5329;
      border: 0px;
      border-radius: 20px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 1px 0px;
      padding: 0px 6px;
      height: 32px;
      margin-top: 10px;
      margin-left: 5px;
      margin-right: 5px;
      width: auto; }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters input[type=checkbox] {
      margin-right: 5px;
      width: 20px;
      height: 18px;
      display: inline-block;
      vertical-align: bottom;
      cursor: pointer;
      accent-color: #ea5329; }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters h2 {
      margin: 20px 0;
      font-weight: 500;
      color: #717170;
      width: 100%; }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters a {
      width: 100%;
      margin-left: 35px;
      text-decoration: underline;
      padding-left: 7%;
      margin-top: 3px; }
      @media (max-width: 767px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters a {
          margin-left: 0; } }
      @media (max-width: 540px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters a {
          padding-left: 20px; } }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .hide-show {
      margin-left: 10px;
      margin-top: 3px; }
      @media (max-width: 768px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .hide-show {
          display: block;
          width: 100%; } }
    .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label {
      display: inline;
      padding-left: 20px;
      margin: 3px; }
      @media (max-width: 1024px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label {
          width: 180px; } }
      @media (max-width: 767px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label {
          width: auto;
          flex-basis: 50%;
          padding: 0 0 0 7%;
          margin: 3px 0; } }
      @media (max-width: 540px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label {
          padding-left: 0; } }
      @media (max-width: 360px) {
        .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label {
          flex-basis: 100%; } }
      .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label span {
        white-space: nowrap; }
        @media (max-width: 450px) {
          .qr-flyer-page .qr-code-flyers.flyers-preview .filters .checkbox-label span {
            font-size: 12px; } }
  .qr-flyer-page .qr-code-flyers.flyers-preview .svg-container {
    min-height: 300px; }
.qr-flyer-page .standalone-qr {
  margin-left: -30px;
  display: grid; }
.qr-flyer-page .margin-15 {
  margin-right: -30px !important; }
.qr-flyer-page .standalone {
  display: grid;
  justify-content: space-evenly;
  align-items: center; }
.qr-flyer-page .banner-holder {
  z-index: 2;
  background-image: url("https://static.spotapps.co/assets/admin/flyers/background-full.png");
  background-size: cover;
  padding: 0px 0 0px 0;
  overflow: hidden;
  margin-right: -30px;
  position: relative;
  text-align: center;
  width: auto;
  height: 480px; }
  .qr-flyer-page .banner-holder .img-holder {
    position: absolute;
    bottom: 0px;
    padding: 0px 0 0px 0;
    overflow: hidden; }
    .qr-flyer-page .banner-holder .img-holder img {
      height: 400px;
      width: auto; }
      @media (min-width: 1441px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 400px;
          width: auto;
          bottom: 0px;
          margin-left: 50px; } }
      @media (max-width: 1440px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 380px;
          width: auto;
          bottom: 0px;
          margin-left: 30px; } }
      @media (max-width: 1320px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 360px;
          width: auto;
          bottom: 0px;
          margin-left: 30px; } }
      @media (max-width: 1290px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 360px;
          width: auto;
          bottom: 0px;
          margin-left: 20px; } }
      @media (max-width: 1220px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 360px;
          width: auto;
          bottom: 0px;
          margin-left: -20px; } }
      @media (max-width: 1170px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 340px;
          width: auto;
          bottom: 0px;
          margin-left: -20px; } }
      @media (max-width: 1140px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 340px;
          width: auto;
          bottom: 0px;
          margin-left: -20px;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
      @media (max-width: 1090px) {
        .qr-flyer-page .banner-holder .img-holder img {
          margin-left: 10px;
          height: 400px;
          width: auto;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
      @media (max-width: 860px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 360px;
          width: auto;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
      @media (max-width: 780px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 340px;
          width: auto;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
      @media (max-width: 500px) {
        .qr-flyer-page .banner-holder .img-holder img {
          height: 300px;
          width: auto;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
      @media (max-width: 460px) {
        .qr-flyer-page .banner-holder .img-holder img {
          margin-left: -280px;
          height: 400px;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
      @media (max-width: 290px) {
        .qr-flyer-page .banner-holder .img-holder img {
          margin-left: -255px;
          height: 360px;
          -webkit-animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation: slideOutFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
          animation-fill-mode: forwards; } }
  .qr-flyer-page .banner-holder .side-animation {
    position: absolute;
    z-index: 3;
    top: 60px;
    right: -10px;
    opacity: 0; }
    @media (min-width: 1091px) {
      .qr-flyer-page .banner-holder .side-animation {
        -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
        animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
        animation-fill-mode: forwards; } }
    @media (max-width: 1290px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -80px; } }
    @media (max-width: 1170px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -80px; } }
    @media (max-width: 1140px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -10px; } }
    @media (max-width: 1090px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -10px;
        opacity: 0;
        -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation-fill-mode: forwards; } }
    @media (max-width: 420px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -60px;
        opacity: 0;
        -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation-fill-mode: forwards; } }
    @media (max-width: 350px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -90px;
        opacity: 0;
        -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation-fill-mode: forwards; } }
    @media (max-width: 300px) {
      .qr-flyer-page .banner-holder .side-animation {
        right: -120px;
        opacity: 0;
        -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
        animation-fill-mode: forwards; } }
    .qr-flyer-page .banner-holder .side-animation img {
      height: 432px;
      padding: 0px;
      margin-top: -12px;
      width: auto; }
    .qr-flyer-page .banner-holder .side-animation p {
      padding-left: 100px; }
    .qr-flyer-page .banner-holder .side-animation .button {
      z-index: 3;
      cursor: pointer;
      position: absolute;
      top: 300px;
      right: 205px;
      width: 180px;
      height: 46px; }
      .qr-flyer-page .banner-holder .side-animation .button img {
        z-index: 3;
        position: relative;
        width: 180px;
        height: 46px; }
        @media (min-width: 1091px) {
          .qr-flyer-page .banner-holder .side-animation .button img {
            -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
            animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
            animation-fill-mode: forwards; } }
        @media (max-width: 1090px) {
          .qr-flyer-page .banner-holder .side-animation .button img {
            -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
            animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.2s;
            animation-fill-mode: forwards; } }
  .qr-flyer-page .banner-holder .video-holder {
    position: relative;
    z-index: 2;
    padding: 0px 0 0px 0; }
    .qr-flyer-page .banner-holder .video-holder iframe {
      margin-top: 150px; }
      @media (min-width: 1300px) {
        .qr-flyer-page .banner-holder .video-holder iframe {
          width: 420px;
          height: 236px;
          margin-right: -60%; } }
      @media (min-width: 1141px) {
        .qr-flyer-page .banner-holder .video-holder iframe {
          width: 420px;
          height: 236px;
          margin-right: -60%; } }
      @media (max-width: 1140px) {
        .qr-flyer-page .banner-holder .video-holder iframe {
          margin-top: 86px;
          width: 90%;
          height: 360px;
          right: 50%; } }
  @media (max-width: 480px) {
    .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer {
      padding-top: 60px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer {
      padding-top: 40px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer {
      padding-top: 48px; } }
  @media (min-width: 1024px) {
    .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer {
      padding-top: 64px; } }
  @media (min-width: 1024px) and (orientation: landscape) {
    .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer {
      padding-top: 64px; } }
  .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer img {
    -webkit-animation: slideInFromAbove 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    animation: slideInFromAbove 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    animation-fill-mode: forwards; }
    @media (max-width: 480px) {
      .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer img {
        height: 120px;
        padding: 2px; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer img {
        height: 150px;
        padding-top: 14px;
        width: auto; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer img {
        height: 170px;
        padding: 8px;
        width: auto; } }
    @media (min-width: 1024px) {
      .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer img {
        height: 209px;
        width: auto; } }
    @media (min-width: 1024px) and (orientation: landscape) {
      .qr-flyer-page .banner-holder .standalone-banner .standalone-flyer img {
        height: 209px;
        width: auto; } }
  .qr-flyer-page .banner-holder p {
    font-weight: bold;
    font-size: 17px;
    padding: 6px 0 10px; }
    @media (max-width: 540px) {
      .qr-flyer-page .banner-holder p {
        font-size: 13px; } }
  .qr-flyer-page .banner-holder p:first-child {
    padding: 40px 0 0 0;
    margin: 0;
    color: #ea5329; }
  .qr-flyer-page .banner-holder img {
    padding: 0 12px; }
@media (min-width: 1600px) {
  .qr-flyer-page .qr-center-container {
    margin: 0 16rem; } }
@media (max-width: 1599px) {
  .qr-flyer-page .qr-center-container {
    margin: 0 8rem; } }
@media (max-width: 1024px) {
  .qr-flyer-page .qr-center-container {
    margin: 0 2rem; } }
@media (max-width: 768px) {
  .qr-flyer-page .qr-center-container {
    margin: 0 4rem; } }
@media (max-width: 480px) {
  .qr-flyer-page .qr-center-container {
    margin: 0; } }
.qr-flyer-page .qr-grid-holder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem; }
  @media (max-width: 1024px) {
    .qr-flyer-page .qr-grid-holder {
      grid-template-columns: repeat(1, 1fr); } }
.qr-flyer-page .description {
  font-weight: 600; }
.qr-flyer-page .slide-in-first {
  opacity: 0;
  -webkit-animation: slideInFromAbove 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation: slideInFromAbove 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation-fill-mode: forwards; }
  .qr-flyer-page .slide-in-first .qr-container {
    border-radius: 0.8rem;
    background-color: #dad6db;
    padding: 1rem 1rem;
    width: fit-content;
    place-self: center;
    height: auto;
    margin-left: auto;
    display: block; }
    .qr-flyer-page .slide-in-first .qr-container img {
      max-width: 100%;
      object-fit: contain;
      object-position: top;
      height: auto; }
      .qr-flyer-page .slide-in-first .qr-container img.google-qr {
        background-color: white;
        padding: 20px; }
    .qr-flyer-page .slide-in-first .qr-container a {
      display: contents; }
    .qr-flyer-page .slide-in-first .qr-container button {
      background-color: #ea5329;
      border-color: #ea5329;
      color: white;
      padding: 0.5rem;
      border-radius: 0.5rem;
      margin: 1rem auto 0rem;
      width: 100%; }
  .qr-flyer-page .slide-in-first .large-container {
    display: flex;
    border: 1px solid #d1cbd2;
    padding: 2rem;
    border-radius: 6px;
    height: auto; }
    @media (max-width: 480px) {
      .qr-flyer-page .slide-in-first .large-container {
        padding: 10px; } }
  .qr-flyer-page .slide-in-first .text-container {
    max-width: 60%;
    padding: 0rem 0.5rem;
    margin-bottom: auto;
    display: block; }
    @media (max-width: 480px) {
      .qr-flyer-page .slide-in-first .text-container {
        padding: 0rem; } }
  .qr-flyer-page .slide-in-first .title {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 1rem; }
    @media (max-width: 480px) {
      .qr-flyer-page .slide-in-first .title {
        font-size: 1.2em; } }
  .qr-flyer-page .slide-in-first .text {
    display: inline-block;
    padding-top: 1.2rem;
    margin: 0 2.8rem 1rem 0.5rem;
    font-size: 1.1em; }
    @media (min-width: 1600px) {
      .qr-flyer-page .slide-in-first .text {
        margin: 0 2.8rem 1rem 0.5rem;
        font-size: 1.2em;
        line-height: 1.5em; } }
    @media (max-width: 480px) {
      .qr-flyer-page .slide-in-first .text {
        padding-top: 0.5rem;
        margin: 0 1rem 0 0.2rem;
        font-size: 1em; } }
@media (max-width: 767px) {
  .qr-flyer-page .promotion-holidays-qr .standalone-text {
    padding-top: 40px; } }
.qr-flyer-page .promotion-holidays-qr .banner-section {
  display: flex;
  align-items: center;
  margin-top: 70px;
  position: relative;
  left: -30px;
  width: calc(100% + 60px);
  max-height: 400px;
  background-image: url("http://static.spotapps.co/assets/admin/flyers/holiday_parties/holiday_parties_banner.png");
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #0f0f0f;
  padding: 70px 0; }
  @media (max-width: 1200px) {
    .qr-flyer-page .promotion-holidays-qr .banner-section {
      margin-top: 65px; } }
  @media (max-width: 991px) {
    .qr-flyer-page .promotion-holidays-qr .banner-section {
      background-image: none;
      padding: 35px 0;
      align-items: center;
      justify-content: center; } }
  .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder {
    display: flex;
    margin-right: 500px;
    max-height: 400px;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    margin-left: 40px; }
    @media (max-width: 991px) {
      .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder {
        margin: 0; } }
    @media (max-width: 500px) {
      .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder {
        margin-left: 10px; } }
    .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder .box img {
      width: auto;
      height: 250px; }
      @media (max-width: 1600px) {
        .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder .box img {
          height: 200px; } }
      @media (max-width: 1350px) {
        .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder .box img {
          height: 150px; } }
      @media (max-width: 500px) {
        .qr-flyer-page .promotion-holidays-qr .banner-section .img-box-holder .box img {
          height: 100px; } }
.qr-flyer-page .promotion-holidays-qr .example-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px; }
  @media (max-width: 991px) {
    .qr-flyer-page .promotion-holidays-qr .example-section {
      flex-direction: column; } }
  .qr-flyer-page .promotion-holidays-qr .example-section .box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    background-color: white;
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding: 10px 40px;
    @media(max-width: 991px) {
      width: 100%; }
 }
    @media (max-width: 1200px) {
      .qr-flyer-page .promotion-holidays-qr .example-section .box {
        padding: 10px 20px; } }
    .qr-flyer-page .promotion-holidays-qr .example-section .box .content {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: left;
      gap: 5px; }
      .qr-flyer-page .promotion-holidays-qr .example-section .box .content h3 {
        font-size: 1.2em;
        font-weight: 600;
        color: #ea5329; }
      .qr-flyer-page .promotion-holidays-qr .example-section .box .content p {
        width: 100%; }
    .qr-flyer-page .promotion-holidays-qr .example-section .box .img-holder {
      height: 200px; }
      @media (max-width: 1200px) {
        .qr-flyer-page .promotion-holidays-qr .example-section .box .img-holder {
          height: 150px; } }
      .qr-flyer-page .promotion-holidays-qr .example-section .box .img-holder.four-flyer-image {
        padding: 20px 0; }
      .qr-flyer-page .promotion-holidays-qr .example-section .box .img-holder img {
        height: 100%; }
.qr-flyer-page .promotion-holidays-qr .promo-nav {
  position: sticky;
  top: 55px;
  background-color: white;
  margin-left: -30px;
  width: calc(100% + 60px);
  z-index: 99; }
  .qr-flyer-page .promotion-holidays-qr .promo-nav .btn-holder {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    gap: 15px;
    background-color: white;
    position: relative; }
    @media (max-width: 480px) {
      .qr-flyer-page .promotion-holidays-qr .promo-nav .btn-holder {
        flex-wrap: wrap;
        gap: 5px;
        width: 100%; } }
    .qr-flyer-page .promotion-holidays-qr .promo-nav .btn-holder .radius-btn {
      padding: 5px 20px;
      border-radius: 50px;
      border: 1px solid #ea5329;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 600px) {
        .qr-flyer-page .promotion-holidays-qr .promo-nav .btn-holder .radius-btn {
          padding: 5px 10px; } }
      .qr-flyer-page .promotion-holidays-qr .promo-nav .btn-holder .radius-btn:hover {
        background-color: whitesmoke; }
      .qr-flyer-page .promotion-holidays-qr .promo-nav .btn-holder .radius-btn img {
        width: 30px;
        margin-right: 5px; }
.qr-flyer-page .promotion-holidays-qr .promo-flier-box {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: center;
  width: 920px;
  max-width: 100%;
  margin: 10px auto 0;
  flex-wrap: wrap;
  @media(max-width: 991px) {
    flex-direction: column; }
 }
  .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder {
    position: relative;
    border: 1px solid lightgrey;
    border-radius: 5px;
    flex-basis: 31%;
    padding: 15px;
    background-color: white; }
    .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder:nth-child(n+1) {
      margin-top: 60px; }
    .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .main-flayer-headers .flyer-heading {
      position: absolute;
      z-index: 1;
      font-size: 1.3em;
      font-weight: 600;
      top: -45px;
      left: 5px;
      min-width: 890px;
      max-width: 100%; }
      @media (max-width: 1200px) {
        .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .main-flayer-headers .flyer-heading {
          min-width: calc(100vw - 340px); } }
      @media (max-width: 767px) {
        .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .main-flayer-headers .flyer-heading {
          min-width: 100%;
          font-size: 1.1em;
          position: relative;
          top: -65px; } }
      .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .main-flayer-headers .flyer-heading .floating-header {
        display: block;
        position: absolute;
        top: -150px; }
    .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .heading {
      margin-bottom: 15px;
      font-size: 1em; }
    .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .img-holder {
      min-height: 330px; }
      @media (max-width: 1200px) {
        .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .img-holder {
          min-height: auto; } }
      .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .img-holder img {
        min-height: 330px; }
        @media (max-width: 1200px) {
          .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .img-holder img {
            min-height: auto; } }
    .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .btn-holder {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .btn-holder .primary-orange {
        display: flex;
        padding: 7px 20px; }
      .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .btn-holder .radio-buttons {
        margin: 10px auto;
        width: 133px;
        max-width: 90%; }
        .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .btn-holder .radio-buttons > div {
          width: 125px;
          text-align: left; }
          .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .btn-holder .radio-buttons > div label {
            position: relative;
            display: inline-block;
            text-align: left;
            z-index: 10; }
            .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder .btn-holder .radio-buttons > div label input {
              width: 20px;
              height: 14px;
              accent-color: #f4583c;
              margin: 0;
              z-index: 1;
              position: relative;
              pointer-events: none; }
    .qr-flyer-page .promotion-holidays-qr .promo-flier-box .box-holder img {
      border: 1px solid lightgrey; }
.qr-flyer-page .review-shield {
  margin-top: 70px; }
  .qr-flyer-page .review-shield .banner-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1rem 2rem;
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
    min-height: 200px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%), url("http://static.spotapps.co/assets/admin/flyers/review_shield/review_shield_bg.png");
    background-size: cover;
    background-position: center;
    top: -3px; }
    @media (min-width: 1024px) {
      .qr-flyer-page .review-shield .banner-section {
        min-height: 350px; } }
    .qr-flyer-page .review-shield .banner-section h2 {
      width: 100%;
      margin: 0;
      margin-bottom: 2rem;
      font-size: 24px;
      font-weight: 600;
      color: white; }
      @media (min-width: 1024px) {
        .qr-flyer-page .review-shield .banner-section h2 {
          font-size: 36px; } }
    .qr-flyer-page .review-shield .banner-section .bubble-msg {
      display: block;
      margin-left: auto;
      width: 500px; }
      @media (max-width: 1400px) {
        .qr-flyer-page .review-shield .banner-section .bubble-msg {
          width: 400px; } }
      @media (max-width: 1100px) {
        .qr-flyer-page .review-shield .banner-section .bubble-msg {
          display: none; } }
    .qr-flyer-page .review-shield .banner-section .content-holder {
      position: relative;
      width: 500px;
      max-width: 90%;
      padding: 75px 50px;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.33) 0%, black 100%);
      left: calc(100% -  500px);
      color: white; }
      @media (max-width: 500px) {
        .qr-flyer-page .review-shield .banner-section .content-holder {
          width: 100%;
          max-width: 100%;
          left: 0; } }
      .qr-flyer-page .review-shield .banner-section .content-holder p {
        padding: 0;
        margin: 0;
        width: 100%;
        font-size: 1.1em;
        font-weight: 700; }
        .qr-flyer-page .review-shield .banner-section .content-holder p.smaller {
          font-weight: 400;
          font-size: 1em;
          margin: 20px 0; }
  .qr-flyer-page .review-shield .option-section {
    position: relative;
    background-color: white;
    max-width: 800px;
    margin: 40px auto;
    border: 1px solid lightgrey;
    border-radius: 5px;
    font-weight: 400; }
    .qr-flyer-page .review-shield .option-section.inactive {
      pointer-events: none;
      color: #afafaf !important; }
      .qr-flyer-page .review-shield .option-section.inactive .btn {
        background-color: lightgrey !important; }
        .qr-flyer-page .review-shield .option-section.inactive .btn:hover {
          background-color: #d8d8d8 !important; }
      .qr-flyer-page .review-shield .option-section.inactive h2, .qr-flyer-page .review-shield .option-section.inactive p, .qr-flyer-page .review-shield .option-section.inactive a, .qr-flyer-page .review-shield .option-section.inactive .header {
        color: #afafaf !important; }
      .qr-flyer-page .review-shield .option-section.inactive svg {
        fill: #afafaf !important; }
        .qr-flyer-page .review-shield .option-section.inactive svg .in-button {
          fill: white !important; }
    .qr-flyer-page .review-shield .option-section .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      border-bottom: 1px solid lightgrey;
      color: #ea5329; }
      .qr-flyer-page .review-shield .option-section .header.active {
        border-bottom: 0px; }
      .qr-flyer-page .review-shield .option-section .header .left-box {
        font-size: 1.1em;
        font-weight: 600;
        align-items: center;
        display: flex;
        gap: 5px; }
        .qr-flyer-page .review-shield .option-section .header .left-box svg {
          fill: #ea5329; }
      .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn {
        position: relative;
        color: black;
        height: 10px;
        width: 20px; }
        .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn .arrow {
          margin: 8px 0 0; }
        .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn .arrow::before,
        .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn .arrow::after {
          position: relative;
          content: "";
          display: block;
          width: 10px;
          height: 1px;
          background: black;
          transition: 0.3s ease-in-out; }
        .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn .arrow::before {
          transform: rotate(-45deg); }
        .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn .arrow::after {
          left: 6px;
          top: -1px;
          transform: rotate(45deg); }
      .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn.active .arrow::before {
        transform: rotate(45deg);
        background: black; }
      .qr-flyer-page .review-shield .option-section .header .right-box .toggle-btn.active .arrow::after {
        transform: rotate(-45deg);
        background: black; }
    .qr-flyer-page .review-shield .option-section .body-holder {
      background-color: white;
      border-radius: 5px;
      width: 100%;
      max-width: 800px;
      text-align: left; }
      .qr-flyer-page .review-shield .option-section .body-holder.inactive {
        animation: boxToggleUp 0.5s ease-in-out;
        animation-fill-mode: forwards;
        position: absolute; }
      .qr-flyer-page .review-shield .option-section .body-holder.active {
        animation: boxToggleDown 1s ease-in-out;
        position: relative;
        opacity: 1;
        z-index: 10; }
      .qr-flyer-page .review-shield .option-section .body-holder .content-holder {
        padding: 15px; }
        .qr-flyer-page .review-shield .option-section .body-holder .content-holder h2 {
          text-align: left;
          width: 100%;
          margin: 0;
          font-size: 1.3em;
          font-weight: 500; }
        .qr-flyer-page .review-shield .option-section .body-holder .content-holder .preview-baner {
          width: 100%;
          margin: 15px 0; }
        .qr-flyer-page .review-shield .option-section .body-holder .content-holder .btn-holder {
          display: flex;
          justify-content: space-between; }
          @media (max-width: 480px) {
            .qr-flyer-page .review-shield .option-section .body-holder .content-holder .btn-holder {
              flex-direction: column;
              gap: 10px;
              width: max-content; } }
          .qr-flyer-page .review-shield .option-section .body-holder .content-holder .btn-holder a {
            text-decoration: underline;
            color: #ea5329; }
            .qr-flyer-page .review-shield .option-section .body-holder .content-holder .btn-holder a svg {
              fill: #ea5329; }
          .qr-flyer-page .review-shield .option-section .body-holder .content-holder .btn-holder > * {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px; }
          .qr-flyer-page .review-shield .option-section .body-holder .content-holder .btn-holder .simple-circle-loader.pdf-btn {
            margin: 0;
            position: relative; }
  .qr-flyer-page .review-shield .printing-options {
    text-align: center;
    max-width: 800px;
    margin: 0 auto; }
    .qr-flyer-page .review-shield .printing-options p {
      margin: 0;
      width: 100%;
      font-size: 24px;
      font-weight: 600; }
    .qr-flyer-page .review-shield .printing-options .printing-title {
      margin-bottom: 3rem;
      margin-top: 3rem; }
    .qr-flyer-page .review-shield .printing-options .printing-row {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 3rem; }
      .qr-flyer-page .review-shield .printing-options .printing-row img {
        max-width: 100%; }
      @media (min-width: 1024px) {
        .qr-flyer-page .review-shield .printing-options .printing-row {
          flex-direction: row;
          gap: 8rem; } }
      .qr-flyer-page .review-shield .printing-options .printing-row .printing-container {
        padding: 1rem;
        flex: 1;
        background: white;
        border: 1px solid lightgrey;
        border-radius: 5px; }
        .qr-flyer-page .review-shield .printing-options .printing-row .printing-container h2 {
          width: 100%;
          margin: 0;
          margin-bottom: 0.5rem;
          font-size: 2rem;
          font-weight: 700;
          color: #ea5329; }
        .qr-flyer-page .review-shield .printing-options .printing-row .printing-container p {
          padding: 0 5rem;
          font-size: 1.8rem;
          font-weight: 400;
          color: #5f6368;
          min-height: 5.5rem; }
  .qr-flyer-page .review-shield .downloads-section h2 {
    width: 100%;
    margin: 0;
    margin-bottom: 3rem;
    text-align: left;
    font-size: 2rem;
    font-weight: 400;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid black; }
  .qr-flyer-page .review-shield .downloads-section .downloads-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem; }
    @media (min-width: 1024px) {
      .qr-flyer-page .review-shield .downloads-section .downloads-container {
        flex-direction: row;
        gap: 2rem; } }
    .qr-flyer-page .review-shield .downloads-section .downloads-container .flier {
      flex: 1;
      background-color: white;
      border: 1px solid lightgrey;
      border-radius: 4px;
      padding: 1rem; }
      .qr-flyer-page .review-shield .downloads-section .downloads-container .flier .simple-circle-loader.shild-loader {
        position: relative;
        margin: 0 5px 0 0; }
        .qr-flyer-page .review-shield .downloads-section .downloads-container .flier .simple-circle-loader.shild-loader.none {
          display: none; }
      .qr-flyer-page .review-shield .downloads-section .downloads-container .flier img {
        max-width: 100%;
        border: 1px solid #5f6368;
        min-height: 35.5rem; }
      .qr-flyer-page .review-shield .downloads-section .downloads-container .flier button {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1rem;
        font-weight: 600;
        width: 80%; }
      .qr-flyer-page .review-shield .downloads-section .downloads-container .flier .instructions-holder {
        margin-top: 1rem; }
        .qr-flyer-page .review-shield .downloads-section .downloads-container .flier .instructions-holder a {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 1rem;
          font-size: 16px;
          text-decoration: underline; }
          .qr-flyer-page .review-shield .downloads-section .downloads-container .flier .instructions-holder a svg {
            fill: #ea5e30; }

.modal.modal-review-shield {
  margin: auto; }
  .modal.modal-review-shield .modal-dialog {
    width: 90%;
    margin: 20px auto;
    max-width: 900px; }
    .modal.modal-review-shield .modal-dialog .modal-header {
      border-bottom: 0px; }
      .modal.modal-review-shield .modal-dialog .modal-header .close {
        float: none;
        position: absolute;
        right: 5px;
        font-weight: 300;
        font-size: 1.8em;
        opacity: 0.4; }
      .modal.modal-review-shield .modal-dialog .modal-header .title-container-modal {
        margin: 0 auto;
        font-weight: 700;
        font-size: 2em;
        text-align: center;
        color: #6b7280; }
        @media (max-width: 767px) {
          .modal.modal-review-shield .modal-dialog .modal-header .title-container-modal {
            font-size: 1.7em; } }
        @media (max-width: 460px) {
          .modal.modal-review-shield .modal-dialog .modal-header .title-container-modal {
            font-size: 1.5em; } }
    .modal.modal-review-shield .modal-dialog .footer {
      padding-top: 0;
      border-radius: 5px; }
      .modal.modal-review-shield .modal-dialog .footer .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        max-width: fit-content;
        margin: 0 auto;
        background-color: #ea5329;
        color: white;
        font-weight: 700; }
        .modal.modal-review-shield .modal-dialog .footer .btn:hover {
          background-color: #fa5329;
          color: white; }
        .modal.modal-review-shield .modal-dialog .footer .btn svg {
          fill: white; }
        .modal.modal-review-shield .modal-dialog .footer .btn span {
          font-size: 16px; }
    .modal.modal-review-shield .modal-dialog .modal-body {
      padding: 15px 15px 0; }
      .modal.modal-review-shield .modal-dialog .modal-body .section h2 {
        font-size: 24px;
        font-weight: 600; }
        @media (max-width: 767px) {
          .modal.modal-review-shield .modal-dialog .modal-body .section h2 {
            font-size: 20px; } }
      .modal.modal-review-shield .modal-dialog .modal-body .section .red {
        color: #dc2626; }
      .modal.modal-review-shield .modal-dialog .modal-body .section .green {
        color: #15803d; }
      .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder {
        display: flex;
        justify-content: space-between;
        gap: 15px; }
        .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content {
          flex-basis: 33%;
          background-color: #eeeeee;
          border-radius: 5px;
          margin: 20px 0;
          padding-bottom: 5px;
          flex-grow: 1; }
          .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content.no-p {
            padding: 0;
            background-color: transparent; }
            .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content.no-p img {
              height: 100%; }
          .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content.w-2-3 {
            flex-basis: 66%; }
          .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content span {
            padding-left: 20px;
            font-size: 1.2em; }
            .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content span .red {
              color: #e33629; }
            .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content span .green {
              color: #16803c; }
          .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content img {
            width: 100%; }
          .modal.modal-review-shield .modal-dialog .modal-body .section .box-holder .content.green {
            background-color: #d1fae5; }

@keyframes boxToggleDown {
  from {
    opacity: 0;
    top: -300px; }

  to {
    opacity: 1;
    top: 0px; } }

@keyframes boxToggleUp {
  0% {
    opacity: 1;
    z-index: 4;
    top: 0; }

  90% {
    opacity: 0;
    top: -200px; }

  100% {
    opacity: 0;
    display: none;
    z-index: -1; } }

.container-fluid .post_worthy_photos {
  margin: 0;
  padding: 0; }

.post_worthy_photos {
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media (min-width: 768px) {
    .post_worthy_photos {
      margin-left: 250px !important; }
      .post_worthy_photos.sidebar-expanded {
        margin-left: 50px !important; } }
  .post_worthy_photos .green {
    color: #19a371; }
  .post_worthy_photos .red {
    color: #c8434b; }
  .post_worthy_photos .gray {
    color: #858585; }
  .post_worthy_photos .black {
    color: #333333; }
  .post_worthy_photos .on-small-screen {
    display: none; }
    @media (max-width: 480px) {
      .post_worthy_photos .on-small-screen {
        display: block; } }
  .post_worthy_photos p {
    margin: 0;
    padding: 0; }
  .post_worthy_photos .header {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    margin-bottom: 50px;
    box-shadow: rgba(50, 50, 93, 0.5) 0px 9px 9px -5px, rgba(0, 0, 0, 0.1) 0px 8px 16px -8px;
    background-color: white;
    z-index: 1; }
    @media (max-width: 1200px) {
      .post_worthy_photos .header {
        gap: 20px;
        text-align: center;
        flex-direction: column;
        gap: 10px;
        padding: 5px 0; } }
    .post_worthy_photos .header.alert {
      box-shadow: none;
      margin-bottom: 0; }
    .post_worthy_photos .header .worthy-counter {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 15px; }
      @media (max-width: 991px) {
        .post_worthy_photos .header .worthy-counter {
          margin-bottom: 5px; } }
      .post_worthy_photos .header .worthy-counter p {
        font-weight: 700; }
      .post_worthy_photos .header .worthy-counter .btn-holder {
        display: flex;
        border-radius: 5px;
        gap: 10px; }
        @media (max-width: 480px) {
          .post_worthy_photos .header .worthy-counter .btn-holder {
            gap: 5px; } }
        .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn {
          box-shadow: none;
          border-radius: 50px;
          transition: all 0.2s ease;
          border: 1px solid #eaeaea;
          font-weight: bold; }
          @media (max-width: 1300px) {
            .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn {
              font-size: 0.9em;
              padding: 5px 10px; } }
          @media (max-width: 480px) {
            .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn {
              font-size: 0.8em;
              padding: 4px 8px; } }
          .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.green {
            border-color: #19a371; }
            .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.green.active {
              background-color: #19a371;
              color: white; }
          .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.red {
            border-color: #c8434b; }
            .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.red.active {
              background-color: #c8434b;
              color: white; }
          .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.gray {
            border-color: #858585;
            border-style: dashed; }
            .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.gray.active {
              background-color: #858585;
              color: white; }
          .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn.active {
            background-color: #eaeaea; }
          .post_worthy_photos .header .worthy-counter .btn-holder .btn.filter-btn:hover {
            background-color: #eaeaea; }
    .post_worthy_photos .header .tooltip-header {
      font-weight: 700;
      font-size: 18px; }
      @media (max-width: 1400px) {
        .post_worthy_photos .header .tooltip-header {
          font-size: 16px; } }
      @media (max-width: 991px) {
        .post_worthy_photos .header .tooltip-header {
          font-size: 15px; } }
      @media (max-width: 420px) {
        .post_worthy_photos .header .tooltip-header {
          padding-left: 40px; } }
    .post_worthy_photos .header #tool-tip {
      cursor: pointer; }
      @media (max-width: 991px) {
        .post_worthy_photos .header #tool-tip {
          display: none; } }
    .post_worthy_photos .header #tool-tip.hovered {
      overflow: hidden; }
      .post_worthy_photos .header #tool-tip.hovered .tooltip-guide {
        visibility: visible;
        opacity: 1;
        z-index: 2; }
      .post_worthy_photos .header #tool-tip.hovered i.hovered::after {
        content: "";
        background-color: rgba(143, 143, 143, 0.3);
        height: 100vh;
        width: calc(100vw - 250px);
        position: absolute;
        top: -144px;
        left: 0;
        z-index: -1; }
    .post_worthy_photos .header .tooltip-guide {
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
      padding: 15px 25px;
      border-radius: 10px;
      width: 750px;
      background-color: white;
      position: absolute;
      top: 70px;
      transition: all 0.3s ease-in-out;
      opacity: 0;
      visibility: hidden;
      @media(max-width: 1200px) {
        top: 130px;
        left: 50%;
        transform: translateX(-50%); }
 }
      .post_worthy_photos .header .tooltip-guide .text {
        font-weight: bold;
        font-size: 17px; }
      .post_worthy_photos .header .tooltip-guide .explain-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px;
        gap: 20px; }
        .post_worthy_photos .header .tooltip-guide .explain-box .left-box, .post_worthy_photos .header .tooltip-guide .explain-box .right-box {
          display: flex;
          align-items: center;
          gap: 25px; }
          .post_worthy_photos .header .tooltip-guide .explain-box .left-box .text, .post_worthy_photos .header .tooltip-guide .explain-box .right-box .text {
            font-size: 15px;
            text-align: left;
            line-height: 1.6em; }
        .post_worthy_photos .header .tooltip-guide .explain-box .left-box {
          flex-basis: 50%; }
          .post_worthy_photos .header .tooltip-guide .explain-box .left-box img {
            width: 95px; }
        .post_worthy_photos .header .tooltip-guide .explain-box .right-box {
          flex-basis: 50%; }
          .post_worthy_photos .header .tooltip-guide .explain-box .right-box img {
            width: 130px; }
  .post_worthy_photos .alert-banner {
    margin-bottom: 50px;
    position: sticky;
    top: 56px;
    font-size: 1.05em; }
    @media (max-width: 1200px) {
      .post_worthy_photos .alert-banner {
        top: 75px; } }
    .post_worthy_photos .alert-banner .box {
      display: flex;
      justify-content: center;
      gap: 10px;
      padding: 6px 0; }
      @media (max-width: 600px) {
        .post_worthy_photos .alert-banner .box {
          align-items: center; } }
      .post_worthy_photos .alert-banner .box.green-box {
        background-color: #c6fce7;
        color: black;
        padding: 6px 10px; }
      .post_worthy_photos .alert-banner .box.red-box {
        background-color: #ffdcde;
        color: #b31922;
        font-weight: 400;
        padding: 6px 10px; }
        @media (max-width: 460px) {
          .post_worthy_photos .alert-banner .box.red-box {
            text-align: center; }
            .post_worthy_photos .alert-banner .box.red-box p {
              max-width: 350px; } }
        .post_worthy_photos .alert-banner .box.red-box a {
          font-weight: bold;
          text-decoration: underline;
          color: #b31922; }
  .post_worthy_photos .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
    padding: 6px 1% 0;
    overflow: hidden; }
    @media (max-width: 767px) {
      .post_worthy_photos .content {
        padding: 0 15px; } }
    .post_worthy_photos .content .box-holder {
      flex-basis: calc((100% / 3) - 14px);
      width: calc((100% / 3) - 14px);
      border: 1px solid #cacaca;
      border-radius: 10px;
      padding: 0;
      transition: all 0.5s ease; }
      @media (max-width: 1200px) {
        .post_worthy_photos .content .box-holder {
          flex-basis: calc((100% / 2) - 10px);
          width: calc((100% / 2) - 10px); } }
      @media (max-width: 767px) {
        .post_worthy_photos .content .box-holder {
          flex-basis: 100%;
          width: 100%; } }
      .post_worthy_photos .content .box-holder:hover {
        opacity: 1; }
      .post_worthy_photos .content .box-holder.inactive .vote-content .is-it-worth {
        color: #858585; }
      .post_worthy_photos .content .box-holder.active {
        opacity: 1;
        border: 3px solid #718cfb !important;
        box-shadow: 0px 0px 0px 6px #dde1f0; }
      .post_worthy_photos .content .box-holder .img-box {
        background-color: #e1e1e1;
        height: 20.33333vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
        @media (max-width: 991px) {
          .post_worthy_photos .content .box-holder .img-box {
            height: 37vw; } }
        @media (max-width: 991px) {
          .post_worthy_photos .content .box-holder .img-box {
            height: 20vh; } }
        @media (max-width: 767px) {
          .post_worthy_photos .content .box-holder .img-box {
            height: 30vh; } }
      .post_worthy_photos .content .box-holder .user-selected {
        padding: 15px; }
      .post_worthy_photos .content .box-holder .vote-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 15px; }
        .post_worthy_photos .content .box-holder .vote-content .is-it-worth {
          width: 40%;
          text-overflow: ellipsis;
          overflow: hidden; }
          .post_worthy_photos .content .box-holder .vote-content .is-it-worth p {
            display: flex;
            align-items: center;
            gap: 5px; }
            @media (max-width: 1400px) {
              .post_worthy_photos .content .box-holder .vote-content .is-it-worth p {
                font-size: 13px; } }
        .post_worthy_photos .content .box-holder .vote-content .button-holder {
          display: flex;
          align-items: center;
          justify-content: end;
          gap: 7px;
          flex-basis: 60%; }
          .post_worthy_photos .content .box-holder .vote-content .button-holder .btn {
            padding: 10px 25px;
            min-width: 37px;
            border-radius: 10px; }
            @media (max-width: 1400px) {
              .post_worthy_photos .content .box-holder .vote-content .button-holder .btn {
                padding: 8px 20px; } }
            .post_worthy_photos .content .box-holder .vote-content .button-holder .btn.yes {
              background-color: #19a371;
              color: white; }
              .post_worthy_photos .content .box-holder .vote-content .button-holder .btn.yes.inactive {
                color: #19a371 !important;
                background-color: transparent !important;
                border: 2px solid #89d4b9; }
            .post_worthy_photos .content .box-holder .vote-content .button-holder .btn.no {
              background-color: #c8434b;
              color: white; }
              .post_worthy_photos .content .box-holder .vote-content .button-holder .btn.no.inactive {
                color: #c8434b !important;
                background-color: transparent !important;
                border: 2px solid #fa8d93; }
    .post_worthy_photos .content .box-holder.worthy {
      border: 3px solid #89d4b9; }
    .post_worthy_photos .content .box-holder.not-worthy {
      border: 3px solid #fa8d93; }
  .post_worthy_photos .setLoader .overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 2; }
  .post_worthy_photos .setLoader .loader {
    position: fixed;
    left: calc(50% + 125px - 40px);
    top: calc(50vh - 125px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 33%, #ff3d00 100%);
    box-sizing: border-box;
    animation: rotation_loader 1s linear infinite;
    z-index: 3; }
    @media (max-width: 767px) {
      .post_worthy_photos .setLoader .loader {
        left: calc(50% - 40px); } }
  .post_worthy_photos .setLoader .loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: white; }

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

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

.post-worty-comment-modal .modal-dialog {
  width: 500px;
  border-radius: 8px; }
  @media (max-width: 767px) {
    .post-worty-comment-modal .modal-dialog {
      margin: 10px auto; } }
  @media (max-width: 540px) {
    .post-worty-comment-modal .modal-dialog {
      width: 90%; } }
.post-worty-comment-modal .modal-content {
  border: 0px;
  border-radius: 8px; }
.post-worty-comment-modal .modal-header {
  border-bottom: none;
  padding: 1px; }
  .post-worty-comment-modal .modal-header h1 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .post-worty-comment-modal .modal-header h1 {
        font-size: 20px; } }
    .post-worty-comment-modal .modal-header h1.thank-you {
      font-size: 28px;
      padding: 0;
      margin-bottom: 5px; }
  .post-worty-comment-modal .modal-header h3.thank-you {
    font-size: 22px;
    text-align: center;
    padding: 0;
    margin-bottom: 0; }
  .post-worty-comment-modal .modal-header .close {
    position: absolute;
    right: 2px;
    top: 4px; }
  .post-worty-comment-modal .modal-header .sh-logo {
    width: 60px;
    display: block;
    margin: 20px auto; }
    .post-worty-comment-modal .modal-header .sh-logo img {
      width: 100%; }
.post-worty-comment-modal .modal-body.thank-you {
  max-width: 400px;
  margin: auto;
  text-align: center; }
  .post-worty-comment-modal .modal-body.thank-you p {
    margin: 10px auto 20px; }
  .post-worty-comment-modal .modal-body.thank-you .btn-primary {
    background: #ea5e30;
    border: 1px solid #ea5e30;
    margin: 0;
    padding: 8px 30px;
    border-radius: 8px;
    transition: all 0.2s ease; }
    .post-worty-comment-modal .modal-body.thank-you .btn-primary:hover {
      opacity: 0.8; }
.post-worty-comment-modal .modal-body .checkbox-label {
  margin: 0 auto 10px;
  max-width: 350px; }
  .post-worty-comment-modal .modal-body .checkbox-label input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer; }
  .post-worty-comment-modal .modal-body .checkbox-label label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: self-start;
    gap: 7px;
    font-size: 1.1em; }
    @media (max-width: 767px) {
      .post-worty-comment-modal .modal-body .checkbox-label label {
        font-size: 1em; } }
  .post-worty-comment-modal .modal-body .checkbox-label label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d2d2d2;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px; }
  .post-worty-comment-modal .modal-body .checkbox-label input:checked + label:before {
    border: 1px solid #0079bf; }
  .post-worty-comment-modal .modal-body .checkbox-label input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: 1px solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); }
  .post-worty-comment-modal .modal-body .checkbox-label label {
    font-weight: 400;
    margin: 0; }
  .post-worty-comment-modal .modal-body .checkbox-label .gray {
    color: #888b8e;
    font-style: italic; }
.post-worty-comment-modal .modal-body .text-field textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  background-color: #f1f1f1;
  color: black;
  margin-top: 15px;
  padding: 10px;
  border: 0px;
  height: 100px;
  border-radius: 8px; }
  .post-worty-comment-modal .modal-body .text-field textarea:placeholder-shown {
    color: #858585 !important;
    font-style: italic !important; }
.post-worty-comment-modal .modal-footer {
  border-top: 0px;
  padding: 0 0 15px;
  text-align: center; }
  .post-worty-comment-modal .modal-footer.thank-you {
    max-width: 400px;
    margin: auto;
    padding: 0 15px 20px; }
    .post-worty-comment-modal .modal-footer.thank-you p {
      text-align: center; }
  .post-worty-comment-modal .modal-footer .btn.btn-primary {
    background: #ea5e30;
    margin-left: 0;
    border-radius: 10px;
    padding: 10px 40px; }
    .post-worty-comment-modal .modal-footer .btn.btn-primary:hover {
      background: #e97f4a; }
  .post-worty-comment-modal .modal-footer .request_photoshoot {
    color: #ea5e30;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer; }
    .post-worty-comment-modal .modal-footer .request_photoshoot:hover {
      opacity: 0.8; }

.modal-post-worthy {
  z-index: 99999; }
  .modal-post-worthy .modal-dialog {
    width: 100% !important;
    margin: 0 !important; }
  .modal-post-worthy .post_worthy_photos .banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff1ec;
    margin: 0 5%;
    padding: 0 50px;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    box-shadow: inset #f2d8d0 0px -3px 21.3px 0px; }
    @media (max-width: 767px) {
      .modal-post-worthy .post_worthy_photos .banner {
        margin: 0;
        padding: 0 0 0 20px;
        border-radius: 0; } }
      @media (max-width: 767px) and (max-width: 600px) {
        .modal-post-worthy .post_worthy_photos .banner {
          flex-direction: column-reverse;
          padding: 0; } }
    .modal-post-worthy .post_worthy_photos .banner h1 {
      font-size: 28px;
      font-weight: bold;
      color: #23283c;
      padding: 0; }
      @media (max-width: 767px) {
        .modal-post-worthy .post_worthy_photos .banner h1 {
          font-size: 24px; } }
      @media (max-width: 600px) {
        .modal-post-worthy .post_worthy_photos .banner h1 {
          padding: 15px 10px;
          text-align: center; } }
      .modal-post-worthy .post_worthy_photos .banner h1 .red {
        color: #ea5e30;
        font-weight: 900;
        font-style: italic; }
    .modal-post-worthy .post_worthy_photos .banner img {
      width: 300px; }
  .modal-post-worthy .post_worthy_photos .closing-banner {
    height: 144px;
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 11; }
    @media (max-width: 600px) {
      .modal-post-worthy .post_worthy_photos .closing-banner {
        height: 180px; } }
    .modal-post-worthy .post_worthy_photos .closing-banner .btn-holder {
      height: 144px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
      @media (max-width: 600px) {
        .modal-post-worthy .post_worthy_photos .closing-banner .btn-holder {
          flex-direction: column;
          height: 180px; } }
    .modal-post-worthy .post_worthy_photos .closing-banner .btn {
      padding: 10px 20px;
      border-radius: 8px;
      transition: all 0.2s ease; }
      @media (max-width: 600px) {
        .modal-post-worthy .post_worthy_photos .closing-banner .btn {
          width: 273px; } }
      .modal-post-worthy .post_worthy_photos .closing-banner .btn.btn-transparent {
        background-color: white;
        border: 1px solid #858585;
        color: #333333; }
        .modal-post-worthy .post_worthy_photos .closing-banner .btn.btn-transparent:hover {
          background-color: #858585;
          color: white; }
      .modal-post-worthy .post_worthy_photos .closing-banner .btn.btn-primary {
        background: #ea5e30;
        border: 1px solid #ea5e30;
        margin: 0; }
        .modal-post-worthy .post_worthy_photos .closing-banner .btn.btn-primary:hover {
          opacity: 0.8; }
    .modal-post-worthy .post_worthy_photos .closing-banner::after {
      content: "";
      display: block;
      position: sticky;
      top: 104px;
      height: 100vh;
      width: 100vw;
      background-color: rgba(255, 255, 255, 0.4); }
  .modal-post-worthy .post_worthy_photos #close-worthy {
    position: sticky;
    top: 10px;
    right: 15px;
    cursor: pointer;
    z-index: 10; }
    .modal-post-worthy .post_worthy_photos #close-worthy svg {
      position: absolute;
      right: 15px;
      top: 7px; }
  .modal-post-worthy .post_worthy_photos .header #tool-tip.hovered i.hovered::after {
    width: 100vw; }
  .modal-post-worthy .post_worthy_photos .header .worthy-counter .btn-holder {
    margin-right: 20px; }

.modal-media-frequency.modal .modal-dialog {
  animation: modalFadeIn 1s ease forwards; }
.modal-media-frequency.modal .modal-content {
  padding-bottom: 10px; }

.media_posting_frequency {
  position: relative;
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99999; }
  .media_posting_frequency.page-loaded {
    top: 0; }
  .media_posting_frequency #close-modal {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9999; }
  .media_posting_frequency .header {
    background-color: #ebf3fe;
    display: flex;
    align-items: center;
    padding: 15px;
    justify-content: flex-start;
    gap: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    z-index: 999;
    margin-bottom: 20px; }
    @media (max-width: 620px) {
      .media_posting_frequency .header {
        flex-direction: column; } }
    .media_posting_frequency .header h1 {
      color: #23283c;
      font-size: 22px;
      font-weight: 700; }
      @media (max-width: 620px) {
        .media_posting_frequency .header h1 {
          font-size: 20px; } }
    .media_posting_frequency .header img {
      width: 200px;
      max-width: 100%; }
      @media (max-width: 620px) {
        .media_posting_frequency .header img {
          width: 160px; } }
  .media_posting_frequency .content-body {
    max-width: 1200px;
    width: 90%;
    margin: 10px auto; }
    .media_posting_frequency .content-body .expandable-tabs {
      border-radius: 8px;
      position: relative;
      z-index: 2;
      box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
      overflow: hidden; }
      .media_posting_frequency .content-body .expandable-tabs.expanded {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px; }
      .media_posting_frequency .content-body .expandable-tabs.orange {
        background-color: #fff1ec; }
      .media_posting_frequency .content-body .expandable-tabs.green {
        background-color: #e0f5f8; }
      .media_posting_frequency .content-body .expandable-tabs.blue {
        background-color: #ebf3fe; }
      .media_posting_frequency .content-body .expandable-tabs.disabled {
        background-color: #eeeeee; }
        .media_posting_frequency .content-body .expandable-tabs.disabled:not(.loading) {
          @media(max-width: 890px) {
            height: 90px; }

          @media(max-width: 500px) {
            height: 110px; }
 }
        .media_posting_frequency .content-body .expandable-tabs.disabled .tab-header.disabled {
          background-color: #eeeeee; }
          .media_posting_frequency .content-body .expandable-tabs.disabled .tab-header.disabled .icon-box h2 {
            color: #bdbec4; }
          @media (max-width: 991px) {
            .media_posting_frequency .content-body .expandable-tabs.disabled .tab-header.disabled .content-box {
              position: relative;
              height: 20px; } }
      .media_posting_frequency .content-body .expandable-tabs.active .tab-header {
        pointer-events: none; }
      .media_posting_frequency .content-body .expandable-tabs.active .tab-message-bar {
        display: flex;
        padding-right: 30px; }
      .media_posting_frequency .content-body .expandable-tabs.active .tab-body {
        display: block;
        position: relative;
        animation: slideAndFadeDown 0.4s ease-in-out forwards;
        z-index: -1; }
        .media_posting_frequency .content-body .expandable-tabs.active .tab-body h3 {
          margin-bottom: 10px;
          text-transform: capitalize; }
        .media_posting_frequency .content-body .expandable-tabs.active .tab-body > div {
          display: flex;
          gap: 10%; }
          @media (max-width: 991px) {
            .media_posting_frequency .content-body .expandable-tabs.active .tab-body > div {
              flex-direction: column; } }
      .media_posting_frequency .content-body .expandable-tabs .tab-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 15px;
        gap: 10px;
        position: relative;
        z-index: 2;
        background-color: inherit; }
        @media (max-width: 991px) {
          .media_posting_frequency .content-body .expandable-tabs .tab-header {
            flex-direction: column;
            gap: 5px;
            text-align: left; } }
        .media_posting_frequency .content-body .expandable-tabs .tab-header .icon-box {
          display: flex;
          align-items: center;
          gap: 20px;
          width: max-content; }
          @media (max-width: 991px) {
            .media_posting_frequency .content-body .expandable-tabs .tab-header .icon-box {
              align-self: self-start; } }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .icon-box h2 {
            color: #23283c;
            font-size: 15px;
            font-weight: 700;
            width: max-content; }
            @media (max-width: 768px) {
              .media_posting_frequency .content-body .expandable-tabs .tab-header .icon-box h2 {
                font-size: 14px; } }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .icon-box img {
            width: 30px;
            height: 30px; }
        .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box {
          display: flex;
          align-items: center; }
          @media (max-width: 991px) {
            .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box {
              flex-direction: column;
              gap: 10px;
              align-self: self-start;
              padding-right: 10px; } }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box p {
            font-weight: 400;
            font-size: 15px;
            color: #23283c;
            margin: 0; }
            .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box p span {
              font-weight: 700; }
              .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box p span.green {
                color: #19a371; }
              .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box p span.red {
                color: #c8434b; }
              .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box p span.gray {
                color: #888b8e; }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn {
            position: relative;
            color: #626262;
            margin-left: 10px; }
            @media (max-width: 991px) {
              .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn {
                margin-left: 0;
                position: absolute;
                right: 12px;
                top: 50%;
                transform: translateY(-50%); } }
            .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn .arrow::before,
            .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn .arrow::after {
              position: relative;
              content: "";
              display: block;
              width: 10px;
              height: 3px;
              background: black;
              transition: 0.3s ease-in-out;
              border-radius: 5px; }
            .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn .arrow::before {
              transform: rotate(45deg); }
            .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn .arrow::after {
              left: 6px;
              top: -3px;
              transform: rotate(-45deg); }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn.active .arrow::before {
            transform: rotate(-45deg); }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .toggle-btn.active .arrow::after {
            transform: rotate(45deg); }
        @media (max-width: 991px) {
          .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box.loading {
            position: absolute !important;
            right: 5px;
            top: 50%;
            transform: translateY(-50%); } }
        .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .disabled-section {
          position: relative;
          z-index: 9999; }
          .media_posting_frequency .content-body .expandable-tabs .tab-header .content-box .disabled-section span {
            font-weight: 700;
            text-decoration: underline;
            cursor: pointer; }
      .media_posting_frequency .content-body .expandable-tabs .tab-message-bar {
        background-color: #f7f7f7;
        padding: 5px 15px;
        display: none;
        align-items: center;
        gap: 5px;
        position: relative;
        z-index: 2; }
        .media_posting_frequency .content-body .expandable-tabs .tab-message-bar p {
          margin: 0;
          color: #23283c; }
      .media_posting_frequency .content-body .expandable-tabs .info {
        position: relative;
        right: 10px;
        width: 40px;
        text-align: right; }
        @media (max-width: 500px) {
          .media_posting_frequency .content-body .expandable-tabs .info {
            position: absolute; } }
        .media_posting_frequency .content-body .expandable-tabs .info .message-box {
          display: none;
          background-color: #333333;
          padding: 8px;
          min-width: 370px;
          right: 0;
          border-radius: 5px;
          text-align: left; }
          @media (max-width: 480px) {
            .media_posting_frequency .content-body .expandable-tabs .info .message-box {
              min-width: 280px; } }
          .media_posting_frequency .content-body .expandable-tabs .info .message-box p {
            color: white;
            margin: 0; }
          .media_posting_frequency .content-body .expandable-tabs .info .message-box .mark-text {
            cursor: pointer;
            font-weight: bold;
            text-decoration: underline; }
        .media_posting_frequency .content-body .expandable-tabs .info:hover .message-box {
          display: block;
          position: absolute; }
      .media_posting_frequency .content-body .expandable-tabs .input-box:first-child:hover .info .message-box {
        top: -28px; }
      .media_posting_frequency .content-body .expandable-tabs .input-box:hover .info .message-box {
        display: block;
        position: absolute;
        top: -60px;
        left: 180px; }
        @media (max-width: 991px) {
          .media_posting_frequency .content-body .expandable-tabs .input-box:hover .info .message-box {
            left: 180px; } }
        @media (max-width: 650px) {
          .media_posting_frequency .content-body .expandable-tabs .input-box:hover .info .message-box {
            display: none; } }
      .media_posting_frequency .content-body .expandable-tabs .tab-body {
        position: relative;
        background-color: white;
        padding: 15px 25px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        animation: slideAndFadeUp 0.3s ease-in-out forwards;
        -webkit-animation: slideAndFadeUp 0.3s ease-in-out forwards; }
        .media_posting_frequency .content-body .expandable-tabs .tab-body .input-box {
          padding-bottom: 10px; }
          .media_posting_frequency .content-body .expandable-tabs .tab-body .input-box:last-child {
            padding-bottom: 0px; }
          .media_posting_frequency .content-body .expandable-tabs .tab-body .input-box label {
            font-weight: 400;
            display: flex;
            align-items: flex-start;
            min-width: 200px; }
            .media_posting_frequency .content-body .expandable-tabs .tab-body .input-box label.disabled {
              color: #bfbfbf; }
            .media_posting_frequency .content-body .expandable-tabs .tab-body .input-box label input[type='radio'] {
              padding-right: 15px;
              accent-color: #ea5329;
              margin: 3px 5px 0 0;
              flex: 0 0 13px; }
      .media_posting_frequency .content-body .expandable-tabs .footer-alert {
        padding: 0; }
        .media_posting_frequency .content-body .expandable-tabs .footer-alert p {
          padding: 5px;
          margin: 0 auto;
          text-align: center; }
    .media_posting_frequency .content-body .expandable-tabs:not(.active) .tab-body {
      height: 150px; }

.modal-media-frequency .modal-dialog {
  width: 100% !important;
  margin: 0 !important; }
.modal-media-frequency .container-fluid {
  margin-top: -30px; }
  .modal-media-frequency .container-fluid .post_worthy_photos {
    margin: 0;
    padding: 0; }

@keyframes slideAndFadeDown {
  0% {
    margin-top: -150px; }

  100% {
    margin-top: 0px; } }

@keyframes slideAndFadeUp {
  0% {
    margin-top: 0;
    opacity: 1; }

  100% {
    margin-top: -150px;
    opacity: 0;
    display: none; } }

@keyframes modalFadeIn {
  0% {
    top: -2000px; }

  100% {
    top: 0px; } }

[x-cloak] {
  display: none !important; }

.preview-social-page.preview-page .btn {
  -webkit-box-shadow: none;
  box-shadow: none; }
.preview-social-page.preview-page .rounder-mute-btn {
  position: absolute;
  bottom: 6px;
  right: 6px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  width: 26px;
  padding: 0;
  border: 0;
  z-index: 10; }
.preview-social-page.preview-page .video-container {
  position: relative;
  width: 80%;
  margin: 0 auto; }
.preview-social-page.preview-page .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  border-radius: 10px; }
  .preview-social-page.preview-page .video-overlay .rounded-hover {
    background-color: rgba(0, 0, 0, 0.6);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
.preview-social-page.preview-page .video-container .video-overlay:hover {
  opacity: 1; }
.preview-social-page.preview-page .post-preview-container .reel-story-holder {
  float: none !important; }

.preview-social-page.preview-page .post-preview-container {
  padding-top: 45px; }
  .preview-social-page.preview-page .post-preview-container .social-tooltip::before {
    display: none; }
  .preview-social-page.preview-page .post-preview-container .post-preview-padding.no-padding {
    padding-top: 0; }
  .preview-social-page.preview-page .post-preview-container .date-header.social-date-header {
    position: relative;
    margin-bottom: 15px; }
    @media (max-width: 830px) {
      .preview-social-page.preview-page .post-preview-container .date-header.social-date-header {
        margin-bottom: 30px; } }
    .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-info {
      position: absolute;
      text-align: left; }
      .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-info .approved {
        color: #00a63e;
        display: block; }
        @media (max-width: 830px) {
          .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-info .approved {
            display: inline-block;
            margin-right: 10px; } }
      .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-info .not-approved {
        color: #9ca3af;
        display: block; }
        @media (max-width: 830px) {
          .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-info .not-approved {
            display: inline-block; } }
    .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-time {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0 auto;
      padding: 8px 0; }
      .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-time .date-text {
        margin-right: 8px;
        color: black;
        font-size: 14px;
        font-weight: 70000; }
      .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-time .dot {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #cccccc; }
      .preview-social-page.preview-page .post-preview-container .date-header.social-date-header .date-time .horizontal-line {
        flex-grow: 1;
        height: 1px;
        background-color: #cccccc; }
  .preview-social-page.preview-page .post-preview-container .social-alert.social-reconnect-msg.preview-page {
    top: -7px;
    z-index: 51 !important; }
    @media (max-width: 835px) {
      .preview-social-page.preview-page .post-preview-container .social-alert.social-reconnect-msg.preview-page {
        top: 28px;
        margin-bottom: 15px; } }
    .preview-social-page.preview-page .post-preview-container .social-alert.social-reconnect-msg.preview-page.never-connected-banner {
      animation: fadeInOpacitySocial 0.5s ease-in-out forwards;
      top: 58px; }
      @media (max-width: 835px) {
        .preview-social-page.preview-page .post-preview-container .social-alert.social-reconnect-msg.preview-page.never-connected-banner {
          top: 28px; } }
  .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error {
    padding-top: 40px !important; }
  .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.facebook-padding, .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.instagram-padding {
    margin-top: 30px; }
    @media (max-width: 1030px) {
      .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.facebook-padding, .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.instagram-padding {
        margin-top: 70px; } }
    @media (max-width: 860px) {
      .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.facebook-padding, .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.instagram-padding {
        margin-top: 100px; } }
    @media (max-width: 900px) {
      .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.facebook-padding.meta-social-error, .preview-social-page.preview-page .post-preview-container .post-preview-padding.social-error.instagram-padding.meta-social-error {
        margin-top: 120px; } }
  .preview-social-page.preview-page .post-preview-container .post-preview-options.post-preview-holder {
    margin: 0; }
  .preview-social-page.preview-page .post-preview-container .frequency-btn {
    background-color: white;
    border: 1px solid #d1d5dc;
    color: #31313e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 15px;
    width: max-content;
    border-radius: 20px;
    font-weight: 400;
    cursor: pointer; }
    @media (max-width: 1000px) {
      .preview-social-page.preview-page .post-preview-container .frequency-btn {
        padding: 6px 9px;
        height: 34px; }
        .preview-social-page.preview-page .post-preview-container .frequency-btn p {
          display: none; } }
    .preview-social-page.preview-page .post-preview-container .frequency-btn p {
      margin: 0; }
    .preview-social-page.preview-page .post-preview-container .frequency-btn:hover {
      opacity: 0.8; }
  .preview-social-page.preview-page .post-preview-container .nav-holder.expanded {
    width: calc(100% - 200px); }
    @media (max-width: 1000px) {
      .preview-social-page.preview-page .post-preview-container .nav-holder.expanded {
        width: calc(100vw - 250px); } }
  .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group {
    gap: 10px; }
    @media (max-width: 600px) {
      .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group {
        gap: 4px; } }
    .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder {
      width: auto; }
      .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .dropdown-menu {
        width: 170px;
        left: -9999px;
        top: 36px;
        padding: 10px 0 10px 5px;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
        display: block;
        z-index: -1;
        position: absolute; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .dropdown-menu.show-menu {
          z-index: 9999;
          left: -65px;
          opacity: 1;
          transition: opacity 0.4s ease-in-out; }
          @media (max-width: 767px) {
            .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .dropdown-menu.show-menu {
              top: 0; } }
      .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter {
        position: relative;
        max-width: 100%;
        width: 100px;
        background-color: white;
        border: 1px solid #d1d5dc;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        padding: 6px 0;
        color: #31313e; }
        @media (max-width: 600px) {
          .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter {
            height: 34px;
            padding: 6px 9px;
            width: auto; }
            .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter span:not(.filter-button-icon) {
              display: none; } }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter .arrow {
          width: 9px;
          height: 7px;
          transition: transform 0.2s ease; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter .arrow.up {
          transform: rotate(180deg); }
      .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 12px; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder:last-child {
          margin-bottom: 0; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .switch-checkbox {
          height: 0;
          width: 0;
          visibility: hidden; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .label-switch-checkbox {
          text-indent: 0px;
          height: 20px; }
          .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .label-switch-checkbox span {
            position: absolute;
            left: 47px;
            color: #31313e;
            font-weight: 400;
            width: max-content; }
          @media (max-width: 767px) {
            .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .label-switch-checkbox {
              transform: scale(0.8); } }
          .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .label-switch-checkbox:after {
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .switch-checkbox:checked + .label-switch-checkbox {
          background: #46465e; }
          .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .switch-checkbox:checked + .label-switch-checkbox:after {
            left: calc(100%);
            transform: translateX(-100%); }
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .checkbox-holder .label-switch-checkbox:active:after {
          width: 26px; }
    .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info.new-post-btn {
      border-radius: 50px;
      background-color: #60a5fa;
      border: 1px solid #60a5fa;
      padding: 6px 15px; }
      @media (max-width: 1200px) {
        .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info.new-post-btn {
          padding: 9px 8px; } }
      .preview-social-page.preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info.new-post-btn:hover {
        background-color: #3b82f6;
        border: 1px solid #3b82f6; }
  .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container {
    border-radius: 50px; }
    .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn {
      position: relative;
      transition: all 0.6s ease-in-out;
      background-color: transparent; }
      .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn .go-to {
        background-color: white;
        width: 183px;
        height: 30px;
        position: absolute;
        border-radius: 50px;
        z-index: -1;
        left: 0;
        opacity: 0; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn .go-to.animate-left.disabled {
          z-index: 1;
          animation: goToRightSocial 0.6s forwards; }
        .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn .go-to.animate-right.disabled {
          z-index: 1;
          animation: goToLeftSocial 0.6s forwards; }
      .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.left-side.disabled {
        position: relative;
        left: 100px; }
    .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.active {
      border-radius: 50px;
      background-color: white;
      transition: all 0.6s ease-in-out; }
      .preview-social-page.preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.active .icon img {
        display: block; }
.preview-social-page.preview-page .video-reel-text {
  position: relative;
  text-align: left;
  padding: 5px;
  color: #31313e;
  font-size: 13px;
  clear: both;
  margin: 10px 5px 0;
  border: 1px dashed white;
  border-radius: 12px; }
  .preview-social-page.preview-page .video-reel-text.fb-text {
    margin-top: 0;
    margin-bottom: 10px; }
  .preview-social-page.preview-page .video-reel-text p {
    font-size: 13px !important; }
  .preview-social-page.preview-page .video-reel-text span.truncate {
    display: block;
    padding-right: 14px; }
  .preview-social-page.preview-page .video-reel-text .hashtags {
    color: #2b7fff !important; }
  .preview-social-page.preview-page .video-reel-text.no-border {
    border: none !important; }
  .preview-social-page.preview-page .video-reel-text textarea {
    outline: none;
    border: 1px solid #2b7fff !important;
    padding: 10px !important;
    max-width: 100%;
    min-width: 100%; }
    .preview-social-page.preview-page .video-reel-text textarea.magic-rewrite {
      padding-bottom: 40px !important; }
  .preview-social-page.preview-page .video-reel-text .edit-caption {
    color: #2b7fff;
    background-color: white;
    position: absolute;
    top: -4px;
    left: 12px;
    padding: 0 4px; }
  .preview-social-page.preview-page .video-reel-text p {
    max-width: 273px; }
  .preview-social-page.preview-page .video-reel-text:hover {
    transition: all 0.4s ease-in-out;
    border: 1px dashed #2b7fff; }
    .preview-social-page.preview-page .video-reel-text:hover .btn-link {
      color: #2b7fff; }
    .preview-social-page.preview-page .video-reel-text:hover svg {
      transition: all 0.4s ease-in-out;
      fill: #2b7fff; }
  .preview-social-page.preview-page .video-reel-text svg {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #31313e;
    transition: all 0.4s ease-in-out; }
  .preview-social-page.preview-page .video-reel-text .btn-link {
    color: #b2b3c7; }
  .preview-social-page.preview-page .video-reel-text .text-ai-button {
    display: block;
    position: absolute;
    bottom: 10.5px;
    margin-left: 1px;
    padding-right: 26px;
    padding-left: 7px;
    width: 296px;
    color: #015fcc;
    transition: all 1s ease;
    cursor: pointer;
    height: 28px;
    border-radius: 7px;
    background-color: white; }
    .preview-social-page.preview-page .video-reel-text .text-ai-button p {
      font-size: 12px !important;
      display: inline-block; }
    .preview-social-page.preview-page .video-reel-text .text-ai-button img {
      width: 23px;
      margin-left: 4px;
      position: absolute;
      right: 6px;
      top: -3px; }
    .preview-social-page.preview-page .video-reel-text .text-ai-button span {
      margin: 0;
      transition: all 0.2s ease-in-out; }
    .preview-social-page.preview-page .video-reel-text .text-ai-button:hover img {
      animation: fadeInHalfOpacitySocial 0.5s ease-in-out forwards;
      content: url("https://static.spotapps.co/assets/admin/preview_social/star_ai_icon.png") !important; }
    .preview-social-page.preview-page .video-reel-text .text-ai-button:hover span {
      margin-left: 4px; }
.preview-social-page.preview-page .all-btn-holder {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 3px;
  position: relative;
  padding: 10px 8px; }
  @media (max-width: 767px) {
    .preview-social-page.preview-page .all-btn-holder {
      padding: 10px 4px; } }
  .preview-social-page.preview-page .all-btn-holder .pull-animation.save {
    animation: pulsButtonGreen 0.5s ease; }
  .preview-social-page.preview-page .all-btn-holder .pull-animation.cancel {
    animation: pulsButtonBlack 0.5s ease; }
  .preview-social-page.preview-page .all-btn-holder .btn {
    position: relative;
    padding: 5px 8px;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    border: 1px solid #99a1af;
    font-size: 13px; }
    .preview-social-page.preview-page .all-btn-holder .btn.disable-btn {
      pointer-events: none;
      filter: grayscale(1); }
    .preview-social-page.preview-page .all-btn-holder .btn .tooltip-icon p {
      width: fit-content;
      left: 50%;
      top: -7px; }
    .preview-social-page.preview-page .all-btn-holder .btn.download-btn {
      background-color: rgba(236, 82, 10, 0.12);
      color: #31313e;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(236, 82, 10, 0.2);
      gap: 5px; }
      .preview-social-page.preview-page .all-btn-holder .btn.download-btn svg {
        width: 20px; }
      .preview-social-page.preview-page .all-btn-holder .btn.download-btn span {
        color: #31313e; }
    .preview-social-page.preview-page .all-btn-holder .btn.remove {
      background-color: rgba(136, 143, 168, 0.12);
      color: #31313e;
      border: 1px solid rgba(136, 143, 168, 0.2);
      gap: 0;
      border-radius: 50%;
      height: 37px;
      width: 37px; }
      .preview-social-page.preview-page .all-btn-holder .btn.remove span {
        position: relative;
        left: 0px;
        transition: all 0.2s ease-in-out; }
      .preview-social-page.preview-page .all-btn-holder .btn.remove:hover {
        border: 1px solid #ef4444; }
        .preview-social-page.preview-page .all-btn-holder .btn.remove:hover span {
          transition: all 0.2s ease-in-out;
          left: 2px; }
    .preview-social-page.preview-page .all-btn-holder .btn.save {
      background-color: #00a63e;
      border: 1px solid #00a63e;
      color: white;
      margin-right: 5px;
      width: 80px;
      border-color: #33b15f; }
      .preview-social-page.preview-page .all-btn-holder .btn.save:hover {
        background-color: #33b15f; }
    .preview-social-page.preview-page .all-btn-holder .btn.cancel {
      border: 1px solid #bbc8d8;
      background-color: transparent;
      color: #0f172b;
      width: 80px; }
      .preview-social-page.preview-page .all-btn-holder .btn.cancel:hover {
        background-color: #bbc8d8;
        color: white; }
    .preview-social-page.preview-page .all-btn-holder .btn.approve {
      background-color: rgba(37, 171, 87, 0.12);
      color: #31313e;
      border: 1px solid rgba(37, 171, 87, 0.2); }
      .preview-social-page.preview-page .all-btn-holder .btn.approve span {
        position: relative;
        left: 0px;
        transition: all 0.2s ease-in-out; }
      .preview-social-page.preview-page .all-btn-holder .btn.approve:hover {
        border: 1px solid #31313e; }
        .preview-social-page.preview-page .all-btn-holder .btn.approve:hover.bottom-section {
          border: 1px solid #00a63e; }
        .preview-social-page.preview-page .all-btn-holder .btn.approve:hover span {
          transition: all 0.2s ease-in-out;
          left: 2px; }
    .preview-social-page.preview-page .all-btn-holder .btn.gpt-magic {
      width: max-content;
      padding: 5px 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 3px;
      background: rgba(113, 82, 255, 0.12);
      color: #31313e;
      border: 0px;
      margin: 0;
      border: 1px solid rgba(113, 82, 255, 0.2);
      height: 36px; }
      .preview-social-page.preview-page .all-btn-holder .btn.gpt-magic img {
        width: 20px; }
    .preview-social-page.preview-page .all-btn-holder .btn.just-approved {
      border: 1px solid transparent;
      background-color: rgba(43, 196, 99, 0.1);
      border-radius: 50%;
      width: 32px;
      height: 32px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.5s ease-in-out;
      animation: fadeInOpacitySocial 0.5s ease-in-out forwards, fadeOutOpacitySocial 1s ease-in-out 1s forwards; }
      .preview-social-page.preview-page .all-btn-holder .btn.just-approved svg {
        width: 20px; }
  .preview-social-page.preview-page .all-btn-holder .gradient-border-wrapper {
    padding: 0.5px;
    display: inline-block;
    border-radius: 20px; }
    .preview-social-page.preview-page .all-btn-holder .gradient-border-wrapper.keep-border {
      background: linear-gradient(90deg, #24d4ff 0%, #5b73ef 50%, #d11bff 100%); }
      .preview-social-page.preview-page .all-btn-holder .gradient-border-wrapper.keep-border .gpt-magic {
        border: 1px solid transparent; }
.preview-social-page.preview-page .post-preview-container .post-preview-holder.instagram-error {
  margin: auto;
  display: block;
  width: 320px; }
.preview-social-page.preview-page .post-preview-container .post-preview-holder.multy-social-container {
  max-width: 363px;
  width: 100%;
  margin: 0 auto 15px; }
.preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content.social-post {
  border-radius: 10px;
  border: 1px solid #bbc8d8;
  padding: 0; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content.social-post.split-multy-posts {
    margin-bottom: 35px; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content.social-post .post-preview-info {
    margin-top: 0; }
.preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .social-post-source {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #edf5ff;
  color: #6c7280;
  font-weight: 400;
  font-size: 12px;
  margin: 0; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .social-post-source a {
    color: #0051b0;
    font-weight: 700;
    text-decoration: none; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .social-post-source a:hover {
      text-decoration: underline; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .social-post-source div {
    width: 100%; }
.preview-social-page.preview-page .post-preview-content .post-preview-info .post-preview-image-holder {
  margin-top: 0 !important; }
  .preview-social-page.preview-page .post-preview-content .post-preview-info .post-preview-image-holder .post-full-image.social-image {
    aspect-ratio: 4/5;
    object-fit: cover;
    width: 100%;
    height: auto; }
  .preview-social-page.preview-page .post-preview-content .post-preview-info .post-preview-image-holder .post-full-image.missing-image {
    height: 220px;
    background-position: center;
    background-size: cover; }
.preview-social-page.preview-page .icon-box {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center; }
  .preview-social-page.preview-page .icon-box.social-error {
    max-width: 150px; }
  .preview-social-page.preview-page .icon-box:hover .tooltip-icon p {
    display: block;
    animation: fadeInOpacitySocial 0.5s ease-in-out forwards;
    z-index: 52; }
  .preview-social-page.preview-page .icon-box .fix-letter {
    display: inline-block;
    text-transform: lowercase; }
    .preview-social-page.preview-page .icon-box .fix-letter::first-letter {
      text-transform: uppercase; }
  .preview-social-page.preview-page .icon-box img {
    width: 20px; }
  .preview-social-page.preview-page .icon-box p {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #1e293b; }
  .preview-social-page.preview-page .icon-box .text {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 170px; }
    .preview-social-page.preview-page .icon-box .text.social-error {
      max-width: 120px; }
    .preview-social-page.preview-page .icon-box .text .spot-name {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .preview-social-page.preview-page .icon-box .tooltip-icon img {
    display: block;
    width: 12px;
    margin-left: 5px;
    margin-top: 5px; }
  .preview-social-page.preview-page .icon-box .tooltip-icon p {
    position: absolute;
    text-align: center;
    display: none;
    position: absolute;
    width: 200px;
    background-color: #3d3d44;
    color: white;
    font-weight: 400;
    padding: 5px;
    font-size: 12px;
    border-radius: 8px;
    transform: translateY(-102%) translateX(-45%);
    top: 0;
    opacity: 0;
    transition: all 0.5s ease-in-out; }
    .preview-social-page.preview-page .icon-box .tooltip-icon p::after {
      content: " ";
      position: absolute;
      bottom: -4px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 5px 5px 0 5px;
      border-style: solid;
      border-color: #3d3d44 transparent transparent transparent; }
.preview-social-page.preview-page .post-preview-content .post-preview-header {
  margin-top: 2px; }
  .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 6px 8px 0; }
    .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header.social-error {
      margin-bottom: 4px; }
    .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder {
      position: relative; }
      .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .icon-box .tooltip-icon p {
        width: fit-content;
        left: 50%;
        top: -7px; }
      .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn {
        border-radius: 50px;
        padding: 2px 5px;
        font-size: 12px; }
        .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn.approve {
          color: #31313e;
          border: 1px solid #99a1af; }
          .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn.approve span {
            position: relative;
            left: 0px;
            transition: all 0.2s ease-in-out; }
          .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn.approve:hover {
            border: 1px solid #31313e; }
            .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn.approve:hover span {
              transition: all 0.2s ease-in-out;
              left: 2px; }
        .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn.approved {
          color: #016630;
          background-color: rgba(43, 196, 99, 0.1); }
        .preview-social-page.preview-page .post-preview-content .post-preview-header .multy-header .btn-holder .btn.social-error {
          background-color: #fff4e3;
          border: 1px solid #e2cfa0;
          color: #31313e;
          display: flex;
          gap: 5px; }
  .preview-social-page.preview-page .post-preview-content .post-preview-header .time-section {
    width: max-content;
    display: flex;
    margin: 0 0 6px 28px; }
    .preview-social-page.preview-page .post-preview-content .post-preview-header .time-section.social-error span {
      color: #99a1af;
      display: flex;
      font-size: 12px;
      font-weight: 400;
      padding: 5px; }
    .preview-social-page.preview-page .post-preview-content .post-preview-header .time-section a {
      display: flex;
      gap: 5px;
      align-items: center;
      border: 1px dashed white;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 400;
      color: #31313e;
      text-decoration: none;
      width: max-content;
      padding: 5px;
      height: auto;
      transition: all 0.4s ease-in-out;
      margin-top: 2px; }
      .preview-social-page.preview-page .post-preview-content .post-preview-header .time-section a svg {
        fill: #31313e;
        transition: all 0.4s ease-in-out; }
      .preview-social-page.preview-page .post-preview-content .post-preview-header .time-section a:hover {
        transition: all 0.4s ease-in-out;
        border: 1px dashed #2b7fff; }
        .preview-social-page.preview-page .post-preview-content .post-preview-header .time-section a:hover svg {
          transition: all 0.4s ease-in-out;
          fill: #2b7fff; }

.preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder.cropped {
  padding: 0; }
.preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder.no-hover .btn.edit-pen {
  display: none; }
.preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover) {
  position: relative; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.3s ease-in-out;
    pointer-events: none;
    width: 100%;
    height: auto; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover):hover::after {
    background: rgba(0, 0, 0, 0.4);
    z-index: 1; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover):hover .btn.edit-pen {
    width: 184px;
    height: 23px; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover):hover .btn.edit-pen span {
      display: block;
      opacity: 1;
      color: #31313e; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover):hover .btn.edit-pen.download-btn {
    width: 127px; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover) .btn.edit-pen {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    top: 5px;
    left: calc(100% - 5px);
    transform: translateX(-100%);
    border-radius: 20px;
    height: 23px;
    width: 23px;
    padding: 0;
    background-color: white;
    z-index: 20;
    overflow: hidden;
    transition: width 0.3s ease, border-radius 0.3s ease, padding 0.3s ease; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover) .btn.edit-pen svg {
      transition: transform 0.3s ease; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .social-image-holder:not(.no-hover) .btn.edit-pen span {
      display: none;
      font-size: 13px;
      opacity: 0;
      transition: opacity 0.3s ease; }

.video-container .btn.edit-pen {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: absolute;
  top: 6px;
  left: calc(100% - 6px);
  transform: translateX(-100%);
  border-radius: 20px;
  height: 23px;
  width: 23px;
  padding: 0;
  background-color: white;
  z-index: 20;
  overflow: hidden;
  transition: width 0.3s ease, border-radius 0.3s ease, padding 0.3s ease; }
  .video-container .btn.edit-pen svg {
    transition: transform 0.3s ease; }
  .video-container .btn.edit-pen span {
    display: none;
    font-size: 13px;
    opacity: 0;
    transition: opacity 0.3s ease; }
.video-container:hover .btn.edit-pen {
  width: 127px;
  height: 23px; }
  .video-container:hover .btn.edit-pen span {
    display: block;
    opacity: 1;
    color: #31313e; }

.preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment {
  border: 1px solid #bbc8d8; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content {
    width: 320px; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content h1.mb-50 {
      margin-bottom: 50px; }
      @media (max-width: 1160px) {
        .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content h1.mb-50 {
          margin-bottom: 0; } }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-header {
    text-align: left; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-header h1 {
      margin-left: 15px;
      font-size: 16px; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-header svg {
      opacity: 0.8; }
      .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-header svg:hover {
        opacity: 1; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content {
    background-color: #e2e8f0; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content .text-fragment.last-fragment {
      margin-bottom: 60px; }
      @media (max-width: 1160px) {
        .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content .text-fragment.last-fragment {
          margin-bottom: 10px; } }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content .text-fragment {
      background-color: white;
      border: 1px solid transparent;
      text-align: left; }
      .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content .text-fragment.active {
        border: 1px solid #2b7fff; }
        .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content .text-fragment.active i {
          color: #2b7fff; }
      .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content .text-fragment .full-text-fragment .hashtags {
        color: #2b7fff; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content::-webkit-scrollbar-track {
      background-color: #ccd3dd; }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-content::-webkit-scrollbar-thumb {
      background-color: #99a1af;
      outline: 1px solid #99a1af; }
  .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-footer {
    display: flex;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    position: absolute;
    bottom: 0; }
    @media (max-width: 1160px) {
      .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-footer {
        position: relative; } }
    .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-footer button.btn {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: white;
      border: 1px solid #bbc8d8;
      border-radius: 50px;
      width: 91px;
      height: 32px;
      color: #31313e;
      gap: 5px;
      font-size: 14px;
      font-weight: 400;
      transition: all 0.5s ease-in-out;
      outline: none; }
      .preview-social-page.preview-page .post-preview-container .post-preview-holder .text-fragments-holder.social-text-fragment .text-fragments-footer button.btn:hover {
        border: 1px solid #46465e; }

.modal_request_website_embed .recycle-message.modal-body {
  padding-top: 0;
  padding-bottom: 30px; }
.modal_request_website_embed .recycle-message .approval-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px; }
  .modal_request_website_embed .recycle-message .approval-controls .button-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .modal_request_website_embed .recycle-message .approval-controls .button-wrap p {
      padding-top: 10px; }
    .modal_request_website_embed .recycle-message .approval-controls .button-wrap .circle {
      border: 1px solid #e6e6e6;
      box-shadow: rgba(149, 157, 165, 0.3) -1px 1px 6px;
      border-radius: 40px;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.1s ease; }
      .modal_request_website_embed .recycle-message .approval-controls .button-wrap .circle:active {
        transform: scale(0.9); }
      .modal_request_website_embed .recycle-message .approval-controls .button-wrap .circle svg {
        width: 18px;
        height: 18px; }

@keyframes goToRightSocial {
  from {
    left: 0;
    width: 183px;
    opacity: 0; }

  to {
    left: 165px;
    width: 160px;
    opacity: 1; } }

@keyframes goToLeftSocial {
  from {
    left: 0;
    width: 160px;
    opacity: 0; }

  to {
    left: -183px;
    width: 183px;
    opacity: 1; } }

@keyframes fadeInOpacitySocial {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeInHalfOpacitySocial {
  0% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@keyframes fadeOutOpacitySocial {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    display: none; } }

@keyframes pulsButtonGreen {
  0% {
    box-shadow: 0 0 0 0 #00a63e; }

  70% {
    box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); }

  100% {
    box-shadow: 0 0 0 20px rgba(88, 120, 243, 0); } }

@keyframes pulsButtonBlack {
  0% {
    box-shadow: 0 0 0 0 #bbc8d8; }

  70% {
    box-shadow: 0 0 0 10px rgba(88, 120, 243, 0); }

  100% {
    box-shadow: 0 0 0 20px rgba(88, 120, 243, 0); } }

.triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #ea580c transparent;
  transform: rotate(180deg); }

.triangle-custom {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #ea580c transparent;
  transform: rotate(180deg);
  position: absolute;
  top: -30px;
  left: 50%;
  z-index: 51; }

.ai-holder {
  position: relative; }

.pad-auto {
  padding-left: 10% !important;
  padding-right: 10% !important; }

.website-banner-nudge-parent {
  padding-left: 8%;
  padding-right: 8%;
  margin-left: 250px; }
  @media (max-width: 767px) {
    .website-banner-nudge-parent {
      margin-top: 120px;
      margin-left: 0px;
      padding-right: 0px;
      padding-left: 0px; } }

.offset-without-banner {
  margin-top: 80px; }
  @media (max-width: 767px) {
    .offset-without-banner {
      margin-top: 100px; } }

.offset-margin-top {
  padding-top: 0px !important; }

.website-banner-nudge {
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 2px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06); }
  @media (max-width: 767px) {
    .website-banner-nudge {
      margin-top: 100px;
      width: 100%;
      border-radius: 0px;
      padding: 0px; } }
  .website-banner-nudge .lato-cell {
    font-family: Lato;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #2e2e2e;
    letter-spacing: 0;
    margin: 0; }
    @media (max-width: 991px) {
      .website-banner-nudge .lato-cell {
        font-size: 12px;
        line-height: 15px; } }
  .website-banner-nudge .lato {
    font-family: Lato;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0; }
    @media (max-width: 991px) {
      .website-banner-nudge .lato {
        font-size: 14px; } }
  .website-banner-nudge .website-banner-nudge-top {
    height: 260px;
    background: radial-gradient(#f3f9ff, #d9e2ec);
    border-radius: 5px 5px 0px 0px;
    padding: 25px 0px 30px 0px; }
    @media (max-width: 991px) {
      .website-banner-nudge .website-banner-nudge-top {
        border-radius: 0px;
        padding: 15px 0px 20px 0px; } }
  .website-banner-nudge .website-banner-nudge-column {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row1 {
      display: flex;
      font-weight: 700;
      font-size: 24px;
      margin-bottom: 8px;
      text-align: center; }
      @media (max-width: 991px) {
        .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row1 {
          font-size: 18px;
          line-height: 24px; } }
    .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row2 {
      display: flex;
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row2 {
          display: block; } }
      .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row2 span {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: 4px;
        margin: 0 5px 0 5px; }
        .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row2 span img {
          width: 1.5rem;
          height: 1.5rem; }
    .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row3 {
      display: flex;
      flex-direction: row;
      gap: 10px;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row3 {
          margin-bottom: 15px; } }
      .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row3 .cell {
        width: 120px;
        height: 110px;
        border-radius: 10px;
        padding: 20px;
        background-color: white;
        box-shadow: 0px 8px 16px 0px #c6d5e3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 3px; }
        @media (max-width: 991px) {
          .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row3 .cell {
            width: 88px;
            height: 100px; } }
        .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row3 .cell img {
          width: 30px;
          height: 30px; }
    .website-banner-nudge .website-banner-nudge-column .website-banner-nudge-row4 {
      display: flex;
      font-style: italic;
      font-size: 14px;
      line-height: 15px;
      text-align: center;
      margin-bottom: 20px; }
  .website-banner-nudge .website-banner-nudge-bottom {
    height: 66px;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center; }
    .website-banner-nudge .website-banner-nudge-bottom .btn-primary {
      background: #f1592a;
      background-color: #f1592a;
      border: 1px solid #f1592a;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center;
      gap: 4px; }
      .website-banner-nudge .website-banner-nudge-bottom .btn-primary.btn-primary:hover {
        background: #f1592a;
        border: 1px solid #f1592a; }
      .website-banner-nudge .website-banner-nudge-bottom .btn-primary img {
        width: 1rem;
        height: 1rem; }

html, body {
  height: 100%;
  font-family: "Lato", sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; }

.min-height-content {
  min-height: 100%;
  padding-bottom: 70px;
  position: relative;
  padding-top: 20px; }

.cursor-pointer {
  cursor: pointer; }

.whitetext {
  color: white !important; }

.mis-loading-container {
  background-color: #fdfbfd;
  padding: 30px;
  text-align: center; }

#textingDisabledModal.delinquent-accounts-modal .modal-content {
  border: 2px solid #d15a42;
  border-radius: 0; }
#textingDisabledModal.delinquent-accounts-modal .modal-header {
  padding: 10px 15px;
  background-color: #d15a42 !important;
  border-bottom: 1px solid #494443; }
#textingDisabledModal.delinquent-accounts-modal h1 {
  padding: 0;
  font-size: 85px;
  text-align: center;
  color: white; }
  @media (max-width: 767px) {
    #textingDisabledModal.delinquent-accounts-modal h1 {
      font-size: 70px; } }
#textingDisabledModal.delinquent-accounts-modal .modal-body {
  padding: 35px 70px;
  font-size: 1.2em;
  text-align: justify;
  color: #5d5d5d; }
  @media (max-width: 767px) {
    #textingDisabledModal.delinquent-accounts-modal .modal-body {
      padding: 30px; } }
  #textingDisabledModal.delinquent-accounts-modal .modal-body a {
    color: #5d5d5d; }
  #textingDisabledModal.delinquent-accounts-modal .modal-body a:hover {
    color: #d15a42;
    text-decoration: none; }

.event-planner-banner-e-signatures a:hover {
  color: white !important; }

.optional-markup {
  font-size: 0.8em;
  color: #929ba8;
  opacity: 0.7; }

.templates-loading-container {
  text-align: center;
  padding: 25px; }

.page-gray-background {
  background-color: #f5f6f7; }

.page-gray-background-v2 {
  background-color: #f9fafb;
  padding: 0; }

.footer-container {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: none; }

.mark-inquiry-comment {
  padding: 5px !important;
  background-color: white !important; }
  .mark-inquiry-comment a {
    text-decoration: underline;
    margin: 5px;
    background-color: white;
    color: black; }

.mark-as-seen-circle {
  vertical-align: middle;
  height: 5px;
  width: 5px;
  background-color: red;
  border-radius: 50%;
  display: inline-block; }

.page-bottom-padding {
  clear: both;
  margin-bottom: 70px; }

#paymentBadge {
  position: absolute;
  right: 95px;
  top: 10px; }
  @media (max-width: 1024px) {
    #paymentBadge {
      display: none; } }
  #paymentBadge .badge-holder {
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    max-width: 150px;
    min-width: 150px;
    padding: 2px 0;
    z-index: 999;
    position: relative; }
    @media (max-width: 767px) {
      #paymentBadge .badge-holder {
        max-width: 140px;
        min-width: 140px; } }
  #paymentBadge .fa {
    margin-right: 3px;
    font-size: 1.1em; }

a {
  color: #ea5329;
  cursor: pointer; }

a:hover {
  color: #ea5329; }

.inquiry-file-upload-label {
  cursor: pointer; }

.inquiry-file-upload-label.blue {
  color: #5951d6 !important; }
  .inquiry-file-upload-label.blue i {
    color: #5951d6; }

.event-planner-requested-banner {
  background-color: #5850d6;
  border-radius: 5px;
  color: white;
  padding: 20px;
  display: flex;
  align-content: center;
  align-items: center;
  -webkit-box-shadow: 1px 2px 10px 1px darkgrey;
  -moz-box-shadow: 1px 2px 10px 1px darkgrey;
  box-shadow: 1px 2px 10px 1px darkgrey;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .event-planner-requested-banner {
      align-items: flex-start; } }
  .event-planner-requested-banner .close-btn {
    padding-left: 20px;
    font-size: 20px;
    font-weight: 400;
    border: none;
    background: none; }
  .event-planner-requested-banner .glyphicon {
    font-size: 300%;
    vertical-align: middle;
    margin-right: 10px; }
  .event-planner-requested-banner p {
    font-size: 14px; }

.food-menu-page .add-new-menu-item {
  border-top: 1px solid #dddddd; }
  .food-menu-page .add-new-menu-item .new-menu-item-form {
    display: flex;
    min-width: 100%;
    padding-top: 30px; }
    .food-menu-page .add-new-menu-item .new-menu-item-form .text-new-item {
      width: 130px;
      margin-left: 5px; }
    .food-menu-page .add-new-menu-item .new-menu-item-form input:not(.price,.food-size) {
      width: 148px; }
    .food-menu-page .add-new-menu-item .new-menu-item-form .text-area-holder {
      flex-basis: 45%;
      max-width: 45%; }
      @media (max-width: 1500px) {
        .food-menu-page .add-new-menu-item .new-menu-item-form .text-area-holder {
          flex-basis: 40%;
          max-width: 40%; } }
      @media (max-width: 1400px) {
        .food-menu-page .add-new-menu-item .new-menu-item-form .text-area-holder {
          flex-basis: 30%;
          max-width: 30%; } }
      .food-menu-page .add-new-menu-item .new-menu-item-form .text-area-holder textarea {
        min-width: 100%;
        max-width: 100%; }
@media (max-width: 1230px) {
  .food-menu-page .add-new-menu-item .new-menu-item-form {
    flex-direction: column; }
    .food-menu-page .add-new-menu-item .new-menu-item-form .input-menu-name {
      width: 100%; }
      .food-menu-page .add-new-menu-item .new-menu-item-form .input-menu-name input {
        width: 100%; }
    .food-menu-page .add-new-menu-item .new-menu-item-form .text-area-holder {
      flex-basis: 100%;
      max-width: 100%;
      width: 100%; }
    .food-menu-page .add-new-menu-item .new-menu-item-form .food-item-price {
      width: 250px; } }
.food-menu-page .website-container.event-tickets {
  padding: 120px 0 60px; }
  .food-menu-page .website-container.event-tickets .connect-stripe {
    background: white;
    padding: 2.3rem;
    border-radius: 0.7rem;
    font-size: 1.1em; }
    .food-menu-page .website-container.event-tickets .connect-stripe a {
      position: relative;
      margin-right: 0.2rem; }
    .food-menu-page .website-container.event-tickets .connect-stripe a:after {
      content: "";
      height: 1px;
      background: #ea5329;
      display: inline-block;
      width: 100%;
      position: absolute;
      bottom: -1px;
      left: 0; }
    .food-menu-page .website-container.event-tickets .connect-stripe a:hover {
      text-decoration: none; }
  .food-menu-page .website-container.event-tickets .planner-holder {
    padding: 0 20px;
    overflow: hidden; }
  .food-menu-page .website-container.event-tickets .event-planner-requested-banner {
    padding: 20px 40px; }
    @media (max-width: 1024px) {
      .food-menu-page .website-container.event-tickets .event-planner-requested-banner {
        padding: 20px; } }
    .food-menu-page .website-container.event-tickets .event-planner-requested-banner p {
      margin: 5px 30px;
      font-size: 16px; }
      @media (max-width: 1024px) {
        .food-menu-page .website-container.event-tickets .event-planner-requested-banner p {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .food-menu-page .website-container.event-tickets .event-planner-requested-banner p {
          margin: 5px 0; } }
    .food-menu-page .website-container.event-tickets .event-planner-requested-banner .close-btn {
      margin-left: auto;
      font-size: 26px;
      padding-bottom: 5px; }
      @media (max-width: 767px) {
        .food-menu-page .website-container.event-tickets .event-planner-requested-banner .close-btn {
          font-size: 20px;
          padding-left: 10px; } }
    @media (max-width: 767px) {
      .food-menu-page .website-container.event-tickets .event-planner-requested-banner .glyphicon {
        font-size: 180%;
        margin-top: 10px; } }
  .food-menu-page .website-container.event-tickets .planner-wrapper {
    background-color: #f8f1ff;
    color: black;
    padding: 10px 40px;
    margin-top: 20px;
    border: 1px solid #6d2aea;
    border-radius: 4px;
    display: flex;
    align-content: center;
    align-items: center; }
    @media (max-width: 1024px) {
      .food-menu-page .website-container.event-tickets .planner-wrapper {
        padding: 10px 20px; } }
    .food-menu-page .website-container.event-tickets .planner-wrapper p {
      margin: 5px 30px;
      font-size: 16px; }
      @media (max-width: 1024px) {
        .food-menu-page .website-container.event-tickets .planner-wrapper p {
          margin: 5px 20px; } }
      @media (max-width: 767px) {
        .food-menu-page .website-container.event-tickets .planner-wrapper p {
          font-size: 14px;
          margin: 5px 10px; } }
      .food-menu-page .website-container.event-tickets .planner-wrapper p button {
        background: transparent;
        padding: 0;
        border: 0;
        border-bottom: 1px solid black; }
      .food-menu-page .website-container.event-tickets .planner-wrapper p button:hover, .food-menu-page .website-container.event-tickets .planner-wrapper p button:focus {
        color: #6d2aea;
        border-bottom: 1px solid #6d2aea; }
    .food-menu-page .website-container.event-tickets .planner-wrapper .glyphicon {
      font-size: 300%;
      color: #6d2aea;
      vertical-align: middle;
      margin-right: 10px; }
      @media (max-width: 767px) {
        .food-menu-page .website-container.event-tickets .planner-wrapper .glyphicon {
          font-size: 180%; } }
  .food-menu-page .website-container.event-tickets .planner-wrapper.fill-info {
    border-radius: 1.5rem; }
    .food-menu-page .website-container.event-tickets .planner-wrapper.fill-info p {
      font-size: 1em; }
    .food-menu-page .website-container.event-tickets .planner-wrapper.fill-info a {
      color: black;
      text-decoration: underline;
      text-underline-offset: 1px;
      font-weight: bold; }
.food-menu-page .tickets-iframe {
  width: 100%;
  height: 400px;
  margin-bottom: 50px; }
.food-menu-page .food-menu-mobile-view .website-bar .website-section {
  margin-left: 45px; }
  .food-menu-page .food-menu-mobile-view .website-bar .website-section h3.tabnav {
    display: inline-block; }

.floating-body-modal.tickets-planner-modal {
  height: auto;
  overflow: visible; }
  .floating-body-modal.tickets-planner-modal .footer {
    position: initial; }

.thank-you-body-modal {
  padding: 40px; }
  .thank-you-body-modal a {
    color: black;
    font-weight: 600; }

.title-container-modal {
  margin-top: 35px; }
  .title-container-modal h3 {
    font-size: 32px;
    margin-bottom: 10px; }
  .title-container-modal p {
    font-size: 18px; }

.request-event-planner-confirmation-modal.table-management-cancellation-modal .table-management-cancellation-modal-header {
  background: url(https://static.spotapps.co/assets/admin/bg_pop_up_table_managament.png);
  border: unset;
  height: 158px; }
.request-event-planner-confirmation-modal.table-management-cancellation-modal .modal-body button {
  background-color: #e75834; }
.request-event-planner-confirmation-modal.table-management-cancellation-modal .subtitle-cancelled {
  font-weight: bold;
  font-size: 1.8em; }
  @media (max-width: 768px) {
    .request-event-planner-confirmation-modal.table-management-cancellation-modal .subtitle-cancelled {
      font-size: 1.6em; } }
.request-event-planner-confirmation-modal.table-management-cancellation-modal .title-container-modal h3 {
  color: #584fd6;
  font-size: 30px; }

.request-event-planner-confirmation-modal h4 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2; }
.request-event-planner-confirmation-modal p {
  font-size: 1.1em; }
.request-event-planner-confirmation-modal .subtitle-cancelled {
  font-size: 1.6em;
  color: red; }
.request-event-planner-confirmation-modal .modal-body {
  margin-bottom: 2em; }
  .request-event-planner-confirmation-modal .modal-body button {
    background-color: #584fd6;
    color: white;
    margin: 1em;
    min-width: 12em;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 0.7em; }
.request-event-planner-confirmation-modal .info {
  margin: 1.5em; }
.request-event-planner-confirmation-modal .upgrade-action {
  color: #584fd6; }
.request-event-planner-confirmation-modal .underline {
  text-decoration: underline;
  text-underline-offset: 2px; }
.request-event-planner-confirmation-modal a, .request-event-planner-confirmation-modal small {
  color: #707070; }

.request-event-planner-confirmation-modal-new .modal-header {
  border-bottom: none;
  position: relative;
  height: 160px; }
  .request-event-planner-confirmation-modal-new .modal-header .title-container-modal {
    padding: 10p 15px; }
  .request-event-planner-confirmation-modal-new .modal-header .position-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center; }
    .request-event-planner-confirmation-modal-new .modal-header .position-bottom h4 {
      color: black; }
  .request-event-planner-confirmation-modal-new .modal-header button.close {
    left: 10px !important;
    opacity: 1;
    color: white;
    top: 3px !important;
    content: "";
    display: block;
    background: url(https://static.spotapps.co/assets/admin/event-planner-email/event_planner_modal_icon.png);
    height: 86px;
    width: 115px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: -23px; }
    .request-event-planner-confirmation-modal-new .modal-header button.close:hover {
      opacity: 1;
      color: white; }
    .request-event-planner-confirmation-modal-new .modal-header button.close span {
      position: relative;
      left: 34px;
      top: -30px;
      font-weight: 200;
      font-size: 32px; }
.request-event-planner-confirmation-modal-new .upper-banner-modal {
  background: url("https://static.spotapps.co/assets/admin/event_planner_upgrade_bg_2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.request-event-planner-confirmation-modal-new .title-container-modal {
  margin-top: 0; }
  .request-event-planner-confirmation-modal-new .title-container-modal h3 {
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 0; }
  .request-event-planner-confirmation-modal-new .title-container-modal .subtitle {
    font-size: 17px; }
.request-event-planner-confirmation-modal-new .modal-body {
  margin-bottom: 2em; }
  .request-event-planner-confirmation-modal-new .modal-body button {
    background-color: #e85725;
    color: white;
    margin: 1em;
    min-width: 12em;
    font-size: 1.1em;
    padding: 0.7em; }
.request-event-planner-confirmation-modal-new .info {
  margin: 0;
  font-size: 15px; }
.request-event-planner-confirmation-modal-new .blue-link {
  color: #584fd6; }

@media (max-width: 768px) {
  .upper-banner-modal.google-upgrade.google-reviews-upgrade-header {
    height: 200px; } }
@media (max-width: 768px) {
  .upper-banner-modal.google-upgrade.google-reviews-upgrade-header .title-container-modal p {
    font-size: 1em; }
  .upper-banner-modal.google-upgrade.google-reviews-upgrade-header .title-container-modal img {
    max-width: 75%; } }

.upper-banner-modal {
  padding: 20px;
  background-color: #e6e6f6;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: url(https://static.spotapps.co/assets/admin/Upgrade+to+Event+Planner+-+Background.jpg);
  height: 178px; }
  .upper-banner-modal.google-upgrade {
    background: url(https://static.spotapps.co/assets/admin/google_email_banner_clean_white.png);
    border: unset; }
    @media (max-width: 767px) {
      .upper-banner-modal.google-upgrade {
        background-position-x: -80px;
        padding: 10px; } }
    .upper-banner-modal.google-upgrade .title-container-modal {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      margin-top: 15px;
      padding: 0 15px; }
      .upper-banner-modal.google-upgrade .title-container-modal img {
        max-width: 90%; }
        @media (max-width: 767px) {
          .upper-banner-modal.google-upgrade .title-container-modal img {
            max-width: 70%; } }
      @media (max-width: 767px) {
        .upper-banner-modal.google-upgrade .title-container-modal {
          text-align: center;
          justify-content: center; } }
      .upper-banner-modal.google-upgrade .title-container-modal h3 {
        margin-bottom: 0.3em;
        font-size: 2em;
        color: black; }
        @media (max-width: 767px) {
          .upper-banner-modal.google-upgrade .title-container-modal h3 {
            font-size: 1.9em; } }
      .upper-banner-modal.google-upgrade .title-container-modal p {
        font-size: 1em;
        opacity: 80%; }
        @media (max-width: 767px) {
          .upper-banner-modal.google-upgrade .title-container-modal p {
            font-size: 0.9em; } }
  .upper-banner-modal.google-upgrade .title-container-modal {
    margin-top: 30px; }
    @media (max-width: 767px) {
      .upper-banner-modal.google-upgrade .title-container-modal {
        margin-top: 20px; } }
  .upper-banner-modal.google-business-cancellation-modal {
    background: url(https://static.spotapps.co/assets/admin/google_email_banner_clean_white.png);
    border: unset; }
    .upper-banner-modal.google-business-cancellation-modal h3.good-choice {
      margin-top: 53px;
      color: #584fd6; }
    .upper-banner-modal.google-business-cancellation-modal h3.cancelled-feature {
      color: #584fd6;
      font-size: 1.5em;
      margin-bottom: 5px; }
    .upper-banner-modal.google-business-cancellation-modal h3.cancelled-feature.big-text {
      font-size: 2em; }

.google-upgrade-modal-head {
  background: #e7e6f6;
  position: relative; }
  @media (max-width: 768px) {
    .google-upgrade-modal-head {
      padding: 5px; } }
  .google-upgrade-modal-head .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #e7e6f6 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 768px) {
      .google-upgrade-modal-head .triangle {
        display: none; } }
  .google-upgrade-modal-head .title-modal {
    text-align: center; }
    .google-upgrade-modal-head .title-modal h3 {
      color: #3b3e51;
      font-size: 1.5em; }
      @media (max-width: 767px) {
        .google-upgrade-modal-head .title-modal h3 {
          font-size: 1.1em; } }

.google-upgrade-modal-body.google-upgrade-modal-body-reviews {
  margin-top: 4.5em; }
  @media (max-width: 768px) {
    .google-upgrade-modal-body.google-upgrade-modal-body-reviews {
      margin-top: 1.1em; } }

.google-upgrade-modal-body {
  margin-top: 3.7em;
  padding: 5px; }
  @media (max-width: 768px) {
    .google-upgrade-modal-body {
      margin-top: 1.3em; } }
  .google-upgrade-modal-body .gray-text {
    color: #707070; }
  @media (max-width: 768px) {
    .google-upgrade-modal-body .hide-on-mobile {
      display: none; } }
  @media (min-width: 768px) {
    .google-upgrade-modal-body .hide-on-desktop {
      display: none; } }
  .google-upgrade-modal-body .highlight-black {
    color: black; }
  .google-upgrade-modal-body .flex-column {
    flex-direction: column; }
  .google-upgrade-modal-body .flex {
    display: flex; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .flex {
        flex-wrap: wrap;
        justify-content: center; } }
  .google-upgrade-modal-body .main-holder {
    gap: 1em;
    padding: 0 15px; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .main-holder {
        padding: 0 5px; } }
  .google-upgrade-modal-body .absolute-heading {
    position: absolute;
    left: 0;
    right: 0;
    top: -11px;
    margin-left: auto;
    margin-right: auto;
    max-width: 255px;
    text-align: center;
    background: white;
    letter-spacing: 0.35px; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .absolute-heading {
        max-width: 270px; } }
    .google-upgrade-modal-body .absolute-heading p {
      font-weight: bold;
      font-size: 1.1em; }
  .google-upgrade-modal-body .cta-holder.reviews-upgrade-cta {
    position: relative;
    width: 300px;
    top: unset;
    bottom: unset; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .cta-holder.reviews-upgrade-cta {
        position: absolute;
        bottom: 11px; }
        .google-upgrade-modal-body .cta-holder.reviews-upgrade-cta p {
          font-size: 1.25em;
          font-weight: bold; } }
  .google-upgrade-modal-body .cta-holder {
    position: absolute;
    bottom: -18px;
    z-index: 999;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; }
    .google-upgrade-modal-body .cta-holder p {
      font-size: 1.25em;
      font-weight: bold; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .cta-holder p {
          font-weight: normal; } }
    .google-upgrade-modal-body .cta-holder button {
      width: 100%;
      padding: 0.5em;
      background: #e85725;
      color: white;
      border-color: #e85725;
      border: 1px solid #e85725;
      font-weight: bold;
      border-radius: 4px;
      transition: 0.3s; }
      .google-upgrade-modal-body .cta-holder button:hover {
        background: #d54716;
        border-color: #d54716; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .cta-holder button {
          padding: 0.7em; } }
  .google-upgrade-modal-body .highlight {
    color: #584fd6; }
  .google-upgrade-modal-body .purple-div {
    background: #f7f6f9 !important;
    border: 1px solid #e7e6f6 !important; }
  .google-upgrade-modal-body .white-div {
    background: white !important;
    border: 1px solid #e7e6f6 !important; }
  .google-upgrade-modal-body .left {
    position: relative;
    border: 1px solid #e7e6f6;
    border-radius: 0.5em;
    height: 100%;
    padding-bottom: 4em; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .left {
        width: 100%;
        padding-bottom: 4.5em; } }
    .google-upgrade-modal-body .left .holder {
      margin-top: 3em;
      padding: 8px;
      display: flex;
      flex-direction: column;
      gap: 0.4em; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .left .holder {
          margin-top: 1em; } }
      .google-upgrade-modal-body .left .holder div p {
        color: #3b3e51;
        margin-bottom: 0; }
        .google-upgrade-modal-body .left .holder div p:nth-child(odd) {
          font-weight: bold;
          letter-spacing: 0.31px;
          margin-bottom: 3px; }
        .google-upgrade-modal-body .left .holder div p:nth-child(even) {
          font-size: 0.9em; }
      .google-upgrade-modal-body .left .holder div:nth-child(odd) {
        padding: 5px; }
      .google-upgrade-modal-body .left .holder div:nth-child(even) {
        padding: 5px; }
  .google-upgrade-modal-body .right {
    border: 1px solid #584fd6;
    border-radius: 0.5em;
    padding: 8px;
    position: relative;
    padding-bottom: 4.5em; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .right {
        margin-top: 2.2em;
        margin-bottom: 1.6em;
        padding-bottom: 5em; } }
    .google-upgrade-modal-body .right .absolute-heading {
      top: -17px;
      line-height: 1.1; }
    .google-upgrade-modal-body .right .badge-btn {
      background: #36b673;
      padding: 0.4em;
      color: white;
      width: 80%;
      margin: 0 auto;
      font-weight: lighter;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .right .badge-btn {
          width: 100%;
          text-align: center;
          margin-top: 1.3em; } }
    .google-upgrade-modal-body .right sup {
      font-size: 1em;
      top: unset; }
    .google-upgrade-modal-body .right .holder {
      margin-top: 5em;
      display: flex;
      flex-direction: column;
      gap: 0.4em; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .right .holder {
          margin-top: 0.6em; } }
      .google-upgrade-modal-body .right .holder .fa-star {
        color: #fbbc04;
        font-size: 1.1em; }
      .google-upgrade-modal-body .right .holder div p {
        margin-bottom: 0;
        color: #3b3e51; }
        .google-upgrade-modal-body .right .holder div p:nth-child(odd) {
          font-weight: bold;
          letter-spacing: 0.31px; }
        .google-upgrade-modal-body .right .holder div p:nth-child(even) {
          font-size: 0.9em; }
      .google-upgrade-modal-body .right .holder div:nth-child(odd) {
        padding: 5px; }
      .google-upgrade-modal-body .right .holder div:nth-child(even) {
        padding: 5px; }
  .google-upgrade-modal-body .reviews-upgrade {
    border: 1px solid #584fd6;
    border-radius: 0.5em;
    padding: 8px;
    position: relative; }
    @media (max-width: 768px) {
      .google-upgrade-modal-body .reviews-upgrade {
        margin-top: 0.5em;
        margin-bottom: 1.6em; } }
    .google-upgrade-modal-body .reviews-upgrade .absolute-heading {
      top: -40px;
      line-height: 1.1;
      max-width: 350px; }
      .google-upgrade-modal-body .reviews-upgrade .absolute-heading p {
        font-size: 1.3em; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .reviews-upgrade .absolute-heading {
          max-width: 282px;
          top: -17px; }
          .google-upgrade-modal-body .reviews-upgrade .absolute-heading p {
            font-size: 1.1em; }
          .google-upgrade-modal-body .reviews-upgrade .absolute-heading span {
            font-size: 0.9em; } }
    .google-upgrade-modal-body .reviews-upgrade .holder {
      margin-top: 5em;
      display: flex;
      gap: 10px; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .reviews-upgrade .holder {
          margin-top: 5em;
          flex-direction: column; } }
      .google-upgrade-modal-body .reviews-upgrade .holder .fa-star {
        color: #fbbc04;
        font-size: 1.1em; }
      @media (max-width: 768px) {
        .google-upgrade-modal-body .reviews-upgrade .holder div {
          text-align: center; } }
      .google-upgrade-modal-body .reviews-upgrade .holder div p {
        margin-bottom: 0;
        color: #3b3e51; }
        .google-upgrade-modal-body .reviews-upgrade .holder div p:nth-child(odd) {
          font-weight: bold;
          letter-spacing: 0.31px; }
        .google-upgrade-modal-body .reviews-upgrade .holder div p:nth-child(even) {
          font-size: 0.9em; }
      .google-upgrade-modal-body .reviews-upgrade .holder div p.small-p {
        font-weight: normal;
        letter-spacing: 0;
        font-size: 0.9em; }
      .google-upgrade-modal-body .reviews-upgrade .holder .left-col {
        display: flex;
        flex-direction: column;
        gap: 0.4em; }
        .google-upgrade-modal-body .reviews-upgrade .holder .left-col div:nth-child(odd) {
          background: white;
          border: 1px solid #e7e6f6;
          padding: 10px; }
        .google-upgrade-modal-body .reviews-upgrade .holder .left-col div:nth-child(even) {
          background: #f7f6f9;
          border: 1px solid #e7e6f6;
          padding: 10px; }
      .google-upgrade-modal-body .reviews-upgrade .holder .right-col {
        display: flex;
        flex-direction: column;
        gap: 0.4em; }
        .google-upgrade-modal-body .reviews-upgrade .holder .right-col div:nth-child(odd) {
          background: #f7f6f9;
          border: 1px solid #e7e6f6;
          padding: 10px; }
        .google-upgrade-modal-body .reviews-upgrade .holder .right-col div:nth-child(even) {
          background: white;
          border: 1px solid #f7f6f9;
          padding: 10px; }
        @media (max-width: 768px) {
          .google-upgrade-modal-body .reviews-upgrade .holder .right-col div:last-child {
            margin-bottom: 4em; } }
      .google-upgrade-modal-body .reviews-upgrade .holder div:last-child {
        margin-bottom: 0.4em; }
        @media (min-width: 768px) {
          .google-upgrade-modal-body .reviews-upgrade .holder div:last-child p {
            color: #3b3e51; } }

.modal-google-footer.reviews-upgrade-footer {
  margin: 25px 5px 15px 5px; }
  .modal-google-footer.reviews-upgrade-footer p {
    font-size: 0.9em;
    max-width: 70%;
    margin: 0 auto; }
  .modal-google-footer.reviews-upgrade-footer p:first-child {
    font-size: 1em; }

.modal-google-footer {
  padding: 1em;
  text-align: center;
  background: #f7f6f9;
  margin: 35px 5px 5px 5px; }
  @media (max-width: 768px) {
    .modal-google-footer {
      display: none; } }
  .modal-google-footer p {
    margin: 0;
    color: #3b3e51;
    font-weight: lighter; }
  .modal-google-footer p:first-child {
    font-weight: bold;
    font-size: 1.1em; }

.floating-body-modal.google-reviews-upgrade-body {
  padding: 25px; }
  @media (max-width: 768px) {
    .floating-body-modal.google-reviews-upgrade-body {
      padding: 15px; } }
  .floating-body-modal.google-reviews-upgrade-body .highlight-text {
    font-weight: bold; }
    @media (max-width: 768px) {
      .floating-body-modal.google-reviews-upgrade-body .highlight-text {
        font-weight: normal; } }

.floating-body-modal .redirect-link {
  color: #e85725;
  cursor: pointer;
  text-decoration: underline; }
.floating-body-modal .highlight {
  margin-bottom: 5px;
  margin-top: 10px; }
.floating-body-modal .bottom-heading {
  text-align: center;
  font-size: 1.4em;
  color: #3b3e51; }
.floating-body-modal .google-upgraded {
  padding: 0 2; }
  .floating-body-modal .google-upgraded p {
    font-size: 15px;
    text-align: center;
    color: black; }
    @media (max-width: 768px) {
      .floating-body-modal .google-upgraded p {
        font-size: 14px; } }
.floating-body-modal .footer.padding-b {
  padding: 0;
  padding-bottom: 1em; }
  .floating-body-modal .footer.padding-b button {
    margin-top: 0; }
    .floating-body-modal .footer.padding-b button[disabled] {
      cursor: wait;
      background-color: #726bdc;
      border-color: #726bdc; }
.floating-body-modal .footer.google-upgraded {
  padding: 0; }
  .floating-body-modal .footer.google-upgraded .fa-spinner {
    font-size: 1.2em; }
  @media (max-width: 768px) {
    .floating-body-modal .footer.google-upgraded .small-text-holder {
      display: none; } }
  .floating-body-modal .footer.google-upgraded .btn-holder.set-them-up-holder {
    width: 28%; }
    @media (max-width: 768px) {
      .floating-body-modal .footer.google-upgraded .btn-holder.set-them-up-holder {
        width: 100%; } }
  .floating-body-modal .footer.google-upgraded .btn-holder {
    width: 50%;
    margin: 1em auto; }
    @media (max-width: 768px) {
      .floating-body-modal .footer.google-upgraded .btn-holder {
        width: 100%; } }
  .floating-body-modal .footer.google-upgraded .underline {
    text-decoration: underline;
    text-underline-offset: 2px; }
  .floating-body-modal .footer.google-upgraded .small-text-holder {
    width: 80%;
    margin: 0 auto; }
    .floating-body-modal .footer.google-upgraded .small-text-holder small {
      color: #707070; }
  .floating-body-modal .footer.google-upgraded button {
    background-color: #e85725; }
    .floating-body-modal .footer.google-upgraded button:hover {
      background-color: #ea5329; }

.group-spot-modal-upper-banner {
  padding: 20px;
  background-color: #ede7e5;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-size: cover;
  background-position: center;
  height: 180px; }
  .group-spot-modal-upper-banner .img-holder {
    position: absolute;
    left: -3px;
    top: -1px; }
    .group-spot-modal-upper-banner .img-holder img {
      width: 80px; }
      @media (max-width: 767px) {
        .group-spot-modal-upper-banner .img-holder img {
          width: 55px; } }
  .group-spot-modal-upper-banner .close {
    color: white;
    opacity: 1;
    font-weight: 600; }
    .group-spot-modal-upper-banner .close:hover {
      color: black; }

.group-spot-modal-body {
  width: 100%;
  margin: 0 auto; }
  .group-spot-modal-body h4 {
    margin: 1em;
    font-weight: bold; }
  @media (max-width: 767px) {
    .group-spot-modal-body {
      width: 100%; } }
  .group-spot-modal-body button {
    margin: 1em auto;
    padding: 0.4em 1em;
    border-radius: 5px;
    font-size: 1.1em;
    min-width: 200px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .group-spot-modal-body button {
        font-size: 1em;
        padding: 0.4em 0.5em; } }
  .group-spot-modal-body .divider {
    width: 93%;
    height: 1px;
    background: black;
    margin: 0.7em auto 0.7em auto; }
  .group-spot-modal-body .introText {
    margin: 0; }
  .group-spot-modal-body .promo-link {
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    text-decoration-thickness: 3px;
    text-decoration-line: underline;
    text-underline-offset: 5px; }

.modal-enable-tmt-features {
  background-image: url("https://static.spotapps.co/assets/admin/spot_group_promotions/reservation_popup_background.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  .modal-enable-tmt-features .modal-header {
    background-color: #e8571e;
    border-bottom: none; }
    .modal-enable-tmt-features .modal-header h2 {
      color: white;
      font-size: 1.4em;
      display: inline-block; }
    .modal-enable-tmt-features .modal-header .close {
      color: white;
      opacity: 1; }
      .modal-enable-tmt-features .modal-header .close span {
        font-size: 1.3em; }
        @media (max-width: 768px) {
          .modal-enable-tmt-features .modal-header .close span {
            font-size: 1em; } }
  .modal-enable-tmt-features .modal-body {
    padding: 1.5em 5em 3em 5em; }
    @media (max-width: 768px) {
      .modal-enable-tmt-features .modal-body {
        padding: 1.5em; } }
    .modal-enable-tmt-features .modal-body h3 {
      color: black;
      font-size: 1.6em;
      margin-bottom: 1em; }
    .modal-enable-tmt-features .modal-body p {
      font-size: 1em;
      font-weight: bold; }
    .modal-enable-tmt-features .modal-body button {
      color: white;
      background-color: #e8571e;
      width: 250px;
      padding: 0.5em;
      margin-top: 1em;
      border-color: #e8571e; }

.inquiries-cancelation-modal-window.modal.in .modal-dialog {
  width: fit-content; }
.inquiries-cancelation-modal-window.modal.in .modal-content {
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none; }

.inquiries-cancelation-modal {
  text-align: center;
  background-color: #fefaf9;
  color: black;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: fit-content; }
  @media (max-width: 768px) {
    .inquiries-cancelation-modal {
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } }
  .inquiries-cancelation-modal .text-label {
    font-size: 1.2rem;
    text-align: left; }
  .inquiries-cancelation-modal .width-full {
    width: 100%; }
  .inquiries-cancelation-modal .spacing-bottom {
    margin-bottom: 0.5rem; }
  .inquiries-cancelation-modal .hide-br {
    display: none; }
  @media (max-width: 768px) {
    .inquiries-cancelation-modal .hide-br {
      display: block; } }
  .inquiries-cancelation-modal button {
    border: 1px solid #ea5329;
    border-radius: 0.4rem;
    background-color: #ea5329;
    color: white;
    padding: 0.5rem;
    margin: 1rem 0; }
  .inquiries-cancelation-modal img {
    width: 9rem;
    object-fit: contain; }
  .inquiries-cancelation-modal h4 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px; }
  .inquiries-cancelation-modal textarea::placeholder {
    font-style: italic; }
  .inquiries-cancelation-modal p {
    line-height: 1.2; }
    .inquiries-cancelation-modal p a {
      text-decoration: underline;
      font-weight: bold; }
  .inquiries-cancelation-modal .deactivate-form-wrapper {
    background-color: white;
    margin: 1rem -3rem;
    padding: 1rem 3rem; }
    .inquiries-cancelation-modal .deactivate-form-wrapper textarea.ng-invalid {
      border-color: red;
      outline: 0 !important; }
    .inquiries-cancelation-modal .deactivate-form-wrapper .do-it-here {
      background-color: transparent;
      color: #f05a2c;
      font-weight: bold;
      padding: 0;
      border: 0;
      border-bottom: 1px solid #f05a2c;
      border-radius: 0; }
    .inquiries-cancelation-modal .deactivate-form-wrapper button:disabled {
      border-color: #acacac;
      color: #acacac !important;
      cursor: not-allowed; }
  .inquiries-cancelation-modal .modal-header {
    padding: 0;
    border-bottom: none; }
    .inquiries-cancelation-modal .modal-header .close {
      position: absolute;
      right: 5px;
      top: 5px;
      color: black;
      opacity: 0.6;
      background: transparent;
      border: 0; }
      .inquiries-cancelation-modal .modal-header .close:hover {
        opacity: 1; }
  .inquiries-cancelation-modal .form-wrapper {
    max-width: 600px;
    width: 100%;
    padding: 14px 30px 8px 30px; }
  .inquiries-cancelation-modal .contact-form-wrapper {
    max-width: 820px;
    width: 100%;
    padding: 0 20px 26px 20px; }
    .inquiries-cancelation-modal .contact-form-wrapper h2 {
      font: normal normal 700 20px/36px Lato;
      letter-spacing: 0em;
      text-align: center;
      margin-bottom: 30px; }
    .inquiries-cancelation-modal .contact-form-wrapper .bold {
      font-weight: 900; }
    .inquiries-cancelation-modal .contact-form-wrapper .underline {
      text-decoration: underline; }
    .inquiries-cancelation-modal .contact-form-wrapper .warning {
      display: flex;
      gap: 10px;
      padding: 19px 7px 19px 12px;
      border-radius: 10px;
      background: #fff6f6;
      border: 1px solid #f03d26;
      margin-bottom: 20px; }
      .inquiries-cancelation-modal .contact-form-wrapper .warning img {
        height: 23px;
        width: 23px; }
      .inquiries-cancelation-modal .contact-form-wrapper .warning h3 {
        font: normal normal 700 20px/26px Lato;
        letter-spacing: 0em;
        text-align: left;
        padding: 0px 0px 3px 0px; }
      .inquiries-cancelation-modal .contact-form-wrapper .warning ul {
        margin: 0;
        padding-left: 20px; }
      .inquiries-cancelation-modal .contact-form-wrapper .warning li {
        font: normal normal 500 15px/26px Lato;
        letter-spacing: 0em;
        text-align: left; }
    .inquiries-cancelation-modal .contact-form-wrapper .keep {
      text-align: center;
      margin-bottom: 20px; }
      .inquiries-cancelation-modal .contact-form-wrapper .keep.contact-form button {
        background-color: #43a89e;
        border: 1px solid #43a89e;
        margin: 10px auto 15px;
        padding: 8px 35px;
        font-weight: 400;
        font-size: 1.1em;
        min-height: auto;
        width: fit-content;
        @media(max-width: 767px) {
          padding: 10px 20px; }
 }
        @media (max-width: 440px) {
          .inquiries-cancelation-modal .contact-form-wrapper .keep.contact-form button {
            padding: 10px 15px; } }
      .inquiries-cancelation-modal .contact-form-wrapper .keep h4 {
        font: normal normal 700 18px/22px Lato;
        letter-spacing: 0em;
        margin: 0;
        margin-bottom: 10px; }
      .inquiries-cancelation-modal .contact-form-wrapper .keep button {
        font: normal normal 600 18px/22px Lato;
        max-width: 316px;
        width: 100%;
        min-height: 45px;
        padding: 10px 20px;
        margin: 0;
        border-radius: 5px; }
    .inquiries-cancelation-modal .contact-form-wrapper .reasons {
      background: #f5f6f8;
      border-radius: 10px;
      border: 1px solid #eaeaea;
      padding: 15px 20px;
      margin-bottom: 10px; }
      .inquiries-cancelation-modal .contact-form-wrapper .reasons h4 {
        font: normal normal 700 18px/24px Lato;
        letter-spacing: 0em;
        text-align: center;
        margin: 0; }
      .inquiries-cancelation-modal .contact-form-wrapper .reasons p {
        font: normal normal 600 16px/24px Lato;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 20px; }
      .inquiries-cancelation-modal .contact-form-wrapper .reasons button {
        max-width: 138px;
        width: 100%;
        min-height: 34px;
        background: none;
        border-radius: 5px;
        border: 1px solid #ea5329;
        padding: 10px;
        margin: 0;
        margin-top: 20px;
        font: normal normal 600 16px/19px Lato;
        letter-spacing: 0em;
        color: #ea5329; }
      .inquiries-cancelation-modal .contact-form-wrapper .reasons ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        text-align: center;
        padding: 0;
        padding-left: 100px;
        margin: auto;
        max-width: 592px; }
        @media (max-width: 678px) {
          .inquiries-cancelation-modal .contact-form-wrapper .reasons ul {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            padding-left: 80px;
            max-width: 326px; } }
        @media (max-width: 425px) {
          .inquiries-cancelation-modal .contact-form-wrapper .reasons ul {
            padding: 0; } }
      .inquiries-cancelation-modal .contact-form-wrapper .reasons .checkbox-label {
        max-width: 246px;
        width: 100%;
        list-style: none;
        position: relative;
        text-align: left; }
        @media (max-width: 678px) {
          .inquiries-cancelation-modal .contact-form-wrapper .reasons .checkbox-label {
            margin: auto; } }
        .inquiries-cancelation-modal .contact-form-wrapper .reasons .checkbox-label input[type=checkbox] {
          visibility: hidden;
          margin: 4px 0 0;
          line-height: normal;
          margin-top: 2px;
          margin-right: 10px; }
        .inquiries-cancelation-modal .contact-form-wrapper .reasons .checkbox-label input[type=checkbox]:before {
          content: "\f096";
          visibility: visible;
          position: absolute;
          top: 0;
          left: 0;
          font-family: FontAwesome;
          font-size: 18px;
          color: #bdbec0;
          cursor: pointer; }
        .inquiries-cancelation-modal .contact-form-wrapper .reasons .checkbox-label input[type=checkbox].active:before {
          content: "\f14a";
          color: #f4583c;
          font-size: 1.25em;
          margin-top: 0; }
        .inquiries-cancelation-modal .contact-form-wrapper .reasons .checkbox-label label {
          font: normal normal 500 15px/18px Lato; }
    .inquiries-cancelation-modal .contact-form-wrapper .disable {
      background: #f5f6f8;
      border-radius: 10px;
      border: 1px solid #eaeaea;
      padding: 15px; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable h4 {
        font: normal normal 700 18px/22px Lato;
        letter-spacing: 0em;
        text-align: center;
        margin: 0; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable p {
        font: normal normal 500 15px/22px Lato;
        letter-spacing: 0em;
        text-align: center;
        margin: 0; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable textarea {
        width: 100%;
        height: 63px;
        border-radius: 5px;
        border: 1px solid #f05a2c;
        padding: 5px 15px;
        margin-top: 10px; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable .error {
        text-align: right;
        color: red; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable .disable-p {
        margin-top: 10px; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable a {
        font: normal normal 700 15px/22px Lato;
        text-decoration: none;
        color: #ea5329; }
      .inquiries-cancelation-modal .contact-form-wrapper .disable .deactivate-contact-form {
        background-color: gainsboro;
        padding: 10px 25px;
        width: max-content;
        color: #333333;
        margin: 10px auto 0;
        border-radius: 5px;
        cursor: pointer;
        @media(max-width: 440px) {
          font-size: 0.9em;
          padding: 10px 15px; }
 }
  .inquiries-cancelation-modal .disabling-contact-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: max-content;
    padding: 0; }
    .inquiries-cancelation-modal .disabling-contact-list img {
      width: 20px;
      height: 20px; }
    .inquiries-cancelation-modal .disabling-contact-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px; }
      .inquiries-cancelation-modal .disabling-contact-list li p {
        margin: 0; }

.inquiries-success-modal {
  padding: 3rem 10rem;
  text-align: center; }
  .inquiries-success-modal .spacing-bottom {
    margin-bottom: 1rem; }
  .inquiries-success-modal img {
    width: 9rem;
    object-fit: contain; }
  .inquiries-success-modal p {
    white-space: pre-line; }
  .inquiries-success-modal button {
    border: 1px solid #ea5329;
    border-radius: 0.4rem;
    background-color: #ea5329;
    color: white;
    padding: 0.5rem; }

.inquiries-deactivate-modal {
  padding: 3rem 10rem;
  text-align: center; }
  .inquiries-deactivate-modal .spacing-bottom {
    margin-bottom: 0.5rem; }
  .inquiries-deactivate-modal img {
    width: 9rem;
    object-fit: contain; }
  .inquiries-deactivate-modal button {
    border: 1px solid #ea5329;
    border-radius: 0.4rem;
    background-color: #ea5329;
    color: white;
    padding: 0.5rem; }

.modal-in-house-promotion-edit-specials .modal-header {
  background-image: url("http://static.spotapps.co/assets/admin/spot_group_promotions/specilas_pop_up.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 23px;
  height: 220px;
  background-color: transparent;
  border-bottom: 0; }
  @media (max-width: 768px) {
    .modal-in-house-promotion-edit-specials .modal-header {
      height: 140px; } }
  .modal-in-house-promotion-edit-specials .modal-header .close {
    color: black;
    font-weight: normal;
    opacity: 1;
    font-size: 1.8em; }
  .modal-in-house-promotion-edit-specials .modal-header .close:hover {
    opacity: 1; }
.modal-in-house-promotion-edit-specials .modal-body {
  padding: 15px 45px 30px; }
  @media (max-width: 600px) {
    .modal-in-house-promotion-edit-specials .modal-body {
      padding: 15px 20px 30px; } }
  .modal-in-house-promotion-edit-specials .modal-body h4 {
    margin-bottom: 20px;
    margin-top: 15px;
    font-weight: bold; }
  .modal-in-house-promotion-edit-specials .modal-body a {
    color: #d46d4e;
    text-decoration: underline; }
  .modal-in-house-promotion-edit-specials .modal-body p {
    margin-bottom: 1em;
    font-size: 15px; }
  .modal-in-house-promotion-edit-specials .modal-body button {
    color: white;
    background: transparent linear-gradient(180deg, #eca770 0%, #f2987f 100%) 0% 0% no-repeat padding-box;
    width: 250px;
    padding: 0.3em;
    margin-top: 1em;
    border-color: #eca770;
    border-radius: 4px;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 2.5em;
    outline: none; }
.modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
  background-image: url("http://static.spotapps.co/assets/admin/spot_group_promotions/cicno_de_mayo.jpg");
  height: 200px;
  background-position: 0; }
  @media (max-width: 620px) {
    .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
      height: 180px; } }
  @media (max-width: 580px) {
    .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
      height: 155px; } }
  @media (max-width: 480px) {
    .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
      height: 140px; } }
  @media (max-width: 440px) {
    .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
      height: 120px; } }
  @media (max-width: 375px) {
    .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
      height: 110px; } }
  @media (max-width: 340px) {
    .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header {
      height: 95px; } }
  .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-header .close {
    color: white;
    font-size: 2em; }
.modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-body {
  padding: 15px 30px 30px; }
  .modal-in-house-promotion-edit-specials.cicno-de-mayo .modal-body a {
    font-weight: bold; }

.kentucky-derby-promotion-edit .modal-header {
  background-image: url("http://static.spotapps.co/assets/admin/spot_group_promotions/kentucky_derby_popup_2.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 200px;
  background-color: transparent;
  border-bottom: 0; }
  @media (max-width: 768px) {
    .kentucky-derby-promotion-edit .modal-header {
      height: 225px; } }
  @media (max-width: 640px) {
    .kentucky-derby-promotion-edit .modal-header {
      height: 190px; } }
  @media (max-width: 550px) {
    .kentucky-derby-promotion-edit .modal-header {
      height: 160px; } }
  @media (max-width: 480px) {
    .kentucky-derby-promotion-edit .modal-header {
      height: 140px; } }
  @media (max-width: 420px) {
    .kentucky-derby-promotion-edit .modal-header {
      height: 120px; } }
  @media (max-width: 375px) {
    .kentucky-derby-promotion-edit .modal-header {
      height: 110px; } }
  .kentucky-derby-promotion-edit .modal-header .close {
    color: black;
    font-weight: normal;
    opacity: 1;
    font-size: 2em;
    margin-top: 10px;
    margin-right: 6px; }
  .kentucky-derby-promotion-edit .modal-header .close:hover {
    opacity: 1; }
.kentucky-derby-promotion-edit .modal-header.second-img {
  background-image: url("http://static.spotapps.co/assets/admin/spot_group_promotions/kentucky_derby_popup_1.png"); }
  @media (max-width: 768px) {
    .kentucky-derby-promotion-edit .modal-header.second-img {
      height: 255px; } }
  @media (max-width: 700px) {
    .kentucky-derby-promotion-edit .modal-header.second-img {
      height: 230px; } }
  @media (max-width: 600px) {
    .kentucky-derby-promotion-edit .modal-header.second-img {
      height: 200px; } }
  @media (max-width: 520px) {
    .kentucky-derby-promotion-edit .modal-header.second-img {
      height: 170px; } }
  @media (max-width: 440px) {
    .kentucky-derby-promotion-edit .modal-header.second-img {
      height: 150px; } }
  @media (max-width: 375px) {
    .kentucky-derby-promotion-edit .modal-header.second-img {
      height: 120px; } }
.kentucky-derby-promotion-edit .modal-body {
  padding: 15px 30px 30px; }
  @media (max-width: 600px) {
    .kentucky-derby-promotion-edit .modal-body {
      padding: 15px 20px 30px; } }
  .kentucky-derby-promotion-edit .modal-body h4 {
    margin-bottom: 20px;
    margin-top: 15px;
    font-weight: bold; }
    @media (max-width: 768px) {
      .kentucky-derby-promotion-edit .modal-body h4 {
        font-size: 1.3em; } }
  .kentucky-derby-promotion-edit .modal-body a {
    color: #d46d4e;
    text-decoration: underline;
    font-weight: bold; }
  .kentucky-derby-promotion-edit .modal-body p {
    margin-bottom: 0; }
  .kentucky-derby-promotion-edit .modal-body .kentucky-list {
    margin: 20px 0;
    text-align: left; }

.modal-mothers-day-promotion .modal-header {
  background-image: url("http://static.spotapps.co/assets/admin/spot_group_promotions/mothers_day_v2.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 200px;
  background-color: transparent;
  border-bottom: 0; }
  @media (max-width: 768px) {
    .modal-mothers-day-promotion .modal-header {
      height: 245px; } }
  @media (max-width: 480px) {
    .modal-mothers-day-promotion .modal-header {
      height: 150px; } }
  @media (max-width: 400px) {
    .modal-mothers-day-promotion .modal-header {
      height: 130px; } }
  @media (max-width: 375px) {
    .modal-mothers-day-promotion .modal-header {
      height: 120px; } }
  .modal-mothers-day-promotion .modal-header .close {
    color: black;
    font-weight: normal;
    opacity: 1;
    font-size: 2em;
    margin-top: 10px;
    margin-right: 6px; }
  .modal-mothers-day-promotion .modal-header .close:hover {
    opacity: 1; }
.modal-mothers-day-promotion .modal-body {
  padding: 15px 45px 30px; }
  @media (max-width: 600px) {
    .modal-mothers-day-promotion .modal-body {
      padding: 15px 20px 30px; } }
  .modal-mothers-day-promotion .modal-body h4 {
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 1.6em; }
    @media (max-width: 768px) {
      .modal-mothers-day-promotion .modal-body h4 {
        font-size: 1.3em; } }
  .modal-mothers-day-promotion .modal-body a {
    color: #d46d4e;
    text-decoration: underline;
    font-weight: bold; }
  .modal-mothers-day-promotion .modal-body p {
    margin-bottom: 0; }
  .modal-mothers-day-promotion .modal-body .mothers-list {
    text-align: left;
    margin-top: 15px;
    padding-left: 10px; }

.success-modal-upper-banner {
  border-bottom: none;
  padding: 5px; }
  .success-modal-upper-banner .close {
    padding: 5px;
    color: black;
    opacity: 1; }

.success-modal-footer {
  width: 100%;
  text-align: center;
  padding-bottom: 20px; }
  .success-modal-footer .btn-submit {
    color: white;
    width: 90%;
    background-color: #f1592a; }

.success-modal-body {
  margin: 0 auto;
  width: 90%;
  padding: 15px;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .success-modal-body {
      width: 100%; } }
  .success-modal-body h4 {
    font-size: 1.8em; }
  .success-modal-body .subtitle {
    margin: 1.2em;
    font-size: 1.1em; }
  .success-modal-body .description {
    margin: 1.2em;
    font-weight: 600; }
    .success-modal-body .description .additional-text {
      font-weight: normal; }

.floating-body-modal {
  border-radius: 5px;
  padding: 20px;
  padding-left: 60px;
  padding-right: 60px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  text-align: center; }
  @media (max-width: 768px) {
    .floating-body-modal {
      padding-left: 20px;
      padding-right: 20px; } }
  .floating-body-modal .footer {
    padding: 20px; }
    .floating-body-modal .footer button {
      background-color: #5850d6;
      text-transform: uppercase;
      color: white;
      border: none;
      border-radius: 5px;
      padding: 10px;
      margin: auto;
      margin-top: 15px;
      width: 100%;
      font-weight: 600; }
      .floating-body-modal .footer button:disabled {
        background-color: #726cdc;
        cursor: wait; }
  .floating-body-modal h3 {
    text-align: left;
    color: black; }
  .floating-body-modal p {
    text-align: left; }
  .floating-body-modal h4 {
    text-align: left;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 25px; }
  .floating-body-modal h4.title {
    text-align: center;
    font-size: 1.1em; }
  .floating-body-modal p.subtitle {
    text-align: center;
    width: 75%;
    margin: auto;
    margin-bottom: 30px; }
  .floating-body-modal ul {
    padding-left: 0px; }
    .floating-body-modal ul li {
      display: flex;
      list-style-type: none; }
    .floating-body-modal ul li:first-of-type h4 {
      margin-top: 16px; }
    .floating-body-modal ul .ordinal {
      position: relative;
      margin: auto;
      padding: 25px;
      margin-right: 20px;
      border-radius: 50%;
      color: black;
      background-color: #e6e6f6;
      font-weight: 600;
      font-size: 24px;
      margin-top: 10px;
      margin-left: 0; }
      @media (max-width: 768px) {
        .floating-body-modal ul .ordinal {
          margin-right: 10px; } }
      .floating-body-modal ul .ordinal .num {
        position: absolute;
        top: 8px;
        left: 17px; }

.autoresponse-divider {
  width: 110%;
  background-color: whitesmoke;
  height: 8px;
  display: inline-block;
  margin: 0 -15px; }

.floating-pop-up {
  position: absolute;
  border-radius: 5px;
  top: 0;
  right: 0;
  background-color: white;
  filter: drop-shadow(0 1mm 1mm #bdbec0);
  z-index: 10;
  max-width: 350px; }
  .floating-pop-up .upper-banner {
    padding: 20px;
    background-color: #e6e6f6;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: url(https://static.spotapps.co/assets/admin/Proposals+and+Payments+-+Background.jpg);
    height: 116px;
    background-size: cover;
    background-position: center; }
  .floating-pop-up .upper-banner-autoresponse {
    padding: 20px;
    background-color: #e6e6f6;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: url(https://static.spotapps.co/assets/admin/Auto+Response+-+Background.jpg);
    height: 116px;
    background-size: cover;
    background-position: center; }
  .floating-pop-up .floating-body {
    border-radius: 5px;
    padding: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-align: center; }
    .floating-pop-up .floating-body h3 {
      text-align: left;
      color: black;
      padding-bottom: 0; }
    .floating-pop-up .floating-body p {
      text-align: left;
      color: black; }
  .floating-pop-up button {
    background-color: #5850d6;
    text-transform: uppercase;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px;
    margin: auto;
    margin-top: 15px;
    width: 100%; }
    @media (max-width: 768px) {
      .floating-pop-up button {
        font-size: 0.9em; } }
    .floating-pop-up button.orange-btn {
      background-color: #ea5329; }

.enable-sh-deliveries-modal {
  text-align: center; }
  .enable-sh-deliveries-modal h3 {
    padding-top: 15px; }
  .enable-sh-deliveries-modal .modal-header .close {
    font-size: 30px; }
  .enable-sh-deliveries-modal .modal-body {
    color: #939598;
    padding: 20px; }
  .enable-sh-deliveries-modal .modal-header {
    padding-left: 20px; }
  .enable-sh-deliveries-modal .modal-footer {
    border: none;
    text-align: center;
    margin-bottom: 10px; }
    .enable-sh-deliveries-modal .modal-footer .btn-cancel {
      background-color: #ea5329;
      color: white; }
    .enable-sh-deliveries-modal .modal-footer .btn-secondary {
      background-color: #58595b; }
    .enable-sh-deliveries-modal .modal-footer .btn {
      padding: 6px 45px;
      margin: 0 10px 10px 20px; }

.sh-deliveries-off-modal .promote-headline {
  color: black;
  margin-bottom: 15px; }
.sh-deliveries-off-modal .modal-footer .btn {
  padding: 8px 30px; }

.dark-gray-deliveries {
  color: #78777a !important; }

.texting-permission-order-label {
  margin-top: 20px;
  font-weight: 600 !important; }

.delivery-fee-description {
  font-weight: 500 !important; }

.ml-20 {
  margin-left: 20px; }

.dd-radial-label {
  display: inline !important;
  font-weight: 400; }

.delivery-type-radio-option:disabled + label {
  color: #d1d1d1; }

.use-dd-button {
  background-color: #ea5329;
  padding: 10px;
  margin-top: 10px;
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 5px;
  margin-right: 20px; }
  .use-dd-button span {
    padding: 10px;
    color: white !important;
    margin: auto !important; }

.use-dd-button:disabled {
  background-color: #fab09c; }

.sh-deliveries-modal .hr-margin {
  margin: 0; }
.sh-deliveries-modal .modal-title {
  padding: 5px 15px; }
.sh-deliveries-modal .modal-body {
  padding: 15px 30px; }
.sh-deliveries-modal .driver-instructions {
  margin: 5px 0px 10px;
  font-weight: 600; }
.sh-deliveries-modal .order-delivered-on {
  margin-top: 15px; }
.sh-deliveries-modal .btn-no {
  width: 100px;
  border-radius: 0px;
  background-color: #939599;
  color: white; }
.sh-deliveries-modal .btn-yes {
  width: 100px;
  border-radius: 0px;
  background-color: #eb532a;
  color: white; }
.sh-deliveries-modal .modal-footer {
  padding: 15px 30px 30px 15px;
  border: none; }

.gradient {
  padding-top: 30px; }
  .gradient.gradient-up {
    background-color: #f7f7f7;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='white', endColorstr='#efefef');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='white', endColorstr='#efefef')";
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef));
    background: -moz-linear-gradient(top, white, #efefef);
    background: -o-linear-gradient(top, white, #efefef); }
  .gradient.gradient-down {
    background-color: #f7f7f7;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#efefef', endColorstr='white');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#efefef', endColorstr='white')";
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(white));
    background: -moz-linear-gradient(top, #efefef, white);
    background: -o-linear-gradient(top, #efefef, white); }

.center {
  margin-left: auto;
  margin-right: auto;
  float: none; }

.modal-backdrop.in {
  filter: alpha(opacity=30);
  opacity: 0.3; }

.well {
  background-color: #efefef; }

.too-generic {
  font-size: 12px;
  text-transform: none;
  padding-left: 10px;
  color: #888888; }

.category-tooltip-parent .tooltip .tooltip-arrow {
  border-bottom-color: #e8e8e8; }
.category-tooltip-parent .tooltip .tooltip-inner {
  background-color: #e8e8e8;
  color: black;
  padding: 15px;
  max-width: 250px;
  width: 250px;
  filter: drop-shadow(0 0.5mm 0.25rem darkgrey); }

.spot-category-label {
  width: 90%; }

.info-for-category {
  width: 5%;
  top: 2px;
  left: 5px;
  float: right; }

.position-absolute {
  position: absolute; }

@media (max-width: 767px) {
  .help.position-absolute {
    position: relative; } }

.position-relative {
  position: relative; }

.category-bar-row {
  display: inline-block; }

.header {
  padding: 12px 0px; }

.activation-holder {
  margin-bottom: 20px;
  background: #fff8f5;
  border: 3px solid #ea5329;
  border-radius: 4px;
  text-align: left;
  font: normal normal normal 15px/18px Lato;
  letter-spacing: 0px;
  color: #333333; }
  .activation-holder .btn {
    width: 100%;
    max-width: 218px;
    height: 36px;
    background: #ea5329;
    border: none;
    margin: 10px;
    color: white;
    font-weight: bold; }
    .activation-holder .btn img {
      height: 16px;
      width: 16px;
      margin-right: 6px;
      filter: brightness(0) invert(1); }
  .activation-holder .btn.disabled {
    background: rgba(234, 83, 41, 0.52);
    border: none; }
  .activation-holder .btn:hover {
    border: none; }
  .activation-holder .btn:focus {
    outline: none; }
  .activation-holder .resend-div {
    display: flex;
    border-top: 2px solid #ea5329;
    padding: 15px; }
    @media (max-width: 1024px) {
      .activation-holder .resend-div {
        flex-direction: column; } }
    .activation-holder .resend-div ul {
      margin-top: 18px; }
    .activation-holder .resend-div li {
      margin-bottom: 19px; }
    .activation-holder .resend-div .btn-div {
      padding-top: 8px;
      text-align: right;
      flex-grow: 1; }
      @media (max-width: 1024px) {
        .activation-holder .resend-div .btn-div {
          text-align: center; }
          .activation-holder .resend-div .btn-div div {
            display: inline-block;
            width: 100%;
            max-width: 218px;
            margin-right: 20px;
            text-align: center; } }
    .activation-holder .resend-div #copyBtn {
      opacity: 1;
      -webkit-transition: opacity 0.6s ease-out;
      -moz-transition: opacity 0.6s ease-out;
      transition: opacity 0.6s ease-out; }
    .activation-holder .resend-div #copyBtn.clicked {
      opacity: 0.52; }
  .activation-holder .header-div {
    display: flex;
    padding: 15px;
    color: #ea5329;
    gap: 10px; }
    .activation-holder .header-div h2 {
      font: normal normal 900 18px/22px Lato;
      letter-spacing: 0px; }
    .activation-holder .header-div .left-div {
      text-align: left;
      display: flex;
      flex-grow: 1; }
      .activation-holder .header-div .left-div h2 {
        padding-top: 10px;
        padding-left: 30px; }
    .activation-holder .header-div .right-div {
      display: flex;
      flex-grow: 1;
      justify-content: flex-end;
      padding-top: 8px; }
      .activation-holder .header-div .right-div h2 {
        padding-top: 5px;
        padding-left: 7px; }
  .activation-holder .claim-div {
    display: flex;
    border-top: 2px solid #ea5329;
    padding: 9px 19px; }
    @media (max-width: 1794px) {
      .activation-holder .claim-div {
        flex-direction: column; } }
    .activation-holder .claim-div .info {
      margin: 10px 0px;
      padding-left: 36px; }
    .activation-holder .claim-div p {
      margin: 0; }
    .activation-holder .claim-div .btn-div {
      text-align: center;
      flex-grow: 1; }

.portal-holder {
  text-align: center;
  padding: 20px;
  background-image: url("//static.spotapps.co/assets/admin/background_desktop_huge.jpg");
  margin-bottom: 35px;
  background-size: cover;
  background-position: center; }
  @media (max-width: 1250px) {
    .portal-holder {
      background-image: url("//static.spotapps.co/assets/admin/background.jpg"); } }
  .portal-holder h1 {
    padding: 30px 0 0 0;
    font-size: 30px;
    color: #000101;
    font-weight: bold; }
  .portal-holder h3 {
    color: #3e38a8;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 17px; }
  .portal-holder p {
    font-size: 16px;
    padding: 15px 0 25px 0;
    max-width: 600px;
    margin: 0 auto; }
    @media (max-width: 1250px) {
      .portal-holder p {
        margin-left: 55px;
        margin-right: 55px; } }
  .portal-holder a.btn {
    background-color: #3e38a8;
    font-size: 12px;
    padding: 6px 20px;
    color: white;
    margin-bottom: 15px; }
  .portal-holder iframe {
    position: fixed;
    padding-left: 250px;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 50; }
    @media (max-width: 768px) {
      .portal-holder iframe {
        padding-left: 0px; } }

.btn-primary {
  background-color: #ef9f77;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f')";
  background: -webkit-gradient(linear, left top, left bottom, from(#eca770), to(#f2987f));
  background: -moz-linear-gradient(top, #eca770, #f2987f);
  background: -o-linear-gradient(top, #eca770, #f2987f);
  border: 1px solid #eca770;
  margin-left: 10px; }
  .btn-primary.btn-primary:hover, .btn-primary.btn-primary:active, .btn-primary.btn-primary[disabled] {
    background-color: #e97f4a;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#e68b43', endColorstr='#ed7351');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e68b43', endColorstr='#ed7351')";
    background: -webkit-gradient(linear, left top, left bottom, from(#e68b43), to(#ed7351));
    background: -moz-linear-gradient(top, #e68b43, #ed7351);
    background: -o-linear-gradient(top, #e68b43, #ed7351);
    border: 1px solid #eca770; }
  .btn-primary.btn-no-margin-left {
    margin-left: 0; }

.btn-secondary {
  background-color: silver;
  color: white; }

.btn-secondary:hover {
  color: whitesmoke; }

.btn-secondary:focus {
  color: white; }

.preview-buttons > *:not(:first-child) {
  margin: 0 5px; }

.preview-buttons > *:first-child {
  margin-left: 5px; }

.btn-facebook {
  color: #3b5998;
  background-color: transparent;
  border-color: #3b5998; }

.btn-view-web {
  color: #eca770;
  background-color: transparent;
  border-color: #eca770; }

.btn-view-embedded {
  color: #f1604d;
  background-color: transparent;
  border-color: #f1604d; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px; }

h1 {
  color: #ea5329;
  font-weight: 200;
  padding: 8px 0px; }

h3 {
  font-weight: bold;
  padding: 4px 0px; }

.callout {
  font-size: 14px;
  font-style: italic;
  margin: 6px;
  margin-left: 0px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 1em; }

.callout:before {
  content: "» "; }

.icon-input {
  position: relative; }
  .icon-input img {
    margin-right: -40px;
    display: inline;
    position: absolute;
    left: 6px;
    top: 8px; }
  .icon-input input {
    padding-left: 25px; }
    .icon-input input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset; }

.tt-container {
  position: relative; }

.search-label {
  position: absolute;
  right: 9px;
  top: 9px;
  font-size: 12px;
  color: #cccccc; }

.footer {
  position: relative;
  font-weight: 200;
  padding: 20px 0px;
  color: #555555;
  width: 100%;
  background-color: white;
  z-index: 99; }
  .footer .gradient {
    height: 40px;
    margin-bottom: 18px; }
  .footer a {
    color: #555555; }

.centered-logo {
  width: 302px;
  display: block;
  margin: 40px auto 12px auto;
  position: relative;
  left: -6px; }

.alert-danger a {
  text-decoration: underline;
  color: #a94442; }

.navbar-default {
  background-color: transparent;
  border: none;
  margin-bottom: -3px; }
  .navbar-default .navbar-brand img {
    margin-top: 8px;
    height: 30px; }
  .navbar-default .navbar-nav.navbar-right li a:hover {
    background-color: white; }
  .navbar-default .navbar-nav li a {
    margin-top: 14px; }
    .navbar-default .navbar-nav li a:hover {
      background-color: #efefef; }

.nav-pills li.active a, .nav-pills li.active a:hover {
  background-color: #ef9f77;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f')";
  background: -webkit-gradient(linear, left top, left bottom, from(#eca770), to(#f2987f));
  background: -moz-linear-gradient(top, #eca770, #f2987f);
  background: -o-linear-gradient(top, #eca770, #f2987f);
  color: white; }

.add-grey-color {
  background-color: #f3f3f4; }

.white-background {
  background-color: white; }
  .white-background .col-xs-offset-20 {
    padding-left: 35px; }
    @media (max-width: 767px) {
      .white-background .col-xs-offset-20 {
        padding-left: 60px; } }
  .white-background .social-page-heading {
    margin-left: 115px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1em; }

.grey-container {
  background-color: #f3f3f4; }

.modal.hours-modal .modal-header {
  border-bottom: none;
  font-weight: bold; }
.modal.hours-modal .modal-body {
  max-width: 70%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .modal.hours-modal .modal-body {
      max-width: 100%; } }
  .modal.hours-modal .modal-body .button-holder {
    display: flex;
    justify-content: center;
    border-top: none; }
    .modal.hours-modal .modal-body .button-holder button {
      margin: 10px 40px;
      padding: 5px; }
    .modal.hours-modal .modal-body .button-holder button.cancel-time-table-modal {
      background-color: #8a8989;
      color: white;
      border-radius: 5px;
      min-width: 90px; }
      .modal.hours-modal .modal-body .button-holder button.cancel-time-table-modal:hover {
        background-color: #9b9a9a; }

.hours-holder {
  margin-top: 30px;
  padding: 0; }
  .hours-holder .ng-invalid {
    border-color: #ea5329;
    box-shadow: none; }
  .hours-holder .white-container {
    border-radius: 6px;
    background-color: white;
    margin: 20px 0;
    padding: 0 20px 0 0; }
    .hours-holder .white-container .btn-primary {
      border-radius: 8px; }
  .hours-holder .add-custom-hours-holder {
    display: flex;
    justify-content: start;
    gap: 1em;
    align-items: center; }
    @media (max-width: 768px) {
      .hours-holder .add-custom-hours-holder {
        flex-wrap: wrap; } }
    .hours-holder .add-custom-hours-holder button {
      background-color: #ea5329;
      color: white;
      border-radius: 5px; }
      .hours-holder .add-custom-hours-holder button:hover {
        background-color: #ed6c48; }
    .hours-holder .add-custom-hours-holder .google-upgrade-holder {
      margin-left: auto;
      color: #939598; }
      .hours-holder .add-custom-hours-holder .google-upgrade-holder a {
        color: #584fd6;
        text-decoration: underline; }
  .hours-holder .small-icon {
    width: 1.3em;
    margin-right: 5px;
    vertical-align: bottom; }
  .hours-holder .hours-collapse.collapse-open {
    height: auto; }
  .hours-holder .hours-collapse {
    display: flex;
    align-content: initial;
    justify-content: space-between;
    align-items: center;
    min-height: 100px; }
    .hours-holder .hours-collapse .icon-holder.collapse-open {
      align-self: flex-start;
      padding-top: 20px;
      border-bottom-right-radius: 25px;
      height: 65px; }
    .hours-holder .hours-collapse .icon-holder {
      background-color: #58585a;
      align-self: stretch;
      display: flex;
      padding: 12px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      .hours-holder .hours-collapse .icon-holder img {
        margin-right: 0; }
    .hours-holder .hours-collapse .icon-holder.blocked-date {
      background-color: #d8d8d8; }
    @media (max-width: 767px) {
      .hours-holder .hours-collapse {
        height: auto; } }
    .hours-holder .hours-collapse label {
      font-weight: normal; }
    .hours-holder .hours-collapse .hours-description {
      flex-grow: 0.9;
      min-width: 90%;
      padding: 10px; }
      @media (max-width: 1350px) {
        .hours-holder .hours-collapse .hours-description {
          min-width: 75%; } }
      @media (max-width: 767px) {
        .hours-holder .hours-collapse .hours-description {
          min-width: 50%;
          padding: 10px; }
          .hours-holder .hours-collapse .hours-description h4 {
            margin-bottom: 10px; } }
      .hours-holder .hours-collapse .hours-description .blocked-day-type {
        display: inline-block; }
      .hours-holder .hours-collapse .hours-description .blocked-hours-string {
        color: #ee7655;
        font-size: 1.2em;
        font-weight: 400; }
      .hours-holder .hours-collapse .hours-description .form-control {
        width: 445px; }
        .hours-holder .hours-collapse .hours-description .form-control:focus {
          outline: none;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          border-color: #cccccc; }
      .hours-holder .hours-collapse .hours-description .form-control.ng-invalid:focus {
        border-color: #ea5329; }
      @media (max-width: 1200px) {
        .hours-holder .hours-collapse .hours-description .form-control.ng-invalid {
          width: 100%; } }
      .hours-holder .hours-collapse .hours-description .form-control.ng-invalid::placeholder {
        color: #dee2e6;
        font-size: 0.9em;
        font-weight: bold; }
  .hours-holder .collapsed-hours {
    margin-top: 20px;
    padding-left: 20px; }
  .hours-holder .hours-btn-collapse-holder {
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -ms-transition: -ms-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out; }
    .hours-holder .hours-btn-collapse-holder .fa {
      display: inline-block;
      font-size: 2.5em;
      color: #ea5329;
      cursor: pointer; }
  .hours-holder .hours-btn-collapse-holder.collapse-open {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }
  .hours-holder .set-right {
    width: 100%;
    text-align: right; }
  .hours-holder .time-tables-button {
    background-color: #ea5329;
    color: white;
    border-radius: 5px;
    min-width: 90px;
    margin-bottom: 1.5em;
    padding: 8px 12px;
    border: none;
    display: inline-block;
    text-align: center;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .hours-holder .time-tables-button:hover {
      background-color: #ed6c48; }
  .hours-holder .time-tables-button.delete-button {
    background-color: #f03d26; }
  .hours-holder .cancel-time-table-button {
    background-color: #909090;
    color: white;
    border-radius: 5px;
    min-width: 90px; }
    .hours-holder .cancel-time-table-button:hover {
      background-color: #9b9a9a; }
  .hours-holder .time-table-label h4 {
    display: inline; }
  .hours-holder .time-table-label i {
    margin-left: 10px;
    color: #ea5329;
    font-weight: bold;
    cursor: pointer; }
  .hours-holder .descriptive-hours textarea {
    width: 100%;
    min-height: 150px;
    margin-bottom: 20px; }
  .hours-holder .btn-primary {
    background-color: #2bb673;
    background: #2bb673;
    padding: 10px; }
  .hours-holder .hours {
    padding: 20px; }
    .hours-holder .hours table tbody td {
      font-size: 16px;
      vertical-align: middle;
      font-weight: 200; }
      @media (max-width: 767px) {
        .hours-holder .hours table tbody td {
          padding: 8px 5px; } }
      @media (max-width: 320px) {
        .hours-holder .hours table tbody td {
          font-size: 14px;
          line-height: 24px;
          padding: 8px 3px; } }
      .hours-holder .hours table tbody td span {
        font-weight: 100;
        font-size: 14px;
        font-style: italic;
        color: #666666;
        line-height: 23px; }
      @media (max-width: 767px) {
        .hours-holder .hours table tbody td input {
          padding: 6px; } }
      @media (max-width: 320px) {
        .hours-holder .hours table tbody td input {
          padding: 6px 3px;
          font-size: 13px; } }
    .hours-holder .hours .hour-label {
      float: right;
      font-style: normal; }

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

.content.social, .social-page {
  @-webkit-keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @-moz-keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @-ms-keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @-webkit-keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

  @-moz-keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

  @-ms-keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

  @keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

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

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

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

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

  @-ms-keyframes spin {
    0% {
      transform: rotate(0deg); }

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

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

    100% {
      transform: rotate(360deg); } }
 }
  .content.social .overlay, .social-page .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    cursor: pointer; }
  .content.social .loader, .social-page .loader {
    width: 72px;
    height: 72px;
    border: 3px solid white;
    border-bottom-color: #4a649a;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: spin 1s linear infinite;
    z-index: 99999;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed; }
  .content.social .switch-fb-user-margin, .social-page .switch-fb-user-margin {
    margin-left: 128px; }
    @media (max-width: 768px) {
      .content.social .switch-fb-user-margin, .social-page .switch-fb-user-margin {
        margin-left: 10px; } }
  .content.social .mt-2, .social-page .mt-2 {
    margin-top: 20px !important; }
  .content.social .mt-3, .social-page .mt-3 {
    margin-top: 30px; }
  .content.social .mt-4, .social-page .mt-4 {
    margin-top: 40px; }
  .content.social .mb-0, .social-page .mb-0 {
    margin-bottom: 0; }
  .content.social .mb-3, .social-page .mb-3 {
    margin-bottom: 30px; }
  .content.social .mb-4, .social-page .mb-4 {
    margin-bottom: 40px; }
  .content.social .ml-1, .social-page .ml-1 {
    margin-left: 10px; }
  .content.social .ml-2, .social-page .ml-2 {
    margin-left: 20px; }
    @media (max-width: 768px) {
      .content.social .ml-2, .social-page .ml-2 {
        margin-left: 0; } }
  .content.social .ml-3, .social-page .ml-3 {
    margin-left: 30px; }
  .content.social .ml-5, .social-page .ml-5 {
    margin-left: 50px; }
    @media (max-width: 768px) {
      .content.social .ml-5, .social-page .ml-5 {
        margin-left: 10px; } }
  .content.social .mr-1, .social-page .mr-1 {
    margin-right: 10px; }
  .content.social .mh-auto, .social-page .mh-auto {
    margin: 0 auto; }
  .content.social .float-left, .social-page .float-left {
    float: left; }
  .content.social .social-channel-heading, .social-page .social-channel-heading {
    margin-left: 15px;
    color: #939598;
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: bold; }
  .content.social .facebook, .content.social .twitter, .social-page .facebook, .social-page .twitter {
    max-width: 200px;
    padding: 8px;
    font-size: 1em;
    margin-bottom: 20px;
    text-decoration: none; }
  .content.social .fb-pages-dropdown ul, .social-page .fb-pages-dropdown ul {
    list-style: none;
    padding: 10px 0; }
    .content.social .fb-pages-dropdown ul li, .social-page .fb-pages-dropdown ul li {
      margin-bottom: 10px;
      padding: 10px 5px;
      border-bottom: 1px solid #eeeeee; }
    .content.social .fb-pages-dropdown ul li:hover, .social-page .fb-pages-dropdown ul li:hover {
      background: #eeeeee; }
  .content.social .fb-pages-dropdown .dropdown-menu, .social-page .fb-pages-dropdown .dropdown-menu {
    padding: 10px;
    top: -23px;
    min-width: 200px; }
  .content.social .fb-pages-dropdown li, .social-page .fb-pages-dropdown li {
    margin: 7px 0;
    cursor: pointer; }
  .content.social .orange-color, .social-page .orange-color {
    color: #ea5329; }
  .content.social a[disabled], .social-page a[disabled] {
    background-color: #3b5998;
    cursor: not-allowed; }
  .content.social .insta-color, .social-page .insta-color {
    color: #d20068;
    text-decoration: none; }
  .content.social .fb-color, .social-page .fb-color {
    color: #2d5492;
    text-decoration: none; }
  .content.social .green-color, .social-page .green-color {
    color: #00b776; }
  .content.social .red-color, .social-page .red-color {
    color: #f53f3e; }
  .content.social .action-completed, .social-page .action-completed {
    color: #939598;
    font-size: 1em; }
  .content.social .bold-text, .social-page .bold-text {
    font-weight: bold; }
  .content.social .fb-page img, .social-page .fb-page img {
    width: 50px; }
  .content.social .instagram-container, .social-page .instagram-container {
    align-items: stretch;
    max-width: none;
    margin-bottom: 20px;
    padding: 21px 70px 21px 16px; }
    @media (min-width: 1377px) {
      .content.social .instagram-container, .social-page .instagram-container {
        display: flex; } }
    @media (max-width: 1376px) {
      .content.social .instagram-container, .social-page .instagram-container {
        display: column;
        padding: 10px; } }
    .content.social .instagram-container span, .social-page .instagram-container span {
      color: #9b9c9e;
      font-size: 12px; }
    .content.social .instagram-container .green-color, .social-page .instagram-container .green-color {
      color: #00b776; }
    .content.social .instagram-container .input-group, .social-page .instagram-container .input-group {
      margin-top: 15px; }
    .content.social .instagram-container .input-group-addon, .social-page .instagram-container .input-group-addon {
      border-color: #eaedef; }
    .content.social .instagram-container .error-border, .social-page .instagram-container .error-border {
      border-color: #f53f3e; }
    .content.social .instagram-container .error, .social-page .instagram-container .error {
      color: #f53f3e;
      margin-top: 5px; }
    .content.social .instagram-container .success, .social-page .instagram-container .success {
      color: #3fb93f;
      font-size: 11px;
      margin: 5px 0 0 35px; }
    .content.social .instagram-container .fa, .social-page .instagram-container .fa {
      margin-top: 14px;
      position: absolute;
      margin-left: -23px;
      z-index: 5;
      color: #3fb93f;
      font-size: 12px; }
    .content.social .instagram-container .fa.spinner, .social-page .instagram-container .fa.spinner {
      color: white;
      margin-left: 8px;
      margin-top: 4px;
      font-size: 15px; }
    .content.social .instagram-container input, .social-page .instagram-container input {
      padding: 20px;
      width: 25vw;
      border-color: #eaedef; }
      @media (max-width: 1024px) {
        .content.social .instagram-container input, .social-page .instagram-container input {
          width: 27vw; } }
      @media (max-width: 768px) {
        .content.social .instagram-container input, .social-page .instagram-container input {
          width: 100%; } }
    .content.social .instagram-container .btn-instagram-save, .social-page .instagram-container .btn-instagram-save {
      max-width: 200px;
      min-width: 200px;
      margin: 15px 10px 15px 0;
      background-color: #d20068;
      color: white;
      transition: background-color 300ms ease-out 100ms; }
      @media (max-width: 540px) {
        .content.social .instagram-container .btn-instagram-save, .social-page .instagram-container .btn-instagram-save {
          margin: 15px 10px 10px 0; } }
    .content.social .instagram-container .btn-instagram-save:hover, .social-page .instagram-container .btn-instagram-save:hover {
      background-color: #e30070; }
    .content.social .instagram-container .btn-instagram-save.btn-instructions, .social-page .instagram-container .btn-instagram-save.btn-instructions {
      text-decoration: none;
      background-color: #757474; }
    .content.social .instagram-container .instagram-upgrade-requested-banner span, .social-page .instagram-container .instagram-upgrade-requested-banner span {
      color: white;
      font-size: 20px; }
    .content.social .instagram-container .instagram-upgrade-requested-banner p, .social-page .instagram-container .instagram-upgrade-requested-banner p {
      margin: 5px 0; }
    .content.social .instagram-container .floating-pop-up, .social-page .instagram-container .floating-pop-up {
      width: 270px;
      right: 20px; }
      @media (max-width: 1024px) {
        .content.social .instagram-container .floating-pop-up, .social-page .instagram-container .floating-pop-up {
          width: 200px; } }
      @media (max-width: 767px) {
        .content.social .instagram-container .floating-pop-up, .social-page .instagram-container .floating-pop-up {
          width: 270px;
          max-width: 100%;
          position: initial;
          margin: 20px auto 20px 0; } }
      .content.social .instagram-container .floating-pop-up .upper-banner, .social-page .instagram-container .floating-pop-up .upper-banner {
        background: url("https://static.spotapps.co/assets/admin/instagram_upgrade_background.jpg");
        background-size: cover;
        background-position: center;
        height: 100px; }
      .content.social .instagram-container .floating-pop-up .floating-body h3, .social-page .instagram-container .floating-pop-up .floating-body h3 {
        font-size: 1.3em;
        padding-bottom: 20px; }
      .content.social .instagram-container .floating-pop-up .floating-body p, .social-page .instagram-container .floating-pop-up .floating-body p {
        margin-top: 15px;
        font-size: 1.1em;
        color: #333333; }
    .content.social .instagram-container .connect-instagram-text, .social-page .instagram-container .connect-instagram-text {
      flex: 60%;
      font: normal normal normal 14px/20px Lato; }
      .content.social .instagram-container .connect-instagram-text .bold-text, .social-page .instagram-container .connect-instagram-text .bold-text {
        font: normal normal bold 14px/17px Lato; }
    .content.social .instagram-container .connect-instagram-video, .social-page .instagram-container .connect-instagram-video {
      flex: 40%;
      display: block;
      justify-items: end;
      padding: 15px 0px 20px 70px;
      margin: 0px; }
      @media (min-width: 1377px) {
        .content.social .instagram-container .connect-instagram-video, .social-page .instagram-container .connect-instagram-video {
          padding: 15px 0px 20px 70px; } }
      @media (max-width: 1376px) {
        .content.social .instagram-container .connect-instagram-video, .social-page .instagram-container .connect-instagram-video {
          padding: 10px 50px 10px 50px; } }
      @media (max-width: 420px) {
        .content.social .instagram-container .connect-instagram-video, .social-page .instagram-container .connect-instagram-video {
          padding: 10px; } }
      .content.social .instagram-container .connect-instagram-video .video, .social-page .instagram-container .connect-instagram-video .video {
        border: 3px solid #7c7c7c;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
        .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
          width: 100%;
          display: block; }
          @media (min-width: 2440px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 290px; } }
          @media (max-width: 2439px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 290px; } }
          @media (max-width: 2094px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 266px; } }
          @media (max-width: 1940px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 244px; } }
          @media (max-width: 1820px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 224px; } }
          @media (max-width: 1710px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 190px; } }
          @media (max-width: 1550px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 168px; } }
          @media (max-width: 1440px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 146px; } }
          @media (max-width: 1376px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 366px; } }
          @media (max-width: 1240px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 334px; } }
          @media (max-width: 1068px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 284px; } }
          @media (max-width: 991px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 306px; } }
          @media (max-width: 767px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 324px; } }
          @media (max-width: 680px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 286px; } }
          @media (max-width: 478px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 186px; } }
          @media (max-width: 280px) {
            .content.social .instagram-container .connect-instagram-video .video .embed, .social-page .instagram-container .connect-instagram-video .video .embed {
              height: 132px; } }
    .content.social .instagram-container .connect-instagram-btn, .social-page .instagram-container .connect-instagram-btn {
      background-color: #e85725;
      color: white;
      border: none;
      border-radius: 5px;
      padding: 8px;
      margin: auto;
      margin-top: 15px;
      width: 100%; }
  .content.social .floating-pop-up-show, .social-page .floating-pop-up-show {
    min-height: 330px; }
  .content.social .instagram-container .step-3.disabled, .social-page .instagram-container .step-3.disabled {
    color: #dadada; }
    .content.social .instagram-container .step-3.disabled .btn[disabled], .social-page .instagram-container .step-3.disabled .btn[disabled] {
      background: #dadada; }
  @media (max-width: 767px) {
    .content.social .status-wrapper .ml-3, .social-page .status-wrapper .ml-3 {
      margin-left: 10px; } }
  .content.social .website-bar .dropdown, .social-page .website-bar .dropdown {
    top: 15px; }

.spots {
  padding: 0px; }
  .spots .spot {
    list-style: none;
    margin: 0px;
    padding: 8px;
    border: 1px solid whitesmoke;
    margin-bottom: 4px; }
    .spots .spot:hover {
      background-color: whitesmoke; }
    .spots .spot a:hover {
      text-decoration: none; }
    .spots .spot .name {
      font-size: 20px; }
    .spots .spot .type {
      color: #999999;
      float: right; }
    .spots .spot address {
      margin-bottom: 0px;
      color: #777777; }

.user-form {
  width: 48%; }

.pagination .active span,
.pagination .active:hover span {
  background-color: #eca770;
  border-color: #eca770; }

.steps {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-right: 30px; }
  .steps .step {
    padding: 20px 10px;
    font-size: 13px;
    border-bottom: 1px solid #cccccc;
    margin: 0px; }
    .steps .step a {
      color: #333333;
      letter-spacing: 1px;
      -webkit-font-smoothing: antialiased;
      font-weight: 400; }
      .steps .step a:hover {
        background: transparent; }
    .steps .step .circle-number {
      border: 1px solid #666666;
      border-radius: 20px;
      width: 18px;
      height: 18px;
      display: inline-block;
      text-align: center;
      padding-top: 1.5px;
      padding-left: 1px;
      font-size: 11px;
      margin-right: 4px;
      -webkit-font-smoothing: antialiased;
      margin-left: 12px;
      position: relative;
      top: -1px;
      line-height: 1.1em; }
  .steps .active {
    background-color: #ef9f77;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f')";
    background: -webkit-gradient(linear, left top, left bottom, from(#eca770), to(#f2987f));
    background: -moz-linear-gradient(top, #eca770, #f2987f);
    background: -o-linear-gradient(top, #eca770, #f2987f);
    color: white;
    margin-top: -1px;
    margin-bottom: -1px;
    border-bottom: 1px solid white; }
    .steps .active a {
      color: white; }
    .steps .active .circle-number {
      border-color: white; }

.menu .prices form {
  margin-bottom: 4px; }
  .menu .prices form .cost {
    width: 40%; }
  .menu .prices form .size {
    width: 60px; }
  .menu .prices form .fa {
    padding: 5px;
    cursor: pointer; }
.menu .image {
  width: 58px;
  vertical-align: middle; }
  .menu .image .image-thumb {
    max-width: 34px;
    max-height: 34px;
    border-radius: 4px; }
.menu .popover {
  width: 300px;
  margin-top: 45px; }
.menu .popover.right > div.arrow {
  top: 35%; }
.menu .popover-inner {
  padding-left: 60px;
  background-image: url(https://static.spotapps.co/assets/admin/megaphone.png);
  background-repeat: no-repeat;
  background-position: 10px 10px; }

.image-thumb-placeholder {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain; }

.website-image-thumb-placeholder {
  width: 135px;
  height: 90px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px auto; }

.image-upload-controls-container {
  position: relative; }
  .image-upload-controls-container > div {
    color: white;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    width: 35px;
    height: 30px;
    border-radius: 3px; }
    .image-upload-controls-container > div span {
      margin: 7px 10px 9px 11px; }
  .image-upload-controls-container div.image-upload-control {
    position: absolute;
    top: 60px;
    left: 10px; }
  .image-upload-controls-container div.image-from-gallery-control {
    position: absolute;
    top: 60px;
    left: 55px; }
  .image-upload-controls-container div.image-delete-control {
    position: absolute;
    top: 10px;
    right: 10px; }

.website-image-upload-controls-container {
  position: relative; }
  .website-image-upload-controls-container .slide-order-holder {
    height: auto;
    width: auto;
    background: none;
    float: right;
    margin-top: 2em;
    margin-right: 1em;
    position: relative;
    z-index: 1;
    cursor: default; }
    .website-image-upload-controls-container .slide-order-holder .no-margin {
      margin: 0; }
    .website-image-upload-controls-container .slide-order-holder span {
      font-weight: bold;
      font-size: 1.1em; }
      .website-image-upload-controls-container .slide-order-holder span .fa {
        cursor: pointer;
        font-size: 1.3em;
        font-weight: bold; }
  .website-image-upload-controls-container > div {
    color: white;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    width: 35px;
    height: 30px;
    border-radius: 3px; }
    .website-image-upload-controls-container > div span {
      margin: 7px 10px 9px 11px; }
  .website-image-upload-controls-container div.image-upload-control {
    position: absolute;
    top: 55px;
    left: 5px; }
  .website-image-upload-controls-container div.image-from-gallery-control {
    position: absolute;
    top: 55px;
    left: 50px; }
  .website-image-upload-controls-container div.image-delete-control {
    position: absolute;
    top: 5px;
    right: 5px; }

.specials h1 {
  font-size: 32px; }
.specials .pagination {
  margin: 0 0; }
.specials .closed-on-worning-message {
  background-color: paleturquoise; }
.specials .verify-specials-message {
  color: #16a75b;
  border: 1px solid #27b573;
  margin: 8px 16px;
  padding: 0.9em 2em;
  font-size: 1.1em;
  background-color: #e5f3ec;
  border-radius: 3px; }
  .specials .verify-specials-message .verify-specials-message-close {
    fond-size: 0.6em;
    text-align: right;
    font-weight: bold;
    cursor: pointer;
    width: 20px;
    margin: -0.7em -1.3em 0 0; }
@media (max-width: 991px) {
  .specials .table.specials {
    table-layout: fixed; }
    .specials .table.specials tr > th:first-child {
      width: 80px; } }
.specials table > thead > tr > th {
  white-space: nowrap; }
  @media (max-width: 991px) {
    .specials table > thead > tr > th {
      white-space: normal; } }
.specials table > tbody > tr > td {
  vertical-align: middle; }
  @media (max-width: 991px) {
    .specials table > tbody > tr > td .image-thumb-placeholder {
      width: 64px;
      height: 64px; } }
.specials .edit-action .glyphicon.glyphicon-exclamation-sign {
  color: #e95535;
  vertical-align: text-bottom;
  font-size: 18px;
  margin-left: 3px; }
.specials .fb-auto-post {
  max-width: 320px; }
.specials .btn-post-preview {
  margin-top: 5px;
  padding: 4px 7px;
  font-size: 0.8em; }
.specials .checkbox {
  display: table-cell;
  vertical-align: top;
  padding-right: 15px;
  width: 110px;
  color: gray; }
  .specials .checkbox .fb-auto-post {
    max-width: 320px; }
  .specials .checkbox a {
    padding-left: 8px;
    color: #f1592a;
    font-weight: 700; }
.specials .checkbox:first-child {
  padding-right: 25px;
  max-width: inherit; }
.specials .checkbox-text {
  color: #6d6e71;
  font-weight: bold; }
.specials table > tbody > tr > .bottom-row {
  vertical-align: top;
  padding-top: 0px;
  border-top: none; }
  .specials table > tbody > tr > .bottom-row .show-details {
    text-align: center;
    width: 100px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    margin: -12px auto 0 auto;
    font-size: 0.9em;
    background-color: white;
    border: 1px solid #f2f2f2;
    color: gray; }
  .specials table > tbody > tr > .bottom-row .bottom-controls-wrapper {
    min-width: 530px;
    width: fit-content; }
  .specials table > tbody > tr > .bottom-row .bottom-controls {
    border: 1px solid #f2f2f2;
    padding: 1em 1em 40px 1em; }
    .specials table > tbody > tr > .bottom-row .bottom-controls img {
      height: 20px; }
    .specials table > tbody > tr > .bottom-row .bottom-controls label > div {
      max-width: 90px;
      margin-top: 0.6em;
      margin-left: -20px;
      font-size: 0.8em; }
      @media (max-width: 1100px) {
        .specials table > tbody > tr > .bottom-row .bottom-controls label > div {
          font-size: 0.7em; } }
      .specials table > tbody > tr > .bottom-row .bottom-controls label > div > button.btn, .specials table > tbody > tr > .bottom-row .bottom-controls label > div div.btn {
        padding: 4px 7px;
        font-size: 1em;
        margin-top: 0.6em;
        min-width: 60px; }
      .specials table > tbody > tr > .bottom-row .bottom-controls label > div > div.btn.fb-btn {
        background-color: #425e9a;
        border-color: #425e9a; }
      .specials table > tbody > tr > .bottom-row .bottom-controls label > div > div.btn.twitter-btn {
        background-color: #6aa8da;
        border-color: #6aa8da; }
      .specials table > tbody > tr > .bottom-row .bottom-controls label > div > div.btn.website-btn {
        background-color: #49aee1;
        border-color: #49aee1; }
    .specials table > tbody > tr > .bottom-row .bottom-controls .checkbox {
      width: 120px; }
.specials table > tbody > tr > .right-text {
  text-align: right;
  color: #f1592a;
  font-weight: 700; }
  @media (max-width: 991px) {
    .specials table > tbody > tr > .right-text {
      display: none; } }
.specials table > tbody > tr > .flat {
  padding: 0; }
.specials table > tbody > tr > .no-border {
  border: none; }
.specials .image-tooltip {
  background-size: 100% 100%;
  color: white;
  padding: 4px 5px 4px 15px;
  width: 525px;
  border-radius: 2px;
  margin-top: 10px;
  height: 45px;
  margin-left: 8px; }
  .specials .image-tooltip a {
    color: white;
    font-weight: 700;
    text-decoration: underline;
    padding: 4px 25px 0px 25px; }
  .specials .image-tooltip label {
    font-weight: 400;
    padding-top: 4px; }
  .specials .image-tooltip button {
    border: none;
    background-color: #f1592a;
    height: 28px;
    float: right;
    color: white;
    opacity: inherit; }
.specials button.edit-action {
  width: 50px;
  margin: 2px;
  padding: 2px; }
.specials .table > tbody + tbody {
  border-top: 2px solid #cccccc; }
.specials .table > tbody > tr:first-child > td {
  padding-top: 20px; }
.specials .table > tbody > tr:last-child > td {
  padding-bottom: 20px; }
.specials .time {
  padding: 6px 12px 6px 12px;
  margin: 1px;
  white-space: nowrap;
  width: 84px; }
.specials .image {
  width: 58px;
  vertical-align: middle;
  text-align: center; }
  .specials .image .image-thumb {
    max-height: 40px;
    border-radius: 4px; }
.specials .btn-delete {
  margin-left: 0.8em; }
.specials .inline-icon {
  height: 25px; }
.specials .popover {
  max-width: 300px; }
.specials .popover-inner {
  padding-left: 60px;
  background-image: url(https://static.spotapps.co/assets/admin/megaphone.png);
  background-repeat: no-repeat;
  background-position: 10px 10px; }
.specials .special-subjects-list {
  margin-top: 10px;
  color: green;
  font-size: 10px; }
  .specials .special-subjects-list span {
    margin-right: 5px;
    background-color: lightgoldenrodyellow; }

.excl_mark img {
  width: 17px;
  margin-top: -4px;
  margin-right: 5px; }

.facebook-tab-modal select {
  display: block; }
.facebook-tab-modal .alert {
  margin-top: 10px;
  margin-bottom: 0; }

.uploader-form {
  margin: 0 !important; }

.uploader {
  display: inline-block;
  position: relative; }

.uploader-input, .uploader-input input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: pointer; }
  .uploader-input input[type="file"] {
    font-size: 50px;
    opacity: 0; }

.spots {
  background-color: white;
  border-radius: 20px;
  border: 1px solid #cccccc;
  display: block;
  padding: 20px; }
  .spots tbody {
    display: table;
    width: 100%; }
  .spots tr:first-child td {
    border-width: 0px !important; }
  .spots tr td {
    padding: 10px !important; }
  .spots .not-reviewed {
    display: inline-block;
    margin-bottom: 6px;
    display: none; }
  .spots address {
    margin-bottom: 0px;
    color: #999999; }
  .spots .name {
    font-weight: bold; }
  .spots td {
    vertical-align: middle !important; }

.tt-suggestion {
  text-transform: none !important;
  position: relative; }

.tt-cursor {
  background-color: #ef9f77;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eca770', endColorstr='#f2987f')";
  background: -webkit-gradient(linear, left top, left bottom, from(#eca770), to(#f2987f));
  background: -moz-linear-gradient(top, #eca770, #f2987f);
  background: -o-linear-gradient(top, #eca770, #f2987f);
  color: white; }
  .tt-cursor .address {
    color: white !important; }
  .tt-cursor a {
    color: white;
    text-decoration: underline; }
    .tt-cursor a:hover {
      color: white; }

.searching {
  background: white;
  padding: 18px;
  width: 100%;
  display: block;
  border: 1px solid #efefef;
  border-radius: 5px;
  position: relative;
  top: 2px;
  color: #999999;
  position: absolute; }
  .searching .message {
    position: relative;
    top: -2px;
    left: 8px;
    font-size: 20px;
    font-weight: 200; }

.register .searching {
  top: 36px; }
.register .delete-modal {
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0; }
  .register .delete-modal p {
    font-weight: bold;
    margin-top: 20px; }
.register .delete-buttons {
  margin-top: 25px; }
.register .delete-modal-content {
  height: 190px;
  width: 330px;
  background-color: #e7e8e9;
  text-align: center;
  margin: 0;
  padding: 15px 15px 0 15px;
  position: fixed;
  top: 25vh;
  border-radius: 6px; }
  .register .delete-modal-content p {
    color: red; }
  .register .delete-modal-content input {
    margin-right: 5px; }

.premium_service {
  color: #6d6d6d; }
  .premium_service .fa-star {
    color: #ec991e; }
  .premium_service .free-popover {
    font-size: 50%; }

#address .image-buttons {
  position: relative; }
  #address .image-buttons .highlight-button {
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -34px;
    opacity: 0.6; }
  #address .image-buttons .delete-button {
    position: absolute;
    padding: 0;
    bottom: 8px;
    left: 50%;
    margin-left: -21px;
    opacity: 0.6; }
  #address .image-buttons img.thumbnail {
    margin-bottom: 3px; }
#address .img-tags-container {
  margin-bottom: 20px;
  min-height: 120px; }
  #address .img-tags-container textarea {
    width: 100%; }
#address .gallery-img-container {
  margin-bottom: 20px; }

.tabs {
  padding: 0px;
  overflow: hidden;
  display: inline-block;
  padding: 0 0 20px 0; }
  .tabs a, .tabs a:hover {
    text-decoration: none; }
  .tabs .tab {
    display: inline;
    text-align: center;
    position: relative;
    padding: 12px;
    width: auto !important;
    border-bottom: 10px solid rgba(200, 200, 200, 0.6); }
  .tabs .label {
    display: inline-block;
    font-size: 17px;
    padding-top: 30px; }
  .tabs .count {
    display: none; }
  .tabs .label {
    color: #666666;
    font-weight: 200; }
  .tabs .tab.active {
    color: #f1592a;
    border-bottom: 10px solid rgba(236, 88, 35, 0.6); }
    .tabs .tab.active .label {
      color: #f1592a; }

.current-spot {
  font-weight: 100 !important;
  color: #eca770; }

.screenshot {
  width: 24%;
  text-align: right;
  display: inline-block;
  vertical-align: top; }
  .screenshot img {
    position: relative;
    right: -40px;
    top: -30px; }

.actions {
  white-space: nowrap; }
  .actions a {
    margin: 0px 10px; }

.menu-sheet {
  padding: 20px;
  background-color: white !important;
  border-radius: 10px;
  border: 1px solid #cccccc; }
  .menu-sheet .twitter-share-button {
    vertical-align: bottom; }
  .menu-sheet .easy-menu-banner {
    margin-bottom: 10px; }
    .menu-sheet .easy-menu-banner span {
      display: inline-block; }
    .menu-sheet .easy-menu-banner img {
      height: 33px;
      vertical-align: text-bottom; }

.food-menu-sheet {
  padding: 20px;
  background-color: white !important;
  border-radius: 10px;
  border: 1px solid #cccccc; }
  .food-menu-sheet table {
    width: 100%; }
    .food-menu-sheet table td {
      vertical-align: top; }
  .food-menu-sheet .food-menu-tab-content {
    padding-top: 2em;
    padding-bottom: 2em; }
  .food-menu-sheet h4 {
    padding: 1em 0em 1em 0; }
  .food-menu-sheet h5 {
    padding: 1em 0em 1em 0; }
  .food-menu-sheet .food-menu-basic-controlls {
    width: 10%;
    text-align: right; }
    .food-menu-sheet .food-menu-basic-controlls p {
      padding-left: 3em; }
    .food-menu-sheet .food-menu-basic-controlls button {
      width: 70px;
      margin: 5px; }
  .food-menu-sheet .food-menu-basic-data {
    width: 90%; }
  .food-menu-sheet .section-area {
    padding: 1.5em 0 1.5em 0; }
    .food-menu-sheet .section-area p {
      font-size: 15px; }
    .food-menu-sheet .section-area .post-times {
      font-size: 11px; }
      .food-menu-sheet .section-area .post-times span {
        display: inline-block;
        margin-top: 1em;
        margin-right: 1em; }
      .food-menu-sheet .section-area .post-times .post-time-on-fb {
        color: #3b5998; }
      .food-menu-sheet .section-area .post-times .post-time-on-twitter {
        color: #5ea8db; }
  .food-menu-sheet .table > tbody + tbody {
    border-top: 1px solid #dddddd; }
  .food-menu-sheet .table > tbody > tr > td {
    border: none; }
  .food-menu-sheet .food-item-name {
    width: 300px; }
    .food-menu-sheet .food-item-name input {
      width: 100%; }
  .food-menu-sheet .food-item-description textarea {
    width: 100%; }
  .food-menu-sheet .food-item-controls {
    width: 120px; }
  .food-menu-sheet .food-item-price {
    width: 200px; }
  .food-menu-sheet .food-item-in-stock {
    width: 70px; }
  .food-menu-sheet .food-menu-edit-link {
    margin-left: 1em; }
  .food-menu-sheet .food-menu-delete-link {
    margin-left: 0.8em; }
  .food-menu-sheet .food-menu-move {
    margin-left: 1em; }
  .food-menu-sheet .food-section-edit {
    margin-left: 1em;
    margin-top: 1em; }
  .food-menu-sheet .food-section-delete {
    margin-left: 0.8em;
    margin-top: 1em; }
  .food-menu-sheet .food-section-move {
    margin-left: 0.8em;
    margin-top: 1em; }
  .food-menu-sheet .food-price-list {
    margin-top: 3px; }
    .food-menu-sheet .food-price-list .price {
      width: 65px;
      padding: 1px 1px 1px 16px;
      height: 28px;
      display: inline-block; }
    .food-menu-sheet .food-price-list .food-price-dollar {
      position: absolute;
      left: 6px;
      top: -1px;
      z-index: 2;
      color: #999999; }
    .food-menu-sheet .food-price-list .food-size {
      width: 65px;
      padding: 1px 1px 1px 16px;
      height: 28px;
      display: inline-block; }
    .food-menu-sheet .food-price-list .fa {
      margin-left: 1px;
      font-size: 0.8em;
      cursor: pointer; }
  .food-menu-sheet .food-item-save {
    margin-top: 2px; }
  .food-menu-sheet .food-item-edit img {
    height: 30px; }
  .food-menu-sheet .food-item-delete img {
    height: 30px; }
  .food-menu-sheet .food-item-labels {
    padding-top: 5px; }
  .food-menu-sheet .fa-plus {
    color: #ef9f77; }
  .food-menu-sheet .fa-minus {
    color: #d43f3a; }
  .food-menu-sheet .food_label_checkbox {
    margin: 0;
    padding-right: 2em;
    display: inline-block;
    width: 140px; }
  .food-menu-sheet .add-food-item-section .food_label_checkbox input {
    margin-top: 4px; }
  .food-menu-sheet .add-food-item-section .social-image img {
    max-height: 14.5px;
    transform: translateY(22%);
    filter: grayscale(1); }
  .food-menu-sheet .bottom-controls-wrapper {
    clear: both;
    display: inline-block; }
    .food-menu-sheet .bottom-controls-wrapper .bottom-controls {
      border: 1px solid #eeeeee;
      background-color: #f9fbfb;
      padding: 15px; }
      .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label {
        max-width: 150px;
        padding-right: 15px; }
      .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div {
        display: block; }
      .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div {
        display: table-cell;
        vertical-align: middle; }
        .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div p {
          font-size: inherit;
          max-width: 100px;
          margin: 0 0 0 10px; }
    .food-menu-sheet .bottom-controls-wrapper .show-details {
      text-align: center;
      width: 100px;
      padding: 5px;
      cursor: pointer;
      border-radius: 5px;
      margin: -12px auto 0 auto;
      font-size: 0.9em;
      background-color: white;
      border: 1px solid #f2f2f2;
      color: gray; }
    .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes {
      padding-bottom: 5px; }
      .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes label {
        width: 97px; }
    .food-menu-sheet .bottom-controls-wrapper .announcer {
      display: block;
      font-size: 0.8em;
      margin-bottom: 10px;
      color: black; }
      .food-menu-sheet .bottom-controls-wrapper .announcer input {
        margin-top: 8px; }
    .food-menu-sheet .bottom-controls-wrapper img {
      height: 20px;
      width: initial;
      display: block; }
    .food-menu-sheet .bottom-controls-wrapper .announcers {
      width: 100px; }
      .food-menu-sheet .bottom-controls-wrapper .announcers a {
        color: white;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 0.8em;
        padding: 5px 0;
        border-radius: 5px;
        text-decoration: none;
        margin: 5px 0; }
      .food-menu-sheet .bottom-controls-wrapper .announcers span {
        font-weight: bold;
        height: 60px;
        display: block;
        font-size: 0.85em;
        line-height: 1.2em; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .facebook-label {
        color: #3b5998; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .twitter-label {
        color: #5ea8db; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .email-label {
        color: #df4e41; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .email-preview {
        background-color: #df4e41; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .website-activate {
        background-color: #61bf80; }
        .food-menu-sheet .bottom-controls-wrapper .announcers .website-activate.disable-schedule {
          pointer-events: none; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .manage-employees {
        background-color: #f15a27; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .fb-edit-date {
        background-color: #3b5b99; }
      .food-menu-sheet .bottom-controls-wrapper .announcers .tw-edit-date {
        background-color: #5ea7db; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox {
      display: table-cell;
      vertical-align: top;
      color: gray; }

.food-menu-sheet-new table thead {
  position: sticky;
  top: 68px;
  background-color: white;
  z-index: 10;
  box-shadow: inset 0 0px 0 #e9eaeb, inset 0 -1px 0 #e9eaeb; }
  @media (max-width: 980px) {
    .food-menu-sheet-new table thead {
      top: 66px; } }
.food-menu-sheet-new .menu-option-wrapper .fix-space-aligment {
  display: inline-block;
  width: 175px; }
  @media (max-width: 834px) {
    .food-menu-sheet-new .menu-option-wrapper .fix-space-aligment {
      display: none; } }
.food-menu-sheet-new .menu-option-wrapper .menu-option-holder {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 15px;
  flex-wrap: wrap; }
  @media (max-width: 834px) {
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.align-field {
      gap: 0; }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.align-field .menu-enable {
        margin-right: 20px; } }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .btn-holder {
    align-self: self-end; }
    @media (max-width: 1550px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .btn-holder {
        display: flex;
        flex-direction: column-reverse; } }
    @media (max-width: 917px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .btn-holder {
        display: inline-block; } }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background-color: #f1592b !important;
    color: white !important;
    transition: all 0.2s ease-in-out;
    padding: 7px 5px !important;
    min-width: 175px;
    margin-left: 5px;
    border: none !important; }
    @media (max-width: 1550px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn {
        display: flex;
        margin-bottom: 5px;
        margin-left: 0; } }
    @media (max-width: 917px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 0; } }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn:hover {
      background-color: #d53e14 !important;
      text-decoration: none; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn .text {
      position: relative;
      top: -2px; }
      @media (max-width: 1550px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn .text {
          top: 0; } }
      @media (max-width: 917px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn .text {
          top: -2px; } }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn .print-icon {
      display: inline-block;
      background-image: url(http://static.spotapps.co/assets/admin/printable_menu/white_printer.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 33px;
      height: 20px;
      position: relative;
      top: 4px; }
      @media (max-width: 1550px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn .print-icon {
          top: 2px; } }
      @media (max-width: 917px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder a.menu-print-btn .print-icon {
          top: 4px; } }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order {
    display: flex;
    align-items: center;
    width: 175px; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order label {
      margin-bottom: 0; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order .order-item {
      display: flex;
      align-items: center;
      border: 1px solid #dadada;
      border-radius: 4px;
      margin-left: 10px; }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order .order-item span {
        padding: 0 10px;
        cursor: default; }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order .order-item .arrow-wrapper {
        display: flex;
        flex-direction: column;
        border-left: 1px solid #dadada; }
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order .order-item .arrow-wrapper button {
          background-color: transparent;
          border: 0;
          height: 14px; }
          .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .items-order .order-item .arrow-wrapper button .fa {
            vertical-align: super; }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .form-control.category {
    width: 175px; }
    @media (max-width: 767px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .form-control.category {
        width: 100%; } }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .form-control.menu-enable {
    width: 200px; }
    @media (max-width: 767px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .form-control.menu-enable {
        width: 100%; } }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .form-control.menu-enable.align-field {
      width: 100%; }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .btn.menu-hours-btn {
    background-color: #939598;
    color: white;
    padding: 6px 25px; }
    @media (max-width: 767px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .btn.menu-hours-btn {
        width: 100%; } }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description {
    align-items: flex-start; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description.mb-0 {
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description.mb-0 {
          margin-bottom: 15px; } }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .name label {
      color: #f1592b; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .description {
      flex-basis: 50%;
      max-width: 50%; }
      @media (max-width: 1100px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .description {
          flex-basis: 40%;
          max-width: 40%; } }
      @media (max-width: 767px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .description {
          max-width: 100%; } }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .description textarea {
        min-width: 100%;
        max-width: 100%; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .btn {
      align-self: flex-end;
      padding: 8px 20px;
      background-color: transparent;
      border: 1px solid #f6593d;
      color: #f6593d;
      min-width: 170px;
      transition: all 0.2s ease-in-out; }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .btn:hover {
        background-color: #f6593d;
        color: white; }
      @media (max-width: 767px) {
        .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description .btn {
          width: 100%;
          background-color: #f6593d;
          color: white; } }
  .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .buttons-holder {
    margin-left: auto; }
    @media (max-width: 767px) {
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .buttons-holder {
        display: flex;
        justify-content: center; } }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .buttons-holder .btn {
      padding: 6px 25px;
      margin-right: 10px; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .buttons-holder .btn-cancel {
      background-color: #dadada;
      color: black; }
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder .buttons-holder .btn-delete {
      background-color: transparent;
      font-size: 22px;
      color: black;
      padding: 0 5px;
      border: 0; }
  @media (max-width: 767px) {
    .food-menu-sheet-new .menu-option-wrapper .menu-option-holder {
      flex-direction: column;
      place-items: center;
      gap: 10px; }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder.name-description {
        align-items: center; }
      .food-menu-sheet-new .menu-option-wrapper .menu-option-holder > div {
        width: 100%; } }
.food-menu-sheet-new .newest-item {
  background-color: rgba(255, 189, 169, 0.1); }
  .food-menu-sheet-new .newest-item a, .food-menu-sheet-new .newest-item span {
    background-color: transparent !important; }
  .food-menu-sheet-new .newest-item .food-item-save {
    background-color: #2bb673 !important; }
.food-menu-sheet-new td.pt-0 {
  padding-top: 0; }
.food-menu-sheet-new .btn.add-menu-item {
  background-color: #f1592b;
  color: white;
  padding: 4px 10px !important;
  white-space: break-spaces; }
.food-menu-sheet-new .new-menu-item-form {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding-top: 40px; }
  .food-menu-sheet-new .new-menu-item-form p {
    flex-shrink: 0;
    margin-top: -5px !important; }
  .food-menu-sheet-new .new-menu-item-form input, .food-menu-sheet-new .new-menu-item-form textarea {
    flex-basis: 200px; }
  .food-menu-sheet-new .new-menu-item-form input.price {
    padding-left: 15px !important; }
    .food-menu-sheet-new .new-menu-item-form input.price input, .food-menu-sheet-new .new-menu-item-form input.price textarea {
      flex-basis: auto; }
    .food-menu-sheet-new .new-menu-item-form input.price .food-item-price {
      min-width: 100%; }

.new-menu-item-form-mobile .menu-item-name {
  width: 80%;
  display: inline-block; }
.new-menu-item-form-mobile .cancel-add {
  display: inline-block;
  float: right;
  padding: 5px 5px 0 5px;
  font-size: 1.1em;
  color: #f1592a; }

.large-modal-dialog .modal-dialog {
  width: auto;
  min-width: 800px;
  max-width: 900px; }

.printed_menu_modal h4 {
  margin-top: 10px; }
.printed_menu_modal a {
  margin-bottom: 1.5em; }
.printed_menu_modal p {
  font-weight: 400; }
.printed_menu_modal p:first-child {
  font-weight: bold; }

.proposal-post-modal h1, .autoresponse-events-manager-modal h1, .autoresponse-attachments-modal h1 {
  font-size: 18px;
  text-align: center;
  color: black;
  margin-bottom: 0;
  font-weight: 700; }
.proposal-post-modal textarea, .autoresponse-events-manager-modal textarea, .autoresponse-attachments-modal textarea {
  resize: none;
  width: 93%;
  margin: 0 20px 0 20px;
  font-size: 13px;
  border: 1px solid #e7e8e9;
  border-radius: 10px;
  height: 70px;
  padding: 5px 10px;
  box-shadow: inset 0 0 1px 1px #e7e8e9; }
.proposal-post-modal .text-message-label, .autoresponse-events-manager-modal .text-message-label, .autoresponse-attachments-modal .text-message-label {
  margin-left: 20px;
  font-weight: normal; }
.proposal-post-modal .texting-description, .autoresponse-events-manager-modal .texting-description, .autoresponse-attachments-modal .texting-description {
  text-align: center;
  max-width: 90%;
  margin: 0 auto; }
.proposal-post-modal .limit, .autoresponse-events-manager-modal .limit, .autoresponse-attachments-modal .limit {
  margin: 0 25px 10px 0;
  font-size: 12px;
  text-align: right;
  color: #3d3d3d;
  background-color: #fff0e2;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: normal; }
.proposal-post-modal .emoji-alert, .autoresponse-events-manager-modal .emoji-alert, .autoresponse-attachments-modal .emoji-alert {
  background-color: #fff0e2;
  border-radius: 5px;
  clear: both;
  padding: 5px 10px; }
  .proposal-post-modal .emoji-alert p, .autoresponse-events-manager-modal .emoji-alert p, .autoresponse-attachments-modal .emoji-alert p {
    color: #3d3d3d;
    max-width: 90%;
    margin: auto;
    font-size: 12px; }
  .proposal-post-modal .emoji-alert a, .autoresponse-events-manager-modal .emoji-alert a, .autoresponse-attachments-modal .emoji-alert a {
    color: #f23a00;
    font-weight: bold; }
.proposal-post-modal .modal-header, .autoresponse-events-manager-modal .modal-header, .autoresponse-attachments-modal .modal-header {
  border: none;
  padding-bottom: 0;
  font-weight: bold; }
.proposal-post-modal .btn-save, .autoresponse-events-manager-modal .btn-save, .autoresponse-attachments-modal .btn-save {
  background-color: #2ab573;
  border-color: #2ab573;
  font-weight: bold;
  font-size: 16px;
  padding: 7px 15px;
  margin: 10px 2px; }
.proposal-post-modal .btn-save:hover, .proposal-post-modal .btn-save:focus, .autoresponse-events-manager-modal .btn-save:hover, .autoresponse-events-manager-modal .btn-save:focus, .autoresponse-attachments-modal .btn-save:hover, .autoresponse-attachments-modal .btn-save:focus {
  background-color: #239a6a;
  border-color: #239a6a; }
.proposal-post-modal .date-picker, .autoresponse-events-manager-modal .date-picker, .autoresponse-attachments-modal .date-picker {
  display: inline-block;
  float: right;
  max-width: 190px; }
  @media (max-width: 768px) {
    .proposal-post-modal .date-picker ul.dropdown-menu, .autoresponse-events-manager-modal .date-picker ul.dropdown-menu, .autoresponse-attachments-modal .date-picker ul.dropdown-menu {
      left: -134px !important; } }
.proposal-post-modal .larger-text, .autoresponse-events-manager-modal .larger-text, .autoresponse-attachments-modal .larger-text {
  font-size: 16px; }
.proposal-post-modal .date-picker-holder, .autoresponse-events-manager-modal .date-picker-holder, .autoresponse-attachments-modal .date-picker-holder {
  margin: 10px 0; }
.proposal-post-modal .warning-paragraph, .autoresponse-events-manager-modal .warning-paragraph, .autoresponse-attachments-modal .warning-paragraph {
  color: red; }

.proposal-post-modal .btn-info {
  background-color: #a7a9ac;
  border-color: #a7a9ac;
  color: white; }
.proposal-post-modal .btn-info:hover {
  background-color: #a7a9ac;
  border-color: #a7a9ac; }
.proposal-post-modal textarea {
  resize: none;
  width: 95%;
  height: 200px; }

.autoresponse-events-manager-modal .btn[disabled] {
  pointer-events: auto;
  cursor: not-allowed; }
.autoresponse-events-manager-modal .left {
  text-align: left; }
.autoresponse-events-manager-modal .modal-header h1 {
  margin-left: 15px; }
.autoresponse-events-manager-modal .modal-footer {
  border-top: none; }
.autoresponse-events-manager-modal .modal-row {
  width: auto;
  margin-left: 15px;
  margin-right: 15px; }
  .autoresponse-events-manager-modal .modal-row input {
    margin-top: 25px; }
.autoresponse-events-manager-modal .btn-yes {
  width: 100px;
  border-radius: 0px;
  background-color: #eb532a;
  color: white;
  outline: none;
  border: none;
  padding: 10px 5px; }

.autoresponse-attachments-modal .left {
  text-align: left; }
.autoresponse-attachments-modal .modal-header h1 {
  margin-left: 15px; }
.autoresponse-attachments-modal .modal-footer {
  border-top: none; }
.autoresponse-attachments-modal .modal-row {
  width: auto;
  margin-left: 15px;
  margin-right: 15px; }
.autoresponse-attachments-modal .btn-yes {
  width: 100px;
  border-radius: 0px;
  background-color: #eb532a;
  color: white;
  outline: none;
  border: none;
  padding: 10px 5px; }

.refund-payment-modal .payment-description {
  margin: 3em 2em 2em 2em; }
  .refund-payment-modal .payment-description .payment-info {
    margin-bottom: 1.5em; }
  .refund-payment-modal .payment-description span {
    font-size: 1.1em;
    font-weight: bold;
    color: grey; }
  .refund-payment-modal .payment-description .text-center {
    display: inline-block;
    margin-left: 80px;
    width: 200px; }
.refund-payment-modal .status-button {
  display: inline-block;
  margin-left: 15px; }
  .refund-payment-modal .status-button .btn {
    color: #58585a;
    background-color: #e7e8e9;
    border-color: #e7e8e9;
    padding: 4px 5px;
    width: 200px;
    font-weight: bold; }
  .refund-payment-modal .status-button .green {
    background-color: #43b673;
    border-color: #43b673;
    color: white; }
  .refund-payment-modal .status-button .blue {
    background-color: #44bcc7;
    border-color: #44bcc7;
    color: white; }
  .refund-payment-modal .status-button .red {
    background-color: #ef413d;
    border-color: #ef413d;
    color: white; }
  .refund-payment-modal .status-button .yellow {
    background-color: #f6953d;
    border-color: #f6953d;
    color: white; }
  .refund-payment-modal .status-button .orange {
    background-color: #f2673d;
    border-color: #f2673d;
    color: white; }
  .refund-payment-modal .status-button .dropdown-menu {
    top: auto;
    left: auto;
    min-width: 167px;
    padding-left: 10px;
    text-align: left;
    font-size: 14px; }
  .refund-payment-modal .status-button .dropdown-menu li:hover {
    cursor: pointer;
    background-color: #e7e8e9; }
.refund-payment-modal .btn.btn-save {
  width: 200px;
  font-size: 15px;
  padding-top: 5px; }

#request-embed, #request-email, #request-upgrade {
  color: #444444;
  font-weight: 300; }
  #request-embed .form-control, #request-email .form-control, #request-upgrade .form-control {
    font-size: 16px; }
  #request-embed .alert, #request-email .alert, #request-upgrade .alert {
    margin: 0; }
  #request-embed .help-block, #request-email .help-block, #request-upgrade .help-block {
    font-weight: 400;
    margin-bottom: 20px;
    color: black;
    font-size: 17px; }
    @media (max-width: 374px) {
      #request-embed .help-block, #request-email .help-block, #request-upgrade .help-block {
        font-size: 15px; } }
  #request-embed form .form-group:last-of-type, #request-email form .form-group:last-of-type, #request-upgrade form .form-group:last-of-type {
    margin-bottom: 0; }
  #request-embed img, #request-email img, #request-upgrade img {
    width: 90%; }
  #request-embed .radio-inline, #request-email .radio-inline, #request-upgrade .radio-inline {
    font-weight: 300;
    width: 31%; }
    @media (max-width: 413px) {
      #request-embed .radio-inline, #request-email .radio-inline, #request-upgrade .radio-inline {
        width: 28%;
        padding-left: 5px; } }
    @media (max-width: 374px) {
      #request-embed .radio-inline, #request-email .radio-inline, #request-upgrade .radio-inline {
        font-size: 12px; } }
  #request-embed .radio-inline:first-child, #request-email .radio-inline:first-child, #request-upgrade .radio-inline:first-child {
    text-align: left; }
  #request-embed .radio-inline:last-child, #request-email .radio-inline:last-child, #request-upgrade .radio-inline:last-child {
    text-align: right; }
  #request-embed .radio-inline:not(:first-child):not(:last-child), #request-email .radio-inline:not(:first-child):not(:last-child), #request-upgrade .radio-inline:not(:first-child):not(:last-child) {
    text-align: center; }
  #request-embed .modal-footer .btn-primary, #request-email .modal-footer .btn-primary, #request-upgrade .modal-footer .btn-primary {
    font-weight: 300;
    font-size: 24px;
    color: #eca770;
    background: transparent;
    border-color: #eca770;
    width: 100%; }

#employees-modal.modal-notifications {
  border-radius: 15px !important;
  padding: 18px; }
  #employees-modal.modal-notifications .modal-header {
    border: none;
    margin: 10px; }
    #employees-modal.modal-notifications .modal-header h2 {
      color: black;
      font-weight: bold;
      font-size: 20px; }
  #employees-modal.modal-notifications table .responsive-table {
    width: 100%; }
  #employees-modal.modal-notifications table .mob-respons-header {
    display: none; }
  #employees-modal.modal-notifications table .no-wrap {
    white-space: nowrap !important; }
  #employees-modal.modal-notifications table td {
    word-break: break-word; }
  @media (max-width: 767px) {
    #employees-modal.modal-notifications table.responsive-table {
      width: 100%; }
      #employees-modal.modal-notifications table.responsive-table thead {
        display: none; }
      #employees-modal.modal-notifications table.responsive-table tbody {
        display: flex;
        flex-wrap: wrap; }
        #employees-modal.modal-notifications table.responsive-table tbody tr {
          margin-bottom: 20px;
          width: 48%;
          margin-right: 2%;
          border: 1px solid #cccccc; }
          #employees-modal.modal-notifications table.responsive-table tbody tr:first-child {
            width: 100%;
            border: 0px; }
      #employees-modal.modal-notifications table.responsive-table tbody td {
        display: flex;
        flex-direction: column;
        width: 100%; }
    #employees-modal.modal-notifications table .mob-respons-header {
      display: block;
      font-weight: bold; } }
  @media (max-width: 480px) {
    #employees-modal.modal-notifications table.responsive-table tbody tr {
      width: 100%; } }
  #employees-modal.modal-notifications table .btn.btn-success {
    background-color: #29b5a8;
    padding: 6px 15px;
    margin-left: 7px;
    font-weight: bold;
    padding-bottom: 3px;
    color: white; }
  #employees-modal.modal-notifications table > thead > tr:first-child {
    border-bottom: 1px solid #cccccc; }
    #employees-modal.modal-notifications table > thead > tr:first-child th {
      padding-bottom: 2px; }
  #employees-modal.modal-notifications table > tbody > tr > td {
    padding-left: 12px; }
    #employees-modal.modal-notifications table > tbody > tr > td .btn-remove {
      background-color: #eeeeee;
      border-radius: 50%;
      padding: 0;
      font-size: 18px;
      width: 30px;
      height: 30px; }
      #employees-modal.modal-notifications table > tbody > tr > td .btn-remove:hover {
        background-color: #333333;
        color: white; }
  #employees-modal.modal-notifications table > tbody > tr:first-child td {
    padding-left: 3px;
    padding-top: 12px; }
  #employees-modal.modal-notifications table > tbody > tr:first-child td:last-child {
    text-align: center; }
  #employees-modal.modal-notifications table > thead > tr > th:first-child, #employees-modal.modal-notifications table > tbody > tr > td:first-child {
    width: inherit;
    text-align: left; }
  #employees-modal.modal-notifications .remove-employee-confirmation-wrapper {
    white-space: initial;
    text-align: center;
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    border-radius: 5px; }
    #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: center;
      padding: 10px 0; }
      #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper .btn {
        border: 1px solid #333333;
        min-width: 180px; }
      #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper .btn-keep {
        background-color: transparent;
        color: #333333; }
        #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper .btn-keep:hover {
          background-color: #ebe8e8; }
      #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper .btn-remove-everything {
        background-color: #58585a;
        color: white; }
        #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper .btn-remove-everything svg {
          max-height: 12px; }
        #employees-modal.modal-notifications .remove-employee-confirmation-wrapper .buttons-wrapper .btn-remove-everything:hover {
          background-color: #333333; }
  #employees-modal.modal-notifications .alert-msg {
    background-color: #ffe4dc;
    border-radius: 5px;
    padding: 10px;
    text-align: center; }
    #employees-modal.modal-notifications .alert-msg p {
      margin-bottom: 0; }

#employees-modal .modal-header {
  color: #777777;
  padding: 0; }
  #employees-modal .modal-header p.lead {
    margin-bottom: 0; }
  #employees-modal .modal-header .inquiry-notification {
    background-color: #ffe4d4;
    border-radius: 3px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 15px; }
    #employees-modal .modal-header .inquiry-notification .icon-holder {
      margin-right: 10px; }
    #employees-modal .modal-header .inquiry-notification .text-holder {
      color: #ea5329; }
#employees-modal .modal-body {
  padding: 0 10px; }
#employees-modal .alert.alert-warning {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #e95535; }
  #employees-modal .alert.alert-warning .glyphicon {
    font-size: 300%;
    vertical-align: middle;
    margin-right: 10px; }
#employees-modal table > thead > tr > th, #employees-modal table > tbody > tr > td {
  padding: 7px 5px;
  white-space: normal; }
#employees-modal table > thead > tr > th:first-child, #employees-modal table > tbody > tr > td:first-child {
  width: 60px;
  text-align: center; }

.register form .c-form-row.switches .toggle-wrapper {
  width: 80px; }
  @media (max-width: 767px) {
    .register form .c-form-row.switches .toggle-wrapper {
      width: 100%;
      text-align: left !important; } }
  .register form .c-form-row.switches .toggle-wrapper .btn-toggle {
    margin: 0; }
    .register form .c-form-row.switches .toggle-wrapper .btn-toggle:before, .register form .c-form-row.switches .toggle-wrapper .btn-toggle:after {
      display: none; }

.register form .c-form-row.checkbox {
  margin: 0;
  padding: 0; }
  .register form .c-form-row.checkbox .toggle-wrapper {
    width: 100px; }
    @media (max-width: 767px) {
      .register form .c-form-row.checkbox .toggle-wrapper {
        width: 100%;
        text-align: left; } }
    .register form .c-form-row.checkbox .toggle-wrapper .btn-toggle {
      margin: 0; }
      .register form .c-form-row.checkbox .toggle-wrapper .btn-toggle:before, .register form .c-form-row.checkbox .toggle-wrapper .btn-toggle:after {
        display: none; }

#employees-modal.modal-notifications table {
  width: 100%; }
  #employees-modal.modal-notifications table .flex-td {
    display: flex; }
  #employees-modal.modal-notifications table .flex-align {
    justify-content: space-around; }
  #employees-modal.modal-notifications table .th-120 {
    width: 120px; }
  #employees-modal.modal-notifications table .th-230 {
    width: 200px; }
  #employees-modal.modal-notifications table .th-350 {
    width: 350px; }
    #employees-modal.modal-notifications table .th-350 span {
      width: calc(350px / 2); }
  #employees-modal.modal-notifications table .th-flex {
    display: flex;
    justify-content: space-around; }
    #employees-modal.modal-notifications table .th-flex span {
      text-align: center; }
  #employees-modal.modal-notifications table > thead > tr:first-child {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9; }
    #employees-modal.modal-notifications table > thead > tr:first-child th {
      padding: 15px 0;
      font-weight: normal;
      font-size: 13px; }
      #employees-modal.modal-notifications table > thead > tr:first-child th:nth-child(4) {
        padding-left: 15px; }
  @media (max-width: 767px) {
    #employees-modal.modal-notifications table > tbody > tr {
      position: relative;
      border: 1px solid #e9e9e9 !important;
      width: 48% !important; } }
  @media (max-width: 480px) {
    #employees-modal.modal-notifications table > tbody > tr {
      width: 100% !important; } }
  #employees-modal.modal-notifications table > tbody > tr > td {
    border-right: 1px solid #e9e9e9;
    padding-left: 12px !important; }
    #employees-modal.modal-notifications table > tbody > tr > td:first-child {
      font-weight: bold; }
      @media (max-width: 767px) {
        #employees-modal.modal-notifications table > tbody > tr > td:first-child {
          width: 100%; } }
    #employees-modal.modal-notifications table > tbody > tr > td:nth-child(4) {
      border-right: 1px solid transparent; }
      #employees-modal.modal-notifications table > tbody > tr > td:nth-child(4) div {
        padding-left: 6px; }
        @media (max-width: 767px) {
          #employees-modal.modal-notifications table > tbody > tr > td:nth-child(4) div {
            padding-left: 0; } }
      #employees-modal.modal-notifications table > tbody > tr > td:nth-child(4) button {
        float: right; }
        @media (max-width: 767px) {
          #employees-modal.modal-notifications table > tbody > tr > td:nth-child(4) button {
            float: none; }
            #employees-modal.modal-notifications table > tbody > tr > td:nth-child(4) button.btn-remove {
              position: absolute;
              top: 5px;
              right: 5px; } }
    #employees-modal.modal-notifications table > tbody > tr > td .btn-toggle-checkmark {
      box-shadow: none;
      background-color: #e9e9e9;
      padding: 8px; }
      #employees-modal.modal-notifications table > tbody > tr > td .btn-toggle-checkmark:focus {
        outline: none; }
      #employees-modal.modal-notifications table > tbody > tr > td .btn-toggle-checkmark.active {
        background-color: transparent;
        padding: 0; }
        #employees-modal.modal-notifications table > tbody > tr > td .btn-toggle-checkmark.active svg {
          display: block; }
      #employees-modal.modal-notifications table > tbody > tr > td .btn-toggle-checkmark svg {
        display: none; }
#employees-modal.modal-notifications table .app-required {
  font-weight: bold;
  color: #dc4a39;
  cursor: pointer; }

.specials-page.website-page .website-container.mt-4 {
  margin-top: 25px; }
.specials-page.website-page .specials-mobile.mt-4 {
  margin-top: 40px; }

.specials-page .website-section {
  overflow-x: hidden; }

.specials-mobile {
  background-color: #f8f8f8;
  border-radius: 0px;
  border-right: 0px;
  border-left: 0px;
  padding: 0.4em 1em 1em 1em; }
  .specials-mobile label {
    margin-right: 0.8em; }
    .specials-mobile label img {
      height: 20px; }
  .specials-mobile .specials-socials-mobile {
    padding: 0.5em; }
    .specials-mobile .specials-socials-mobile button {
      background-color: white;
      width: 100%;
      margin-bottom: 3px; }
  .specials-mobile .specials-label {
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 0.4em;
    color: gray;
    display: block; }
  .specials-mobile .show-details {
    text-align: center;
    width: 100px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    margin: -12px auto 0 auto;
    font-size: 0.9em;
    background-color: white;
    border: 1px solid #f2f2f2;
    color: gray; }
  .specials-mobile .bottom-controls {
    text-align: center;
    border: 1px solid #f2f2f2;
    margin: 1em 0.3em 0em 0.3em;
    padding: 0.5em 0.5em 2.5em 0.5em; }
    .specials-mobile .bottom-controls p {
      color: gray;
      text-align: left; }
    .specials-mobile .bottom-controls img {
      height: 20px; }
    .specials-mobile .bottom-controls .fb-auto-post {
      color: #3b5b99; }
    .specials-mobile .bottom-controls .twitter-auto-post {
      color: #5ea8db; }
    .specials-mobile .bottom-controls label {
      vertical-align: top;
      margin: 0px 15px 0 0px; }
      .specials-mobile .bottom-controls label .message-icon {
        background-color: #2bb673;
        color: white;
        padding: 2px 4px 4px 4px;
        border-radius: 5px;
        max-height: 22px; }
      .specials-mobile .bottom-controls label > div {
        max-width: 50px;
        margin-top: 0.6em;
        margin-left: -10px;
        font-size: 0.7em; }
        .specials-mobile .bottom-controls label > div > div.btn {
          padding: 2px 2px;
          font-size: 0.9em;
          margin-top: 0.6em; }
        .specials-mobile .bottom-controls label > div > button.btn {
          padding: 2px 2px;
          font-size: 0.9em;
          margin-top: 0.6em; }
  .specials-mobile .new-special-section {
    background-color: white;
    border: 1px solid #eeeeee;
    padding: 0.5em; }
    .specials-mobile .new-special-section .bottom-controls-mobile-wrapper {
      margin-bottom: 1.5em; }
    .specials-mobile .new-special-section .new-special-times-wrapper {
      padding-top: 0.2em; }
      .specials-mobile .new-special-section .new-special-times-wrapper span {
        padding-top: 0.4em;
        padding-right: 0.7em; }
    .specials-mobile .new-special-section .new-special-text {
      margin-top: 0.2em;
      height: 7em; }
    .specials-mobile .new-special-section .new-special-fb-wrapper {
      padding-left: 0.5em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      border: 1px solid #f2f3f3;
      margin-top: 1em;
      margin-bottom: 1em;
      background-color: #f9fbfb; }
    .specials-mobile .new-special-section .new-special-submit-wrapper {
      padding-bottom: 0.4em;
      text-align: center; }
      .specials-mobile .new-special-section .new-special-submit-wrapper button {
        background-color: #ea5329;
        color: white; }
  .specials-mobile .current-specials-section {
    background-color: white;
    border: 1px solid #eeeeee;
    padding: 0.5em; }
    .specials-mobile .current-specials-section .existing-special-description-edit {
      height: 7em; }
    .specials-mobile .current-specials-section h3 {
      font-weight: 300;
      font-size: 1.4em;
      color: gray;
      padding-left: 1em;
      padding-bottom: 0; }
    .specials-mobile .current-specials-section hr {
      margin-top: 0.6em; }
    .specials-mobile .current-specials-section .times-wrapper {
      margin-top: 0.5em; }
      .specials-mobile .current-specials-section .times-wrapper span:first-child {
        padding-top: 7px; }
    .specials-mobile .current-specials-section .edit-special-controls {
      margin: 1em 0.3em 1em 0.3em; }
      .specials-mobile .current-specials-section .edit-special-controls .btn-delete {
        color: red;
        border-color: red; }
      .specials-mobile .current-specials-section .edit-special-controls button {
        width: 30%; }
      .specials-mobile .current-specials-section .edit-special-controls .btn-preview {
        margin-left: 5%;
        padding-left: 10px;
        background-color: #405b92;
        border-color: #405b92;
        color: white; }
      .specials-mobile .current-specials-section .edit-special-controls .btn-delete {
        background-color: #f03d26;
        border-color: #f03d26;
        color: white; }
    .specials-mobile .current-specials-section .fb-wrapper, .specials-mobile .current-specials-section .edit-special-controls {
      padding-top: 0.4em;
      padding-bottom: 0.4em; }
    .specials-mobile .current-specials-section .media-left, .specials-mobile .current-specials-section .media-body {
      vertical-align: top; }
    .specials-mobile .current-specials-section input[type=checkbox] {
      margin: 0 2px 0 0;
      vertical-align: middle; }
    .specials-mobile .current-specials-section .checkbox-icon {
      margin-right: 15px; }

.full-width {
  width: 100%;
  padding: 0; }

.waitlist-tables {
  width: 90%;
  max-width: 1200px;
  padding-left: 5%;
  font-family: Lato; }
  @media (max-width: 767px) {
    .waitlist-tables {
      width: 100%; } }
  .waitlist-tables .padding-l {
    padding-top: 6em; }
  .waitlist-tables .padding-s {
    padding: 2em 0 1em 0; }
  .waitlist-tables .center-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .waitlist-tables .waitlist-page {
    background-color: whitesmoke; }
  .waitlist-tables .confirmation-page {
    background-color: #f5f6f7; }
  .waitlist-tables .btn-yes {
    max-width: 360px;
    width: 100%;
    height: 49px;
    border-radius: 4px;
    font-size: 15px;
    color: white; }
  .waitlist-tables .btn-yes:hover {
    color: white; }
  .waitlist-tables .section-holder {
    background-color: #fdfaf9;
    padding: 20px; }
    @media (max-width: 530px) {
      .waitlist-tables .section-holder {
        padding: 0; } }
    .waitlist-tables .section-holder .btn-yes {
      color: white; }
      .waitlist-tables .section-holder .btn-yes.last-btn {
        display: block;
        margin: 20px auto 10px; }
    .waitlist-tables .section-holder .second-section {
      border: 2px solid #e85725;
      border-style: solid none;
      padding: 20px 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px; }
      @media (max-width: 1500px) {
        .waitlist-tables .section-holder .second-section {
          padding: 20px;
          flex-direction: column; } }
      .waitlist-tables .section-holder .second-section ul {
        padding: 15px; }
      .waitlist-tables .section-holder .second-section div {
        display: inline-block;
        vertical-align: top; }
        @media (max-width: 520px) {
          .waitlist-tables .section-holder .second-section div img {
            max-width: 100%; } }
      .waitlist-tables .section-holder .second-section .text-holder {
        max-width: 360px;
        text-align: left; }
        @media (max-width: 1500px) {
          .waitlist-tables .section-holder .second-section .text-holder ul {
            list-style: inside; } }
      .waitlist-tables .section-holder .second-section .img-wrapper {
        display: inline-flex;
        align-items: end;
        flex-wrap: wrap;
        justify-content: center; }
        .waitlist-tables .section-holder .second-section .img-wrapper .img-holder span {
          display: block;
          text-align: center;
          color: #b3b3b3; }
    .waitlist-tables .section-holder .third-section {
      padding: 20px 0; }
      @media (max-width: 1050px) {
        .waitlist-tables .section-holder .third-section {
          padding: 0; } }
      .waitlist-tables .section-holder .third-section .flex-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px; }
        @media (max-width: 1050px) {
          .waitlist-tables .section-holder .third-section .flex-div {
            flex-wrap: wrap;
            justify-content: center; } }
      @media (max-width: 1357px) {
        .waitlist-tables .section-holder .third-section {
          text-align: center; } }
      .waitlist-tables .section-holder .third-section .text-holder {
        max-width: 390px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 13px; }
        @media (max-width: 1357px) {
          .waitlist-tables .section-holder .third-section .text-holder {
            margin-left: 10px;
            margin-top: 15px; } }
        @media (max-width: 1050px) {
          .waitlist-tables .section-holder .third-section .text-holder {
            text-align: center;
            margin: auto; } }
        .waitlist-tables .section-holder .third-section .text-holder h3 {
          padding-bottom: 15px;
          font: normal normal bold 30px/36px Lato; }
        .waitlist-tables .section-holder .third-section .text-holder p {
          padding-bottom: 20px; }
      .waitlist-tables .section-holder .third-section .video-holder {
        width: 357px;
        height: 201px; }
        .waitlist-tables .section-holder .third-section .video-holder .video {
          box-shadow: 0px 3px 6px #000029;
          border: 4px solid white;
          border-radius: 3px;
          overflow: hidden; }
          @media (max-width: 1238px) {
            .waitlist-tables .section-holder .third-section .video-holder .video {
              margin-top: 20px; } }
          @media (max-width: 1150px) {
            .waitlist-tables .section-holder .third-section .video-holder .video {
              margin-top: 30px; } }
          @media (max-width: 1050px) {
            .waitlist-tables .section-holder .third-section .video-holder .video {
              margin: auto; } }
          .waitlist-tables .section-holder .third-section .video-holder .video .embed {
            width: 100%;
            display: block; }
            @media (min-width: 2440px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 190px; } }
            @media (max-width: 2439px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 190px; } }
            @media (max-width: 1920px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 184px; } }
            @media (max-width: 1440px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 184px; } }
            @media (max-width: 1376px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 184px; } }
            @media (max-width: 1238px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 154px; } }
            @media (max-width: 1150px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 134px; } }
            @media (max-width: 1050px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 190px; } }
            @media (max-width: 920px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 190px; } }
            @media (max-width: 768px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 190px; } }
            @media (max-width: 680px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 190px; } }
            @media (max-width: 360px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 156px; } }
            @media (max-width: 280px) {
              .waitlist-tables .section-holder .third-section .video-holder .video .embed {
                height: 130px; } }
      .waitlist-tables .section-holder .third-section .orange-block {
        margin: 0px;
        background-color: #e85725;
        border-radius: 5px;
        position: relative;
        width: 100%;
        text-align: center;
        color: white;
        padding: 7px 21px 9px 50px; }
        @media (max-width: 1050px) {
          .waitlist-tables .section-holder .third-section .orange-block {
            padding: 5px 10px 10px 10px; } }
        .waitlist-tables .section-holder .third-section .orange-block h3 {
          font-size: 2em; }
        .waitlist-tables .section-holder .third-section .orange-block .btn {
          text-align: center;
          font: normal normal bold 16px/19px Lato;
          color: #e85725;
          background-color: white !important; }
    .waitlist-tables .section-holder .fourth-section {
      z-index: 2;
      padding: 20px 0; }
      @media (max-width: 1357px) {
        .waitlist-tables .section-holder .fourth-section {
          text-align: center; } }
      .waitlist-tables .section-holder .fourth-section ul {
        padding: 15px; }
      .waitlist-tables .section-holder .fourth-section div {
        position: relative;
        z-index: 2;
        display: inline-block;
        vertical-align: top; }
      .waitlist-tables .section-holder .fourth-section .text-holder {
        float: right;
        color: white;
        padding-top: 50px;
        max-width: 360px;
        text-align: left;
        margin-right: 55px; }
        @media (max-width: 1357px) {
          .waitlist-tables .section-holder .fourth-section .text-holder {
            float: none;
            margin-right: 0;
            padding-right: 0px; } }
      .waitlist-tables .section-holder .fourth-section .key-features {
        color: #e85725;
        text-align: center;
        font: normal normal 900 30px/36px Lato;
        margin-bottom: 20px; }
      .waitlist-tables .section-holder .fourth-section .orange-block {
        background-color: #e85725;
        border-radius: 5px;
        position: relative;
        width: 100%;
        height: 250px;
        margin-top: -240px;
        z-index: 1; }
        @media (max-width: 1357px) {
          .waitlist-tables .section-holder .fourth-section .orange-block {
            margin-top: 10px; } }
      .waitlist-tables .section-holder .fourth-section img {
        position: relative;
        margin-left: 40px;
        z-index: 2; }
        @media (max-width: 1050px) {
          .waitlist-tables .section-holder .fourth-section img {
            margin-left: 0;
            max-width: 100%; } }
    .waitlist-tables .section-holder .fifth-section {
      padding: 20px 0; }
      @media (max-width: 1050px) {
        .waitlist-tables .section-holder .fifth-section {
          padding: 0; } }
      .waitlist-tables .section-holder .fifth-section .flex-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px; }
        @media (max-width: 1050px) {
          .waitlist-tables .section-holder .fifth-section .flex-div {
            flex-wrap: wrap;
            justify-content: center; } }
      @media (max-width: 1357px) {
        .waitlist-tables .section-holder .fifth-section {
          text-align: center; } }
      .waitlist-tables .section-holder .fifth-section ul {
        padding: 15px; }
      .waitlist-tables .section-holder .fifth-section .third-party p {
        margin: 0; }
      .waitlist-tables .section-holder .fifth-section .third-party ul {
        margin-left: 10px;
        padding: 5px 15px 10px;
        margin-bottom: 0; }
      .waitlist-tables .section-holder .fifth-section .third-party .btn-yes {
        margin: 20px 0; }
      .waitlist-tables .section-holder .fifth-section .text-holder {
        max-width: 360px;
        text-align: left;
        margin-left: 50px;
        margin-top: 30px; }
        @media (max-width: 1357px) {
          .waitlist-tables .section-holder .fifth-section .text-holder {
            margin-left: 10px;
            margin-top: 15px; } }
        .waitlist-tables .section-holder .fifth-section .text-holder h3 {
          padding-bottom: 15px; }
      .waitlist-tables .section-holder .fifth-section .img-holder {
        padding-top: 30px; }
        .waitlist-tables .section-holder .fifth-section .img-holder img {
          float: right;
          margin-right: 20px; }
          @media (max-width: 1357px) {
            .waitlist-tables .section-holder .fifth-section .img-holder img {
              float: none;
              margin-right: 0px; } }
          @media (max-width: 520px) {
            .waitlist-tables .section-holder .fifth-section .img-holder img {
              max-width: 100%; } }
      .waitlist-tables .section-holder .fifth-section .orange-block {
        margin-top: 50px;
        background-color: #e85725;
        border-radius: 5px;
        position: relative;
        width: 100%;
        text-align: center;
        color: white;
        padding: 50px; }
        .waitlist-tables .section-holder .fifth-section .orange-block h3 {
          font-size: 2em; }
        .waitlist-tables .section-holder .fifth-section .orange-block .btn {
          color: #e85725;
          background-color: white !important; }
      .waitlist-tables .section-holder .fifth-section p {
        margin: 20px; }
    .waitlist-tables .section-holder .deposit-section {
      padding: 20px 0;
      border-top: 2px solid #e85725;
      border-bottom: 2px solid #e85725; }
      @media (max-width: 1050px) {
        .waitlist-tables .section-holder .deposit-section {
          margin: 0; } }
      @media (min-width: 1266px) {
        .waitlist-tables .section-holder .deposit-section {
          margin: 2rem 0 20rem 0; } }
      .waitlist-tables .section-holder .deposit-section .flex-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2rem; }
        @media (max-width: 1200px) {
          .waitlist-tables .section-holder .deposit-section .flex-div {
            flex-wrap: wrap;
            justify-content: center;
            gap: 2rem; } }
      .waitlist-tables .section-holder .deposit-section .text-holder {
        text-align: center; }
        @media (min-width: 1357px) {
          .waitlist-tables .section-holder .deposit-section .text-holder {
            text-align: left;
            margin-right: 5rem; } }
      .waitlist-tables .section-holder .deposit-section .img-holder {
        border-radius: 4px; }
      @media (max-width: 1050px) {
        .waitlist-tables .section-holder .deposit-section img {
          max-width: 100%; } }
      .waitlist-tables .section-holder .deposit-section h3 {
        margin-bottom: 2rem;
        max-width: 32rem; }
      .waitlist-tables .section-holder .deposit-section p {
        margin-bottom: 3rem;
        max-width: 36rem; }
      .waitlist-tables .section-holder .deposit-section button {
        height: auto;
        padding: 1.5rem;
        text-wrap: wrap; }
    .waitlist-tables .section-holder .survey-section {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      margin: 2rem 0;
      padding: 1rem;
      color: white;
      background: linear-gradient(180deg, white, #e85725 70%, #e85725);
      border-radius: 8px; }
      @media (min-width: 1266px) {
        .waitlist-tables .section-holder .survey-section {
          background: linear-gradient(72deg, #e85725, #e85725 40%, white);
          flex-direction: row;
          justify-content: space-between; } }
      .waitlist-tables .section-holder .survey-section .text-holder {
        flex-basis: 40%;
        text-align: center;
        padding: 0 3rem; }
        @media (min-width: 1266px) {
          .waitlist-tables .section-holder .survey-section .text-holder {
            text-align: left;
            padding: 5rem 3rem; } }
        @media (min-width: 1360px) {
          .waitlist-tables .section-holder .survey-section .text-holder {
            padding: 5rem 0 5rem 4rem; } }
        .waitlist-tables .section-holder .survey-section .text-holder h3 {
          padding-left: 2rem;
          margin-bottom: 1.5rem; }
          @media (min-width: 1360px) {
            .waitlist-tables .section-holder .survey-section .text-holder h3 {
              padding-left: 0; } }
        .waitlist-tables .section-holder .survey-section .text-holder ul {
          list-style-type: none;
          padding: 0; }
        .waitlist-tables .section-holder .survey-section .text-holder li {
          margin-bottom: 1rem; }
        @media (min-width: 1266px) {
          .waitlist-tables .section-holder .survey-section .text-holder ul {
            list-style-type: disc;
            padding-inline-start: 4rem; }
          .waitlist-tables .section-holder .survey-section .text-holder li {
            margin-bottom: 1rem; } }
      .waitlist-tables .section-holder .survey-section img {
        max-width: 300px; }
      .waitlist-tables .section-holder .survey-section .survey-phone {
        display: none; }
      @media (min-width: 1266px) {
        .waitlist-tables .section-holder .survey-section .survey-info {
          right: 3%;
          bottom: 5%;
          position: absolute;
          max-width: 270px; } }
      @media (min-width: 1500px) {
        .waitlist-tables .section-holder .survey-section img {
          position: absolute; }
        .waitlist-tables .section-holder .survey-section .survey-phone {
          display: inline;
          right: 26%;
          bottom: 0;
          max-width: 330px; }
        .waitlist-tables .section-holder .survey-section .survey-info {
          right: 3%;
          bottom: 5%;
          max-width: 270px; } }
    .waitlist-tables .section-holder .first-section {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 15px 0;
      padding-bottom: 20px; }
      @media (max-width: 991px) {
        .waitlist-tables .section-holder .first-section {
          flex-direction: column; } }
      .waitlist-tables .section-holder .first-section .card {
        text-align: center;
        background-color: white;
        margin-top: 25px;
        max-width: 500px;
        width: 32%;
        color: black;
        height: auto;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border-radius: 4px;
        padding: 20px; }
        @media (max-width: 991px) {
          .waitlist-tables .section-holder .first-section .card {
            margin: 20px auto;
            width: 100%; }
            .waitlist-tables .section-holder .first-section .card:first-child {
              margin-top: 0; } }
        .waitlist-tables .section-holder .first-section .card .icon-holder img {
          width: 35px; }
        .waitlist-tables .section-holder .first-section .card h3 {
          margin-top: 25px;
          font-size: 17px; }
        .waitlist-tables .section-holder .first-section .card p {
          margin-top: 15px;
          font-size: 14px; }
  .waitlist-tables .congrats-page {
    margin-top: 20px;
    font-family: Lato;
    background-color: #f5f6f7; }
    .waitlist-tables .congrats-page .margin-s {
      margin: 0 -15px; }
    .waitlist-tables .congrats-page .congrats-container {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: center;
      row-gap: 2rem; }
      .waitlist-tables .congrats-page .congrats-container .download {
        color: white;
        background: black;
        padding: 0.75rem;
        border: 0;
        border-radius: 5px;
        width: 26rem;
        font-size: 1.04em;
        margin: 1rem 0; }
      .waitlist-tables .congrats-page .congrats-container .orange {
        color: white;
        background: #e85725;
        padding: 1.4rem 1rem;
        border: 0;
        border-radius: 5px;
        width: 26rem;
        font-size: 1.04em;
        margin: 1rem 0; }
      .waitlist-tables .congrats-page .congrats-container .orange-disabled {
        background: #e8947b; }
      .waitlist-tables .congrats-page .congrats-container h1 {
        font-size: 2.8em;
        font-weight: bold;
        color: #333333; }
      .waitlist-tables .congrats-page .congrats-container h2 {
        font-size: 2.2em;
        font-weight: bold; }
      .waitlist-tables .congrats-page .congrats-container h3 {
        font-size: 1.6em;
        font-weight: normal;
        margin-bottom: 10px; }
      .waitlist-tables .congrats-page .congrats-container h4 {
        font-size: 1.3em;
        font-weight: normal; }
      .waitlist-tables .congrats-page .congrats-container p {
        font-size: 1.2em;
        line-height: 2.4rem; }
      @media (min-width: 1513px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 0 7px 0 0;
          width: 85%;
          object-fit: cover; } }
      @media (max-width: 1512px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 0 7px 0 0;
          width: 80%;
          height: 285px;
          object-fit: cover; } }
      @media (max-width: 1440px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 0 7px 0 0;
          width: 88%;
          height: 280px;
          object-fit: cover; } }
      @media (max-width: 1200px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 0px 7px 0 0;
          width: 100%;
          height: 370px;
          object-fit: cover; } }
      @media (max-width: 1140px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 0px 7px 0 0;
          width: 100%;
          height: 420px;
          object-fit: cover; } }
      @media (max-width: 991px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 7px 7px 0 0;
          width: 50%;
          height: 330px;
          object-fit: cover; } }
      @media (max-width: 768px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 7px 7px 0 0;
          width: 50%;
          height: 300px;
          object-fit: cover; } }
      @media (max-width: 480px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 7px 7px 0 0;
          width: 65%;
          height: 300px;
          object-fit: cover; } }
      @media (max-width: 430px) {
        .waitlist-tables .congrats-page .congrats-container img {
          border-radius: 7px 7px 0 0;
          width: 75%;
          height: 330px;
          object-fit: cover; } }
      .waitlist-tables .congrats-page .congrats-container .shadow-img {
        box-shadow: rgba(0, 0, 0, 0.15) -3px 3px 8px;
        border-radius: 0 0 7px 7px;
        height: 300px; }
      .waitlist-tables .congrats-page .congrats-container .image-container {
        background-color: #fdfaf9;
        border-radius: 14px; }
        @media (max-width: 992px) {
          .waitlist-tables .congrats-page .congrats-container .image-container {
            margin-left: 20px;
            display: grid; } }
        @media (max-width: 843px) {
          .waitlist-tables .congrats-page .congrats-container .image-container {
            margin-left: 25px;
            display: grid; } }
        @media (max-width: 768px) {
          .waitlist-tables .congrats-page .congrats-container .image-container {
            margin-left: 28px;
            display: grid; } }
        @media (max-width: 480px) {
          .waitlist-tables .congrats-page .congrats-container .image-container {
            margin-left: 33px; } }
        @media (max-width: 360px) {
          .waitlist-tables .congrats-page .congrats-container .image-container {
            margin-left: 10px; } }
      .waitlist-tables .congrats-page .congrats-container .pictogram {
        max-height: 4rem;
        width: auto;
        border-radius: 0;
        padding: 0 1rem;
        height: auto; }
      .waitlist-tables .congrats-page .congrats-container .apple {
        padding: 0 1em 0.3em 0; }
      .waitlist-tables .congrats-page .congrats-container .alert {
        max-height: none;
        margin-top: 1.6em;
        width: 72px; }
      .waitlist-tables .congrats-page .congrats-container .bold {
        font-weight: bold; }
      .waitlist-tables .congrats-page .congrats-container .center-align {
        text-align: center; }
      .waitlist-tables .congrats-page .congrats-container .black-text {
        color: black;
        padding: 0 1em 0.4em; }
        @media (max-width: 1140px) {
          .waitlist-tables .congrats-page .congrats-container .black-text {
            padding: 0; } }
      .waitlist-tables .congrats-page .congrats-container .yellow-bgd {
        background-color: #fef5d4;
        border-radius: 7px;
        border: 1px #ffe799 solid;
        margin-bottom: 1em; }
        @media (min-width: 1201px) {
          .waitlist-tables .congrats-page .congrats-container .yellow-bgd p {
            margin-left: 8px; } }
        @media (max-width: 1200px) {
          .waitlist-tables .congrats-page .congrats-container .yellow-bgd p {
            margin-left: 40px; } }
        @media (max-width: 768px) {
          .waitlist-tables .congrats-page .congrats-container .yellow-bgd p {
            margin-left: 0px; } }
        @media (max-width: 480px) {
          .waitlist-tables .congrats-page .congrats-container .yellow-bgd p {
            margin-left: 20px; } }
        @media (max-width: 320px) {
          .waitlist-tables .congrats-page .congrats-container .yellow-bgd p {
            margin-left: 30px; } }
      .waitlist-tables .congrats-page .congrats-container .orange-link {
        color: #ea5329;
        text-decoration: underline;
        font-weight: bold; }
      .waitlist-tables .congrats-page .congrats-container .congrats-content-bgd {
        border-radius: 14px;
        background-color: #fdfaf9;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
        .waitlist-tables .congrats-page .congrats-container .congrats-content-bgd.center-box {
          display: flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 991px) {
            .waitlist-tables .congrats-page .congrats-container .congrats-content-bgd.center-box {
              flex-direction: column; } }
      .waitlist-tables .congrats-page .congrats-container .padding-4 {
        @media( max-width: 361px) {
          padding: 0 0 0 2.4em;
          display: block; }
 }
      .waitlist-tables .congrats-page .congrats-container .padding-3 {
        @media( max-width: 1200px) {
          padding: 0 0 0 2.4em;
          display: block; }

        @media( max-width: 361px) {
          padding: 0;
          display: inline; }
 }
      .waitlist-tables .congrats-page .congrats-container .padding-2 {
        padding: 1.6em 1.6em 0.2em 0; }
      .waitlist-tables .congrats-page .congrats-container .padding-1 {
        padding: 1.9em 1em 1em 1.6em; }
      .waitlist-tables .congrats-page .congrats-container .padding-0 {
        padding: 0;
        margin: 0; }
      .waitlist-tables .congrats-page .congrats-container .padding-title {
        padding: 1.2em 0 0.8em 0.4em; }
      .waitlist-tables .congrats-page .congrats-container .padding-text {
        padding: 1.4em 0.4em 1em 4em; }
      .waitlist-tables .congrats-page .congrats-container .width-1 {
        max-width: 29rem;
        padding: 0.3em 0 0.3em 2rem;
        background-color: #fce6dd;
        border-radius: 0 7px 7px 0;
        margin-right: 1em; }
      .waitlist-tables .congrats-page .congrats-container .width-2 {
        max-width: 18.5rem;
        padding: 0.3em 0 0.3em 2rem;
        background-color: #fce6dd;
        border-radius: 0 7px 7px 0;
        margin-right: 1em; }
      .waitlist-tables .congrats-page .congrats-container .width-3 {
        max-width: 49.5rem;
        padding: 0.3em 0 0.3em 2rem;
        background-color: #fce6dd;
        border-radius: 0 7px 7px 0;
        margin-right: 1em;
        @media( max-width: 1200px) {
          max-width: 31rem;
          padding: 0.3em 0 0.5em 2rem; }
 }
    .waitlist-tables .congrats-page .congrats-video iframe {
      max-width: 100%;
      min-width: 100%;
      height: 20em;
      padding: 1em 0; }
    .waitlist-tables .congrats-page .white-bgd {
      background-color: white; }
    .waitlist-tables .congrats-page .section-holder {
      padding: 30px; }
    .waitlist-tables .congrats-page .sixth-section {
      padding: 30px;
      padding-top: 42px;
      display: flex;
      align-items: center;
      gap: 20px; }
      .waitlist-tables .congrats-page .sixth-section .content-wrapper {
        flex-basis: 50%; }
      .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr {
        text-align: center; }
      @media (max-width: 1051px) {
        .waitlist-tables .congrats-page .sixth-section {
          flex-direction: column; } }
      .waitlist-tables .congrats-page .sixth-section h1 {
        font-size: 30px;
        font-weight: bold;
        color: #333333; }
      .waitlist-tables .congrats-page .sixth-section h2 {
        font-size: 30px;
        margin-bottom: 10px; }
      .waitlist-tables .congrats-page .sixth-section h3 {
        font-size: 26px;
        font-weight: 400; }
      .waitlist-tables .congrats-page .sixth-section p {
        font-size: 14px; }
      .waitlist-tables .congrats-page .sixth-section .content-wrapper:first-of-type {
        padding-right: 0; }
      .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr {
        text-align: center;
        padding: 0; }
        .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr .img-holder {
          margin: 0 auto;
          max-width: 357px;
          box-shadow: 0px 3px 6px #000029;
          background-color: white;
          border-radius: 4px;
          padding-left: 20px;
          display: flex;
          align-items: center;
          justify-content: space-evenly; }
          @media (max-width: 465px) {
            .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr .img-holder {
              margin: 0;
              flex-direction: column;
              padding-left: 0; }
              .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr .img-holder .text-holder {
                padding: 20px; } }
          .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr .img-holder div {
            display: inline-block; }
          .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr .img-holder .qr-holder {
            float: right; }
            .waitlist-tables .congrats-page .sixth-section .content-wrapper.qr .img-holder .qr-holder img {
              width: 141px;
              height: 141px; }
      @media (max-width: 767px) {
        .waitlist-tables .congrats-page .sixth-section {
          padding-top: 0; }
          .waitlist-tables .congrats-page .sixth-section h2 {
            font-size: 22px; } }
    .waitlist-tables .congrats-page .seventh-section {
      border-radius: 4px;
      margin-top: 30px;
      border: none;
      padding: 30px;
      display: flex;
      border-radius: 4px;
      justify-content: space-between;
      box-shadow: 0px 3px 6px #000029;
      gap: 40px; }
      @media (max-width: 1400px) {
        .waitlist-tables .congrats-page .seventh-section {
          display: block; }
          .waitlist-tables .congrats-page .seventh-section .step-holder {
            margin-bottom: 20px; } }
      .waitlist-tables .congrats-page .seventh-section .img-holder {
        padding: 15px; }
        .waitlist-tables .congrats-page .seventh-section .img-holder img {
          max-width: 90%; }
      .waitlist-tables .congrats-page .seventh-section .video-holder iframe {
        max-width: 100%; }
      .waitlist-tables .congrats-page .seventh-section .step-holder {
        display: inline-block;
        max-width: 364px; }
        .waitlist-tables .congrats-page .seventh-section .step-holder .step {
          display: flex;
          justify-content: space-between;
          padding-bottom: 10px; }
          .waitlist-tables .congrats-page .seventh-section .step-holder .step div:first-of-type {
            padding-right: 18px; }
          .waitlist-tables .congrats-page .seventh-section .step-holder .step div {
            display: inline-block; }
          .waitlist-tables .congrats-page .seventh-section .step-holder .step h4 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px; }
            @media (max-width: 540px) {
              .waitlist-tables .congrats-page .seventh-section .step-holder .step h4 {
                line-height: 1.4em; } }
            .waitlist-tables .congrats-page .seventh-section .step-holder .step h4 span {
              border-bottom: 2px solid #e85725; }
  .waitlist-tables .heading {
    background-image: url(https://static.spotapps.co/assets/admin/table_management/caver.png);
    background-size: cover;
    background-position: right top;
    min-height: 415px;
    color: white; }
    @media (max-width: 900px) {
      .waitlist-tables .heading {
        background-position: 45%; } }
    .waitlist-tables .heading .text-holder {
      width: 500px;
      max-width: 100%;
      margin-left: 50px;
      padding-top: 40px;
      padding-bottom: 50px; }
      @media (max-width: 991px) {
        .waitlist-tables .heading .text-holder {
          margin: auto;
          padding: 40px 20px; } }
      .waitlist-tables .heading .text-holder h1 {
        color: white;
        font-weight: bold; }
        @media (max-width: 991px) {
          .waitlist-tables .heading .text-holder h1 {
            font-size: 2.3em; } }
        @media (max-width: 520px) {
          .waitlist-tables .heading .text-holder h1 {
            font-size: 1.9em; } }
      .waitlist-tables .heading .text-holder p {
        margin-bottom: 15px; }
  @media (max-width: 420px) {
    .waitlist-tables .section-holder .section .text-holder {
      padding: 20px; } }
  .waitlist-tables .section-holder .section .text-holder h3 {
    font-size: 2em; }
    @media (max-width: 520px) {
      .waitlist-tables .section-holder .section .text-holder h3 {
        font-size: 1.7em; } }

.events {
  min-height: 600px;
  padding-bottom: 30px; }
  .events .events-pager {
    width: 120px; }
    .events .events-pager span {
      color: silver; }
  .events .event-rich-text.sanitize-text p span {
    font-size: 1em !important; }
  .events .event-rich-text .form-control {
    height: inherit;
    max-height: 200px;
    overflow-y: auto; }
  .events .before-checkbox {
    display: none; }
  .events .time {
    width: 100px; }
  .events label.time {
    width: auto; }
  .events .event-name textarea, .events .event-name input, .events .event-name .input-group, .events .event-description textarea, .events .event-description input, .events .event-description .input-group {
    width: 100%; }
  .events .event-name textarea.event-description, .events .event-description textarea.event-description {
    height: 5.4em; }
  .events input.event-name {
    width: 100%; }
  .events textarea.event-description {
    width: 100%; }
  .events .image-tooltip {
    background-size: 100% 100%;
    color: white;
    padding: 4px 5px 4px 15px;
    width: 525px;
    border-radius: 2px;
    margin-top: 10px;
    height: 45px;
    margin-left: 8px; }
    .events .image-tooltip a {
      color: white;
      font-weight: 700;
      text-decoration: underline;
      padding: 4px 25px 0px 25px; }
    .events .image-tooltip label {
      margin-left: 0;
      font-weight: 400;
      padding-top: 4px; }
    .events .image-tooltip button {
      border: none;
      background-color: #f1592a;
      height: 28px;
      float: right;
      color: white;
      opacity: inherit; }
  .events .event-on-face-mobile {
    display: inline-block;
    margin-top: 0.6em;
    margin-bottom: 0.4em;
    font-weight: bold; }
    .events .event-on-face-mobile label {
      width: 120px; }
  .events .image-centered {
    margin-bottom: 0.4em; }
  .events h3 {
    font-weight: bold;
    font-size: 17px; }
  .events h3.event-title {
    font-weight: 300;
    font-size: 24px; }
  .events .event-description p {
    font-size: 15px;
    font-weight: bold;
    word-break: break-word; }
  .events .event-description .ta-toolbar .btn-group {
    margin-bottom: 5px; }
  .events .event-description .ta-editor {
    min-height: 100px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin: 0 0;
    padding: 8px; }
    .events .event-description .ta-editor .ta-bind {
      min-height: 80px;
      outline: none !important; }
    .events .event-description .ta-editor .popover.top {
      padding-bottom: 10px;
      margin-top: -25px; }
    .events .event-description .ta-editor h1 {
      color: initial;
      font-weight: initial;
      padding: initial; }
    .events .event-description .ta-editor p {
      font-size: initial;
      font-weight: initial;
      word-break: initial; }
  .events .btn-success {
    width: 100%;
    height: 3em; }
  .events .new-event-holder-mobile .resize-svg {
    position: relative;
    top: 2px;
    width: 22px;
    height: 22px;
    padding: 0.2rem;
    margin-left: 5px; }
  .events .new-event-holder-mobile .bottom-controls-wrapper .checkbox .announcers span {
    height: 60px !important;
    max-height: 30px !important; }
  .events .new-event-holder-mobile .bottom-controls .invite-checkboxes .fb-auto-post {
    width: 33% !important;
    margin-bottom: 20px; }
  .events .new-event-container {
    border: 1px solid #f2f2f2;
    background-color: white;
    padding: 1em; }
    .events .new-event-container .image-thumb {
      width: 100px;
      height: initial; }
    .events .new-event-container .end-time {
      margin: 0.4em 0; }
    .events .new-event-container .new-event-on-face span {
      display: inline-block;
      margin-top: 0.6em;
      margin-bottom: 0.4em;
      font-weight: bold; }
    .events .new-event-container .new-event-on-face label {
      width: 120px; }
  .events .event-section-label {
    color: gray;
    margin-top: 2em; }
  .events .event-name {
    padding: 0.4em;
    margin-bottom: 0.6em; }
  .events .event-description {
    padding: 0.4em;
    margin-bottom: 0.6em; }
  .events .upcoming-events-section {
    border: 1px solid #f2f2f2;
    background-color: white;
    padding: 1em; }
  .events .event-date {
    font-weight: 400;
    font-size: 1.3em; }
  .events tr.event-tr {
    border-top: 2px solid #f2f2f2; }
    .events tr.event-tr.heading-row {
      border-top: none; }
  .events th.event-th {
    color: gray;
    padding-bottom: 0.4em; }
  .events .upcoming-events-section .end-time {
    margin-top: 0.4em; }
  .events td.event-td.first {
    padding: 1em 0.5em 0em 0.5em;
    vertical-align: top; }
    .events td.event-td.first .open-template-link {
      color: #58585a;
      font-size: 1em; }
      .events td.event-td.first .open-template-link a {
        color: #58585a;
        font-weight: bold;
        text-decoration: underline; }
      .events td.event-td.first .open-template-link a.disabled {
        pointer-events: none;
        cursor: not-allowed; }
  .events td.event-td.second {
    padding: 1em 0.5em 1em 0.5em;
    vertical-align: top;
    height: 1px; }
  .events td.event-td.second .checkbox-label, .events .new-event-container .checkbox-label, .events .events-mobile .checkbox-label {
    margin-top: 10px; }
    .events td.event-td.second .checkbox-label input[type=checkbox]:before, .events .new-event-container .checkbox-label input[type=checkbox]:before, .events .events-mobile .checkbox-label input[type=checkbox]:before {
      top: 2px; }
    .events td.event-td.second .checkbox-label span, .events .new-event-container .checkbox-label span, .events .events-mobile .checkbox-label span {
      font-weight: normal;
      padding-left: 0; }
    .events td.event-td.second .checkbox-label i, .events .new-event-container .checkbox-label i, .events .events-mobile .checkbox-label i {
      margin-left: 8px;
      color: silver;
      font-size: 16px; }
  .events td.event-td.second .bottom-controls-wrapper, .events .new-event-container .bottom-controls-wrapper, .events .events-mobile .bottom-controls-wrapper {
    clear: both; }
  .events td.event-td.second .bottom-controls, .events .new-event-container .bottom-controls, .events .events-mobile .bottom-controls {
    border: 1px solid #eeeeee;
    background-color: #f9fbfb;
    padding: 15px; }
  .events td.event-td.second .show-details, .events .new-event-container .show-details, .events .events-mobile .show-details {
    text-align: center;
    width: 100px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    margin: -12px auto 0 auto;
    font-size: 0.9em;
    background-color: white;
    border: 1px solid #f2f2f2;
    color: gray; }
  .events td.event-td.second .invite-checkboxes, .events .new-event-container .invite-checkboxes, .events .events-mobile .invite-checkboxes {
    padding-bottom: 5px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px; }
    .events td.event-td.second .invite-checkboxes label, .events .new-event-container .invite-checkboxes label, .events .events-mobile .invite-checkboxes label {
      width: 100px; }
  .events td.event-td.second .announcer, .events .new-event-container .announcer, .events .events-mobile .announcer {
    display: block;
    font-size: 0.8em;
    margin-bottom: 10px;
    color: black; }
    .events td.event-td.second .announcer input, .events .new-event-container .announcer input, .events .events-mobile .announcer input {
      margin-top: 8px; }
  .events td.event-td.second img, .events .new-event-container img, .events .events-mobile img {
    height: 20px;
    width: 20px; }
  .events td.event-td.second .announcers, .events .new-event-container .announcers, .events .events-mobile .announcers {
    width: 100px; }
    .events td.event-td.second .announcers a, .events .new-event-container .announcers a, .events .events-mobile .announcers a {
      color: white;
      width: 100%;
      display: block;
      text-align: center;
      font-size: 0.8em;
      padding: 5px 0;
      border-radius: 5px;
      text-decoration: none;
      margin: 5px 0; }
    .events td.event-td.second .announcers span, .events .new-event-container .announcers span, .events .events-mobile .announcers span {
      font-weight: bold;
      padding-bottom: 10px;
      display: block; }
    .events td.event-td.second .announcers .facebook-label, .events .new-event-container .announcers .facebook-label, .events .events-mobile .announcers .facebook-label {
      color: #3b5998;
      margin-left: 1.4em; }
    .events td.event-td.second .announcers .twitter-label, .events .new-event-container .announcers .twitter-label, .events .events-mobile .announcers .twitter-label {
      color: #5ea8db;
      margin-left: 1.4em; }
    .events td.event-td.second .announcers .email-label, .events .new-event-container .announcers .email-label, .events .events-mobile .announcers .email-label {
      color: #df4e41; }
    .events td.event-td.second .announcers .email-preview, .events .new-event-container .announcers .email-preview, .events .events-mobile .announcers .email-preview {
      background-color: #df4e41; }
    .events td.event-td.second .announcers .website-activate, .events .new-event-container .announcers .website-activate, .events .events-mobile .announcers .website-activate {
      background-color: #61bf80; }
      .events td.event-td.second .announcers .website-activate.disable-schedule, .events .new-event-container .announcers .website-activate.disable-schedule, .events .events-mobile .announcers .website-activate.disable-schedule {
        pointer-events: none; }
    .events td.event-td.second .announcers .manage-employees, .events .new-event-container .announcers .manage-employees, .events .events-mobile .announcers .manage-employees {
      background-color: #f15a27; }
  .events td.event-td.second .checkbox, .events .new-event-container .checkbox, .events .events-mobile .checkbox {
    display: table-cell;
    vertical-align: top;
    padding-right: 0;
    color: gray;
    width: 600px;
    max-width: 100%; }
  .events tbody {
    border-top: 2px solid #f2f2f2; }
  .events tbody:first-child {
    border-top: none; }
  .events .edit-action {
    padding: 2px;
    margin-bottom: 5px; }
  .events table.event-table {
    width: 100%; }
    .events table.event-table img {
      width: 100px; }
    .events table.event-table .inline-icon {
      height: 25px;
      width: auto; }
    .events table.event-table .btn-edit img, .events table.event-table .btn-delete img {
      width: auto; }
    .events table.event-table .btn-delete {
      margin-left: 0.8em; }
    .events table.event-table .event-description {
      position: relative;
      padding-left: 1em; }
    .events table.event-table .image-tooltip label {
      margin-left: 0; }
    .events table.event-table .event-times span {
      margin: 0; }
    .events table.event-table .event-times label {
      margin-top: 0.35em; }
    .events table.event-table .fb-wrapper {
      border-right: 2px solid #f2f2f2; }
      .events table.event-table .fb-wrapper span {
        display: block;
        margin: 0 0 0 1em;
        font-weight: bold; }
      .events table.event-table .fb-wrapper label {
        width: 120px; }
    .events table.event-table .fb-wrapper-plain {
      border-right: 2px solid #f2f2f2;
      padding-right: 2em;
      height: 100%; }
      .events table.event-table .fb-wrapper-plain img {
        height: 16px;
        margin-left: 10px; }
  .events .events-mobile .image-thumb {
    width: 100px; }
  .events .events-mobile h3 {
    padding-top: 0px; }
  .events .events-mobile p {
    word-break: break-word; }
  .events .events-mobile label {
    margin-bottom: 10px; }
  .events .events-mobile .mobile-event {
    margin-bottom: 1.4em;
    padding-top: 0.5em;
    border-top: 2px solid #fbfbfb; }
    .events .events-mobile .mobile-event .time-edit span {
      margin: 0.35em 0 0 2em; }
    .events .events-mobile .mobile-event .time-edit.end-time {
      margin-bottom: 0.4em; }
  .events .events-mobile .btn-edit img, .events .events-mobile .btn-delete img, .events .events-mobile .checkbox-icon img {
    width: auto; }
  .events .events-mobile input[type=checkbox] {
    margin: 0 2px 0 0;
    vertical-align: middle; }
  .events .events-mobile .checkbox-icon {
    margin-right: 15px; }
  .events .events-mobile .btn-delete {
    margin-left: 0.8em; }
  .events .events-mobile .btn-success {
    width: 50%; }
  .events .popover {
    max-width: 400px; }
  .events .popover-inner {
    padding-left: 60px;
    background-image: url(https://static.spotapps.co/assets/admin/megaphone.png);
    background-repeat: no-repeat;
    background-position: 10px 10px; }
  .events .event-promotion-note .events-btns-holder {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media only screen and (max-width: 1200px) and (min-width: 992px) {
      .events .event-promotion-note .events-btns-holder .btn-secondary {
        margin: 10px; } }
    @media only screen and (max-width: 800px) and (min-width: 768px) {
      .events .event-promotion-note .events-btns-holder .btn-secondary {
        margin: 10px; } }
    @media (max-width: 500px) {
      .events .event-promotion-note .events-btns-holder .btn-save {
        margin-right: 10px;
        margin-left: 10px; } }
    @media (max-width: 420px) {
      .events .event-promotion-note .events-btns-holder .btn-save {
        margin-top: 10px; } }
    @media (max-width: 767px) {
      .events .event-promotion-note .events-btns-holder {
        flex-wrap: wrap; } }
  .events .event-promotion-note p {
    font-weight: 600;
    color: #444444; }

.public-events {
  max-width: 800px; }
  .public-events h3 {
    margin-top: 1em;
    padding-left: 10px;
    font-size: 1.2em;
    color: gray;
    text-transform: uppercase; }
  .public-events .event {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid silver;
    padding: 3px;
    background-color: white; }
  .public-events .event-name, .public-events .event-time {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin: 10px; }
  .public-events .event-name {
    font-weight: bold;
    text-align: left;
    width: calc(100% - 220px);
    font-size: 1.2em; }
  .public-events .event-times {
    float: right; }
  .public-events .event-time {
    width: 160px;
    text-align: right;
    font-size: 1.15em;
    color: #aaaaaa; }
  .public-events .event-text {
    display: inline-block;
    width: calc(100% - 220px);
    margin: 7px 10px 15px 10px;
    color: #888888;
    text-align: justify; }
  .public-events .event-img {
    clear: both;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .public-events .event-add-to-calendar {
    display: inline-block;
    float: right;
    text-align: right;
    box-sizing: border-box;
    vertical-align: top;
    margin: 10px; }

.modal-upgrade-table-management .modal-header {
  font-family: Lato;
  background-color: #f5f4fc;
  border: 1px solid #584fd6;
  text-align: center;
  letter-spacing: 0px;
  color: #333333;
  border-radius: 5px 5px 0 0; }
  .modal-upgrade-table-management .modal-header img {
    margin: 15px 0;
    margint-left: 5px; }
  .modal-upgrade-table-management .modal-header h2 {
    font: 30px/32px;
    font-weight: bold;
    margin-bottom: 5px; }
  .modal-upgrade-table-management .modal-header p {
    font: normal 16px/19px;
    opacity: 0.8;
    margin-bottom: 15px; }
.modal-upgrade-table-management .modal-body .center-div {
  margin: 0 auto;
  padding-top: 25px;
  max-width: 450px; }
.modal-upgrade-table-management .modal-body .item-holder {
  border: 1px solid #584fd6;
  border-radius: 8px;
  max-width: 450px; }
  .modal-upgrade-table-management .modal-body .item-holder p {
    margin: 0 auto;
    font-weight: bold;
    margin-top: -10px;
    max-width: 315px;
    text-align: center;
    background-color: white; }
.modal-upgrade-table-management .modal-body .item {
  margin: 5px 10px;
  background-color: #f5f4fc;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 5px 5px; }
  .modal-upgrade-table-management .modal-body .item div:first-of-type {
    padding: 10px 20px; }
  .modal-upgrade-table-management .modal-body .item div:last-of-type {
    float: right;
    padding: 5px 5px 0 10px;
    max-with: 350px; }
.modal-upgrade-table-management .modal-footer {
  text-align: center;
  border: 0; }
  .modal-upgrade-table-management .modal-footer button {
    margin: 15px 0 25px 0; }
  .modal-upgrade-table-management .modal-footer p {
    font-size: 10px;
    letter-spacing: 0px;
    color: #707070; }
    .modal-upgrade-table-management .modal-footer p a {
      color: #707070;
      text-decoration: underline; }
  .modal-upgrade-table-management .modal-footer .btn-yes {
    max-width: 90%;
    width: 214px;
    height: 43px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    color: white; }
  .modal-upgrade-table-management .modal-footer .btn-yes:hover {
    color: white; }

.modal_request_website_embed .modal-header, .modal_request_email .modal-header {
  border-bottom: 0px; }

.modal_request_website_embed.approved-only .modal-header {
  padding-bottom: 5px; }
  .modal_request_website_embed.approved-only .modal-header .close {
    margin-top: -20px; }
  .modal_request_website_embed.approved-only .modal-header .modal-title {
    margin-bottom: 0;
    margin-top: 5px; }
.modal_request_website_embed.approved-only .approval-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; }
  .modal_request_website_embed.approved-only .approval-controls img {
    width: 100px;
    height: 32px; }
.modal_request_website_embed .modal-header-title {
  text-align: center;
  font-size: 25px;
  margin-top: 20px; }
.modal_request_website_embed .modal_post_cancel_dislike a {
  padding: 10px 0 10px 0;
  display: block;
  font-size: 16px;
  border-top: 1px solid #fafafa;
  text-align: center; }
.modal_request_website_embed .modal_post_cancel_dislike a:first-child {
  border-top: 0px; }
.modal_request_website_embed .modal-header {
  text-align: center;
  padding: 30px 15px 15px; }
  .modal_request_website_embed .modal-header h1 {
    color: #333333;
    font-weight: bold;
    font-size: 18px; }
.modal_request_website_embed .modal-body .radio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  padding-bottom: 30px;
  margin: 0 auto; }
  .modal_request_website_embed .modal-body .radio-wrapper .radio-holder {
    display: flex;
    align-items: center;
    gap: 10px; }
    .modal_request_website_embed .modal-body .radio-wrapper .radio-holder input[type=radio] {
      margin: 0;
      accent-color: #fa5c12; }
      .modal_request_website_embed .modal-body .radio-wrapper .radio-holder input[type=radio]:hover {
        cursor: pointer; }
    .modal_request_website_embed .modal-body .radio-wrapper .radio-holder label {
      margin-bottom: 0;
      font-weight: 400;
      font-size: 16px;
      color: #333333; }
      .modal_request_website_embed .modal-body .radio-wrapper .radio-holder label:hover {
        cursor: pointer; }

.modal_post_removed .modal-header {
  text-align: center;
  padding: 10px 15px;
  border-bottom: 0; }
  .modal_post_removed .modal-header img {
    margin-top: 20px; }
  .modal_post_removed .modal-header button.close {
    color: #333333;
    opacity: 0.6;
    position: absolute;
    top: 7px;
    right: 10px; }
.modal_post_removed .modal-body {
  text-align: center;
  padding-bottom: 35px; }
  .modal_post_removed .modal-body p {
    font-weight: 600;
    font-size: 16px;
    color: #333333; }

.modal_preview_email .modal-header {
  padding-bottom: 0; }
  .modal_preview_email .modal-header h3 {
    clear: both;
    font-weight: normal; }
.modal_preview_email .modal-footer {
  clear: both; }
.modal_preview_email .modal-body .email-data.bottom {
  margin-top: 20px; }
.modal_preview_email .modal-body .email-data {
  clear: both; }
  .modal_preview_email .modal-body .email-data p.error {
    margin-left: 10px;
    color: #d93636; }
  .modal_preview_email .modal-body .email-data .default-promt {
    color: #777777;
    position: relative;
    overflow: hidden; }
    .modal_preview_email .modal-body .email-data .default-promt .btn-yes {
      margin-left: 5px; }
    .modal_preview_email .modal-body .email-data .default-promt .question {
      white-space: nowrap; }
    .modal_preview_email .modal-body .email-data .default-promt p {
      width: calc(100% - 106px);
      max-width: 100%; }
    .modal_preview_email .modal-body .email-data .default-promt .text-bold {
      font-weight: bold;
      color: #464646;
      margin-right: 15px; }
    .modal_preview_email .modal-body .email-data .default-promt .btn-holder {
      position: absolute;
      overflow: hidden;
      right: 0;
      bottom: 10px; }
      @media (max-width: 767px) {
        .modal_preview_email .modal-body .email-data .default-promt .btn-holder {
          bottom: 0; } }
      @media (max-width: 420px) {
        .modal_preview_email .modal-body .email-data .default-promt .btn-holder {
          position: initial;
          display: block;
          width: 100%;
          margin-bottom: 5px; } }
  .modal_preview_email .modal-body .email-data .edit-action {
    padding: 2px 8px; }
  .modal_preview_email .modal-body .email-data input {
    min-width: 200px;
    margin: 0 10px;
    outline: none; }
  .modal_preview_email .modal-body .email-data input.subject {
    width: calc(100% - 150px); }
  .modal_preview_email .modal-body .email-data input.sender-email {
    width: calc(100% - 157px); }
  .modal_preview_email .modal-body .email-data input.sender-name {
    width: calc(100% - 160px); }
  .modal_preview_email .modal-body .email-data input.email-reciever {
    width: calc(100% - 200px); }
  .modal_preview_email .modal-body .email-data input.days-before {
    min-width: 35px;
    width: 35px; }
  .modal_preview_email .modal-body .email-data p {
    color: #777777;
    float: left;
    margin-top: 3px; }
  .modal_preview_email .modal-body .email-data .input-group span {
    float: left; }
    .modal_preview_email .modal-body .email-data .input-group span button {
      padding: 6px 12px; }
  .modal_preview_email .modal-body .email-data .input-group .date-picker {
    width: 200px;
    margin: 0 0 0 15px; }
.modal_preview_email .modal-body .email-data.subject-edit {
  padding: 10px 20px 20px 20px;
  flex-direction: column;
  gap: 10px;
  border-radius: 5px;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 15px; }
  .modal_preview_email .modal-body .email-data.subject-edit textarea {
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    margin: 0;
    border: 1px solid lightgrey;
    color: #545454;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; }
  .modal_preview_email .modal-body .email-data.subject-edit textarea:focus {
    border-color: #8bc8f4; }
  .modal_preview_email .modal-body .email-data.subject-edit p {
    display: block;
    float: none;
    font-weight: 900;
    color: #545454;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700; }
  .modal_preview_email .modal-body .email-data.subject-edit div {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px; }
  .modal_preview_email .modal-body .email-data.subject-edit button {
    display: flex;
    width: 80px;
    height: 35px;
    padding: 3px 15px 5px 15px;
    justify-content: center;
    align-items: center;
    background-color: #33bb77; }
    .modal_preview_email .modal-body .email-data.subject-edit button svg {
      width: 13px;
      height: 11px;
      margin-right: 3px;
      flex-shrink: 0; }
.modal_preview_email .modal-body .email-wrapper {
  clear: both;
  text-align: center;
  background-color: white;
  padding: 10px 0; }
  .modal_preview_email .modal-body .email-wrapper .btn-edit {
    position: fixed;
    right: 30px; }
    @media (max-width: 767px) {
      .modal_preview_email .modal-body .email-wrapper .btn-edit {
        right: 20px; } }
  .modal_preview_email .modal-body .email-wrapper .edit-action {
    position: fixed;
    right: 30px;
    padding: 2px 8px; }
    @media (max-width: 767px) {
      .modal_preview_email .modal-body .email-wrapper .edit-action {
        right: 20px; } }
  .modal_preview_email .modal-body .email-wrapper .email-content {
    background-color: white;
    max-width: 550px;
    margin: 0 auto;
    padding: 10px; }
    .modal_preview_email .modal-body .email-wrapper .email-content .spots-logo {
      text-align: center; }
      .modal_preview_email .modal-body .email-wrapper .email-content .spots-logo img {
        max-width: 25%; }
      .modal_preview_email .modal-body .email-wrapper .email-content .spots-logo h3 {
        text-align: center;
        font-family: Arial;
        font-size: 1.5em;
        padding: 4px 0 14px 0; }
    .modal_preview_email .modal-body .email-wrapper .email-content .email-info {
      background-color: white;
      padding-top: 25px; }
      .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-toolbar {
        margin: 5px; }
        .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-toolbar .btn-group {
          margin-bottom: 5px; }
      .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-editor {
        width: 95%;
        min-height: 100px;
        height: auto;
        overflow: auto;
        font-family: inherit;
        font-size: 100%;
        margin: 0 5px;
        padding: 8px;
        text-align: initial; }
        .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-editor .ta-bind {
          min-height: 80px;
          outline: none !important; }
        .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-editor .popover.top {
          padding-bottom: 10px;
          margin-top: -25px;
          margin-left: 30px; }
        .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-editor h1 {
          color: initial;
          font-weight: initial;
          padding: initial; }
        .modal_preview_email .modal-body .email-wrapper .email-content .email-info .ta-editor p {
          font-size: initial;
          font-weight: initial;
          word-break: initial; }
      .modal_preview_email .modal-body .email-wrapper .email-content .email-info .event-description {
        padding: 0 10px;
        overflow-wrap: break-word; }
      .modal_preview_email .modal-body .email-wrapper .email-content .email-info .content-editing {
        padding: 10px 20px 20px 20px;
        flex-direction: column;
        gap: 10px;
        border-radius: 5px;
        background: white;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        margin-bottom: 15px; }
        .modal_preview_email .modal-body .email-wrapper .email-content .email-info .content-editing .btn-holder {
          display: flex;
          justify-content: flex-end;
          width: 95%;
          margin-top: 10px; }
          .modal_preview_email .modal-body .email-wrapper .email-content .email-info .content-editing .btn-holder button.btn-done {
            background-color: #33bb77;
            margin-left: 11px;
            color: white;
            border-radius: 3px;
            padding: 5px 10px;
            margin-right: 5px; }
            .modal_preview_email .modal-body .email-wrapper .email-content .email-info .content-editing .btn-holder button.btn-done svg {
              width: 11px;
              height: 10px;
              margin-right: 5px;
              flex-shrink: 0; }
      .modal_preview_email .modal-body .email-wrapper .email-content .email-info a {
        color: #1155cc;
        cursor: initial;
        text-decoration: initial;
        background-color: initial; }
      .modal_preview_email .modal-body .email-wrapper .email-content .email-info label a {
        color: white; }
    .modal_preview_email .modal-body .email-wrapper .email-content .social-links {
      text-align: center;
      margin-top: 5px; }
      .modal_preview_email .modal-body .email-wrapper .email-content .social-links img {
        width: 22px;
        margin: 0 3px; }
    .modal_preview_email .modal-body .email-wrapper .email-content h3 {
      font-family: Arial;
      font-size: 1.6em;
      clear: both;
      padding: 4px 1.5em; }
    .modal_preview_email .modal-body .email-wrapper .email-content h4, .modal_preview_email .modal-body .email-wrapper .email-content h5 {
      font-family: Arial;
      color: #5a5a5a;
      font-size: 1.4em; }
    .modal_preview_email .modal-body .email-wrapper .email-content h4 {
      margin-top: 15px; }
    .modal_preview_email .modal-body .email-wrapper .email-content h5 {
      margin-bottom: 15px;
      color: #818181; }
    .modal_preview_email .modal-body .email-wrapper .email-content p {
      text-align: center; }
    .modal_preview_email .modal-body .email-wrapper .email-content label {
      background-color: #333333;
      color: white;
      padding: 8px 35px;
      border-radius: 5px;
      font-family: Arial;
      margin: 15px 0 20px 0; }
    .modal_preview_email .modal-body .email-wrapper .email-content img {
      width: 100%; }
    .modal_preview_email .modal-body .email-wrapper .email-content h1 {
      color: initial;
      font-weight: initial;
      padding: initial; }

.modal-choose-email-custom-section .modal-header {
  text-align: center;
  background-color: white;
  padding: 10px 0 40px;
  border-bottom: 0; }
  .modal-choose-email-custom-section .modal-header h3 {
    color: #58585a;
    font-size: 20px;
    padding-top: 30px; }
  .modal-choose-email-custom-section .modal-header .close {
    margin-right: 5px; }
.modal-choose-email-custom-section .modal-body {
  background-color: white;
  margin: 20px 10px;
  border-radius: 6px; }
  .modal-choose-email-custom-section .modal-body h4 {
    text-align: center;
    color: #58585a;
    font-size: 16px;
    margin-bottom: 20px; }
    .modal-choose-email-custom-section .modal-body h4 img {
      max-width: 16px;
      margin-right: 7px;
      vertical-align: bottom; }
  .modal-choose-email-custom-section .modal-body .sections-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .modal-choose-email-custom-section .modal-body .sections-wrapper .section-holder {
      position: relative;
      min-height: 130px;
      flex-basis: 48%;
      margin-bottom: 15px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
      border: 1px solid #dadada;
      border-radius: 5px; }
      .modal-choose-email-custom-section .modal-body .sections-wrapper .section-holder img {
        max-width: 30%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .modal-choose-email-custom-section .modal-body .sections-wrapper .section-holder p {
        width: 100%;
        text-align: center;
        position: absolute;
        margin-bottom: 0;
        bottom: 5px; }
    .modal-choose-email-custom-section .modal-body .sections-wrapper .section-holder:hover {
      cursor: pointer; }
    .modal-choose-email-custom-section .modal-body .sections-wrapper .section-holder.active {
      background-color: #47b670;
      color: white; }

.modal-delete-promotion .modal-header {
  border-bottom: 0; }

.modal-edit-custom-email-button .modal-header {
  border-bottom: 0; }
.modal-edit-custom-email-button .modal-body {
  text-align: center;
  padding: 15px 50px; }
  @media (max-width: 560px) {
    .modal-edit-custom-email-button .modal-body {
      padding: 15px 10px; } }
  .modal-edit-custom-email-button .modal-body h3 {
    color: #333333;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 25px; }
  .modal-edit-custom-email-button .modal-body .bundle-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px; }
    .modal-edit-custom-email-button .modal-body .bundle-row .radio-label {
      display: flex;
      align-items: center;
      margin-right: 10px; }
      .modal-edit-custom-email-button .modal-body .bundle-row .radio-label label {
        color: black;
        margin-bottom: 0;
        margin-right: 5px; }
        .modal-edit-custom-email-button .modal-body .bundle-row .radio-label label .required-field-character {
          color: #ff0808;
          padding: 3px; }
      .modal-edit-custom-email-button .modal-body .bundle-row .radio-label input[type=radio] {
        margin: 0 4px 0 0; }
    .modal-edit-custom-email-button .modal-body .bundle-row .form-control {
      padding: 1px 5px;
      width: 300px; }
      @media (max-width: 480px) {
        .modal-edit-custom-email-button .modal-body .bundle-row .form-control {
          width: 190px; } }
    .modal-edit-custom-email-button .modal-body .bundle-row .form-control:disabled {
      background-color: #ececec;
      color: #bebebe;
      font-weight: 300; }
    .modal-edit-custom-email-button .modal-body .bundle-row .form-control.ng-invalid-required {
      border-color: red; }
    .modal-edit-custom-email-button .modal-body .bundle-row .no-radio-btn-label {
      margin-left: 16px; }
  .modal-edit-custom-email-button .modal-body .link-button-bundle p {
    color: red;
    font-size: 10px;
    margin: 0 0;
    text-align: right; }
  .modal-edit-custom-email-button .modal-body .btn.btn-success {
    width: 100px;
    margin: 20px auto; }

.modal-thank-you .modal-header {
  border-bottom: 0px; }
.modal-thank-you .modal-body {
  padding: 15px 45px;
  text-align: center; }
  .modal-thank-you .modal-body img {
    margin: 25px auto;
    width: 130px; }
  .modal-thank-you .modal-body h3 {
    margin-bottom: 25px; }
  .modal-thank-you .modal-body p.bulleted {
    margin-bottom: 0; }
  .modal-thank-you .modal-body p {
    font-size: 1.1em;
    margin-bottom: 20px; }
    .modal-thank-you .modal-body p span {
      font-weight: bold; }

.modal-thank-you.email-sent .modal-body {
  padding: 15px 45px 45px 45px; }
  .modal-thank-you.email-sent .modal-body p {
    margin-bottom: 0; }

.website-admin-banner {
  background-color: #f95706;
  padding: 25px;
  color: white; }
  .website-admin-banner label {
    font-weight: 400; }
  .website-admin-banner a {
    color: white;
    display: inline-block;
    border: 2px solid white;
    border-radius: 30px;
    text-decoration: none;
    padding: 10px 15px;
    font-weight: bold;
    margin-right: 20px; }
    .website-admin-banner a span {
      padding-right: 15px; }

.addtocalendar.atc-style-blue .atcb-link {
  background-color: #ea5329; }

.cropping-tool-modal-window .modal-dialog {
  width: 340px; }
  .cropping-tool-modal-window .modal-dialog img {
    width: 300px; }
  .cropping-tool-modal-window .modal-dialog .no-mobile-message {
    display: none;
    background-color: #ef9f77;
    border-radius: 3px;
    padding: 0.5em;
    font-weight: bold; }

.pagination li a {
  padding: 2px 3px;
  border: none;
  color: black; }
.pagination .disabled a {
  color: #c1bebe; }
.pagination .active a {
  background-color: white;
  border-color: white;
  font-weight: bold;
  color: black; }
.pagination .active a:focus {
  color: black;
  background-color: white;
  border-color: white;
  font-weight: bold; }
.pagination li:hover a {
  background-color: white;
  border-color: white;
  font-weight: bold; }

@media (min-width: 769px) {
  .gallery-modal-window .modal-dialog {
    width: 769px; } }
@media (min-width: 768px) {
  .gallery-similar-modal-window .modal-dialog {
    width: 600px; } }
.modal_bussines_info_features {
  color: black; }
  .modal_bussines_info_features h4 {
    font-size: 18px; }
  .modal_bussines_info_features .modal-row {
    padding-top: 25px;
    color: black;
    font-size: 15px; }
    .modal_bussines_info_features .modal-row .error {
      margin: 8px 0 0 10px;
      color: red; }
  .modal_bussines_info_features .no-padding-bottom {
    padding-bottom: 0; }
  .modal_bussines_info_features .btn-primary {
    margin: 0; }
  .modal_bussines_info_features .modal-header {
    border: none; }

.modal-gallery .modal-header {
  border: none;
  padding-bottom: 0;
  padding-top: 20px; }
  .modal-gallery .modal-header h3 {
    padding: 0 30px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #6d6d6d; }
  .modal-gallery .modal-header .close {
    margin-top: -6px;
    font-size: 26px;
    font-weight: 600;
    color: #d1d2d4;
    opacity: 1; }
  .modal-gallery .modal-header .close:hover {
    color: #f1592a; }
  .modal-gallery .modal-header .text-holder {
    margin: 15px auto 0;
    width: 400px;
    max-width: 100%; }
    .modal-gallery .modal-header .text-holder p {
      margin: 0;
      color: #58585a; }
.modal-gallery .modal-body {
  padding-right: 20px;
  padding-left: 30px; }
  .modal-gallery .modal-body ul {
    padding: 0 5px;
    margin-bottom: 5px; }
  .modal-gallery .modal-body .tab {
    background: white;
    color: #d1d2d4;
    border-bottom: 10px solid #d1d2d4;
    padding: 5px 15px 10px 15px;
    border-radius: 0;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: capitalize; }
  .modal-gallery .modal-body .tab:active {
    background: white; }
  .modal-gallery .modal-body .tab:focus {
    background: white; }
  .modal-gallery .modal-body .tab:focus {
    background: white; }
  .modal-gallery .modal-body .tab:link {
    background: white; }
  .modal-gallery .modal-body li.active .tab {
    color: #f1592a;
    border-bottom: 10px solid #f1592a; }
  .modal-gallery .modal-body li:hover .tab {
    color: rgba(241, 89, 42, 0.7);
    border-bottom: 10px solid rgba(241, 89, 42, 0.7); }
  .modal-gallery .modal-body li + li {
    margin-left: 0; }
  .modal-gallery .modal-body .btn-success {
    background-color: #2bb673;
    border-color: #a1d5b2; }
.modal-gallery .modal-footer {
  border: none;
  padding: 10px 40px 15px 40px;
  text-align: left; }
  .modal-gallery .modal-footer p {
    display: inline-block;
    padding-top: 10px;
    font-size: 1.2em;
    font-weight: 600;
    color: #58585a; }
    @media (max-width: 767px) {
      .modal-gallery .modal-footer p {
        display: block;
        margin-bottom: 20px; } }
  .modal-gallery .modal-footer .uploader-form {
    display: inline-block;
    float: right;
    margin-left: 10px; }
    @media (max-width: 767px) {
      .modal-gallery .modal-footer .uploader-form {
        display: block;
        width: 100%; } }
    @media (max-width: 767px) {
      .modal-gallery .modal-footer .uploader-form .uploader {
        width: 100%; } }
  .modal-gallery .modal-footer .btn {
    display: inline-block;
    float: right;
    margin-left: 10px;
    padding: 10px 40px;
    font-size: 1.2em;
    font-weight: 600;
    color: white; }
    @media (max-width: 767px) {
      .modal-gallery .modal-footer .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px; } }
  .modal-gallery .modal-footer .btn-success {
    background-color: #2bb673;
    border-color: #a1d5b2; }
  .modal-gallery .modal-footer .btn-primary {
    background: #f1592a !important;
    background-color: #f1592a;
    border-color: #f9a983 !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    color: white !important;
    padding: 11px 40px; }
    @media (max-width: 767px) {
      .modal-gallery .modal-footer .btn-primary {
        display: block;
        width: 100%; } }
.modal-gallery .modal-footer.edit-flyer-text {
  padding: 10px 40px 0px 40px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap; }
  .modal-gallery .modal-footer.edit-flyer-text textarea {
    width: unset; }
  .modal-gallery .modal-footer.edit-flyer-text .flyer-buttons {
    margin: 0 0; }
    .modal-gallery .modal-footer.edit-flyer-text .flyer-buttons .button-wrapper {
      display: block;
      margin: 10px 0; }
      .modal-gallery .modal-footer.edit-flyer-text .flyer-buttons .button-wrapper button {
        float: none;
        width: 180px; }
.modal-gallery .visible-xs-block table td {
  width: 49%; }
.modal-gallery table {
  width: 100%; }
  .modal-gallery table td {
    width: 33%; }
    .modal-gallery table td div {
      border: 3px solid white;
      background-color: silver;
      margin: 3px;
      padding-bottom: -webkit-calc((100% - 12px)*2/3);
      padding-bottom: expression((100% - 12px)*2/3);
      padding-bottom: -moz-calc((100% - 12px)*2/3);
      padding-bottom: -o-calc((100% - 12px)*2/3);
      padding-bottom: calc((100% - 12px)*2/3); }
    .modal-gallery table td div.stock-image {
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer;
      background-position: center center; }
      .modal-gallery table td div.stock-image:hover {
        border-color: #e0e0e0; }
    .modal-gallery table td div.stock-image.selected {
      border-color: #2bb673; }
      .modal-gallery table td div.stock-image.selected:hover {
        border-color: #2bb673; }
  .modal-gallery table .btn-success {
    width: 100%;
    margin-top: 12px; }
  .modal-gallery table .arrow-slide-container {
    position: relative; }
    .modal-gallery table .arrow-slide-container button {
      top: -17px;
      left: -20px;
      position: absolute;
      color: gray;
      border: 1px solid gray;
      background-color: white; }
.modal-gallery table.flyers td div {
  padding-bottom: 0px;
  text-align: center; }
.modal-gallery table.flyers td div.loader {
  margin: 0 auto;
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite; }
.modal-gallery table.flyers .arrow-slide-container button {
  top: -webkit-calc(50% - 15px);
  top: expression(50% - 15px);
  top: -moz-calc(50% - 15px);
  top: -o-calc(50% - 15px);
  top: calc(50% - 15px); }

.modal-gallery-similar .modal-body {
  padding-right: 25px;
  padding-left: 25px; }
  .modal-gallery-similar .modal-body .arrow-slide-container {
    position: relative; }
    .modal-gallery-similar .modal-body .arrow-slide-container div.stock-image {
      background-color: silver;
      padding-bottom: 75%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
    .modal-gallery-similar .modal-body .arrow-slide-container button {
      top: calc(50% - 17px);
      position: absolute;
      right: 10px;
      color: gray;
      border: 1px solid gray;
      background-color: white; }
    .modal-gallery-similar .modal-body .arrow-slide-container button.right {
      right: -20px; }
    .modal-gallery-similar .modal-body .arrow-slide-container button.left {
      left: -20px; }
  .modal-gallery-similar .modal-body table {
    width: 100%;
    margin-top: 15px; }
    .modal-gallery-similar .modal-body table td {
      width: 49%;
      padding: 0 5px; }
      .modal-gallery-similar .modal-body table td .btn-success, .modal-gallery-similar .modal-body table td .btn-default {
        width: 100%;
        padding: 6px 0; }

.stock-gallery-wrapper {
  max-width: 1500px; }
  .stock-gallery-wrapper .overlay-element {
    max-width: 500px;
    margin: 0 auto; }
    .stock-gallery-wrapper .overlay-element input {
      width: 100%; }
  .stock-gallery-wrapper .stock-image-new-panel {
    width: 280px; }
    .stock-gallery-wrapper .stock-image-new-panel img {
      width: 240px;
      height: 160px; }
    .stock-gallery-wrapper .stock-image-new-panel textarea {
      width: 240px;
      height: 120px; }
  .stock-gallery-wrapper .stock-image-panel {
    width: 240px;
    margin: 15px;
    min-height: 240px; }
    .stock-gallery-wrapper .stock-image-panel img {
      width: 240px;
      height: 160px; }
    .stock-gallery-wrapper .stock-image-panel textarea {
      width: 240px;
      height: 100px; }

.spot-categories {
  max-width: 900px;
  margin: 0 auto 0 auto; }
  .spot-categories table {
    width: 100%; }
  .spot-categories tr {
    border-bottom: 1px solid #eeeeee; }
  .spot-categories table thead th {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px; }
  .spot-categories .spot-category-name {
    width: 300px; }
  .spot-categories .spot-category-controls {
    width: 150px; }

.text-fragments {
  max-width: 1500px; }
  .text-fragments table {
    width: 100%; }
    .text-fragments table td {
      padding: 5px;
      vertical-align: top;
      border-bottom: 1px solid #eeeeee; }
      .text-fragments table td textarea {
        margin-top: 0px;
        min-width: 300px; }
    .text-fragments table td.text-fragment-text {
      width: 50%; }
  .text-fragments input {
    width: 100%;
    max-width: 300px;
    border-radius: 5px; }
  .text-fragments textarea {
    margin-top: 10px;
    width: 100%;
    height: 100px;
    border-radius: 5px; }
  .text-fragments select {
    width: 120px;
    border-radius: 5px;
    padding: 2px; }
  .text-fragments select.disabled-style {
    border: 0px;
    -moz-appearance: none;
    -webkit-appearance: none; }
  .text-fragments .pagination li a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857;
    color: #337ab7;
    text-decoration: none;
    background-color: white;
    border: 1px solid #dddddd; }
  .text-fragments .pagination .active a {
    color: white;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7; }
  .text-fragments .show-per-page {
    display: inline-block;
    margin-bottom: 5px;
    position: absolute;
    margin-top: 27px;
    margin-left: 10px; }
  .text-fragments .btn-primary {
    margin-top: 8px; }

.special-subjects {
  max-width: 1500px; }
  .special-subjects table {
    width: 100%; }
    .special-subjects table td {
      padding: 5px;
      vertical-align: top;
      border-bottom: 1px solid #eeeeee; }
      .special-subjects table td textarea {
        margin-top: 0px;
        min-width: 300px; }
    .special-subjects table td.special-subject-text {
      width: 50%; }
  .special-subjects input {
    width: 100%;
    max-width: 300px;
    border-radius: 5px; }
  .special-subjects textarea {
    margin-top: 10px;
    width: 100%;
    height: 100px;
    border-radius: 5px; }
  .special-subjects select {
    width: 120px;
    border-radius: 5px;
    padding: 2px; }
  .special-subjects select.disabled-style {
    border: 0px;
    -moz-appearance: none;
    -webkit-appearance: none; }

.website-status-report.row.first-row {
  margin-top: 3%;
  padding-bottom: 0;
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .website-status-report.row.first-row {
      margin-bottom: 15px; } }

.website-status-report.no-padding {
  padding: 0;
  padding-bottom: 5px; }

.website-status-report {
  padding: 0 15px 30px 15px;
  font-size: 1em; }
  .website-status-report span {
    font-weight: normal; }
  .website-status-report .website-heading {
    font-weight: bold;
    padding-left: 20px;
    font-size: 20px;
    text-align: left;
    color: #808285; }
    @media (max-width: 767px) {
      .website-status-report .website-heading {
        text-align: center; } }
  @media (max-width: 1050px) {
    .website-status-report {
      font-size: 1em; } }
  @media (max-width: 767px) {
    .website-status-report {
      padding-left: 15px; } }
  .website-status-report .website-section {
    background-color: white;
    border-radius: 10px;
    padding: 10px 25px; }
    .website-status-report .website-section blockquote {
      font-size: 1em; }
    .website-status-report .website-section figure img {
      width: 100%; }
    .website-status-report .website-section .week-text {
      color: #808285;
      font-weight: bold;
      margin: 5px -10px 5px -10px; }
    .website-status-report .website-section .current-week {
      color: white;
      background-color: #29a99e; }
      .website-status-report .website-section .current-week .text-right {
        float: right;
        padding-right: 30px;
        color: #acd6d2; }
      .website-status-report .website-section .current-week span {
        font-size: 1em;
        font-weight: bold; }
    .website-status-report .website-section .table-row.optional {
      background-color: #f6f7f8; }
      .website-status-report .website-section .table-row.optional .optional-label {
        color: #939598; }
    .website-status-report .website-section .table-row {
      border-bottom: 1px solid #f3f3f4;
      padding-top: 10px;
      overflow: hidden; }
      .website-status-report .website-section .table-row .no-padding-right {
        padding-right: 0; }
        @media (max-width: 767px) {
          .website-status-report .website-section .table-row .no-padding-right {
            padding-right: 15px; } }
      .website-status-report .website-section .table-row .no-padding-left {
        padding-left: 0; }
        @media (max-width: 767px) {
          .website-status-report .website-section .table-row .no-padding-left {
            padding-left: 15px; } }
      .website-status-report .website-section .table-row .button-container {
        padding-bottom: 10px; }
        @media (max-width: 767px) {
          .website-status-report .website-section .table-row .button-container {
            float: right;
            margin-right: 15px; } }
        @media (max-width: 430px) {
          .website-status-report .website-section .table-row .button-container {
            float: left; } }
      @media (max-width: 1033px) {
        .website-status-report .website-section .table-row .padding-right {
          padding-right: 1px; } }
      .website-status-report .website-section .table-row .col-md-3 p {
        max-width: 115px;
        margin-left: 4px; }
        @media (max-width: 1146px) {
          .website-status-report .website-section .table-row .col-md-3 p {
            max-width: none;
            min-width: 115px; } }
        @media (max-width: 500px) {
          .website-status-report .website-section .table-row .col-md-3 p {
            min-width: none; } }
      .website-status-report .website-section .table-row .truncate .btn-link {
        cursor: pointer; }
      .website-status-report .website-section .table-row .hs-ticket-id {
        color: #808285;
        font-size: 0.9em; }
      .website-status-report .website-section .table-row .last-comment {
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        font-style: italic;
        color: #808285; }
        @media (max-width: 1210px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 70%; } }
        @media (max-width: 1130px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 60%; } }
        @media (max-width: 1029px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 55%; } }
        @media (max-width: 882px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 48%; } }
        @media (max-width: 830px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 42%; } }
        @media (max-width: 780px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 40%; } }
        @media (max-width: 767px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 80%; } }
        @media (max-width: 540px) {
          .website-status-report .website-section .table-row .last-comment {
            max-width: 70%; } }
      .website-status-report .website-section .table-row p.week-text {
        color: #808285;
        font-weight: bold; }
      .website-status-report .website-section .table-row p.current-week {
        color: white; }
      .website-status-report .website-section .table-row p.full-width {
        width: 100%; }
      .website-status-report .website-section .table-row p {
        margin: 0 0 14px 0;
        display: inline-block; }
      .website-status-report .website-section .table-row h5 {
        display: inline-block;
        width: 135px; }
      @media (max-width: 400px) {
        .website-status-report .website-section .table-row .col-xs-3 {
          padding-left: 5px; } }
      .website-status-report .website-section .table-row .signs-container {
        width: 60px;
        display: inline-block;
        text-align: right;
        vertical-align: top;
        margin-bottom: 3px; }
        @media (max-width: 768px) {
          .website-status-report .website-section .table-row .signs-container {
            float: right;
            text-align: left; }
            .website-status-report .website-section .table-row .signs-container img {
              float: right; } }
      .website-status-report .website-section .table-row a.read-more {
        color: #25aae1;
        cursor: pointer;
        text-decoration: underline;
        font-weight: bold;
        padding-left: 5px;
        margin: 10px 0;
        margin-top: 0; }
      .website-status-report .website-section .table-row a.schedule-button {
        display: inline-block;
        font-size: 0.9em;
        width: 100%;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        background-color: #f1592b;
        color: white;
        font-weight: bold;
        border-radius: 5px;
        margin-bottom: 10px; }
      .website-status-report .website-section .table-row .scheduled-date {
        text-align: center;
        width: 100%; }
        @media (max-width: 994px) {
          .website-status-report .website-section .table-row .scheduled-date {
            text-align: left; } }
    .website-status-report .website-section .table-row:last-of-type {
      border-bottom: none; }
    .website-status-report .website-section .table-row.page-gray-background {
      border: none; }
    .website-status-report .website-section .table-headings {
      font-weight: bold; }
    .website-status-report .website-section .customer-support p {
      padding-top: 18px;
      display: inline-block; }
    @media (max-width: 900px) {
      .website-status-report .website-section .customer-support p.customer-title {
        display: block;
        width: 100%; } }
    .website-status-report .website-section .customer-support img {
      width: 60px;
      height: 60px;
      margin: 0 20px; }
    .website-status-report .website-section .customer-support a {
      margin-top: 10px;
      padding: 10px 40px;
      background-color: #808285;
      color: white;
      font-weight: bold;
      float: right;
      border-radius: 5px;
      display: inline-block; }
      @media (max-width: 540px) {
        .website-status-report .website-section .customer-support a {
          float: none; } }

.website-status.no-width {
  max-width: none;
  background-color: white; }

.website-status {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto; }
  .website-status .table-title.margin-top {
    margin-top: 15px; }
  .website-status .table-title {
    font-weight: bold;
    color: #808285; }
    .website-status .table-title label {
      margin-left: 10px; }
    .website-status .table-title .pull-right {
      display: inline-block; }
    .website-status .table-title .text-orange {
      color: #f05c56; }
    .website-status .table-title h3 {
      width: auto;
      display: inline-block;
      padding-top: 0px;
      padding-bottom: 10px;
      text-align: left;
      font-size: 20px; }
      @media (max-width: 768px) {
        .website-status .table-title h3 {
          font-size: 15px; } }
    .website-status .table-title .table-title-padding {
      padding-top: 15px;
      padding-bottom: 15px; }
  .website-status img {
    width: 16px;
    height: 16px; }
  .website-status h3 {
    text-align: center;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    max-width: 900px;
    width: 100%; }
  .website-status h5 {
    text-align: center; }
  .website-status .website-heading {
    font-weight: bold;
    padding: 20px;
    font-size: 20px;
    text-align: left;
    color: #808285; }
    @media (max-width: 767px) {
      .website-status .website-heading {
        text-align: center; } }
  .website-status .website-heading.waitlist-heading {
    color: black; }
    @media (max-width: 767px) {
      .website-status .website-heading.waitlist-heading {
        text-align: left;
        padding: 10px 90px 10px 70px; } }
  .website-status .website-status-controls {
    max-width: 900px;
    display: flex;
    display: -webkit-flex; }
  .website-status .website-status-column-titles {
    max-width: 900px;
    font-size: 12px;
    font-weight: normal !important;
    padding-top: 15px;
    border-bottom: 1px solid silver;
    padding-bottom: 10px;
    background-color: white;
    max-width: 900px;
    z-index: 3; }
    .website-status .website-status-column-titles .you-owe-cell {
      text-align: center; }
    .website-status .website-status-column-titles .website-status-progress-header {
      width: 50px; }
  .website-status .border-bot {
    border-bottom: 1px solid black; }
  .website-status .ticket-details {
    border-top: none;
    border: 1px solid black; }
    .website-status .ticket-details .row {
      padding: 5px; }
    .website-status .ticket-details .ticket-text {
      margin-top: 5px;
      background-color: white;
      border-top: 1px solid black; }
  .website-status .website-status-row:nth-child(even) {
    background-color: #f7f7f7; }
  .website-status .website-status-row.website-status-row-total {
    font-weight: bold; }
  .website-status .website-status-row {
    font-size: 13px;
    font-weight: normal; }
    .website-status .website-status-row img {
      width: 25px;
      margin-right: 8px; }
    .website-status .website-status-row .website-status-cell.progress-cell {
      padding-top: 10px; }
    .website-status .website-status-row .website-status-cell {
      align: right;
      padding-top: 23px;
      padding-bottom: 15px; }
    .website-status .website-status-row .website-status-cell.you-owe-cell {
      text-align: center;
      width: 100%; }
    .website-status .website-status-row .website-status-cell.with-person {
      padding-top: 10px; }
      .website-status .website-status-row .website-status-cell.with-person > div {
        display: flex;
        display: -webkit-flex; }
      .website-status .website-status-row .website-status-cell.with-person img {
        width: 25px;
        height: 25px; }
      .website-status .website-status-row .website-status-cell.with-person span {
        font-size: 14px;
        font-weight: normal;
        color: #666666; }
      .website-status .website-status-row .website-status-cell.with-person .website-status-phase-title {
        font-weight: 600;
        font-weight: bold;
        color: #666666; }
  .website-status button {
    width: 100%;
    font-size: 12px;
    color: #f26522;
    background-color: white;
    border: 1px solid #f26522;
    margin: 5px;
    padding: 7px 5px 7px 5px; }
  .website-status button.active {
    background-color: #f26522;
    color: white; }
  .website-status button.book-now-button {
    margin-top: 17px;
    width: 100px; }
  .website-status .website-status-footnote {
    color: #eea375;
    text-align: left; }
    .website-status .website-status-footnote .legend-img {
      margin-right: 5px; }

@media (max-width: 767px) {
  .website-conf h3 {
    font-size: 1.2em !important;
    padding-top: 0 !important;
    padding-left: 5px !important; } }
.website-conf h4 {
  margin-top: 40px;
  margin-bottom: 40px; }
.website-conf section {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .website-conf section {
      margin-bottom: 5px; } }
  .website-conf section p {
    display: inline-block; }
    @media (max-width: 767px) {
      .website-conf section p {
        margin-bottom: 5px; } }
  .website-conf section .reset-holder {
    height: 50px; }
  .website-conf section .form-control {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 7px;
    padding: 10px;
    font-size: 16px;
    color: #58585a;
    border-color: #e9eaeb;
    box-shadow: none; }
  .website-conf section textarea.form-control {
    height: auto; }
  .website-conf section input::-webkit-input-placeholder {
    color: #bdbec0; }
  .website-conf section input:-moz-placeholder {
    color: #bdbec0; }
  .website-conf section input::-moz-placeholder {
    color: #bdbec0; }
  .website-conf section input:-ms-input-placeholder {
    color: #bdbec0; }
  .website-conf section .btn {
    padding: 10px 40px; }
  @media (max-width: 767px) {
    .website-conf section .btn-info {
      width: 100%;
      padding: 10px; } }
.website-conf .btn-success {
  margin-bottom: 15px;
  padding: 10px 40px;
  background-color: #2bb673;
  border-color: #2bb673; }
.website-conf .good_character_count {
  color: green; }
.website-conf .bad_character_count {
  color: #ffa1a1; }
.website-conf .info span {
  color: #facb90; }
  @media (max-width: 767px) {
    .website-conf .info span {
      display: block;
      float: none !important; } }
.website-conf .has-error .form-control {
  border-color: #a94442; }
.website-conf .website-bar {
  min-height: 55px; }

@media (max-width: 991px) {
  .website-seo-conf.website-page .website-container {
    padding-right: 5%; } }

.website-seo-conf h1 {
  color: #1e1e1e;
  font-size: 1.5em;
  font-weight: bold; }
.website-seo-conf .website-bar .website-section {
  margin-left: 5% !important; }
  @media (max-width: 767px) {
    .website-seo-conf .website-bar .website-section {
      margin-left: 55px !important; } }
  .website-seo-conf .website-bar .website-section h3 {
    color: #3a3a3c;
    font-weight: lighter; }
    @media (max-width: 1024px) {
      .website-seo-conf .website-bar .website-section h3 {
        padding: 5px 10px !important; } }
    @media (max-width: 767px) {
      .website-seo-conf .website-bar .website-section h3 {
        font-size: 1.1em; } }
  .website-seo-conf .website-bar .website-section .brand-color {
    color: #ea5329;
    font-size: inherit; }
.website-seo-conf .blue-holder {
  display: flex;
  flex-direction: column;
  border: 1px solid #c2cedc;
  background-color: #d9edf7;
  padding: 2em;
  border-radius: 5px;
  color: #476f93; }
  .website-seo-conf .blue-holder .ga-settings {
    max-width: 320px;
    margin-bottom: 1em; }
    .website-seo-conf .blue-holder .ga-settings h4 {
      margin-bottom: 0.6em; }
    .website-seo-conf .blue-holder .ga-settings p {
      margin: 10px 0px; }
  .website-seo-conf .blue-holder .spot-seo-info {
    display: flex;
    flex-direction: column;
    max-width: 600px; }
    .website-seo-conf .blue-holder .spot-seo-info ol {
      padding-left: 1.4em; }
    .website-seo-conf .blue-holder .spot-seo-info .spot-info {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #b0e5ff;
      margin-bottom: 2em;
      padding-bottom: 2em; }
.website-seo-conf .loading-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1em;
  background: white;
  padding: 2em;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  gap: 5px; }
  @media (max-width: 768px) {
    .website-seo-conf .loading-holder {
      flex-direction: column; } }
  .website-seo-conf .loading-holder .text {
    min-width: 100px; }
  .website-seo-conf .loading-holder .loader-holder {
    color: #c9c9c9;
    letter-spacing: 1px;
    margin-right: 3em; }
    @media (max-width: 768px) {
      .website-seo-conf .loading-holder .loader-holder {
        margin-right: 0; } }
.website-seo-conf .input-holder {
  width: 100%;
  position: relative; }
  .website-seo-conf .input-holder input {
    background-color: #f3f3f3;
    padding: 0.5em;
    border-radius: 5px;
    width: 100%;
    padding-left: 2.5em;
    border: 1px solid #f3f3f3;
    cursor: not-allowed; }
  .website-seo-conf .input-holder .icon-holder {
    position: absolute;
    top: 10px;
    left: 10px; }
.website-seo-conf .main-content-holder {
  display: flex;
  margin-top: 1em;
  gap: 10px; }
  @media (max-width: 991px) {
    .website-seo-conf .main-content-holder {
      flex-direction: column; } }
  .website-seo-conf .main-content-holder .flex {
    display: flex; }
  .website-seo-conf .main-content-holder .items-center {
    align-items: center; }
  .website-seo-conf .main-content-holder .sidebar {
    min-width: 200px;
    max-width: 200px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #d6dfea;
    padding: 10px;
    height: max-content;
    padding-bottom: 0; }
    @media (max-width: 991px) {
      .website-seo-conf .main-content-holder .sidebar {
        max-width: 100%; } }
    .website-seo-conf .main-content-holder .sidebar ul {
      list-style: none;
      padding: 0;
      cursor: pointer; }
      .website-seo-conf .main-content-holder .sidebar ul.disabled {
        cursor: not-allowed; }
      @media (max-width: 991px) {
        .website-seo-conf .main-content-holder .sidebar ul {
          display: flex;
          flex-wrap: wrap; } }
      .website-seo-conf .main-content-holder .sidebar ul li {
        color: #3a3a3c;
        padding: 0.5em;
        text-transform: capitalize; }
        .website-seo-conf .main-content-holder .sidebar ul li.active {
          color: #ea5329;
          background-color: #ffe9dc; }
        .website-seo-conf .main-content-holder .sidebar ul li.disabled {
          pointer-events: none; }
  .website-seo-conf .main-content-holder .image-holder {
    text-align: center;
    max-width: 90%;
    padding: 0.5em 1em 1em 1em; }
    .website-seo-conf .main-content-holder .image-holder img {
      max-width: 75%; }
      @media (max-width: 768px) {
        .website-seo-conf .main-content-holder .image-holder img {
          max-width: 100%; } }
  .website-seo-conf .main-content-holder .badge {
    background-color: #eaeff5;
    border-radius: 30px;
    color: #1960d7;
    font-weight: lighter;
    font-size: 0.9em;
    padding: 5px; }
    .website-seo-conf .main-content-holder .badge .highlight {
      color: #1960d7;
      font-weight: bold; }
    .website-seo-conf .main-content-holder .badge p {
      margin: 0;
      padding: 0; }
  .website-seo-conf .main-content-holder .main-holder {
    display: flex;
    width: 100%;
    flex-direction: column; }
  .website-seo-conf .main-content-holder .gray-panel {
    width: 100%;
    padding: 10px;
    background-color: #ebedf0;
    border-radius: 5px;
    margin-bottom: 10px; }
    .website-seo-conf .main-content-holder .gray-panel .website-url {
      min-width: 100px; }
    .website-seo-conf .main-content-holder .gray-panel .white-panel {
      background-color: white;
      border-radius: 5px;
      border: 1px solid #d6dfea;
      padding: 10px;
      margin-bottom: 10px; }
      .website-seo-conf .main-content-holder .gray-panel .white-panel #current-url {
        -webkit-text-fill-color: #333333; }
    .website-seo-conf .main-content-holder .gray-panel .info {
      margin-top: 10px; }
    .website-seo-conf .main-content-holder .gray-panel .field {
      border: 1px solid #d6dfea;
      background-color: #f5f9fa;
      padding: 10px 10px 10px 15px;
      width: 100%;
      border-radius: 10px;
      box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15) inset; }
      .website-seo-conf .main-content-holder .gray-panel .field.ng-invalid-maxlength {
        border: 1px solid red; }
      .website-seo-conf .main-content-holder .gray-panel .field::placeholder {
        color: #989898; }
      .website-seo-conf .main-content-holder .gray-panel .field.big {
        padding: 5px 25px 25px 15px; }
    .website-seo-conf .main-content-holder .gray-panel textarea {
      resize: none; }
    .website-seo-conf .main-content-holder .gray-panel .limit-info {
      font-size: 0.8em;
      color: #898989;
      margin-left: auto;
      margin-top: 5px; }
  .website-seo-conf .main-content-holder .meta-content-holder img {
    max-width: 65%; }
    @media (max-width: 768px) {
      .website-seo-conf .main-content-holder .meta-content-holder img {
        max-width: 100%; } }

.sticky-save-banner {
  background: white;
  padding: 1.5em;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.34); }
  .sticky-save-banner.submitted {
    background: #ddfeea;
    display: flex;
    justify-content: center;
    margin-left: 10%; }
    @media (max-width: 768px) {
      .sticky-save-banner.submitted {
        margin-left: 0; } }
    .sticky-save-banner.submitted p {
      color: #1e8949;
      font-weight: bold;
      width: 100%;
      max-width: 640px;
      margin: 0; }
      @media (max-width: 520px) {
        .sticky-save-banner.submitted p {
          width: 90%; } }
  .sticky-save-banner .cta-holder {
    display: flex;
    gap: 1em; }
  .sticky-save-banner button {
    padding: 5px 10px;
    border-radius: 5px;
    height: 45px; }
    .sticky-save-banner button.disabled {
      opacity: 0.6;
      cursor: not-allowed; }
  .sticky-save-banner .discard {
    background-color: #e9e9e9;
    color: #3a3a3c;
    border: 1px solid #e9e9e9;
    margin-left: auto; }
  .sticky-save-banner .save {
    background-color: #20b15a;
    color: white;
    border: 1px solid #20b15a;
    margin-right: 3em; }

.website-seo-conf .loader {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: block;
  position: relative;
  background: #c9c9c9;
  box-shadow: -24px 0 #c9c9c9, 24px 0 #c9c9c9, 48px 0 #c9c9c9;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
  margin-bottom: 10px;
  margin-left: 24px; }

@keyframes shadowPulse {
  25% {
    background: #c9c9c9;
    box-shadow: -24px 0 #ff3d00, 24px 0 #c9c9c9, 48px 0 #c9c9c9; }

  50% {
    background: #ff3d00;
    box-shadow: -24px 0 #c9c9c9, 24px 0 #c9c9c9, 48px 0 #c9c9c9; }

  75% {
    background: #c9c9c9;
    box-shadow: -24px 0 #c9c9c9, 24px 0 #ff3d00, 48px 0 #c9c9c9; }

  100% {
    background: #c9c9c9;
    box-shadow: -24px 0 #c9c9c9, 24px 0 #c9c9c9, 48px 0 #ff3d00; } }

@media (max-width: 1200px) {
  .events td.event-td.second .invite-checkboxes label, .events .new-event-container .invite-checkboxes label, .events .events-mobile .invite-checkboxes label {
    width: 85px; }
  .events td.event-td.second .announcers, .events .new-event-container .announcers, .events .events-mobile .announcers {
    width: 85px; }
  .events td.event-td.second .checkbox, .events .new-event-container .checkbox, .events .events-mobile .checkbox {
    padding-right: 25px; }

  .food-menu-sheet .bottom-controls-wrapper .announcers {
    width: 70px; }
  .food-menu-sheet .bottom-controls-wrapper .bottom-controls > .checkbox {
    padding-right: 0; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox {
    padding-right: 10px; }
  .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes label {
    width: 67px; }

  .food-menu-sheet .bottom-controls-wrapper {
    width: 100%; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox {
      display: inline-block;
      width: calc(100% - 160px);
      width: -webkit-calc(100% - 160px);
      width: -moz-calc(100% - 160px);
      margin-top: 10px; }
    .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes label {
      width: 19%; }
    .food-menu-sheet .bottom-controls-wrapper .announcers {
      width: 19%; } }
@media (max-width: 1100px) {
  .food-menu-sheet .bottom-controls-wrapper .checkbox {
    width: 100%; }
  .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes label {
    width: 19%; }
  .food-menu-sheet .bottom-controls-wrapper .announcers {
    width: 19%; }
  .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label {
    max-width: 100%; }
  .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div {
    display: inline-block; }
    .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div p {
      max-width: 100%; } }
@media (max-width: 1024px) {
  .website-status .website-status-progress-header {
    text-align: right; }
  .website-status .website-status-column-titles {
    font-size: 11px;
    font-weight: bold !important; }
  .website-status .website-status-row.website-status-row-total {
    margin-top: 1px;
    font-size: 12px; }
    .website-status .website-status-row.website-status-row-total .website-status-cell {
      padding-bottom: 0px; }
  .website-status .website-status-row {
    font-size: 13px; }
    .website-status .website-status-row .website-status-cell {
      padding-top: 19px;
      padding-bottom: 10px; }
    .website-status .website-status-row .website-status-cell.progress-cell {
      padding-top: 2px; }
    .website-status .website-status-row .website-status-cell.with-person {
      height: inherit;
      display: inherit;
      vertical-align: inherit; }
      .website-status .website-status-row .website-status-cell.with-person span:nth-child(1) {
        font-weight: normal; }
      .website-status .website-status-row .website-status-cell.with-person span {
        font-weight: normal; }
      .website-status .website-status-row .website-status-cell.with-person > div > span {
        border-bottom: 1px solid #e7e7e7;
        width: 100%; }
    .website-status .website-status-row .website-status-group-cell table {
      min-height: 90px;
      margin-left: 15px;
      width: 100%;
      margin-bottom: 20px; }
    .website-status .website-status-row .col-lg-1, .website-status .website-status-row .col-lg-10, .website-status .website-status-row .col-lg-11, .website-status .website-status-row .col-lg-12, .website-status .website-status-row .col-lg-2, .website-status .website-status-row .col-lg-3, .website-status .website-status-row .col-lg-4, .website-status .website-status-row .col-lg-5, .website-status .website-status-row .col-lg-6, .website-status .website-status-row .col-lg-7, .website-status .website-status-row .col-lg-8, .website-status .website-status-row .col-lg-9, .website-status .website-status-row .col-md-1, .website-status .website-status-row .col-md-10, .website-status .website-status-row .col-md-11, .website-status .website-status-row .col-md-12, .website-status .website-status-row .col-md-2, .website-status .website-status-row .col-md-3, .website-status .website-status-row .col-md-4, .website-status .website-status-row .col-md-5, .website-status .website-status-row .col-md-6, .website-status .website-status-row .col-md-7, .website-status .website-status-row .col-md-8, .website-status .website-status-row .col-md-9, .website-status .website-status-row .col-sm-1, .website-status .website-status-row .col-sm-10, .website-status .website-status-row .col-sm-11, .website-status .website-status-row .col-sm-12, .website-status .website-status-row .col-sm-2, .website-status .website-status-row .col-sm-3, .website-status .website-status-row .col-sm-4, .website-status .website-status-row .col-sm-5, .website-status .website-status-row .col-sm-6, .website-status .website-status-row .col-sm-7, .website-status .website-status-row .col-sm-8, .website-status .website-status-row .col-sm-9, .website-status .website-status-row .col-xs-1, .website-status .website-status-row .col-xs-10, .website-status .website-status-row .col-xs-11, .website-status .website-status-row .col-xs-12, .website-status .website-status-row .col-xs-2, .website-status .website-status-row .col-xs-3, .website-status .website-status-row .col-xs-4, .website-status .website-status-row .col-xs-5, .website-status .website-status-row .col-xs-6, .website-status .website-status-row .col-xs-7, .website-status .website-status-row .col-xs-8, .website-status .website-status-row .col-xs-9 {
      padding-right: 1px; }
  .website-status button {
    font-size: 10px;
    margin: 5px;
    padding: 6px 4px 6px 4px; }
  .website-status button.book-now-button {
    margin-top: 15px;
    width: 80px;
    padding: 6px 0px 6px 0px; }

  .cropping-tool-modal-window .modal-dialog .btn-crop {
    display: none; }
  .cropping-tool-modal-window .modal-dialog .no-mobile-message {
    display: block; } }
@media (max-width: 1023px) {
  .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label {
    display: block;
    margin: 0 0 10px 0;
    max-width: initial; }
  .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div p {
    max-width: initial; } }
@media (max-width: 1000px) {
  .tabs .count {
    display: none; } }
@media (max-width: 991px) {
  .food-menu-sheet td.food-item-labels {
    padding: 0; }
  .food-menu-sheet .food_label_checkbox {
    padding-right: 0;
    width: 110px; }

  .events .events-mobile .image-thumb, .events .new-event-container .image-thumb {
    width: 80px;
    height: initial; }
  .events .events-mobile .bottom-controls-wrapper, .events .new-event-container .bottom-controls-wrapper {
    margin: 5px 0; }
    .events .events-mobile .bottom-controls-wrapper .bottom-controls, .events .new-event-container .bottom-controls-wrapper .bottom-controls {
      margin-top: 5px;
      padding: 5px 2px 15px 2px; }
  .events .events-mobile .checkbox, .events .new-event-container .checkbox {
    padding: 0; }
  .events .events-mobile .invite-checkboxes, .events .new-event-container .invite-checkboxes {
    margin-bottom: 0;
    border: 0;
    padding: 0; }
    .events .events-mobile .invite-checkboxes label, .events .new-event-container .invite-checkboxes label {
      width: 19.6%;
      padding-left: 0;
      text-align: center; }
      .events .events-mobile .invite-checkboxes label input[type=checkbox], .events .new-event-container .invite-checkboxes label input[type=checkbox] {
        display: block;
        position: relative;
        margin: 4px auto 0 auto; }
  .events .events-mobile .checkbox.announcers, .events .new-event-container .checkbox.announcers {
    padding: 0;
    width: 19.6%;
    display: inline-block;
    margin: 0; }
  .events .events-mobile .before-checkbox, .events .new-event-container .before-checkbox {
    display: block;
    margin: 0 auto; }
  .events .events-mobile .after-checkbox, .events .new-event-container .after-checkbox {
    display: none; }
  .events .events-mobile .announcers span, .events .new-event-container .announcers span {
    height: 35px;
    font-size: 0.8em;
    text-align: center; }
  .events .events-mobile .announcers .facebook-label, .events .events-mobile .announcers .twitter-label, .events .new-event-container .announcers .facebook-label, .events .new-event-container .announcers .twitter-label {
    margin: 0 0; }
  .events .events-mobile .announcers .email-preview, .events .events-mobile .announcers .website-activate, .events .events-mobile .announcers .manage-employees, .events .new-event-container .announcers .email-preview, .events .new-event-container .announcers .website-activate, .events .new-event-container .announcers .manage-employees {
    max-width: 50px;
    margin: 5px auto; }
  .events .events-mobile .announcers .manage-employees, .events .new-event-container .announcers .manage-employees {
    font-size: 0.7em; }
  .events .events-mobile .announcer, .events .new-event-container .announcer {
    text-align: center;
    padding: 0;
    max-width: 50px; }
    .events .events-mobile .announcer input, .events .new-event-container .announcer input {
      display: block;
      position: relative;
      margin: 0 auto; }

  .specials h1 {
    font-size: 26px; }

  .post-preview-button-holder {
    position: relative;
    top: -8px; }
    .post-preview-button-holder .preview-title {
      padding: 15px 5px; } }
@media (max-width: 830px) {
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers {
    width: 17%; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers span {
      height: 75px;
      line-height: 1.2em; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(2) {
    width: 22%; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(3) {
    width: 22%; }

  .food-menu-admin-page.post-preview-button-holder .preview-title {
    padding: 18px 5px 5px 5px;
    font-size: 13px; }

  .specials h1 {
    font-size: 24px; }
  .specials .post-preview-button-holder .preview-title {
    padding: 18px 5px 5px 5px;
    font-size: 13px; } }
@media (max-width: 767px) {
  .public-events .event-name {
    font-size: 1em;
    display: block;
    width: 90%;
    float: none; }
  .public-events .event-times {
    float: none; }
  .public-events .event-time {
    font-size: 1em;
    display: block;
    width: 90%;
    float: none;
    text-align: left; }
    .public-events .event-time .title {
      width: 40px; }
  .public-events .event-text {
    display: block;
    width: 90%; }
  .public-events .event-add-to-calendar {
    display: block;
    float: none;
    text-align: center; }
  .public-events .event-img {
    max-height: 300px; }

  .tabs .tab {
    padding: 5px; }
  .tabs .label {
    padding-top: 20px; }

  .navbar.navbar-dashboard .navbar-brand img {
    margin-top: 0px;
    height: 40px; }
  .navbar.navbar-dashboard hr {
    margin: 5px 10px; }
  .navbar.navbar-dashboard .navbar-toggle {
    margin-top: 16px; }

  h1.col-xs-12 {
    font-size: 1.3em; }

  .food-menu-sheet {
    background-color: #f8f8f8 !important;
    border-radius: 0px;
    border-right: 0px;
    border-left: 0px;
    padding: 0.4em 1em 1em 1em; }
    .food-menu-sheet .food-menu-label {
      padding-top: 1em;
      padding-left: 1em;
      padding-bottom: 0.4em;
      color: gray;
      display: block; }
    .food-menu-sheet .food-socials-mobile {
      padding: 0.5em; }
    .food-menu-sheet .food-form-mobile {
      background-color: white;
      border: 1px solid #eeeeee;
      padding: 0.5em; }
      .food-menu-sheet .food-form-mobile .food-menu-controls {
        padding-top: 0.3em; }
        .food-menu-sheet .food-form-mobile .food-menu-controls a {
          padding-top: 0.4em; }
        .food-menu-sheet .food-form-mobile .food-menu-controls .food-menu-delete-link {
          margin-left: 1em;
          margin-top: 0; }
        .food-menu-sheet .food-form-mobile .food-menu-controls .food-menu-edit-link {
          margin-left: 1em;
          margin-top: 0; }
        .food-menu-sheet .food-form-mobile .food-menu-controls .food-section-edit {
          margin-left: 1em;
          margin-top: 0; }
        .food-menu-sheet .food-form-mobile .food-menu-controls .food-section-delete {
          margin-left: 1em;
          margin-top: 0; }
      .food-menu-sheet .food-form-mobile .btn-name-change-submit {
        width: 80px; }
      .food-menu-sheet .food-form-mobile input {
        margin: 0 0 0.4em 0; }
      .food-menu-sheet .food-form-mobile textarea {
        margin: 0.4em 0 0.4em 0; }
    .food-menu-sheet .food-items-mobile {
      background-color: white;
      border: 1px solid #eeeeee;
      padding: 0.5em; }
      .food-menu-sheet .food-items-mobile .post-times {
        font-size: 11px; }
        .food-menu-sheet .food-items-mobile .post-times span {
          display: inline-block;
          margin-top: 1em;
          margin-right: 1em; }
        .food-menu-sheet .food-items-mobile .post-times .post-time-on-fb {
          color: #3b5998; }
        .food-menu-sheet .food-items-mobile .post-times .post-time-on-twitter {
          color: #5ea8db; }
      .food-menu-sheet .food-items-mobile table {
        margin-bottom: 0.5em; }
        .food-menu-sheet .food-items-mobile table div {
          margin-bottom: 0.5em; }
        .food-menu-sheet .food-items-mobile table .image > div {
          margin-right: 10px; }
    .food-menu-sheet .width-100-xs {
      width: 100%;
      margin: 5px; }
    .food-menu-sheet .dropdown button, .food-menu-sheet .dropdown ul {
      width: 100%; }
    .food-menu-sheet .btn-plus-mobile {
      padding-top: 0;
      margin-top: 0px; }
    .food-menu-sheet .section-area button {
      margin: 1em 0 1em 0; }
    .food-menu-sheet .food-price-list .price, .food-menu-sheet .food-price-list .food-size {
      width: 90px; }
    .food-menu-sheet .food-item-price {
      width: 100%; }
    .food-menu-sheet .food-price-list .fa {
      font-size: 1em;
      margin-left: 1em; }
    .food-menu-sheet .food-item-edit, .food-menu-sheet .food-item-delete {
      margin-right: 1em; }
      .food-menu-sheet .food-item-edit img, .food-menu-sheet .food-item-delete img {
        height: 20px; }
    .food-menu-sheet .food-item-save {
      margin-right: 1em; }
    .food-menu-sheet td.image {
      vertical-align: top; } }
      @media (max-width: 767px) and (max-width: 767px) {
        .food-menu-sheet .food-form-mobile input {
          font-size: 16px; } }
      @media (max-width: 767px) and (max-width: 767px) {
        .food-menu-sheet .food-form-mobile textarea {
          font-size: 16px; } }
@media (max-width: 767px) {
  .specials .image-tooltip, .events .image-tooltip {
    margin-left: 0;
    width: 100%;
    height: 97px; }
    .specials .image-tooltip a, .events .image-tooltip a {
      display: block;
      padding: 0; }

  .events .image-tooltip {
    width: 95%;
    margin: 0 auto;
    padding-left: 5px; }

  .modal_preview_email .modal-header h3 {
    font-size: 1.5em;
    padding: 0; }
  .modal_preview_email .modal-body {
    padding: 15px 15px 5px 15px; }
    .modal_preview_email .modal-body .email-data input.subject, .modal_preview_email .modal-body .email-data input.sender-email, .modal_preview_email .modal-body .email-data input.sender-name {
      margin: 5px;
      width: calc(100% - 60px); }
    .modal_preview_email .modal-body .email-data p {
      margin-bottom: 0;
      width: calc(100% - 20px); }
    .modal_preview_email .modal-body .email-data p.scheduled-date {
      width: calc(100% - 60px); }
    .modal_preview_email .modal-body .email-wrapper .email-content .social-links img {
      width: 20px;
      margin: 5px; }
    .modal_preview_email .modal-body .email-wrapper .email-content h3 {
      font-size: 1.3em; }
    .modal_preview_email .modal-body .email-wrapper .email-content h4, .modal_preview_email .modal-body .email-wrapper .email-content h5 {
      font-size: 1.1em; }
    .modal_preview_email .modal-body .email-wrapper .email-content .spots-logo h3 {
      font-size: 1.6em; }
  .modal_preview_email .btn-success {
    margin-top: 5px;
    font-size: 0.8em; }
  .modal_preview_email .btn-danger {
    font-size: 0.8em; }

  .modal-gallery-similar .modal-body {
    padding-right: 10px;
    padding-left: 10px; }
    .modal-gallery-similar .modal-body .arrow-slide-container button.right {
      right: -10px; }
    .modal-gallery-similar .modal-body .arrow-slide-container button.left {
      left: -10px; } }
@media (max-width: 767px) {
  .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes {
    margin-bottom: 0; }
    .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes input {
      margin: 4px 0 0;
      margin-left: -20px; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers {
    width: 19%; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers span {
      height: 60px; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(2) {
    width: 19%; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(3) {
    width: 19%; } }
@media (max-width: 660px) {
  .specials h1 {
    font-size: 1.1em; } }
@media (max-width: 567px) {
  .public-events .event-img {
    max-height: 250px; } }
@media (max-width: 500px) {
  .events .events-mobile .image-thumb, .events .new-event-container .image-thumb {
    width: 50px;
    height: initial; }
  .events .events-mobile .invite-checkboxes label, .events .new-event-container .invite-checkboxes label {
    width: 19%; }
  .events .events-mobile .checkbox.announcers, .events .new-event-container .checkbox.announcers {
    width: 19%; }
  .events .preview-buttons a {
    width: 100%;
    display: block;
    margin: 2px 2px; }

  .modal-thank-you .modal-body {
    padding: 15px 15px; }
    .modal-thank-you .modal-body img {
      margin: 20px auto;
      width: 80px; }
    .modal-thank-you .modal-body p {
      font-size: 1em;
      margin-bottom: 15px; }

  .modal-thank-you.email-sent .modal-body {
    padding: 15px 15px 45px 15px; }

  .specials .post-preview-button-holder {
    top: 3px; }

  .food-menu-admin-page.post-preview-button-holder {
    top: 3px; } }
.navbar.navbar-dashboard hr {
  margin: 5px 30px; }

@media (max-width: 480px) {
  .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes {
    margin-bottom: 0; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers {
    width: 17%; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers span {
      height: 70px; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(2) {
    width: 22%; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(3) {
    width: 22%; } }
@media (max-width: 400px) {
  .food-menu-sheet .bottom-controls-wrapper .bottom-controls {
    padding: 15px 5px; }
    .food-menu-sheet .bottom-controls-wrapper .bottom-controls .bottom-controls-label {
      margin: 0; }
  .food-menu-sheet .bottom-controls-wrapper .invite-checkboxes {
    margin-bottom: 0; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers {
    width: 19%; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers span {
      height: 60px;
      font-size: 0.75em;
      line-height: 1em;
      word-wrap: break-word; }
    .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers a {
      font-size: 0.7em;
      padding: 8px 0;
      line-height: 1em; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(2) {
    width: 19%; }
  .food-menu-sheet .bottom-controls-wrapper .checkbox .announcers:nth-of-type(3) {
    width: 19%; } }
@media (max-width: 350px) {
  .website-status .website-status-row {
    font-size: 12px; }
  .website-status button {
    font-size: 8px; }

  .specials-mobile .current-specials-section .checkbox-icon {
    margin-right: 5px; }
  .specials-mobile .new-special-section .checkbox-icon {
    margin-right: 5px; } }
.date-time-modal-window .modal-body {
  height: 350px; }
  .date-time-modal-window .modal-body h4 {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 20px; }
  .date-time-modal-window .modal-body .timepicker-holder {
    margin-top: 5px;
    margin-left: 5px; }

.time-modal-window .timepicker-holder {
  margin-top: 10px; }
  .time-modal-window .timepicker-holder table {
    border-spacing: 7px 3px;
    border-collapse: separate;
    margin: 0 auto; }

.post .popover.right {
  top: 70px !important;
  margin-left: 30px;
  color: #58585a;
  border: 1px solid #c6c7c9;
  box-shadow: none;
  -webkit-box-shadow: none;
  z-index: 2; }
  @media (max-width: 1080px) {
    .post .popover.right {
      margin-left: 10px; } }
  @media (max-width: 1023px) {
    .post .popover.right {
      display: none !important; } }
  .post .popover.right .popover-content {
    position: relative;
    z-index: 110; }
    .post .popover.right .popover-content a {
      color: #f1592a;
      text-decoration: underline; }
.post .popover.right > .arrow {
  border-right-color: #c6c7c9; }

.post-preview-bar {
  position: fixed;
  top: 57px;
  left: 0;
  width: 100%;
  background-color: white;
  color: #6d6d6d;
  text-align: center;
  font-weight: bold;
  z-index: 100; }
  @media (max-width: 767px) {
    .post-preview-bar {
      top: 55px; } }
  .post-preview-bar p {
    margin-bottom: 0;
    padding: 15px;
    border-bottom: 1px solid #e9eaeb; }
    @media (max-width: 700px) {
      .post-preview-bar p {
        display: none; } }
  .post-preview-bar .no-opacity {
    opacity: 0; }
  .post-preview-bar .date-header {
    padding: 0 15px;
    padding-left: 75px;
    border-bottom: 1px solid #e9eaeb;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-left: 275px; }
    @media (max-width: 1024px) {
      .post-preview-bar .date-header {
        padding-left: 265px; } }
    @media (max-width: 767px) {
      .post-preview-bar .date-header {
        padding: 0 15px; } }
    .post-preview-bar .date-header .date-header-limited-width {
      margin: 0;
      margin-left: -10px;
      padding: 0 15px 0 10%;
      text-align: left; }
      .post-preview-bar .date-header .date-header-limited-width.preview-pg {
        padding-left: 10px;
        width: auto; }
        @media (max-width: 767px) {
          .post-preview-bar .date-header .date-header-limited-width.preview-pg {
            padding-left: 45px; } }
      @media (max-width: 1024px) {
        .post-preview-bar .date-header .date-header-limited-width {
          padding: 0;
          width: 400px;
          margin: 0 auto; } }
      @media (max-width: 767px) {
        .post-preview-bar .date-header .date-header-limited-width {
          width: auto;
          padding: 0 5px; } }
      .post-preview-bar .date-header .date-header-limited-width .date-time {
        font-weight: 400;
        font-size: 17px;
        margin-top: 10px; }
        @media (max-width: 700px) {
          .post-preview-bar .date-header .date-header-limited-width .date-time {
            display: none; } }
      .post-preview-bar .date-header .date-header-limited-width .date-time-short {
        font-weight: 400;
        font-size: 17px;
        margin-top: 5px;
        display: none; }
        @media (max-width: 700px) {
          .post-preview-bar .date-header .date-header-limited-width .date-time-short {
            display: block; } }
        @media (max-width: 374px) {
          .post-preview-bar .date-header .date-header-limited-width .date-time-short {
            font-size: 16px; } }
      .post-preview-bar .date-header .date-header-limited-width .date-info {
        color: #c8c9cb;
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: bold; }
        @media (max-width: 374px) {
          .post-preview-bar .date-header .date-header-limited-width .date-info {
            font-size: 12px; } }

.manage-subscriptions {
  text-align: center;
  padding-top: 30px; }

.post-preview-container.row {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

.post-preview-container {
  min-height: 700px;
  padding-top: 70px;
  padding-bottom: 50px;
  margin-bottom: 136px;
  background-color: #f6f7f8;
  font-family: "Lato", sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; }
  @media (max-width: 970px) {
    .post-preview-container {
      top: 96px;
      margin-bottom: 106px; } }
  @media (max-width: 835px) {
    .post-preview-container.add-date-header-padding {
      padding-top: 130px; }
    .post-preview-container.social-meta-alert:not(.email-post) {
      padding-top: 10px; }
      .post-preview-container.social-meta-alert:not(.email-post) .posts-approved-holder .posts-approved-btn .btn-info {
        margin-top: 40px; } }
  @media (max-width: 700px) {
    .post-preview-container {
      top: 76px; } }
  @media (max-width: 374px) {
    .post-preview-container {
      top: 70px; } }
  .post-preview-container .no-opacity {
    opacity: 0; }
  .post-preview-container .post-preview-padding {
    padding-top: 60px; }
    @media (max-width: 835px) {
      .post-preview-container .post-preview-padding {
        padding: 0; } }
    @media (max-width: 835px) {
      .post-preview-container .post-preview-padding.social-error.instagram-padding, .post-preview-container .post-preview-padding.social-error.facebook-padding {
        display: none; } }
  .post-preview-container .post-preview-additional {
    width: 500px;
    padding: 25px 10px;
    margin: 0 auto;
    background-color: #f3f3f3;
    text-align: center; }
    @media (max-width: 600px) {
      .post-preview-container .post-preview-additional {
        width: 90%; } }
  .post-preview-container .new-post-btn-holder {
    position: fixed;
    top: 11px;
    right: 90px;
    z-index: 102; }
    @media (max-width: 1024px) {
      .post-preview-container .new-post-btn-holder {
        top: 12px; } }
    @media (max-width: 991px) {
      .post-preview-container .new-post-btn-holder {
        right: 8px;
        padding-left: 10px; } }
    @media (max-width: 767px) {
      .post-preview-container .new-post-btn-holder {
        right: 125px; } }
    @media (max-width: 320px) {
      .post-preview-container .new-post-btn-holder {
        right: 108px; } }
    .post-preview-container .new-post-btn-holder .btn-default {
      padding: 6px 20px;
      color: white;
      background-color: #25aae1;
      border-color: #25aae1; }
    .post-preview-container .new-post-btn-holder .btn-info {
      padding: 6px 20px;
      color: white;
      background-color: #25aae1;
      border-color: #25aae1; }
      @media (max-width: 1500.98px) {
        .post-preview-container .new-post-btn-holder .btn-info {
          padding: 0;
          border-radius: 50%;
          width: 30px;
          height: 30px; } }
      .post-preview-container .new-post-btn-holder .btn-info .fa-plus {
        padding-right: 10px; }
        @media (max-width: 1500.98px) {
          .post-preview-container .new-post-btn-holder .btn-info .fa-plus {
            padding-right: 0; } }
      @media (max-width: 1500.98px) {
        .post-preview-container .new-post-btn-holder .btn-info .new-post-button-desktop {
          display: none; } }
      .post-preview-container .new-post-btn-holder .btn-info .highlight {
        color: #ffc107; }
  .post-preview-container .editor-buttons .dropdown-menu {
    left: auto;
    right: 0;
    width: 300px;
    margin-top: 11px;
    padding: 15px; }
    .post-preview-container .editor-buttons .dropdown-menu .new-promotion-holder {
      margin-bottom: 5px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e9eaeb; }
    .post-preview-container .editor-buttons .dropdown-menu h3 {
      padding-top: 10px;
      padding-bottom: 10px;
      color: #6d6e71;
      font-size: 1.2em;
      font-weight: bold; }
    .post-preview-container .editor-buttons .dropdown-menu p {
      color: #95979a;
      font-weight: bold;
      font-size: 1em;
      line-height: 1.2em; }
    .post-preview-container .editor-buttons .dropdown-menu .btn-default {
      margin: 5px auto;
      background-color: #00ade6;
      border: 1px solid #00ade6;
      color: white; }
      .post-preview-container .editor-buttons .dropdown-menu .btn-default:hover {
        background-color: #008ab8;
        border: 1px solid #008ab8; }
      .post-preview-container .editor-buttons .dropdown-menu .btn-default i {
        color: #ffc107; }
      .post-preview-container .editor-buttons .dropdown-menu .btn-default .highlight {
        color: #ffc107;
        margin-left: 5px !important;
        position: relative !important;
        top: 0 !important; }
    .post-preview-container .editor-buttons .dropdown-menu ul {
      list-style: none;
      padding-left: 0; }
      .post-preview-container .editor-buttons .dropdown-menu ul li {
        padding: 5px 0;
        font-size: 1em;
        font-weight: bold; }
        .post-preview-container .editor-buttons .dropdown-menu ul li a {
          color: #f1592a; }
        .post-preview-container .editor-buttons .dropdown-menu ul li .fa-angle-right {
          padding-left: 5px; }
  .post-preview-container .posts-approved-holder {
    display: inline-block;
    width: 100%;
    padding: 10px 0; }
    .post-preview-container .posts-approved-holder.social-error {
      margin-top: 30px; }
      @media (max-width: 1015px) {
        .post-preview-container .posts-approved-holder.social-error {
          margin-top: 50px; } }
      @media (max-width: 894px) {
        .post-preview-container .posts-approved-holder.social-error {
          margin-top: 70px; } }
      @media (max-width: 835px) {
        .post-preview-container .posts-approved-holder.social-error {
          margin-top: 0; } }
      .post-preview-container .posts-approved-holder.social-error.fb-fix-margin {
        margin-top: 90px; }
        @media (max-width: 1015px) {
          .post-preview-container .posts-approved-holder.social-error.fb-fix-margin {
            margin-top: 120px; } }
        @media (max-width: 835px) {
          .post-preview-container .posts-approved-holder.social-error.fb-fix-margin {
            margin-top: 0; } }
      .post-preview-container .posts-approved-holder.social-error.instagram-old-banner-error {
        margin-top: 80px; }
        @media (max-width: 1040px) {
          .post-preview-container .posts-approved-holder.social-error.instagram-old-banner-error {
            margin-top: 110px; } }
        @media (max-width: 930px) {
          .post-preview-container .posts-approved-holder.social-error.instagram-old-banner-error {
            margin-top: 130px; } }
        @media (max-width: 835px) {
          .post-preview-container .posts-approved-holder.social-error.instagram-old-banner-error {
            margin-top: 0; } }
      .post-preview-container .posts-approved-holder.social-error.no-social-posts {
        margin-top: 60px; }
    .post-preview-container .posts-approved-holder .posts-approved-btn .btn-info {
      margin-right: 10px;
      padding: 8px 12px;
      color: #5bc0de;
      background-color: white;
      border-color: #e9eaeb; }
    .post-preview-container .posts-approved-holder .posts-approval {
      margin-top: 20px;
      padding: 20px;
      border: 1px solid #ececec;
      border-right: none;
      border-left: none;
      background-color: white; }
      .post-preview-container .posts-approved-holder .posts-approval label {
        padding-bottom: 10px;
        color: #a7a9ac;
        font-weight: normal; }
      .post-preview-container .posts-approved-holder .posts-approval input {
        background-color: #f5f6f7;
        box-shadow: none;
        border-color: #f5f6f7;
        color: #8b8d90; }
      .post-preview-container .posts-approved-holder .posts-approval .input-group-btn .btn-default {
        border-color: #f5f6f7; }
  .post-preview-container .post-preview-options.post-preview-holder {
    margin-top: 0px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-bottom: 0;
    padding-left: 250px;
    padding-bottom: 10px;
    background-color: white;
    color: #6d6e71;
    border-bottom: 1px solid #e9eaeb;
    z-index: 101; }
    .post-preview-container .post-preview-options.post-preview-holder > div {
      display: block;
      width: 420px;
      margin-left: -15px;
      margin-top: 10px; }
      .post-preview-container .post-preview-options.post-preview-holder > div .filter-label {
        font-weight: normal;
        display: inline-block;
        margin: 8px 16px 8px 0px;
        color: #a7a9ac; }
        @media (max-width: 767px) {
          .post-preview-container .post-preview-options.post-preview-holder > div .filter-label {
            position: absolute;
            top: 2px;
            left: 0;
            width: auto;
            color: #3a3a3c;
            font-size: 18px;
            font-weight: bold;
            line-height: 16px; } }
        @media (max-width: 320px) {
          .post-preview-container .post-preview-options.post-preview-holder > div .filter-label {
            font-size: 16px; } }
      @media (max-width: 767px) {
        .post-preview-container .post-preview-options.post-preview-holder > div .dropdown-menu {
          margin-top: 45px;
          left: -65px; } }
      .post-preview-container .post-preview-options.post-preview-holder > div #dropdown-preview-filter {
        width: calc(100% - 164px);
        background-color: #f5f6f7;
        color: #8b8d90; }
        @media (max-width: 767px) {
          .post-preview-container .post-preview-options.post-preview-holder > div #dropdown-preview-filter {
            float: right;
            margin-right: 2rem;
            width: 100px;
            background-color: #d1d2d4;
            color: white; } }
        @media (max-width: 320px) {
          .post-preview-container .post-preview-options.post-preview-holder > div #dropdown-preview-filter {
            float: right;
            margin-right: 2rem;
            width: 90px; } }
      .post-preview-container .post-preview-options.post-preview-holder > div .filter-button-icon {
        width: 14px; }
        .post-preview-container .post-preview-options.post-preview-holder > div .filter-button-icon img {
          width: 100%;
          display: block; }
      .post-preview-container .post-preview-options.post-preview-holder > div .filter-button-desktop {
        margin-top: 2px;
        max-width: 175px;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media (max-width: 1350px) {
          .post-preview-container .post-preview-options.post-preview-holder > div .filter-button-desktop {
            display: none; } }
      @media (max-width: 1024px) {
        .post-preview-container .post-preview-options.post-preview-holder > div {
          margin: 0 auto; } }
      @media (max-width: 900px) {
        .post-preview-container .post-preview-options.post-preview-holder > div {
          width: 75%;
          margin-left: 15px; } }
      @media (max-width: 767px) {
        .post-preview-container .post-preview-options.post-preview-holder > div {
          display: inline-block;
          width: 100%;
          padding-left: 30px;
          padding-right: 10px; } }
      @media (max-width: 320px) {
        .post-preview-container .post-preview-options.post-preview-holder > div {
          padding-left: 30px; } }
    @media (max-width: 1024px) {
      .post-preview-container .post-preview-options.post-preview-holder {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .post-preview-container .post-preview-options.post-preview-holder {
        padding-left: 15px;
        padding-bottom: 5px; } }
  .post-preview-container .post-preview-options > div {
    display: table; }
    .post-preview-container .post-preview-options > div ul {
      display: table-cell;
      vertical-alignment: top; }
  .post-preview-container .post-preview-options h3 {
    padding: 5px 0px;
    font-size: 16px;
    color: #a7a9ac; }
  .post-preview-container .post-preview-options ul:first-of-type {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px; }
    @media (max-width: 970px) {
      .post-preview-container .post-preview-options ul:first-of-type {
        border-bottom: none; } }
  .post-preview-container .post-preview-options ul {
    list-style: none;
    margin-bottom: 0;
    padding: 10px; }
    @media (max-width: 970px) {
      .post-preview-container .post-preview-options ul {
        display: inline-block; } }
    .post-preview-container .post-preview-options ul li {
      display: inline-block;
      width: 100%;
      padding: 0 0 5px 0; }
      .post-preview-container .post-preview-options ul li label {
        font-weight: normal;
        cursor: pointer; }
      .post-preview-container .post-preview-options ul li .magic-checkbox:checked + label:before {
        border: #517a95;
        background: #99d2e7; }
      .post-preview-container .post-preview-options ul li .magic-checkbox + label:before {
        top: 3px;
        width: 15px;
        height: 15px;
        background: white; }
      .post-preview-container .post-preview-options ul li .magic-checkbox + label:after {
        top: 0;
        left: 7px;
        width: 8px;
        height: 14px;
        border-color: #517a95; }
      .post-preview-container .post-preview-options ul li .magic-checkbox + label {
        padding-left: 25px; }
  .post-preview-container .post-preview-optios {
    z-index: 2;
    position: fixed;
    top: 160px;
    left: 20%;
    width: 250px;
    min-height: 70px;
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
    background-color: white;
    border-radius: 5px; }
    @media (max-width: 1770px) {
      .post-preview-container .post-preview-optios {
        left: 100px; } }
    @media (max-width: 1245px) {
      .post-preview-container .post-preview-optios {
        left: 20px;
        width: 215px; } }
    @media (max-width: 970px) {
      .post-preview-container .post-preview-optios {
        position: relative;
        top: 50px;
        left: 0;
        width: 290px;
        margin: 0 auto 25px auto; }
        .post-preview-container .post-preview-optios > div {
          display: table; }
          .post-preview-container .post-preview-optios > div ul {
            display: table-cell;
            vertical-alignment: top; } }
    @media (max-width: 400px) {
      .post-preview-container .post-preview-optios {
        top: 40px;
        margin-bottom: 35px; } }
    @media (max-width: 400px) {
      .post-preview-container .post-preview-optios {
        width: 90%; } }
    .post-preview-container .post-preview-optios h3 {
      padding: 5px 0px;
      font-size: 16px;
      color: #a7a9ac; }
    .post-preview-container .post-preview-optios ul:first-of-type {
      border-bottom: 1px solid #f1f1f1;
      margin-bottom: 10px; }
      @media (max-width: 970px) {
        .post-preview-container .post-preview-optios ul:first-of-type {
          border-bottom: none; } }
    .post-preview-container .post-preview-optios ul {
      list-style: none;
      margin-bottom: 0;
      padding: 10px; }
      @media (max-width: 970px) {
        .post-preview-container .post-preview-optios ul {
          display: inline-block; } }
      .post-preview-container .post-preview-optios ul li {
        display: inline-block;
        width: 100%;
        padding: 0 0 5px 0; }
        .post-preview-container .post-preview-optios ul li label {
          font-weight: normal;
          cursor: pointer; }
        .post-preview-container .post-preview-optios ul li .magic-checkbox:checked + label:before {
          border: #517a95;
          background: #99d2e7; }
        .post-preview-container .post-preview-optios ul li .magic-checkbox + label:before {
          top: 3px;
          width: 15px;
          height: 15px;
          background: white; }
        .post-preview-container .post-preview-optios ul li .magic-checkbox + label:after {
          top: 0;
          left: 7px;
          width: 8px;
          height: 14px;
          border-color: #517a95; }
        .post-preview-container .post-preview-optios ul li .magic-checkbox + label {
          padding-left: 25px; }
  .post-preview-container .container .row:first-child .post-preview-holder .date-header {
    display: none; }
  .post-preview-container .post-preview-holder, .post-preview-container .loader-wrapper {
    display: inline-block;
    width: 420px;
    margin: 35px 20px 20px 10%;
    background-color: transparent; }
    @media (max-width: 1024px) {
      .post-preview-container .post-preview-holder, .post-preview-container .loader-wrapper {
        display: table;
        margin: 35px auto 20px auto; } }
    @media (max-width: 767px) {
      .post-preview-container .post-preview-holder, .post-preview-container .loader-wrapper {
        display: inline-block;
        width: 100%; } }
    @media (max-width: 400px) {
      .post-preview-container .post-preview-holder, .post-preview-container .loader-wrapper {
        margin-top: 20px; } }
    .post-preview-container .post-preview-holder .date-header, .post-preview-container .loader-wrapper .date-header {
      padding: 10px;
      font-family: "Lato", sans-serif;
      text-align: left; }
      .post-preview-container .post-preview-holder .date-header .date-time, .post-preview-container .loader-wrapper .date-header .date-time {
        font-weight: 400;
        font-size: 17px; }
        @media (max-width: 700px) {
          .post-preview-container .post-preview-holder .date-header .date-time, .post-preview-container .loader-wrapper .date-header .date-time {
            display: none; } }
      .post-preview-container .post-preview-holder .date-header .date-time-short, .post-preview-container .loader-wrapper .date-header .date-time-short {
        font-weight: 400;
        font-size: 17px;
        display: none; }
        @media (max-width: 700px) {
          .post-preview-container .post-preview-holder .date-header .date-time-short, .post-preview-container .loader-wrapper .date-header .date-time-short {
            display: block; } }
        @media (max-width: 374px) {
          .post-preview-container .post-preview-holder .date-header .date-time-short, .post-preview-container .loader-wrapper .date-header .date-time-short {
            font-size: 15px; } }
      .post-preview-container .post-preview-holder .date-header .date-info, .post-preview-container .loader-wrapper .date-header .date-info {
        color: #c8c9cb;
        font-size: 14px;
        font-weight: bold; }
        @media (max-width: 374px) {
          .post-preview-container .post-preview-holder .date-header .date-info, .post-preview-container .loader-wrapper .date-header .date-info {
            font-size: 12px; } }
    .post-preview-container .post-preview-holder .post-preview-titles, .post-preview-container .loader-wrapper .post-preview-titles {
      float: left;
      width: 100%;
      padding: 15px 10px 7px 10px;
      background-color: white; }
      .post-preview-container .post-preview-holder .post-preview-titles .post-type-img, .post-preview-container .loader-wrapper .post-preview-titles .post-type-img {
        float: left;
        width: 50px;
        height: 50px; }
        @media (max-width: 600px) {
          .post-preview-container .post-preview-holder .post-preview-titles .post-type-img, .post-preview-container .loader-wrapper .post-preview-titles .post-type-img {
            width: 30px;
            height: 30px; } }
      .post-preview-container .post-preview-holder .post-preview-titles .post-time-active.email-style h3 .blue-bar, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active.email-style h3 .blue-bar {
        color: #dc4d40; }
      .post-preview-container .post-preview-holder .post-preview-titles .post-time-active.email-style .post-preview-button .magic-checkbox:checked + label:before, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active.email-style .post-preview-button .magic-checkbox:checked + label:before {
        border: #dc4d40;
        background: #dc4d40; }
      .post-preview-container .post-preview-holder .post-preview-titles .post-time-active, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active {
        float: left;
        margin: 3px 10px;
        width: 85%;
        width: calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: expression(100% - 70px);
        width: -o-calc(100% - 70px); }
        @media (max-width: 600px) {
          .post-preview-container .post-preview-holder .post-preview-titles .post-time-active, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active {
            width: calc(100% - 50px);
            width: -webkit-calc(100% - 50px);
            width: -moz-calc(100% - 50px);
            width: expression(100% - 50px);
            width: -o-calc(100% - 50px); } }
        @media (max-width: 320px) {
          .post-preview-container .post-preview-holder .post-preview-titles .post-time-active, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active {
            margin: 3px 5px;
            width: calc(100% - 40px);
            width: -webkit-calc(100% - 40px);
            width: -moz-calc(100% - 40px);
            width: expression(100% - 40px);
            width: -o-calc(100% - 40px); } }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h2, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h2 {
          font-size: 1.1em;
          font-weight: bold; }
          @media (max-width: 320px) {
            .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h2, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h2 {
              font-size: 0.75em; } }
          .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h2 a, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h2 a {
            white-space: nowrap; }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active button, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active button {
          float: right;
          margin-top: 3px; }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active .long, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active .long {
          display: initial; }
          @media (max-width: 600px) {
            .post-preview-container .post-preview-holder .post-preview-titles .post-time-active .long, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active .long {
              display: none; } }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active .short, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active .short {
          display: none; }
          @media (max-width: 600px) {
            .post-preview-container .post-preview-holder .post-preview-titles .post-time-active .short, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active .short {
              display: initial; } }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 {
          padding: 5px 0px;
          text-transform: uppercase;
          font-size: 1em;
          color: #a7a9ac; }
          @media (max-width: 400px) {
            .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 {
              font-size: 12px; } }
          .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3 .blue-bar, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 .blue-bar {
            color: #395a9d; }
            .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3 .blue-bar .post-at-time, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 .blue-bar .post-at-time {
              text-transform: none;
              margin-top: 3px;
              font-weight: 100;
              font-size: 0.9em;
              color: #a7a9ac; }
            .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3 .blue-bar .inactive-click-heart, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 .blue-bar .inactive-click-heart {
              text-transform: none;
              margin-top: 3px;
              font-weight: 100;
              font-size: 0.8em;
              color: #a7a9ac; }
          .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3 .red-bar, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 .red-bar {
            color: #c8c9cb; }
            @media (max-width: 320px) {
              .post-preview-container .post-preview-holder .post-preview-titles .post-time-active h3 .red-bar, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active h3 .red-bar {
                font-size: 0.9em; } }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active a, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active a {
          font-size: 0.8em;
          text-decoration: underline; }
        .post-preview-container .post-preview-holder .post-preview-titles .post-time-active .edit-post, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active .edit-post {
          float: right;
          width: 48px;
          height: 36px;
          margin-top: 3px;
          padding: 7px 14px;
          border: 0px;
          border-radius: 5px; }
          .post-preview-container .post-preview-holder .post-preview-titles .post-time-active .edit-post i, .post-preview-container .loader-wrapper .post-preview-titles .post-time-active .edit-post i {
            color: lightgrey;
            font-size: 20px; }
    .post-preview-container .post-preview-holder .chat-gpt-holder, .post-preview-container .loader-wrapper .chat-gpt-holder {
      position: absolute;
      left: 100%; }
      .post-preview-container .post-preview-holder .chat-gpt-holder .text-fragments-holder, .post-preview-container .loader-wrapper .chat-gpt-holder .text-fragments-holder {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        position: relative;
        left: 0;
        margin-bottom: 20px; }
    .post-preview-container .post-preview-holder .post-preview-button, .post-preview-container .loader-wrapper .post-preview-button {
      float: left;
      width: 22px;
      height: 20px;
      margin-top: 4px; }
      .post-preview-container .post-preview-holder .post-preview-button .magic-checkbox:checked + label:before, .post-preview-container .loader-wrapper .post-preview-button .magic-checkbox:checked + label:before {
        border: #395a9d;
        background: #395a9d; }
      .post-preview-container .post-preview-holder .post-preview-button .magic-checkbox + label:before, .post-preview-container .loader-wrapper .post-preview-button .magic-checkbox + label:before {
        width: 15px;
        height: 15px;
        background: white; }
      .post-preview-container .post-preview-holder .post-preview-button .magic-checkbox + label:after, .post-preview-container .loader-wrapper .post-preview-button .magic-checkbox + label:after {
        top: 3px;
        left: 6px;
        width: 4px;
        height: 8px; }
    .post-preview-container .post-preview-holder .text-fragments-holder, .post-preview-container .loader-wrapper .text-fragments-holder {
      position: absolute;
      left: 100%;
      margin-left: 20px;
      border-radius: 10px;
      background-color: white; }
      @media (max-width: 1160px) {
        .post-preview-container .post-preview-holder .text-fragments-holder, .post-preview-container .loader-wrapper .text-fragments-holder {
          position: static;
          margin-left: 0;
          margin-bottom: 10px; } }
      .post-preview-container .post-preview-holder .text-fragments-holder h1, .post-preview-container .loader-wrapper .text-fragments-holder h1 {
        color: #333333;
        display: inline-block;
        margin: 5px 0 0 24px;
        font-size: 20px;
        font-weight: bold; }
      .post-preview-container .post-preview-holder .text-fragments-holder .gif-holder, .post-preview-container .loader-wrapper .text-fragments-holder .gif-holder {
        width: 400px;
        padding: 16px 0;
        text-align: center; }
        .post-preview-container .post-preview-holder .text-fragments-holder .gif-holder p, .post-preview-container .loader-wrapper .text-fragments-holder .gif-holder p {
          text-align: center; }
        .post-preview-container .post-preview-holder .text-fragments-holder .gif-holder img, .post-preview-container .loader-wrapper .text-fragments-holder .gif-holder img {
          width: 290px;
          height: 194.564px; }
      .post-preview-container .post-preview-holder .text-fragments-holder .fragments_message, .post-preview-container .loader-wrapper .text-fragments-holder .fragments_message {
        color: black;
        display: inline-block;
        margin: 0 24px 0 24px;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-header button.close, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-header button.close {
        position: absolute;
        right: 0;
        opacity: 1;
        margin: 10px;
        color: #d0d2d3; }
        @media (max-width: 460px) {
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-header button.close, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-header button.close {
            margin: 5px 5px 0 0; } }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer {
        background-color: white;
        width: 100%;
        padding: 20px;
        position: relative;
        border-radius: 0 0 10px 10px; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer button.btn, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer button.btn {
          background-color: #f0582a;
          width: 100px;
          font-size: 17px;
          font-weight: bold;
          color: white; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer {
        display: flex;
        justify-content: center; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer button.btn, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer button.btn {
          font-family: Lato;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 23px;
          display: flex;
          width: 80px;
          height: 35px;
          padding: 3px 15px 5px 15px;
          justify-content: center;
          align-items: center;
          gap: 5px;
          border-radius: 3px; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-done, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-done {
          background-color: #ea532a;
          margin-left: 11px; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-done svg, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-done svg {
            width: 13px;
            height: 11px;
            flex-shrink: 0; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-edit, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-edit {
          background: transparent;
          border: 1px solid #ea532a;
          color: #ea532a; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-edit svg, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn-edit svg {
            width: 12px;
            height: 11px;
            flex-shrink: 0; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.edit-btn, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.edit-btn {
          background-color: white;
          color: #ea5329;
          border: 1px solid #ea5329;
          transition: all 0.2s ease-in-out;
          margin-right: 0.5rem; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.edit-btn:hover, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.edit-btn:hover {
            background-color: #ea5329;
            color: white;
            box-shadow: 0px 0 0 3px rgba(234, 83, 41, 0.43); }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.done-btn, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.done-btn {
          background-color: #ea5329;
          border: 1px solid #ea5329;
          color: white;
          transition: box-shadow ease 0.2s; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.done-btn:hover, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-footer.chat-gpt-footer .btn.done-btn:hover {
            box-shadow: 0 0 0 3px rgba(234, 83, 41, 0.43); }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content {
        width: 400px;
        max-height: 350px;
        padding: 0 10px 0 10px;
        overflow-y: scroll; }
        @media (max-width: 460px) {
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content {
            width: inherit;
            padding: 0; } }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content p, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content p {
          margin: 15px 0 3px 15px;
          color: #939598;
          font-family: Lato;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content p.active, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content p.active {
          color: #7a59ff; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment {
          border: 2px solid #d9d9d9;
          margin: 6px;
          min-height: 60px;
          border-radius: 6px;
          padding: 5px 0px 5px 5px;
          display: flex;
          align-items: center; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment span, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment span {
            width: 350px; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment .col-xs-11, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment .col-xs-11 {
            padding-right: 7px; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment .col-xs-1, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment .col-xs-1 {
            padding: 0; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment i, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment i {
            font-weight: bold;
            color: #d9d9d9;
            font-size: 23px; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment.chat-gpt-fragment, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment.chat-gpt-fragment {
          margin-top: 3px;
          color: #333332; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment.chat-gpt-fragment .col-xs-11, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment.chat-gpt-fragment .col-xs-11 {
            padding-left: 8px; }
            .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment.chat-gpt-fragment .col-xs-11 span, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment.chat-gpt-fragment .col-xs-11 span {
              white-space: pre-wrap; }
        .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment.active, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment.active {
          border-color: #f0582a; }
          .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content .text-fragment.active i, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content .text-fragment.active i {
            color: #f0582a; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content.chat-gpt-content .active p, .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content.chat-gpt-content .active .text-fragment i, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content.chat-gpt-content .active p, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content.chat-gpt-content .active .text-fragment i {
        color: #ea532a; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content.chat-gpt-content .active .text-fragment, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content.chat-gpt-content .active .text-fragment {
        border-color: #ea532a; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content::-webkit-scrollbar, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content::-webkit-scrollbar {
        width: 10px; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content::-webkit-scrollbar-track, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content::-webkit-scrollbar-track {
        background-color: #dddddd; }
      .post-preview-container .post-preview-holder .text-fragments-holder .text-fragments-content::-webkit-scrollbar-thumb, .post-preview-container .loader-wrapper .text-fragments-holder .text-fragments-content::-webkit-scrollbar-thumb {
        background-color: #f0582a;
        outline: 1px solid #f0582a; }
      .post-preview-container .post-preview-holder .text-fragments-holder .fragment-loader, .post-preview-container .loader-wrapper .text-fragments-holder .fragment-loader {
        padding: 5px 0px 5px 5px; }
        .post-preview-container .post-preview-holder .text-fragments-holder .fragment-loader .generating-title, .post-preview-container .loader-wrapper .text-fragments-holder .fragment-loader .generating-title {
          margin: 1rem; }
          .post-preview-container .post-preview-holder .text-fragments-holder .fragment-loader .generating-title p, .post-preview-container .loader-wrapper .text-fragments-holder .fragment-loader .generating-title p {
            font: normal normal 600 16px/23px Lato;
            text-align: center; }
          .post-preview-container .post-preview-holder .text-fragments-holder .fragment-loader .generating-title img, .post-preview-container .loader-wrapper .text-fragments-holder .fragment-loader .generating-title img {
            width: 100%;
            height: auto;
            display: block;
            margin: auto; }
          .post-preview-container .post-preview-holder .text-fragments-holder .fragment-loader .generating-title .email-gif, .post-preview-container .loader-wrapper .text-fragments-holder .fragment-loader .generating-title .email-gif {
            width: 200px; }
    .post-preview-container .post-preview-holder .post-preview-content, .post-preview-container .loader-wrapper .post-preview-content {
      float: left;
      width: 100%;
      padding: 10px;
      background-color: white; }
      .post-preview-container .post-preview-holder .post-preview-content .rendered-email-content img, .post-preview-container .loader-wrapper .post-preview-content .rendered-email-content img {
        width: 100%; }
      .post-preview-container .post-preview-holder .post-preview-content .post-preview-header, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header {
        float: left;
        width: 100%; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header.header-fbig-relative, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header.header-fbig-relative {
          position: relative; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header.header-fbig-relative .edit-btn, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header.header-fbig-relative .edit-btn {
            position: absolute;
            top: -10px;
            right: -10px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header.header-fbig-relative .edit-btn-save, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header.header-fbig-relative .edit-btn-save {
            position: absolute;
            top: 0;
            right: 0; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .default-profile-image-container, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .default-profile-image-container {
          float: left;
          width: 60px;
          height: 60px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .default-profile-image-container img, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .default-profile-image-container img {
            width: 50px;
            height: 50px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .profile-image-container, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .profile-image-container {
          float: left;
          width: 50px;
          height: 50px;
          background-repeat: no-repeat;
          background-size: contain; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .profile-image-container img, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .profile-image-container img {
            width: 50px;
            height: 50px;
            position: relative;
            top: 3px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header button, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header button {
          float: right;
          margin-top: 3px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .btn-success, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .btn-success {
          background-color: #2bb673;
          border-color: #2bb673; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header a.denied-link, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header a.denied-link {
          width: 100%;
          padding-left: 0;
          padding-top: 0;
          text-decoration: none;
          display: contents; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header a.denied-link div.denied-text, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header a.denied-link div.denied-text {
            text-align: center;
            background-color: #cc3333;
            color: white;
            border-radius: 10px;
            padding: 5px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header a, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header a {
          float: right;
          width: 48px;
          height: 36px;
          margin-top: 3px;
          padding: 7px 14px;
          border: 0px;
          border-radius: 5px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header a img, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header a img {
            width: 21px;
            height: 21px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.facebook-colors .post-preview-button .magic-checkbox:checked + label:before, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.facebook-colors .post-preview-button .magic-checkbox:checked + label:before {
          border: #3b5a9a;
          background: #3b5a9a; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.facebook-colors span.spot-name, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.facebook-colors span.spot-name {
          color: #3b5a9a; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.facebook-colors h3 .blue-bar, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.facebook-colors h3 .blue-bar {
          color: #3b5a9a; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.twitter-colors span.spot-name, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.twitter-colors span.spot-name {
          color: #26aae1; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.twitter-colors h3 .blue-bar, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.twitter-colors h3 .blue-bar {
          color: #26aae1; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.twitter-colors .post-preview-button .magic-checkbox:checked + label:before, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.twitter-colors .post-preview-button .magic-checkbox:checked + label:before {
          border: #26aae1;
          background: #26aae1; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.email-colors .post-preview-button .magic-checkbox:checked + label:before, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.email-colors .post-preview-button .magic-checkbox:checked + label:before {
          border: #dc4d40;
          background: #dc4d40; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.email-colors span.spot-name, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.email-colors span.spot-name {
          color: #dc4d40; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title.email-colors h3 .blue-bar, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title.email-colors h3 .blue-bar {
          color: #dc4d40; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title {
          float: left;
          width: 60%;
          margin: 3px 10px; }
          @media (max-width: 600px) {
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title {
              width: 60%; } }
          @media (max-width: 320px) {
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title {
              width: 55%; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title span {
            display: block;
            width: 100%;
            font-size: 0.9em;
            color: #a7a9ac; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title span {
                font-size: 12px;
                line-height: 16px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title span.spot-name, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title span.spot-name {
            padding-bottom: 3px;
            font-weight: bold;
            font-size: 1.1em;
            line-height: 16px; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title span.spot-name, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title span.spot-name {
                font-size: 14px;
                line-height: 17px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 {
            padding: 5px 0px;
            text-transform: uppercase;
            font-size: 1em;
            color: #a7a9ac; }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .fa-heart, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .fa-heart {
              color: #33bb77; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 {
                font-size: 12px; } }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar {
              font-size: 1em; }
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .inactive-click-heart, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .inactive-click-heart {
                text-transform: none;
                margin-top: 3px;
                font-weight: 100; }
                @media (max-width: 400px) {
                  .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .inactive-click-heart, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .inactive-click-heart {
                    font-size: smaller; } }
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .post-at-time, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .post-at-time {
                text-transform: none;
                margin-top: 3px;
                font-weight: 100; }
                .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .post-at-time a, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .blue-bar .post-at-time a {
                  display: inline;
                  border: 0px;
                  padding: 0 0 0 2px;
                  margin: 0px;
                  width: 50px;
                  height: inherit;
                  float: none;
                  text-decoration: underline; }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .red-bar, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .red-bar {
              color: #c8c9cb;
              font-size: 1em; }
              @media (max-width: 320px) {
                .post-preview-container .post-preview-holder .post-preview-content .post-preview-header .post-preview-title h3 .red-bar, .post-preview-container .loader-wrapper .post-preview-content .post-preview-header .post-preview-title h3 .red-bar {
                  font-size: 0.9em; } }
      .post-preview-container .post-preview-holder .post-preview-content .post-preview-info, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info {
        float: left;
        width: 100%;
        margin: 14px 0; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info textarea, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info textarea {
          width: 100%;
          height: 80px;
          border-radius: 5px;
          border-color: #bdbfc1;
          padding: 5px;
          color: #7b7b7b; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info p, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info p {
          margin-bottom: 0;
          font-size: 1em;
          word-wrap: break-word; }
          @media (max-width: 400px) {
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-info p, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info p {
              font-size: 14px;
              line-height: 18px; } }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder.cropped, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder.cropped {
          padding-bottom: 56.25%; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder {
          position: relative;
          float: left;
          width: 100%;
          margin-top: 14px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .post-image, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .post-image {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            background-size: cover;
            background-position: center center; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .post-full-image, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .post-full-image {
            width: 100%; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .post-image-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .post-image-control {
            cursor: pointer;
            position: absolute;
            top: 14px;
            right: 14px;
            width: 48px;
            height: 36px;
            padding: 7px 14px;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 0.6); }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .post-image-control .glyphicon, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .post-image-control .glyphicon {
              font-size: 20px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .image-upload-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .image-upload-control {
            width: initial;
            padding: 7px;
            font-size: 13px; }
            @media (max-width: 500px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .image-upload-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .image-upload-control {
                top: 58px;
                left: 14px;
                right: auto; } }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .image-upload-control span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .image-upload-control span {
              cursor: pointer; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .search-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .search-control {
            left: 14px;
            right: auto;
            width: initial;
            padding: 7px;
            font-size: 13px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .resize-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .resize-control {
            bottom: 14px;
            top: auto; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .delete-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .delete-control {
            left: 14px;
            right: auto;
            bottom: 14px;
            top: auto; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .overlay-control, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .overlay-control {
            top: initial;
            bottom: 14px;
            right: 70px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-image-holder .image-control-label, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-image-holder .image-control-label {
            vertical-align: super; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text {
          position: relative;
          float: left;
          width: 100%;
          padding: 5px 10px;
          border: 1px solid #e9eaeb; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text a, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text a {
            display: block;
            margin-top: 6px;
            margin-bottom: 9px;
            text-transform: capitalize;
            text-decoration: none;
            font-family: "Lato", sans-serif;
            font-size: 1.3em;
            color: black; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text a, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text a {
                font-size: 17px;
                line-height: 18px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text span {
            display: block;
            margin-top: 6px;
            margin-bottom: 9px;
            margin-right: 60px;
            text-decoration: none;
            font-family: "Lato", sans-serif;
            font-size: 1.3em;
            color: black;
            cursor: pointer; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text span {
                margin-right: 30px;
                font-size: 16px;
                line-height: 18px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .description-edit, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .description-edit {
            position: absolute;
            top: 5px;
            right: 10px;
            width: 48px;
            height: 36px;
            margin-top: 3px;
            padding: 0 14px;
            border: 1px solid #f1592a;
            border-radius: 5px;
            line-height: 28px; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .description-edit, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .description-edit {
                top: 2px;
                right: 5px;
                width: 30px;
                height: 30px;
                padding: 0px 6px; } }
            @media (max-width: 320px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .description-edit, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .description-edit {
                top: 10px; } }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .description-edit img, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .description-edit img {
              width: 21px;
              height: 21px; }
              @media (max-width: 400px) {
                .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .description-edit img, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .description-edit img {
                  width: 16px;
                  height: 16px;
                  margin-bottom: 4px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .btn-success, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .btn-success {
            position: absolute;
            right: 10px;
            top: 10px; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .btn-success, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .btn-success {
                top: 2px; } }
            @media (max-width: 320px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .btn-success, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .btn-success {
                top: 10px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .link, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .link {
            margin-top: 8px;
            margin-bottom: 5px;
            font-family: "Lato", sans-serif;
            font-size: 0.9em;
            color: #a5abb5;
            text-transform: uppercase; }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .link, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .link {
                font-size: 12px;
                line-height: 16px; } }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .info, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .info {
            text-transform: none;
            font-size: 1em;
            width: 350px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media (max-width: 600px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .info, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .info {
                width: 420px; } }
            @media (max-width: 440px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .info, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .info {
                width: 300px; } }
            @media (max-width: 400px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .info, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .info {
                font-size: 12px;
                line-height: 16px; } }
            @media (max-width: 360px) {
              .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .info, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .info {
                width: 250px; } }
            .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-text .info span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-text .info span {
              font-size: 0.7em; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons {
          overflow: hidden; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons .fa, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons .fa {
            font-size: 22px;
            height: 22px;
            width: 22px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons img, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons img {
            height: 22px;
            width: 22px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text .instagram-preview-icons span {
            display: inline-block;
            margin-right: 0;
            cursor: auto; }
        .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text p, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text p {
          font-size: 12px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text p span, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text p span {
            display: inline-block;
            margin-right: 0;
            cursor: auto; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text p .spot-name, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text p .spot-name {
            margin-right: 3px;
            text-transform: none; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text p .text-bold, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text p .text-bold {
            font-weight: bold; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text p .translation, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text p .translation {
            margin-left: 3px; }
          .post-preview-container .post-preview-holder .post-preview-content .post-preview-info .post-preview-instagram-text p .hashtags, .post-preview-container .loader-wrapper .post-preview-content .post-preview-info .post-preview-instagram-text p .hashtags {
            font-size: 1em;
            color: #5bc0de;
            text-transform: none;
            margin: 0 0 0 3px;
            padding: 0; }
      .post-preview-container .post-preview-holder .post-preview-content .email-content, .post-preview-container .loader-wrapper .post-preview-content .email-content {
        text-align: center;
        background-color: white;
        margin: 0 auto;
        padding: 10px; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info {
          background-color: white;
          padding-top: 25px; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-toolbar, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-toolbar {
            margin: 5px; }
            .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-toolbar .btn-group, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-toolbar .btn-group {
              margin-bottom: 5px; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-editor, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-editor {
            width: 95%;
            min-height: 100px;
            height: auto;
            overflow: auto;
            font-family: inherit;
            font-size: 100%;
            margin: 0 5px;
            padding: 8px;
            text-align: initial; }
            .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-editor .ta-bind, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-editor .ta-bind {
              min-height: 80px;
              outline: none !important; }
            .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-editor .popover.top, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-editor .popover.top {
              padding-bottom: 10px;
              margin-top: -25px;
              margin-left: 30px; }
            .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-editor h1, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-editor h1 {
              color: initial;
              font-weight: initial;
              padding: initial; }
            .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .ta-editor p, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .ta-editor p {
              font-size: initial;
              font-weight: initial;
              word-break: initial; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info .event-description, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info .event-description {
            padding: 0 10px;
            word-break: break-word; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info a, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info a {
            color: #1155cc;
            cursor: initial;
            text-decoration: initial;
            background-color: initial; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .email-info label a, .post-preview-container .loader-wrapper .post-preview-content .email-content .email-info label a {
            color: white; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content .social-links, .post-preview-container .loader-wrapper .post-preview-content .email-content .social-links {
          text-align: center;
          margin-top: 5px; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .social-links img, .post-preview-container .loader-wrapper .post-preview-content .email-content .social-links img {
            width: 22px;
            margin: 0 3px; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content h3, .post-preview-container .loader-wrapper .post-preview-content .email-content h3 {
          font-family: "Arial";
          font-size: 1.6em;
          clear: both;
          padding: 4px 1.5em; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content h4, .post-preview-container .loader-wrapper .post-preview-content .email-content h4 {
          margin-top: 15px;
          color: #5a5a5a; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content h5, .post-preview-container .loader-wrapper .post-preview-content .email-content h5 {
          margin-bottom: 15px;
          color: #818181; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content h4, .post-preview-container .post-preview-holder .post-preview-content .email-content h5, .post-preview-container .loader-wrapper .post-preview-content .email-content h4, .post-preview-container .loader-wrapper .post-preview-content .email-content h5 {
          font-family: "Arial";
          font-size: 1.4em; }
          @media (max-width: 767px) {
            .post-preview-container .post-preview-holder .post-preview-content .email-content h4, .post-preview-container .post-preview-holder .post-preview-content .email-content h5, .post-preview-container .loader-wrapper .post-preview-content .email-content h4, .post-preview-container .loader-wrapper .post-preview-content .email-content h5 {
              font-size: 1.1em; } }
        .post-preview-container .post-preview-holder .post-preview-content .email-content p, .post-preview-container .loader-wrapper .post-preview-content .email-content p {
          text-align: center; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content label, .post-preview-container .loader-wrapper .post-preview-content .email-content label {
          background-color: black;
          color: white;
          padding: 8px 35px;
          border-radius: 5px;
          font-family: "Arial";
          margin: 15px 0 20px 0; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content img, .post-preview-container .loader-wrapper .post-preview-content .email-content img {
          width: 100%; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content h1, .post-preview-container .loader-wrapper .post-preview-content .email-content h1 {
          color: initial;
          font-weight: initial;
          padding: initial; }
        .post-preview-container .post-preview-holder .post-preview-content .email-content .spots-logo, .post-preview-container .loader-wrapper .post-preview-content .email-content .spots-logo {
          text-align: center; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .spots-logo img, .post-preview-container .loader-wrapper .post-preview-content .email-content .spots-logo img {
            max-width: 25%; }
          .post-preview-container .post-preview-holder .post-preview-content .email-content .spots-logo h3, .post-preview-container .loader-wrapper .post-preview-content .email-content .spots-logo h3 {
            text-align: left;
            font-family: "Arial";
            font-size: 1.5em;
            padding: 4px 0 14px 0; }
      .post-preview-container .post-preview-holder .post-preview-content .post-source, .post-preview-container .loader-wrapper .post-preview-content .post-source {
        display: flex;
        gap: 6px;
        background-color: #e3e7f0;
        color: #4165af;
        padding: 7px 10px;
        margin: -10px -10px 10px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-source svg, .post-preview-container .loader-wrapper .post-preview-content .post-source svg {
          width: 19px;
          height: 19px;
          fill: #809ae4;
          flex-shrink: 0;
          margin-top: 1px; }
        .post-preview-container .post-preview-holder .post-preview-content .post-source p, .post-preview-container .loader-wrapper .post-preview-content .post-source p {
          margin-bottom: 0; }
          .post-preview-container .post-preview-holder .post-preview-content .post-source p a, .post-preview-container .loader-wrapper .post-preview-content .post-source p a {
            font-weight: bold;
            text-decoration: underline;
            color: #4165af; }
            .post-preview-container .post-preview-holder .post-preview-content .post-source p a:hover, .post-preview-container .loader-wrapper .post-preview-content .post-source p a:hover {
              text-decoration: none;
              color: #4165af; }
  .post-preview-container .post-preview-holder {
    position: relative; }
    .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected.old-instagram-alert-top-fix {
      margin-top: 60px; }
      @media (max-width: 930px) {
        .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected.old-instagram-alert-top-fix {
          margin-top: 100px; } }
      @media (max-width: 835px) {
        .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected.old-instagram-alert-top-fix {
          margin-top: 0px; } }
    @media (max-width: 940px) {
      .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected.instagram-alert-data-header {
        margin-top: 40px; } }
    @media (max-width: 835px) {
      .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected.instagram-alert-data-header {
        margin-top: 0px; } }
    .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected h3 {
      margin-bottom: 15px; }
    .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected p {
      font-size: 12px;
      margin-bottom: 5px; }
    .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected .button-holder {
      text-align: right;
      padding: 20px 0 10px; }
      .post-preview-container .post-preview-holder .post-preview-content.instagram-not-connected .button-holder .btn {
        background: #d20068; }
    .post-preview-container .post-preview-holder .post-preview-content.instagram-upgrade-requested-banner {
      padding: 30px 15px;
      background-color: #5850d6;
      border-radius: 5px; }
      .post-preview-container .post-preview-holder .post-preview-content.instagram-upgrade-requested-banner p {
        font-size: 14px;
        color: white;
        margin: 0; }
    .post-preview-container .post-preview-holder .post-preview-content.instagram-floating {
      background: transparent;
      padding: 0; }
      .post-preview-container .post-preview-holder .post-preview-content.instagram-floating .floating-pop-up {
        position: initial; }
        .post-preview-container .post-preview-holder .post-preview-content.instagram-floating .floating-pop-up .upper-banner {
          background: url(https://static.spotapps.co/assets/admin/instagram_upgrade_background.jpg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
          height: 150px; }
        .post-preview-container .post-preview-holder .post-preview-content.instagram-floating .floating-pop-up a.btn {
          background-color: #5850d6;
          text-transform: uppercase;
          color: white;
          border: none;
          border-radius: 5px;
          padding: 10px;
          margin: auto;
          margin-top: 15px;
          width: 100%; }
        .post-preview-container .post-preview-holder .post-preview-content.instagram-floating .floating-pop-up p {
          font-size: 14px; }
  .post-preview-container .post-preview-holder.approval-controls {
    box-sizing: border-box;
    position: relative;
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center; }
  .post-preview-container .post-preview-holder.approval-controls.new-design {
    width: 420px;
    background-color: white;
    padding-bottom: 10px;
    position: relative;
    margin-top: -25px !important;
    justify-items: center;
    position: relative; }
    @media (max-width: 767px) {
      .post-preview-container .post-preview-holder.approval-controls.new-design {
        width: 100%; } }
    .post-preview-container .post-preview-holder.approval-controls.new-design.inactive-section {
      margin: 0 !important;
      width: 410px;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 767px) {
        .post-preview-container .post-preview-holder.approval-controls.new-design.inactive-section {
          width: 100%; } }
    @media (max-width: 460px) {
      .post-preview-container .post-preview-holder.approval-controls.new-design .mobile-align {
        display: block;
        width: 100%; } }
    .post-preview-container .post-preview-holder.approval-controls.new-design .btnDownloadContent:hover::before {
      text-align: left;
      content: "Download and post on your own";
      display: block;
      position: absolute;
      width: 126px;
      background-color: #31313e;
      color: white;
      top: -54px;
      left: -35px;
      border-radius: 8px;
      padding: 8px;
      -webkit-animation: fadeIn 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
      animation: fadeIn 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
      animation-fill-mode: forwards; }
    .post-preview-container .post-preview-holder.approval-controls.new-design .btnDownloadContent:hover::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 18px;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #31313e;
      -webkit-animation: fadeIn 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
      animation: fadeIn 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
      animation-fill-mode: forwards; }
    .post-preview-container .post-preview-holder.approval-controls.new-design.video {
      width: 100%;
      margin: 0 !important;
      padding-bottom: 0;
      display: block; }
    .post-preview-container .post-preview-holder.approval-controls.new-design .rounded-button {
      border-radius: 50px;
      box-shadow: 0px 0px 11.9597px rgba(0, 0, 0, 0.1);
      padding: 10px 25px 10px 10px; }
      .post-preview-container .post-preview-holder.approval-controls.new-design .rounded-button:hover {
        background-color: #fb8014;
        color: white; }
    .post-preview-container .post-preview-holder.approval-controls.new-design .group-btn:hover {
      transition: all 0.5s ease; }
      .post-preview-container .post-preview-holder.approval-controls.new-design .group-btn:hover .download-icon {
        background: white !important; }
      .post-preview-container .post-preview-holder.approval-controls.new-design .group-btn:hover svg {
        fill: #fb8014 !important; }
  .post-preview-container .post-preview-holder.approval-controls.visible-controls {
    display: block; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .new-ideas {
      background: white;
      padding: 8px;
      border-radius: 40px;
      position: relative;
      display: inline-flex;
      align-items: center;
      margin-left: 3px;
      top: -10px;
      cursor: pointer;
      box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
      transition: all 200ms ease; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .new-ideas:hover {
        background-color: #eca409;
        color: white; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .new-ideas:hover .sijalica {
        background-color: white; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .new-ideas .sijalica {
        display: inline-block;
        position: relative;
        height: 48.75px;
        width: 48.75px;
        border-radius: 50%;
        margin-right: 8px;
        background-color: #f9edd2;
        transition: all 200ms ease; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .new-ideas .sijalica:before {
        background-image: url(https://static.spotapps.co/assets/admin/lightbulb.png);
        background-size: 24px 32px;
        display: inline-block;
        width: 24px;
        height: 32px;
        content: "";
        mix-blend-mode: multiply;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-family: "FontAwesome"; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .new-ideas span {
        display: inline-block;
        vertical-align: top;
        line-height: 47px;
        margin-right: 10px; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .previews-side-arrow {
      margin-top: -35px; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .previews-side-arrow img {
        width: 35px;
        height: 56px; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -130px; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow img {
        display: block; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow.side-arrow-left {
      margin-left: -190px; }
      @media (max-width: 450px) {
        .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow.side-arrow-left {
          top: 15px;
          margin-left: -155px;
          width: 30px;
          height: 30px; } }
      @media (max-width: 320px) {
        .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow.side-arrow-left {
          display: none; } }
      @media (max-width: 450px) {
        .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow.side-arrow-left img {
          width: 100%; } }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button, .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow {
      width: 65px;
      height: 65px;
      display: inline-block; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.new-desing.yes, .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.new-desing.no {
      width: 45px;
      height: 45px;
      display: inline-block; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .small-button {
      position: relative;
      top: -5px;
      width: 55px;
      height: 55px; }
      @media (max-width: 450px) {
        .post-preview-container .post-preview-holder.approval-controls.visible-controls .small-button {
          top: -10px;
          width: 45px;
          height: 45px; } }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button {
      background: #eeeeee;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
      border-radius: 50%; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .button .trigger {
        background: white;
        display: block;
        border-radius: 50%;
        width: 75%;
        height: 75%;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.1s;
        text-align: center;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
        .post-preview-container .post-preview-holder.approval-controls.visible-controls .button .trigger.new-position {
          transform: translateY(0%); }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .button .trigger:active {
        transform: translateY(-50%) scale(0.75);
        transition: all 0.05s linear; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .button .trigger:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-family: "FontAwesome"; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger:before {
      content: "\f00d";
      font-size: 22px;
      color: #cc3333; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:before {
      margin-top: 2px;
      content: "\f004";
      font-size: 20px;
      color: #33bb77; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.recycle .trigger:before {
      content: "\f0e2";
      font-size: 22px;
      color: #25aae1; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb {
      position: relative;
      top: -5px;
      width: 55px;
      height: 55px; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .trigger:before {
        background-image: url("https://static.spotapps.co/assets/admin/lightbulb.png");
        background-size: 24px 32px;
        display: inline-block;
        width: 24px;
        height: 32px;
        content: ""; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .popover {
      z-index: 10; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.hidden {
      display: none; }
      .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.hidden .popover {
        width: 200px;
        text-align: center;
        background-color: #e8e8e8;
        border-color: #e8e8e8; }
        .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.hidden .popover .arrow:after {
          border-top-color: #e8e8e8; }
    .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.edit .trigger:before {
      content: "\f040";
      font-size: 22px;
      color: #939598; }
  .post-preview-container .post-preview-holder.approval-controls.visible-controls.liked .button.yes .trigger {
    background-color: #33bb77; }
  .post-preview-container .post-preview-holder.approval-controls.visible-controls.liked .button.yes .trigger:before {
    color: white; }
  .post-preview-container .post-preview-holder.approval-controls.visible-controls.disliked .button.no .trigger {
    background-color: #cc3333; }
  .post-preview-container .post-preview-holder.approval-controls.visible-controls.disliked .button.no .trigger:before {
    color: #eeeeee; }
  .post-preview-container .post-preview-holder.edit-delete-controls {
    display: none; }
  .post-preview-container .post-preview-holder.edit-delete-controls.visible-controls {
    display: block; }
  .post-preview-container .post-preview-holder.disabled {
    opacity: 0.3; }
    .post-preview-container .post-preview-holder.disabled a, .post-preview-container .post-preview-holder.disabled .button {
      pointer-events: none; }

.customize_field .ta-toolbar {
  margin: 5px; }
  .customize_field .ta-toolbar .btn-group {
    margin-bottom: 5px; }
.customize_field .ta-editor {
  width: 95%;
  min-height: 100px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
  margin: 0 5px;
  padding: 8px;
  text-align: initial; }
  .customize_field .ta-editor .ta-bind {
    min-height: 80px;
    outline: none !important; }

.post-preview-button-holder {
  display: inline-block;
  float: right;
  font-size: 0.5em; }
  .post-preview-button-holder .checkbox-slider-md {
    display: table-cell;
    float: left;
    vertical-align: top;
    padding-right: 20px;
    color: gray; }
    .post-preview-button-holder .checkbox-slider-md input + span {
      padding-left: 0;
      color: transparent; }
  .post-preview-button-holder .preview-title {
    float: left;
    padding: 15px;
    color: #58585a;
    font-weight: bold;
    font-size: 15px; }

.claiming-spot-modal-window.modal.in .modal-content {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: none; }

#claiming-spot .modal-body {
  margin: auto;
  margin-top: 50px;
  padding: 0px; }
#claiming-spot h2 {
  text-align: center;
  font: normal normal bold 22px/27px Lato;
  letter-spacing: 0px;
  color: black; }
#claiming-spot p {
  text-align: center;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  color: black; }
#claiming-spot input {
  height: 47px;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid #c4c4c4;
  border-radius: 4px; }
#claiming-spot button {
  height: 47px;
  margin: 0;
  margin-top: 11px;
  background: #f17644;
  border-radius: 8px;
  font: normal normal 700 20px/24px Lato;
  letter-spacing: 0px;
  color: white; }
#claiming-spot .cancel-btn {
  background: #c4c4c4; }
#claiming-spot .form-screen {
  margin: auto;
  background: white;
  border-radius: 8px;
  padding: 15px;
  max-width: 600px;
  width: 100%; }
  #claiming-spot .form-screen h2 {
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 8px;
    padding-bottom: 14px;
    margin: -2px -4px; }
  #claiming-spot .form-screen .form-wrapper {
    padding: 20px 23px 27px 23px; }
  #claiming-spot .form-screen .form-group {
    margin: 0; }
  #claiming-spot .form-screen p {
    text-align: left;
    margin-bottom: 29px; }
  #claiming-spot .form-screen .name-container {
    display: flex;
    gap: 20px; }
    #claiming-spot .form-screen .name-container .form-group {
      width: 100%; }
  #claiming-spot .form-screen .required-label {
    text-align: left;
    font: normal normal normal 18px/22px Lato;
    letter-spacing: 0px;
    color: black;
    margin-bottom: 8px; }
  #claiming-spot .form-screen .required-star {
    color: red; }
  #claiming-spot .form-screen .error {
    margin: 0;
    margin-top: 1px;
    height: 15px;
    text-align: right;
    font: normal normal normal 12px/15px Lato;
    letter-spacing: 0px;
    color: red; }
#claiming-spot .existing-screen {
  margin: auto;
  background: white;
  border-radius: 8px;
  padding: 15px;
  max-width: 600px;
  width: 100%; }
  #claiming-spot .existing-screen h2 {
    background: #f17644;
    border-radius: 5px 5px 0px 0px;
    margin: -15px -15px 0px -15px;
    padding: 12px 5px 15px 5px;
    color: white; }
  #claiming-spot .existing-screen .existing-wrapper {
    padding: 36px 68px 32px 68px; }
  #claiming-spot .existing-screen p {
    margin-bottom: 38px; }
  #claiming-spot .existing-screen .existing-email {
    color: #f17644; }
  #claiming-spot .existing-screen .btn-container {
    display: flex;
    gap: 38px; }
#claiming-spot .success-screen {
  margin: auto;
  background: white;
  border-radius: 8px;
  padding: 15px;
  max-width: 440px;
  width: 100%; }
  #claiming-spot .success-screen .img-container {
    text-align: center; }
    #claiming-spot .success-screen .img-container img {
      height: 89px;
      width: 89px;
      margin-top: -53px; }
  #claiming-spot .success-screen h2 {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 9px; }
  #claiming-spot .success-screen .success-wrapper {
    padding: 20px 29px 13px 29px; }
  #claiming-spot .success-screen p {
    margin-bottom: 25px; }
  #claiming-spot .success-screen .normal {
    font-weight: normal; }

.modal-window-cancel-dislike h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center; }
.modal-window-cancel-dislike .modal-footer {
  text-align: center; }
  .modal-window-cancel-dislike .modal-footer button {
    width: 100px; }

.modal-window-final-approve {
  z-index: 1061 !important; }
  .modal-window-final-approve .modal-dialog {
    width: 700px;
    transform: translate(-50%, -50%) !important;
    top: 50%;
    left: 50%;
    position: absolute; }
    @media (max-width: 991px) {
      .modal-window-final-approve .modal-dialog {
        width: 90%; } }
    @media (max-width: 767px) {
      .modal-window-final-approve .modal-dialog {
        width: 95%;
        margin: 10px auto; } }
    .modal-window-final-approve .modal-dialog .close-approve {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #31313e; }
      .modal-window-final-approve .modal-dialog .close-approve:hover {
        cursor: pointer; }
    .modal-window-final-approve .modal-dialog .modal-btn {
      padding: 10px; }
    .modal-window-final-approve .modal-dialog .btn {
      border-radius: 30px;
      margin: 10px auto;
      padding: 8px 30px;
      width: 380px; }
      @media (max-width: 767px) {
        .modal-window-final-approve .modal-dialog .btn {
          width: 100%;
          text-wrap: auto; } }
    .modal-window-final-approve .modal-dialog .btn-primary {
      background-color: #f54900;
      background: #f54900;
      color: white; }
    .modal-window-final-approve .modal-dialog .btn-secondary {
      background-color: white;
      color: #868689;
      border: 1px solid #868689; }
  .modal-window-final-approve .modal-content span {
    display: block;
    font-size: 16px; }
  .modal-window-final-approve .modal-content h1 {
    font-weight: 700;
    font-size: 28px;
    color: #31313e; }
    @media (max-width: 767px) {
      .modal-window-final-approve .modal-content h1 {
        font-size: 21px; } }
  .modal-window-final-approve .modal-holder {
    background: linear-gradient(180deg, white 50%, #d5efff 100%);
    padding: 30px 20px 0 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
  .modal-window-final-approve .modal-holder.instagram-post {
    background: linear-gradient(180deg, white 50%, #e9d5ff 100%); }
  .modal-window-final-approve .modal-header {
    border: 1px solid #ffc900;
    border-radius: 10px;
    background-color: #fffcf2;
    padding: 5px; }
  .modal-window-final-approve .modal-body {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 15px 0 15px; }
    @media (max-width: 991px) {
      .modal-window-final-approve .modal-body {
        padding: 30px 0 0 0; } }
    @media (max-width: 767px) {
      .modal-window-final-approve .modal-body {
        flex-direction: column;
        text-align: center; } }
  .modal-window-final-approve .modal-body-text {
    width: 70%; }
    @media (max-width: 767px) {
      .modal-window-final-approve .modal-body-text {
        width: 100%;
        padding-bottom: 15px; } }
  .modal-window-final-approve .modal-body-img {
    width: 30%;
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    position: relative;
    bottom: -2px; }
    @media (max-width: 767px) {
      .modal-window-final-approve .modal-body-img {
        width: 100%; } }

.modal-window-post-congratulations .modal-body {
  padding: 15px 15px 10px 15px; }
  @media (max-width: 767px) {
    .modal-window-post-congratulations .modal-body {
      padding: 0 !important; } }
.modal-window-post-congratulations .modal_request_website_embed {
  padding: 15px; }
.modal-window-post-congratulations .modal-dialog {
  transform: translateY(-50%) !important;
  top: 50%; }
.modal-window-post-congratulations .close-congratulations {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #31313e; }
  .modal-window-post-congratulations .close-congratulations:hover {
    cursor: pointer; }
.modal-window-post-congratulations .modal-header {
  padding: 0 15px 15px; }
  .modal-window-post-congratulations .modal-header h1 {
    font-size: 32px;
    padding-top: 0; }
.modal-window-post-congratulations span {
  display: block;
  font-size: 14px; }
.modal-window-post-congratulations .modal-btn .btn {
  border-radius: 30px;
  margin: 10px auto;
  padding: 8px 40px;
  width: max-content; }
.modal-window-post-congratulations .modal-btn .btn-secondary {
  background-color: white;
  color: #868689;
  border: 1px solid #868689; }
.modal-window-post-congratulations ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0; }
  .modal-window-post-congratulations ul li {
    padding: 5px 5px; }
    .modal-window-post-congratulations ul li div {
      background-color: #f4f7fa;
      border-radius: 10px;
      padding: 10px; }

.modal-window-approve-posts h3, .modal-window-recycle_button h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center; }
.modal-window-approve-posts p, .modal-window-recycle_button p {
  text-align: center; }
.modal-window-approve-posts .modal-footer, .modal-window-recycle_button .modal-footer {
  text-align: center; }
  .modal-window-approve-posts .modal-footer button, .modal-window-recycle_button .modal-footer button {
    width: 100px; }
.modal-window-approve-posts .approval-controls, .modal-window-recycle_button .approval-controls {
  box-sizing: border-box;
  position: relative;
  margin: 15px auto 0;
  width: 134px;
  text-align: center; }
  .modal-window-approve-posts .approval-controls .button, .modal-window-recycle_button .approval-controls .button {
    width: 65px;
    height: 65px;
    display: inline-block;
    background: #eeeeee;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%; }
    .modal-window-approve-posts .approval-controls .button .trigger, .modal-window-recycle_button .approval-controls .button .trigger {
      background: white;
      display: block;
      border-radius: 50%;
      width: 75%;
      height: 75%;
      margin: 0 auto;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.1s;
      text-align: center;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    .modal-window-approve-posts .approval-controls .button .trigger:active, .modal-window-recycle_button .approval-controls .button .trigger:active {
      transform: translateY(-50%) scale(0.75);
      transition: all 0.05s linear; }
    .modal-window-approve-posts .approval-controls .button .trigger:before, .modal-window-recycle_button .approval-controls .button .trigger:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      font-family: "FontAwesome"; }
  .modal-window-approve-posts .approval-controls .button.no .trigger:before, .modal-window-recycle_button .approval-controls .button.no .trigger:before {
    content: "\f00d";
    font-size: 28px;
    color: #cc3333; }
  .modal-window-approve-posts .approval-controls .button.yes .trigger:before, .modal-window-recycle_button .approval-controls .button.yes .trigger:before {
    content: "\f004";
    font-size: 22px;
    color: #33bb77; }

.modal-window-recycle_button .approval-controls {
  box-sizing: border-box;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  width: auto; }
  .modal-window-recycle_button .approval-controls .button-wrap {
    display: inline-block;
    vertical-align: top;
    padding: 0 8px; }
    .modal-window-recycle_button .approval-controls .button-wrap p {
      margin: 0; }
      @media (max-width: 450px) {
        .modal-window-recycle_button .approval-controls .button-wrap p {
          font-size: 12px; } }
    .modal-window-recycle_button .approval-controls .button-wrap p.smaller {
      font-size: 12px;
      line-height: 12px;
      color: gray; }
      @media (max-width: 450px) {
        .modal-window-recycle_button .approval-controls .button-wrap p.smaller {
          font-size: 11px; } }
  .modal-window-recycle_button .approval-controls .button {
    width: 65px;
    height: 65px;
    display: inline-block;
    margin-bottom: 8px; }
  .modal-window-recycle_button .approval-controls .small-button {
    position: relative;
    top: 5px;
    width: 55px;
    height: 55px; }
    @media (max-width: 450px) {
      .modal-window-recycle_button .approval-controls .small-button {
        top: 5px;
        width: 45px;
        height: 45px; } }
  .modal-window-recycle_button .approval-controls .button.recycle .trigger:before {
    content: "\f0e2";
    font-size: 22px;
    color: #25aae1; }
  .modal-window-recycle_button .approval-controls .button.edit .trigger:before {
    content: "\f040";
    font-size: 22px;
    color: #939598; }

.confirmation-modal-window h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center; }
  @media (max-width: 767px) {
    .confirmation-modal-window h3 {
      font-size: 1.2em; } }
  .confirmation-modal-window h3 span {
    display: block;
    margin-top: 15px;
    font-size: 15px; }
.confirmation-modal-window .popup-text {
  text-align: center;
  font-size: 0.8em;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0px; }
.confirmation-modal-window .popup-row {
  text-align: center;
  font-size: 0.8em;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px;
  margin-bottom: 0px; }

.food-menu-image-action-modal-window .modal-title {
  margin-top: 15px;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center; }
.food-menu-image-action-modal-window .modal-footer {
  padding: 30px 15px;
  text-align: center; }
  .food-menu-image-action-modal-window .modal-footer .btn {
    height: 52px;
    margin-bottom: 15px;
    white-space: pre-wrap;
    width: calc((100% - 10px)/3); }
  .food-menu-image-action-modal-window .modal-footer a.btn {
    display: inline-block; }
    @media (max-width: 767px) {
      .food-menu-image-action-modal-window .modal-footer a.btn {
        line-height: 36px; } }

.food-posting-config {
  max-width: 640px;
  padding: 30px 15px;
  margin: 0 auto; }
  .food-posting-config h2 {
    font-weight: 100;
    text-align: center; }
  .food-posting-config .image-container {
    padding-top: 45px; }
    .food-posting-config .image-container img {
      margin: 0 auto; }
    .food-posting-config .image-container .form-control {
      margin-top: 15px; }
  .food-posting-config .button-container {
    text-align: center;
    padding: 20px 0; }
  .food-posting-config .form-label {
    clear: both;
    float: left; }
    @media (max-width: 640px) {
      .food-posting-config .form-label {
        float: none;
        display: block;
        text-align: center; } }
  .food-posting-config .form-input {
    float: right;
    width: 200px; }
    @media (max-width: 640px) {
      .food-posting-config .form-input {
        float: none;
        display: block;
        margin: 0 auto; } }
  .food-posting-config h4 {
    margin: 25px auto;
    text-align: center; }
  .food-posting-config .form-group {
    padding-bottom: 30px; }
    .food-posting-config .form-group .form-input.time-control {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
      @media (max-width: 640px) {
        .food-posting-config .form-group .form-input.time-control {
          width: initial; } }
    .food-posting-config .form-group .time-control {
      width: 160px; }
    @media (max-width: 640px) {
      .food-posting-config .form-group .time-container {
        margin: 0 auto;
        width: 160px; } }

.qr-code-flyers-modal .modal-header {
  min-height: 50px; }
.qr-code-flyers-modal .notification-text {
  margin: 20px; }

.gallery-import.flyers-preview {
  padding: 70px 15px 30px 15px; }
  .gallery-import.flyers-preview p, .gallery-import.flyers-preview input:not([type="checkbox"]) {
    margin: 10px 0; }

.call-to-action {
  padding: 40px 0 0 0;
  text-align: center;
  font-size: 1.3em; }
  .call-to-action .call-to-action.tick {
    padding: 10px 0 0 0; }

.flyers-preview {
  padding: 0 15px 30px 15px; }
  @media (max-width: 415px) {
    .flyers-preview.flyers-page {
      padding-top: 0; } }
  .flyers-preview .standalone-text {
    width: 100%;
    min-height: 100%;
    padding-left: 250px;
    font-size: 1.3em;
    font-weight: 500;
    padding: 50px 0 8px 0;
    margin-bottom: 3rem;
    padding-left: 0;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-around; }
    .flyers-preview .standalone-text span {
      font-family: "Lato";
      color: #333333; }
  .flyers-preview .standalone-info {
    position: absolute;
    bottom: 0;
    display: flex;
    text-align: center;
    background-color: #fce5df;
    left: 50%;
    width: 100%;
    padding-left: 250px;
    transform: translateX(-50%);
    font-size: 1.2em;
    height: 70px;
    align-items: center;
    justify-content: space-around; }
    @media (max-width: 767px) {
      .flyers-preview .standalone-info {
        padding-left: 0; } }
    .flyers-preview .standalone-info span.banner-text {
      font-family: "Lato";
      color: #333333; }
    .flyers-preview .standalone-info a.banner-link {
      display: inline-block;
      color: #ea5329;
      text-decoration: underline;
      text-decoration-color: #f5b8a9; }
  .flyers-preview .flyer-holder {
    max-width: 640px;
    margin: 0 auto; }
  @media (max-width: 415px) {
    .flyers-preview {
      padding: 15px;
      padding-top: 70px; } }
  .flyers-preview .gear-dropdown {
    position: fixed;
    top: 20px;
    right: 10px;
    z-index: 101; }
    .flyers-preview .gear-dropdown .buble-text p {
      width: 100%; }
    @media (max-width: 767px) {
      .flyers-preview .gear-dropdown {
        top: 20px; } }
  .flyers-preview .flyers-header {
    position: sticky;
    top: 0;
    background: white;
    padding: 2rem 1rem;
    padding-left: 45px;
    margin: 0 -30px;
    margin-bottom: 2rem;
    z-index: 2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }
    @media (min-width: 768px) {
      .flyers-preview .flyers-header {
        padding-left: 20px;
        margin-bottom: 4rem; } }
    .flyers-preview .flyers-header .flyers-text-holder {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .flyers-preview .flyers-header .flyers-text-holder img {
        width: 36px; }
      .flyers-preview .flyers-header .flyers-text-holder h3 {
        font-size: 22px;
        font-weight: 400; }
  .flyers-preview .flyers-container {
    display: flex;
    flex-wrap: wrap; }
  .flyers-preview .flyers-bar {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    min-height: 60px;
    padding-top: 26px;
    padding-right: 100px;
    padding-left: 9%;
    background-color: white;
    color: #6d6e71;
    font-weight: bold;
    text-align: left;
    display: block;
    z-index: 100; }
    @media (max-width: 1400px) {
      .flyers-preview .flyers-bar {
        padding-left: 2%; } }
    @media (max-width: 1200px) {
      .flyers-preview .flyers-bar {
        padding-left: 1%; } }
    @media (max-width: 960px) {
      .flyers-preview .flyers-bar {
        padding-right: 0px; } }
    @media (max-width: 767px) {
      .flyers-preview .flyers-bar {
        padding-left: 64px;
        left: 0; } }
    @media (max-width: 280px) {
      .flyers-preview .flyers-bar {
        padding-left: 54px;
        left: 0; } }
    .flyers-preview .flyers-bar .flag {
      position: fixed;
      margin-bottom: 22px;
      margin-left: -26px; }
      @media (max-width: 960px) {
        .flyers-preview .flyers-bar .flag {
          width: 45px;
          margin-bottom: 24px;
          height: auto; } }
      @media (max-width: 767px) {
        .flyers-preview .flyers-bar .flag {
          width: 45px;
          margin-bottom: 24px;
          height: auto;
          margin: -8px; } }
      @media (max-width: 540px) {
        .flyers-preview .flyers-bar .flag {
          width: 35px;
          height: auto; } }
    .flyers-preview .flyers-bar h3 {
      display: inline-block;
      vertical-align: bottom;
      padding: 0 30px 20px 30px;
      font-size: 1.3em;
      font-weight: bold; }
      @media (max-width: 1023px) {
        .flyers-preview .flyers-bar h3 {
          font-size: 1.2em; } }
      @media (max-width: 960px) {
        .flyers-preview .flyers-bar h3 {
          font-size: 1em; } }
      @media (max-width: 767px) {
        .flyers-preview .flyers-bar h3 {
          font-size: 1em; } }
      @media (max-width: 320px) {
        .flyers-preview .flyers-bar h3 {
          margin-left: 10px;
          font-size: 12px; } }
    .flyers-preview .flyers-bar .tabnav {
      position: relative;
      padding: 0 30px 27px;
      font-weight: bold; }
      .flyers-preview .flyers-bar .tabnav a {
        color: #939598;
        border-bottom: none; }
      @media (max-width: 767px) {
        .flyers-preview .flyers-bar .tabnav {
          padding: 0 10px 17px;
          margin-top: -8px; } }
      @media (max-width: 600px) {
        .flyers-preview .flyers-bar .tabnav {
          width: 130px; } }
      @media (max-width: 390px) {
        .flyers-preview .flyers-bar .tabnav {
          width: 90px; } }
      @media (max-width: 320px) {
        .flyers-preview .flyers-bar .tabnav {
          width: 76px; } }
      @media (max-width: 280px) {
        .flyers-preview .flyers-bar .tabnav {
          width: 58px;
          padding-left: 0; } }
    .flyers-preview .flyers-bar .active {
      border-bottom: 7px solid #ea5329;
      padding: 0 30px 20px;
      color: #ea5329; }
      @media (max-width: 767px) {
        .flyers-preview .flyers-bar .active {
          padding: 0 10px 10px;
          margin-top: -10px; } }
      @media (max-width: 600px) {
        .flyers-preview .flyers-bar .active {
          width: 124px; } }
      @media (max-width: 390px) {
        .flyers-preview .flyers-bar .active {
          width: 90px; } }
      @media (max-width: 320px) {
        .flyers-preview .flyers-bar .active {
          width: 76px; } }
      @media (max-width: 280px) {
        .flyers-preview .flyers-bar .active {
          width: 72px;
          padding-left: 0; } }
      .flyers-preview .flyers-bar .active .fa-heart {
        color: #33bb77; }
      .flyers-preview .flyers-bar .active .fa-times {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 20px;
        line-height: 20px;
        color: #f1592a;
        cursor: pointer; }
        @media (max-width: 767px) {
          .flyers-preview .flyers-bar .active .fa-times {
            margin-left: 5px; } }
        @media (max-width: 320px) {
          .flyers-preview .flyers-bar .active .fa-times {
            margin-left: 0; } }
    @media (max-width: 767px) {
      .flyers-preview .flyers-bar .additional-info {
        font-size: 0.8em; } }
    @media (max-width: 767px) {
      .flyers-preview .flyers-bar .additional-info-desktop {
        display: none; } }
  .flyers-preview .additional-banner-space {
    height: 60px; }
  .flyers-preview p, .flyers-preview input:not([type="checkbox"]) {
    font-size: 18px;
    margin: 0 auto 15px auto;
    width: 65%; }
    @media only screen and (orientation: landscape) and (device-height: 768px) {
      .flyers-preview p, .flyers-preview input:not([type="checkbox"]) {
        width: 50%; } }
    @media (max-width: 415px) {
      .flyers-preview p, .flyers-preview input:not([type="checkbox"]) {
        width: 85%;
        line-height: 1.2em;
        font-size: 16px; } }
    @media (max-width: 374px) {
      .flyers-preview p, .flyers-preview input:not([type="checkbox"]) {
        width: 92%;
        font-size: 14px;
        margin: 0 auto 5px auto; } }
    @media (min-width: 450px) {
      .flyers-preview p.flyers-page, .flyers-preview input:not([type="checkbox"]).flyers-page {
        margin-top: 1rem; } }
    @media (min-width: 768px) {
      .flyers-preview p.flyers-page, .flyers-preview input:not([type="checkbox"]).flyers-page {
        text-align: center; } }
  .flyers-preview h2 {
    text-align: center;
    margin: 60px auto 0 auto;
    font-size: 20px;
    font-weight: 100;
    width: 65%; }
    @media only screen and (orientation: landscape) and (device-height: 768px) {
      .flyers-preview h2 {
        width: 50%; } }
    @media (max-width: 415px) {
      .flyers-preview h2 {
        width: 85%; } }
    @media (max-width: 374px) {
      .flyers-preview h2 {
        width: 92%; } }
  .flyers-preview .arrow {
    display: block;
    margin: 8px auto 50px auto; }
  .flyers-preview button {
    margin: 25px auto 0 auto;
    display: block;
    font-size: 15px;
    font-weight: 100;
    width: 65%;
    white-space: normal; }
    @media only screen and (orientation: landscape) and (device-height: 768px) {
      .flyers-preview button {
        width: 50%; } }
    @media (max-width: 415px) {
      .flyers-preview button {
        width: 85%; } }
    @media (max-width: 374px) {
      .flyers-preview button {
        width: 92%; } }
  .flyers-preview .see-more-button {
    width: 100%; }
  .flyers-preview .download-controls {
    padding: 10px 0 20px 0;
    display: table;
    width: 100%; }
  .flyers-preview .dl-ctrl-row {
    display: table-row; }
    .flyers-preview .dl-ctrl-row h4 {
      font-size: 1.2em;
      font-weight: 600;
      color: #58585a; }
      @media (max-width: 1024px) {
        .flyers-preview .dl-ctrl-row h4 {
          font-size: 1em; } }
      .flyers-preview .dl-ctrl-row h4 a {
        text-decoration: underline; }
  .flyers-preview .dl-ctrl-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px; }
  .flyers-preview .dl-ctrl-cell:first-child {
    text-align: left;
    width: 50%;
    padding: 0; }
  .flyers-preview .download-button {
    background-color: #ea5329;
    padding: 10px 15px;
    border-radius: 4px;
    color: white;
    display: block;
    width: 100%; }
  .flyers-preview .download-button:hover {
    text-decoration: none; }
  .flyers-preview .flyer {
    width: 65%;
    position: relative;
    margin: 0 auto 45px auto; }
    @media only screen and (orientation: landscape) and (device-height: 768px) {
      .flyers-preview .flyer {
        width: 50%; } }
    @media (max-width: 415px) {
      .flyers-preview .flyer {
        width: 85%;
        margin: 0 auto 25px auto; } }
    @media (max-width: 374px) {
      .flyers-preview .flyer {
        width: 92%;
        margin: 0 auto 15px auto; } }
    .flyers-preview .flyer.flyers-page {
      width: fit-content;
      margin: 0;
      padding: 2rem;
      background: white;
      border-radius: 12px;
      margin-bottom: 2rem; }
      .flyers-preview .flyer.flyers-page .flyer-img {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-bottom: 2px solid black;
        margin-bottom: 2rem;
        cursor: auto; }
      .flyers-preview .flyer.flyers-page .flier-buttons-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem; }
      .flyers-preview .flyer.flyers-page .upload-logo-link {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background: white;
        color: #5f6368;
        border: 1px solid #5f6368;
        border-radius: 5px;
        font-size: 1.5rem;
        font-weight: 500;
        gap: 1rem; }
      .flyers-preview .flyer.flyers-page .download-flier-link {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ea5329;
        border: 1px solid #ea5329;
        border-radius: 5px;
        color: white;
        font-size: 1.5rem;
        font-weight: 500;
        gap: 1rem; }
        .flyers-preview .flyer.flyers-page .download-flier-link svg {
          fill: white; }
        .flyers-preview .flyer.flyers-page .download-flier-link.shrink-button {
          flex-grow: 0; }
    .flyers-preview .flyer .flyer-img {
      cursor: pointer;
      -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.75); }
    .flyers-preview .flyer .loader {
      margin: 0 auto;
      border: 16px solid #f3f3f3;
      border-top: 16px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 2s linear infinite; }
    .flyers-preview .flyer .loading {
      text-align: center;
      min-height: 300px;
      display: table; }
      .flyers-preview .flyer .loading .v-center {
        display: table-cell;
        vertical-align: middle;
        background-color: lightgrey;
        padding: 0 15px; }
      .flyers-preview .flyer .loading p {
        width: 100%; }
    .flyers-preview .flyer .text-edit-btn {
      position: absolute;
      top: 35%;
      left: 13%;
      width: 75%;
      height: 21%;
      border-radius: 10px;
      background-color: rgba(255, 255, 255, 0);
      z-index: 1; }
      @media (min-width: 415px) {
        .flyers-preview .flyer .text-edit-btn {
          top: 41%;
          left: 13%;
          width: 75%;
          height: 21%; } }
    .flyers-preview .flyer .text-edit-btn:focus {
      outline: none; }
    .flyers-preview .flyer .text-edit-btn:hover {
      background-color: rgba(234, 83, 41, 0.6); }
    .flyers-preview .flyer .contact-edit-btn {
      position: absolute;
      bottom: -2%;
      right: 5px;
      padding: 5px 10px;
      background: rgba(255, 255, 255, 0.9);
      border-color: #58585a;
      color: #58585a;
      font-size: 12px;
      line-height: 14px; }
      @media (min-width: 768px) {
        .flyers-preview .flyer .contact-edit-btn {
          right: -10px; } }
      .flyers-preview .flyer .contact-edit-btn .fa {
        margin-right: 5px; }
    .flyers-preview .flyer .contact-edit-btn:focus {
      outline: none; }
    .flyers-preview .flyer .contact-edit-btn:hover {
      background-color: #f1592a;
      border-color: #f1592a;
      color: white; }
    .flyers-preview .flyer .contact-edit-btn.logo-btn {
      right: auto;
      left: 5px; }
  .flyers-preview .hidden-flyer {
    display: none; }
  .flyers-preview .approval-controls {
    display: block;
    margin-bottom: 15px; }
    .flyers-preview .approval-controls .side-arrow img {
      display: block; }
    .flyers-preview .approval-controls .button, .flyers-preview .approval-controls .side-arrow {
      width: 65px;
      height: 65px;
      display: inline-block; }
    .flyers-preview .approval-controls .button {
      background: #eeeeee;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
      border-radius: 50%; }
      .flyers-preview .approval-controls .button .trigger {
        background: white;
        display: block;
        border-radius: 50%;
        width: 75%;
        height: 75%;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.1s;
        text-align: center;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
      .flyers-preview .approval-controls .button .trigger:active {
        transform: translateY(-50%) scale(0.75);
        transition: all 0.05s linear; }
      .flyers-preview .approval-controls .button .trigger:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-family: "FontAwesome"; }
    .flyers-preview .approval-controls .button.no .trigger:before {
      content: "\f00d";
      font-size: 28px;
      color: #cc3333; }
    .flyers-preview .approval-controls .button.yes .trigger:before {
      content: "\f004";
      font-size: 22px;
      color: #33bb77; }
  .flyers-preview .approval-controls.liked .button.yes .trigger {
    background-color: #33bb77; }
  .flyers-preview .approval-controls.liked .button.yes .trigger:before {
    color: white; }
  .flyers-preview .approval-controls.disliked .button.no .trigger {
    background-color: #cc3333; }
  .flyers-preview .approval-controls.disliked .button.no .trigger:before {
    color: #eeeeee; }
  .flyers-preview .bottom-controls-wrapper {
    clear: both;
    text-align: center;
    width: 65%;
    margin: 0 auto; }
    @media only screen and (orientation: landscape) and (device-height: 768px) {
      .flyers-preview .bottom-controls-wrapper {
        width: 50%; } }
    @media (max-width: 415px) {
      .flyers-preview .bottom-controls-wrapper {
        width: 85%; } }
    @media (max-width: 374px) {
      .flyers-preview .bottom-controls-wrapper {
        width: 92%; } }
    .flyers-preview .bottom-controls-wrapper p {
      text-align: left;
      width: 100%; }
    .flyers-preview .bottom-controls-wrapper .bottom-controls {
      margin-bottom: 10px;
      border: 1px solid #e7e7e8;
      background-color: white;
      padding: 15px;
      display: inline-block;
      border-radius: 2px;
      width: 100%;
      -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); }
      @media only screen and (orientation: landscape) and (device-height: 768px) {
        .flyers-preview .bottom-controls-wrapper .bottom-controls {
          padding: 8px; } }
      @media (max-width: 767px) {
        .flyers-preview .bottom-controls-wrapper .bottom-controls {
          padding: 8px; } }
      .flyers-preview .bottom-controls-wrapper .bottom-controls h4 {
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 0;
        font-size: 1.2em;
        font-weight: 600;
        color: #58585a; }
      .flyers-preview .bottom-controls-wrapper .bottom-controls h4.flyer-msg {
        margin-bottom: 5px; }
      .flyers-preview .bottom-controls-wrapper .bottom-controls textarea.form-control {
        min-height: 100px;
        height: auto;
        margin: 5px 0;
        padding: 10px;
        color: #a7a9ac;
        border-color: #e9eaeb;
        box-shadow: none;
        font-weight: 600; }
      .flyers-preview .bottom-controls-wrapper .bottom-controls .btn-success {
        width: 100%;
        margin-top: 15px;
        padding: 10px;
        background-color: #2bb673;
        border-color: #2bb673;
        font-weight: 600; }
      .flyers-preview .bottom-controls-wrapper .bottom-controls .flyer-btns-holder .btn-success {
        width: 48%; }
        @media (max-width: 1024px) {
          .flyers-preview .bottom-controls-wrapper .bottom-controls .flyer-btns-holder .btn-success {
            width: 100%;
            margin-top: 10px; } }
      .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 0 5px;
        width: 90px; }
        @media (max-width: 1024px) {
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block {
            width: 85px; } }
        @media (max-width: 890px) {
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block {
            width: 24%; } }
        @media only screen and (orientation: landscape) and (device-height: 768px) {
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block {
            width: 24%; } }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .announcer {
          display: block;
          font-size: 0.8em;
          margin-bottom: 5px;
          color: black; }
          @media only screen and (orientation: landscape) and (device-height: 768px) {
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .announcer {
              font-size: 0.75em;
              line-height: 1.1em; } }
          @media (max-width: 450px) {
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .announcer {
              font-size: 0.75em;
              line-height: 1.1em; } }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .announcer input {
            margin-top: 8px; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block img {
          height: 33px;
          width: 33px;
          position: relative;
          top: 3px;
          float: right; }
          @media (max-width: 1024px) {
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block img {
              height: 24px;
              width: 24px;
              top: 4px; } }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block input {
          margin: 0 auto 10px auto;
          display: block; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block input.top {
          margin: 10px auto; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block a {
          color: white;
          width: 100%;
          display: block;
          text-align: center;
          font-size: 0.8em;
          padding: 5px 0;
          border-radius: 5px;
          text-decoration: none;
          margin: 5px 0; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block span {
          font-size: 13px;
          line-height: 16px;
          font-weight: bold;
          display: block;
          height: 40px; }
          @media (max-width: 450px) {
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block span {
              font-size: 12px;
              height: 35px; } }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .facebook-label {
          color: #3b5998; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .twitter-label {
          color: #5ea8db; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .email-label {
          color: #df4e41; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .email-preview {
          background-color: #df4e41; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .website-activate {
          background-color: #61bf80; }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .checkbox-label {
          height: 20px;
          color: #a7a9ac;
          font-size: 12px;
          line-height: 12px; }
          @media (max-width: 1024px) {
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block .checkbox-label {
              height: 25px; } }
        .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label {
          position: relative;
          top: 0;
          display: inline-block;
          width: 100%; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox {
            margin: 2px 0 0;
            display: initial;
            position: absolute;
            top: 6px;
            left: 10px; }
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox {
                visibility: visible; } }
            @media (max-width: 1024px) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox {
                top: 8px; } }
            @media (max-width: 767px) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox {
                left: 3px; } }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox:before {
            content: "\f096";
            visibility: visible;
            position: absolute;
            top: -2px;
            left: 0;
            font-family: FontAwesome;
            font-size: 25px;
            color: #bdbec0;
            cursor: pointer; }
            @media (max-width: 1024px) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox:before {
                top: -3px;
                font-size: 20px; } }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox.active:before {
            content: "\f14a"; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox.fb-check.active:before {
            color: #3b5a9a; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox.tw-check.active:before {
            color: #23aae1; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox.web-check.active:before {
            color: #20ace2; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label input.social-checkbox.e-check.active:before {
            color: #de4d40; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-image {
            display: inline-block;
            float: right;
            width: 35px;
            height: 35px;
            margin-left: 10px;
            margin-right: 2px;
            font-size: 35px;
            line-height: 30px; }
            @media (max-width: 1024px) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-image {
                width: 25px;
                height: 25px;
                margin-left: 5px;
                margin-right: 0;
                font-size: 25px;
                line-height: 30px; } }
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-image .fa-facebook-square {
              color: #3b5a9a; }
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-image .fa-twitter {
              color: #23aae1; }
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-image .fa-globe {
              color: #20ace2; }
          .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-circle {
            border-radius: 50%;
            background-color: #de4d40;
            color: white;
            text-align: center; }
            @media (max-width: 1024px) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-circle {
                margin-top: 4px; } }
            @media (max-width: 767px) {
              .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-circle {
                margin-top: 3px; } }
            .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-circle .fa-envelope {
              font-size: 20px;
              position: relative;
              top: -5px; }
              @media (max-width: 1024px) {
                .flyers-preview .bottom-controls-wrapper .bottom-controls .invite-checkboxes .column-block label .social-circle .fa-envelope {
                  font-size: 13px;
                  top: -9px; } }
  .flyers-preview .qr-flyers-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1100px;
    padding-top: 45px;
    margin: 0 auto; }
    @media (max-width: 1023px) {
      .flyers-preview .qr-flyers-wrapper {
        max-width: 540px; } }
    .flyers-preview .qr-flyers-wrapper .flyer-holder {
      flex-basis: 50%;
      padding: 0 3%; }
      @media (max-width: 1023px) {
        .flyers-preview .qr-flyers-wrapper .flyer-holder {
          flex-basis: 100%;
          padding: 0 0 15px; }
          .flyers-preview .qr-flyers-wrapper .flyer-holder .flyer {
            width: auto; }
          .flyers-preview .qr-flyers-wrapper .flyer-holder .flyer-img {
            margin: 0 auto; }
          .flyers-preview .qr-flyers-wrapper .flyer-holder .contact-edit-btn {
            right: -2%; } }
  .flyers-preview .bottomMenu {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 56px;
    border-top: 2px solid white;
    background-color: #fdebe6;
    z-index: 998;
    transition: all 0.5s;
    border-radius: 48px 0 0 48px;
    opacity: 0; }
    @media (max-width: 280px) {
      .flyers-preview .bottomMenu {
        padding: 20px 0 20px 40px;
        height: auto;
        width: 100%; } }
    @media (max-width: 480px) {
      .flyers-preview .bottomMenu {
        padding: 20px 0 20px 40px;
        height: auto;
        width: 90%; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .flyers-preview .bottomMenu {
        width: 80%;
        padding: 20px 40px;
        height: auto; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flyers-preview .bottomMenu {
        width: 50%;
        padding: 20px 0 20px 40px;
        height: auto; } }
    @media (min-width: 1024px) {
      .flyers-preview .bottomMenu {
        width: 38%;
        padding: 20px 100px 20px 40px;
        height: auto; } }
    @media (min-width: 1024px) and (orientation: landscape) {
      .flyers-preview .bottomMenu {
        width: 38%;
        padding: 20px 100px 20px 40px;
        height: auto; } }
    .flyers-preview .bottomMenu span.qr-code-bottom-sticky {
      font-family: "Lato";
      color: #333333; }
      @media (max-width: 280px) {
        .flyers-preview .bottomMenu span.qr-code-bottom-sticky {
          font-size: 0.85em;
          display: block; } }
      @media (max-width: 480px) {
        .flyers-preview .bottomMenu span.qr-code-bottom-sticky {
          font-size: 1em;
          display: block; } }
      @media (min-width: 481px) {
        .flyers-preview .bottomMenu span.qr-code-bottom-sticky {
          font-size: 1em;
          display: block; } }
      @media (min-width: 1024px) {
        .flyers-preview .bottomMenu span.qr-code-bottom-sticky {
          font-size: 1em;
          white-space: nowrap;
          display: inline; } }
      @media (min-width: 1024px) and (orientation: landscape) {
        .flyers-preview .bottomMenu span.qr-code-bottom-sticky {
          font-size: 1em;
          white-space: nowrap;
          display: inline; } }
      .flyers-preview .bottomMenu span.qr-code-bottom-sticky a.download-link {
        color: #ea5329;
        font-weight: bold; }
  .flyers-preview .hide {
    opacity: 0; }
  .flyers-preview .show {
    opacity: 1;
    box-shadow: rgba(100, 100, 111, 0.2) 9px 0px 22px 0px;
    -webkit-animation: slideInFromRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    animation-fill-mode: forwards; }

.confirmation .form-control {
  color: #58585a;
  border-color: #e9eaeb;
  box-shadow: none; }
.confirmation .select-options select {
  margin-bottom: 6px; }
.confirmation h2 {
  font-size: 19px;
  margin-top: 1em;
  margin-bottom: 1em; }
.confirmation .location input {
  margin-bottom: 5px; }
.confirmation .category select {
  margin: 10px 0;
  font-size: 1em;
  color: #58585a;
  padding: 5px; }
.confirmation .exposure .sliders {
  padding: 20px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dddddd;
  border-radius: 5px; }
.confirmation .happy-hour textarea {
  width: 100%;
  height: 4em;
  margin-bottom: 1em; }
.confirmation .happy-hour select {
  width: 44%;
  margin-bottom: 1em; }
.confirmation .happy-hour input {
  width: 24%;
  margin-bottom: 1em; }
.confirmation button.btn-confirm {
  margin-top: 12px;
  background-color: #f1592a; }
.confirmation .bottom-controls .btn {
  font-size: inherit;
  padding: 4px 6px; }
.confirmation .bottom-controls > div:first-child {
  color: #f1592a;
  font-weight: bold;
  padding-bottom: 1em;
  margin-left: -25px;
  font-size: 14px; }
  .confirmation .bottom-controls > div:first-child .inline-icon {
    margin-right: 0.5em; }
.confirmation .bottom-controls-wrapper {
  clear: both; }
  .confirmation .bottom-controls-wrapper .btn-info {
    margin-top: 4px; }
  .confirmation .bottom-controls-wrapper .fb-auto-post {
    color: #3b5b99; }
    .confirmation .bottom-controls-wrapper .fb-auto-post .btn-info {
      background-color: #3b5b99; }
  .confirmation .bottom-controls-wrapper .tw-auto-post {
    color: #87c7ed; }
    .confirmation .bottom-controls-wrapper .tw-auto-post .btn-info {
      background-color: #87c7ed; }
  .confirmation .bottom-controls-wrapper .website-auto-post {
    color: #26ace2; }
    .confirmation .bottom-controls-wrapper .website-auto-post .btn-info {
      background-color: #26ace2; }
  .confirmation .bottom-controls-wrapper .free-boost {
    color: #333333; }
  .confirmation .bottom-controls-wrapper .bottom-controls {
    border: 1px solid #eeeeee;
    background-color: #f9fbfb;
    padding: 5px; }
    .confirmation .bottom-controls-wrapper .bottom-controls .checkboxes {
      padding-left: 4em; }
      .confirmation .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox {
        min-width: 65px; }
      @media (max-width: 370px) {
        .confirmation .bottom-controls-wrapper .bottom-controls .checkboxes .width_371_plus {
          display: none; } }
    .confirmation .bottom-controls-wrapper .bottom-controls .bottom-controls-label {
      max-width: 150px;
      padding-right: 15px; }
    .confirmation .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div {
      display: block; }
    .confirmation .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div {
      display: table-cell;
      vertical-align: middle; }
      .confirmation .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div p {
        font-size: inherit;
        max-width: 100px;
        margin: 0 0 0 10px; }
  .confirmation .bottom-controls-wrapper img {
    height: 25px;
    padding-left: 25px;
    margin-bottom: 10px;
    width: initial;
    display: block; }
  .confirmation .bottom-controls-wrapper .checkbox {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
    color: gray; }
    .confirmation .bottom-controls-wrapper .checkbox label {
      padding-left: 0px;
      font-size: 13px; }
    .confirmation .bottom-controls-wrapper .checkbox input[type=checkbox] {
      padding-left: 0px;
      margin-left: 0px;
      width: 16px;
      height: 16px; }

@media (max-width: 420px) {
  .confirmation .hours input {
    min-width: 80px; }
  .confirmation .hours .hour-label {
    display: none; }
  .confirmation .form-control {
    font-size: 16px; }
  .confirmation h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  .confirmation .bottom-controls .btn {
    font-size: inherit;
    padding: 4px 6px; }
  .confirmation .bottom-controls-wrapper .bottom-controls {
    padding: 5px; }
    .confirmation .bottom-controls-wrapper .bottom-controls .checkboxes {
      padding-left: 1em; }
    .confirmation .bottom-controls-wrapper .bottom-controls .bottom-controls-label {
      padding-right: 15px; }
    .confirmation .bottom-controls-wrapper .bottom-controls .bottom-controls-label > div > div {
      display: table-cell;
      vertical-align: middle; }
  .confirmation .bottom-controls-wrapper .checkbox {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
    color: gray; }
    .confirmation .bottom-controls-wrapper .checkbox label {
      padding-left: 0px;
      font-size: 11px; }
    .confirmation .bottom-controls-wrapper .checkbox input[type=checkbox] {
      padding-left: 0px;
      margin-left: 0px;
      width: 16px;
      height: 16px; } }
@media(min-width: 768px) {
  .sidebar-bg {
    display: none; }

  .app-content.animated-app-content {
    margin-left: 50px;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

  .app-content {
    margin-left: 250px; }
    .app-content.sidebar-expanded {
      margin-left: 250px; }

  .btn-sidebar--left {
    display: none; }
    .btn-sidebar--left .sidebar-expanded-calendar {
      webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; } }

@media (max-width: 767px) {
  .food-menu-image-action-modal-window .modal-footer .btn {
    display: block;
    width: 100%;
    margin-left: 0; }
  .food-menu-image-action-modal-window .modal-footer a.btn {
    display: block; } }
.back-top-top {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 101; }
  @media (max-width: 769px) {
    .back-top-top {
      right: 20px; } }
  @media (max-width: 769px) {
    .back-top-top {
      bottom: 30px; } }

.btn-post-preview {
  padding: 4px 7px;
  font-size: 0.8em; }

.ta-hidden-input {
  display: none; }

.real-facebook-posts input {
  width: 400px; }
.real-facebook-posts table td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid silver;
  background-color: #fafaff; }
.real-facebook-posts table .small-cell {
  width: 40px; }
.real-facebook-posts table .med-cell {
  width: 250px; }
.real-facebook-posts table .big-cell {
  width: 700px;
  padding-right: 1em; }
.real-facebook-posts .highlightedText {
  background: yellow; }

.side-menu-container {
  position: relative; }

#sidebar-main-toggle {
  float: left;
  padding: 5px;
  position: fixed;
  top: 5px;
  left: 8px;
  z-index: 1000;
  width: 43px;
  height: 40px; }
  #sidebar-main-toggle .icon-bar {
    background-color: #31323f;
    width: 22px;
    height: 2px; }
  #sidebar-main-toggle .icon-bar + .icon-bar {
    margin-top: 5px; }
  #sidebar-main-toggle .side-menu-total-notifications {
    position: absolute;
    top: -6px;
    right: 18px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #dc4a39;
    color: white;
    font-size: 11px;
    line-height: 22px;
    text-align: center; }

#sidebar-main {
  padding: 10px 10px 10px 0;
  background: #d26439;
  background: -moz-linear-gradient(top, #d26439 0%, #d1554a 100%);
  background: -webkit-linear-gradient(top, #d26439 0%, #d1554a 100%);
  background: linear-gradient(to bottom, #d26439 0%, #d1554a 100%);
  color: #e19577; }
  #sidebar-main .spot-name-link:hover {
    text-decoration: none; }
  #sidebar-main .spot-name {
    padding-left: 10px;
    font-size: 16px;
    color: white;
    display: block; }
    #sidebar-main .spot-name span {
      font-size: 12px;
      padding-left: 20px;
      color: #e19577; }
  #sidebar-main #spot-list {
    list-style: none;
    padding: 10px;
    display: block; }
    #sidebar-main #spot-list .spot-list-item {
      width: 100%;
      background-color: white; }
      #sidebar-main #spot-list .spot-list-item a {
        color: #ea5329;
        padding: 5px 10px;
        display: block;
        position: relative; }
        #sidebar-main #spot-list .spot-list-item a span {
          float: right;
          position: absolute;
          top: 8px;
          right: 5px; }
      #sidebar-main #spot-list .spot-list-item a:hover {
        background-color: rgba(234, 83, 41, 0.32);
        text-decoration: none; }
    #sidebar-main #spot-list .spot-list-item:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    #sidebar-main #spot-list .spot-list-item:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  #sidebar-main #spot-list.closed {
    display: none; }
  #sidebar-main .submenu-section {
    margin: 20px 0 20px 0; }
    #sidebar-main .submenu-section.onboarding {
      margin-bottom: 0; }
    #sidebar-main .submenu-section.fix-margin {
      margin-top: 0; }
    #sidebar-main .submenu-section .submenu-title {
      padding-left: 10px; }
    #sidebar-main .submenu-section .submenu-title:hover {
      background-color: transparent; }
    #sidebar-main .submenu-section .sidebar-menu-item {
      margin: 3px 0 3px 0;
      padding: 4px 0 4px 10px;
      border-radius: 5px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      #sidebar-main .submenu-section .sidebar-menu-item.is-priority {
        background-color: white; }
        #sidebar-main .submenu-section .sidebar-menu-item.is-priority:hover {
          background-color: white; }
        #sidebar-main .submenu-section .sidebar-menu-item.is-priority span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #sidebar-main .submenu-section .sidebar-menu-item.is-priority a {
          padding-right: 10px;
          color: #f15a2c;
          display: flex;
          align-items: center;
          gap: 10px; }
      #sidebar-main .submenu-section .sidebar-menu-item a {
        color: white;
        padding-left: 10px;
        display: block;
        position: relative; }
        #sidebar-main .submenu-section .sidebar-menu-item a.show-icon .text {
          opacity: 0.8; }
        #sidebar-main .submenu-section .sidebar-menu-item a.show-icon .tmt-show-icons .stop-icon {
          opacity: 0.85; }
        #sidebar-main .submenu-section .sidebar-menu-item a.show-icon .tmt-show-icons.animate .stop-icon {
          animation: playStopTmtAnimate 2s infinite 2s; }
        #sidebar-main .submenu-section .sidebar-menu-item a .side-menu-notifications {
          position: absolute;
          top: -1px;
          right: 10px;
          display: inline-block;
          width: 22px;
          height: 22px;
          border-radius: 50%;
          background-color: rgba(86, 86, 88, 0.4);
          color: white;
          font-size: 12px;
          line-height: 22px;
          text-align: center; }
      #sidebar-main .submenu-section .sidebar-menu-item a:hover {
        text-decoration: none; }
      #sidebar-main .submenu-section .sidebar-menu-item a:focus {
        text-decoration: none; }
    #sidebar-main .submenu-section .rocket-icon {
      position: relative;
      background-color: #7978e3;
      border-radius: 50%;
      box-shadow: 0 0 0 2px white;
      width: 24px;
      height: 24px;
      display: inline-block;
      text-align: center;
      margin-left: 5px;
      animation: pulse-animation 1.5s infinite linear; }
      #sidebar-main .submenu-section .rocket-icon img {
        position: relative;
        width: 14px;
        height: 14px;
        top: 32%;
        transform: translateY(-50%); }
    #sidebar-main .submenu-section .tool-tip {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      z-index: 999;
      background-color: transparent;
      color: transparent;
      width: 230px;
      padding: 10px 15px;
      border-radius: 7px;
      left: 0;
      text-align: left;
      font-size: 14px;
      margin-top: 6px;
      transition: all 1s ease-in-out 2s; }
      #sidebar-main .submenu-section .tool-tip .title {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #423eaf; }
      #sidebar-main .submenu-section .tool-tip p {
        margin: 0;
        line-height: 1.2em; }
    #sidebar-main .submenu-section .onboarding-button .tool-tip.activate {
      visibility: visible;
      opacity: 1;
      color: #423eaf;
      background-color: white; }
    #sidebar-main .submenu-section .sidebar-menu-item.active, #sidebar-main .submenu-section .sidebar-menu-item:hover {
      background-color: rgba(240, 248, 255, 0.32); }

#sidebar-main-bg {
  z-index: 103; }

#mainDropDownMenuButton, #helpDropDownMenuButton {
  background-color: white;
  border: none;
  font-size: 25px;
  color: #898b8e; }

#helpDropDownMenuButton {
  background-color: transparent;
  display: inline-block;
  margin: 9px 12px; }

.dropdown.pull-right.help ul {
  width: 300px;
  padding: 15px 15px;
  font-size: 12px;
  line-height: initial; }
  .dropdown.pull-right.help ul hr {
    margin-top: 15px;
    margin-bottom: 15px; }
  .dropdown.pull-right.help ul .rep-data-holder {
    display: flex;
    padding-bottom: 10px; }
    .dropdown.pull-right.help ul .rep-data-holder p {
      margin-bottom: 7px; }
    .dropdown.pull-right.help ul .rep-data-holder .help-title {
      color: #939598; }
    .dropdown.pull-right.help ul .rep-data-holder img {
      width: 40px;
      vertical-align: middle; }
    .dropdown.pull-right.help ul .rep-data-holder .rep-name-holder {
      padding-left: 20px; }
    .dropdown.pull-right.help ul .rep-data-holder .agent-name {
      font-weight: 600;
      font-size: 14px;
      color: #333333;
        color-color: #333333;
      color: #333333; }
  .dropdown.pull-right.help ul li {
    font-size: 12px;
    color: #939598; }
    .dropdown.pull-right.help ul li a {
      color: #ea5329;
      padding: 0;
      word-wrap: break-word;
      white-space: break-spaces;
      text-decoration: underline;
      padding: 2px 0; }
    .dropdown.pull-right.help ul li .open-ticket-btn {
      display: inline-block;
      color: white;
      background-color: #ea5329;
      border: none;
      border-radius: 5px;
      padding: 5px;
      text-decoration: none;
      max-width: 170px;
      padding-top: 5px;
      padding-bottom: 5px; }
    .dropdown.pull-right.help ul li .support-agent-header {
      font-weight: bold; }
      .dropdown.pull-right.help ul li .support-agent-header p {
        margin: 10px 0 7px 0;
        font-weight: normal;
        font-size: 12px;
        width: 100%; }
      .dropdown.pull-right.help ul li .support-agent-header img {
        width: 35px; }
      .dropdown.pull-right.help ul li .support-agent-header span {
        color: black; }
      .dropdown.pull-right.help ul li .support-agent-header a {
        display: inline-block;
        color: white;
        background-color: #939598;
        border: none;
        border-radius: 5px;
        padding: 10px;
        text-decoration: none;
        display: inline-block;
        max-width: 130px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px; }

.preview-page .dropdown.pull-right {
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 102; }
  @media (max-width: 991px) {
    .preview-page .dropdown.pull-right {
      display: none; } }
  .preview-page .dropdown.pull-right .btn-default {
    background-color: transparent; }
.preview-page .dropdown.pull-right.help {
  right: 0; }
  @media (max-width: 991px) {
    .preview-page .dropdown.pull-right.help {
      display: none; } }
  .preview-page .dropdown.pull-right.help .btn-default {
    background-color: transparent; }
.preview-page .post-now-social {
  display: block;
  text-align: center; }
  .preview-page .post-now-social .btn {
    margin-top: 10px;
    background-color: #3b5a9a;
    color: white;
    width: 140px; }
    .preview-page .post-now-social .btn.loading {
      padding-left: 33px;
      filter: grayscale(1); }
.preview-page .post-now-social-message {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  color: #33bb77; }
.preview-page img.icon-preview {
  width: 16px;
  height: 16px; }

.website-page .website-bar .dropdown.pull-right.help {
  right: 5px; }

.base-spot-page .popover {
  z-index: 1001;
  background-color: #e7e7e7; }
.base-spot-page .popover.top > .arrow::after {
  border-top-color: #e7e7e7; }
.base-spot-page .popover.left > .arrow::after {
  border-left-color: #e7e7e7; }
.base-spot-page .dropdown.pull-right.help .knowledge-base {
  display: none; }
.base-spot-page .dropdown.pull-right.help .knowledge-base.show {
  display: block; }
@media (max-width: 767px) {
  .base-spot-page .dropdown.pull-right.help {
    z-index: 1000; } }

@media (max-width: 767px) {
  .base-spot-page .popover {
    z-index: 998; } }
#newDesignModal.in .modal-dialog {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  transform: translate(0, 50%); }
  #newDesignModal.in .modal-dialog .modal-content {
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px;
    text-align: center;
    color: #58585a;
    font-size: 16px; }
    @media (max-width: 767px) {
      #newDesignModal.in .modal-dialog .modal-content {
        padding: 30px 10px; } }
    #newDesignModal.in .modal-dialog .modal-content .modal-header {
      border-bottom: none; }
      #newDesignModal.in .modal-dialog .modal-content .modal-header .modal-title {
        font-weight: bold;
        font-size: 19px; }
    #newDesignModal.in .modal-dialog .modal-content .modal-body {
      padding: 10px 20px;
      font-size: 18px; }
      #newDesignModal.in .modal-dialog .modal-content .modal-body .desktop-view {
        display: block; }
        @media (max-width: 767px) {
          #newDesignModal.in .modal-dialog .modal-content .modal-body .desktop-view {
            display: none; } }
        #newDesignModal.in .modal-dialog .modal-content .modal-body .desktop-view span {
          font-weight: bold;
          color: #f3703f; }
      #newDesignModal.in .modal-dialog .modal-content .modal-body .mobile-view {
        display: none; }
        @media (max-width: 767px) {
          #newDesignModal.in .modal-dialog .modal-content .modal-body .mobile-view {
            display: block; } }
        #newDesignModal.in .modal-dialog .modal-content .modal-body .mobile-view .navbar-toggle {
          float: none;
          margin-top: 5px; }
          #newDesignModal.in .modal-dialog .modal-content .modal-body .mobile-view .navbar-toggle .icon-bar {
            width: 30px;
            background: #f3703f; }
          #newDesignModal.in .modal-dialog .modal-content .modal-body .mobile-view .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 7px; }
    #newDesignModal.in .modal-dialog .modal-content .modal-footer {
      border-top: none;
      text-align: center;
      padding: 5px; }
      #newDesignModal.in .modal-dialog .modal-content .modal-footer .btn-default {
        border: none;
        border-radius: 0;
        color: #2bb673;
        font-weight: bold;
        font-size: 18px;
        hover-background-color: #fbfbfb; }

.posts-container.fb-fix-margin {
  margin-top: 20px; }
  @media (max-width: 1015px) {
    .posts-container.fb-fix-margin {
      margin-top: 50px; } }
  @media (max-width: 920px) {
    .posts-container.fb-fix-margin {
      margin-top: 70px; } }
  @media (max-width: 835px) {
    .posts-container.fb-fix-margin {
      margin-top: 0; } }
.posts-container .post:first-of-type .post-preview-holder {
  margin-top: 20px; }
.posts-container .loader {
  margin: 0 auto;
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; }
.posts-container .loader-wrapper-small {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  background-color: transparent; }
  @media (max-width: 1024px) {
    .posts-container .loader-wrapper-small {
      display: table;
      margin: 35px auto 20px auto; } }
  @media (max-width: 767px) {
    .posts-container .loader-wrapper-small {
      display: inline-block;
      width: 100%; } }
  @media (max-width: 400px) {
    .posts-container .loader-wrapper-small {
      margin-top: 20px; } }
  .posts-container .loader-wrapper-small .loader-small {
    margin: 0 auto;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite; }

.custom-promotion-container .post-preview-options {
  padding-top: 15px;
  padding-bottom: 15px; }
  .custom-promotion-container .post-preview-options a {
    display: inline-block;
    margin-right: 30px;
    color: #f1592a;
    font-size: 15px;
    font-weight: bold; }
    @media (max-width: 1024px) {
      .custom-promotion-container .post-preview-options a {
        margin-left: 30px; } }
    @media (max-width: 767px) {
      .custom-promotion-container .post-preview-options a {
        margin-left: 50px;
        margin-right: 15px;
        font-size: 13px; } }
      @media (max-width: 767px) and (max-width: 320px) {
        .custom-promotion-container .post-preview-options a {
          font-size: 12px;
          margin-left: 45px;
          margin-right: 10px; } }
    .custom-promotion-container .post-preview-options a .fa-angle-left {
      padding-right: 5px; }
  .custom-promotion-container .post-preview-options h3 {
    display: inline-block;
    color: #3a3a3c; }
    @media (max-width: 767px) {
      .custom-promotion-container .post-preview-options h3 {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .custom-promotion-container .post-preview-options h3 {
        font-size: 13px; } }
.custom-promotion-container .custom-promotion-holder {
  width: 800px;
  padding: 30px;
  border: 1px solid #e9eaeb;
  border-radius: 5px;
  background-color: white; }
  @media (max-width: 1230px) {
    .custom-promotion-container .custom-promotion-holder {
      width: 700px;
      margin-left: 5%; } }
  @media (max-width: 1024px) {
    .custom-promotion-container .custom-promotion-holder {
      margin-left: 15px; } }
  @media (max-width: 1023px) {
    .custom-promotion-container .custom-promotion-holder {
      width: 455px; } }
  @media (max-width: 767px) {
    .custom-promotion-container .custom-promotion-holder {
      width: 100%;
      margin-left: 0;
      padding: 15px; } }
  .custom-promotion-container .custom-promotion-holder h4 {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-right: 10px;
    font-size: 1.2em;
    font-weight: 600;
    color: #6d6d6d; }
    @media (max-width: 767px) {
      .custom-promotion-container .custom-promotion-holder h4 {
        margin-bottom: 15px;
        padding-right: 0; } }
  .custom-promotion-container .custom-promotion-holder .form-control {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 7px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #58585a;
    border-color: #e9eaeb;
    box-shadow: none; }
  .custom-promotion-container .custom-promotion-holder textarea.form-control {
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .custom-promotion-container .custom-promotion-holder textarea.form-control {
        margin-bottom: 15px; } }
  .custom-promotion-container .custom-promotion-holder textarea.form-control.has-error {
    border-color: #a94442; }
  .custom-promotion-container .custom-promotion-holder p.input-group .btn {
    height: auto;
    margin-top: -6px;
    padding: 11px 20px; }
  .custom-promotion-container .custom-promotion-holder .inline-label {
    display: inline-block;
    width: 20%;
    margin-right: 4%; }
    @media (max-width: 1023px) {
      .custom-promotion-container .custom-promotion-holder .inline-label {
        width: 100%;
        margin-right: 0; } }
  .custom-promotion-container .custom-promotion-holder .schedule-holder {
    display: inline-block;
    width: 75%;
    margin-bottom: 10px; }
    @media (max-width: 1023px) {
      .custom-promotion-container .custom-promotion-holder .schedule-holder {
        width: 100%; } }
    .custom-promotion-container .custom-promotion-holder .schedule-holder .form-control {
      width: 48%;
      margin-left: 1%; }
      @media (max-width: 1023px) {
        .custom-promotion-container .custom-promotion-holder .schedule-holder .form-control {
          width: 100%; } }
  .custom-promotion-container .custom-promotion-holder .promotion-images-holder .promotion-image {
    display: inline-block;
    width: 236px;
    height: 236px;
    margin: 5px;
    cursor: pointer; }
    @media (max-width: 1230px) {
      .custom-promotion-container .custom-promotion-holder .promotion-images-holder .promotion-image {
        width: 202px;
        height: 202px; } }
    @media (max-width: 1023px) {
      .custom-promotion-container .custom-promotion-holder .promotion-images-holder .promotion-image {
        width: 185px;
        height: 185px; } }
    @media (max-width: 767px) {
      .custom-promotion-container .custom-promotion-holder .promotion-images-holder .promotion-image {
        width: 48%;
        height: 175px;
        margin: 5px 1%; } }
    @media (max-width: 320px) {
      .custom-promotion-container .custom-promotion-holder .promotion-images-holder .promotion-image {
        height: 150px; } }
    .custom-promotion-container .custom-promotion-holder .promotion-images-holder .promotion-image .image-thumb-placeholder {
      width: 100%;
      height: 100%; }
  .custom-promotion-container .custom-promotion-holder .social-holder {
    margin: 30px 0; }
    @media (max-width: 1023px) {
      .custom-promotion-container .custom-promotion-holder .social-holder .inline-label {
        width: auto;
        margin-right: 10px; } }
    @media (max-width: 1023px) {
      .custom-promotion-container .custom-promotion-holder .social-holder .schedule-holder {
        width: auto; } }
    .custom-promotion-container .custom-promotion-holder .social-holder label {
      position: relative;
      top: 5px;
      display: inline-block;
      width: 80px; }
      @media (max-width: 320px) {
        .custom-promotion-container .custom-promotion-holder .social-holder label {
          width: 60px; } }
      .custom-promotion-container .custom-promotion-holder .social-holder label .social-checkbox {
        visibility: hidden;
        margin-top: 2px; }
      .custom-promotion-container .custom-promotion-holder .social-holder label .social-checkbox:before {
        content: "\f096";
        visibility: visible;
        position: absolute;
        top: 6px;
        left: 0;
        font-family: FontAwesome;
        font-size: 18px;
        color: #bdbec0;
        cursor: pointer; }
      .custom-promotion-container .custom-promotion-holder .social-holder label .social-checkbox.active:before {
        content: "\f14a"; }
      .custom-promotion-container .custom-promotion-holder .social-holder label .social-image {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-left: 5px;
        font-size: 30px;
        line-height: 29px; }
        .custom-promotion-container .custom-promotion-holder .social-holder label .social-image .fa-facebook-square {
          color: #3b5a9a; }
        .custom-promotion-container .custom-promotion-holder .social-holder label .social-image .fa-twitter {
          color: #23aae1; }
  .custom-promotion-container .custom-promotion-holder .btns-holder {
    text-align: right; }
    @media (max-width: 767px) {
      .custom-promotion-container .custom-promotion-holder .btns-holder {
        text-align: center; } }
    .custom-promotion-container .custom-promotion-holder .btns-holder .btn {
      padding: 10px 40px;
      margin-left: 5px; }
      @media (max-width: 767px) {
        .custom-promotion-container .custom-promotion-holder .btns-holder .btn {
          width: 90%;
          margin-left: 0; } }
    .custom-promotion-container .custom-promotion-holder .btns-holder .btn-success {
      background-color: #2bb673;
      border-color: #2bb673; }
      @media (max-width: 767px) {
        .custom-promotion-container .custom-promotion-holder .btns-holder .btn-success {
          margin-top: 15px; } }
    .custom-promotion-container .custom-promotion-holder .btns-holder .btn-default {
      background-color: #d1d2d4;
      border-color: #d1d2d4;
      color: white; }

@-webkit-keyframes slideInFromRight {
  0% {
    transform: translateX(400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@-moz-keyframes slideInFromRight {
  0% {
    transform: translateX(400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@-ms-keyframes slideInFromRight {
  0% {
    transform: translateX(400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@keyframes slideInFromRight {
  0% {
    transform: translateX(400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@-webkit-keyframes slideOutFromRight {
  0% {
    opacity: 1; }

  25% {
    opacity: 0.5; }

  100% {
    transform: translateX(-400px);
    opacity: 0;
    left: -400px; } }

@-moz-keyframes slideOutFromRight {
  0% {
    opacity: 1; }

  25% {
    opacity: 0.5; }

  100% {
    transform: translateX(-400px);
    opacity: 0;
    left: -400px; } }

@-ms-keyframes slideOutFromRight {
  0% {
    opacity: 1; }

  25% {
    opacity: 0.5; }

  100% {
    transform: translateX(-400px);
    opacity: 0;
    left: -400px; } }

@keyframes slideOutFromRight {
  0% {
    opacity: 1; }

  25% {
    opacity: 0.5; }

  100% {
    transform: translateX(-400px);
    opacity: 0;
    left: -400px; } }

@-webkit-keyframes slideInFromAbove {
  0% {
    transform: translateY(-400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateY(0px);
    opacity: 1; } }

@-moz-keyframes slideInFromAbove {
  0% {
    transform: translateY(-400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateY(0px);
    opacity: 1; } }

@-ms-keyframes slideInFromAbove {
  0% {
    transform: translateY(-400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateY(0px);
    opacity: 1; } }

@keyframes slideInFromAbove {
  0% {
    transform: translateY(-400px);
    opacity: 0; }

  25% {
    opacity: 0.2; }

  100% {
    transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

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

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

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

@-ms-keyframes spin {
  0% {
    transform: rotate(0deg); }

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

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

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

@-webkit-keyframes progressBar {
  0% {
    width: 0; }

  100% {
    width: 100%; } }

@-moz-keyframes progressBar {
  0% {
    width: 0; }

  100% {
    width: 100%; } }

@-ms-keyframes progressBar {
  0% {
    width: 0; }

  100% {
    width: 100%; } }

@keyframes progressBar {
  0% {
    width: 0; }

  100% {
    width: 100%; } }

.website-page .table-management-nudge {
  background: url(https://static.spotapps.co/assets/admin/table_management/nudge_girl.png), url(https://static.spotapps.co/assets/admin/table_management/reservations_nudge_background.png);
  background-size: auto 100%, cover;
  background-position: 68%, right;
  background-repeat: no-repeat;
  margin-top: 55px;
  text-align: center; }
  @media (max-width: 1200px) {
    .website-page .table-management-nudge {
      margin-top: 40px;
      background: url(https://static.spotapps.co/assets/admin/table_management/reservations_nudge_background.png);
      background-size: cover;
      background-position: right; } }
  @media (max-width: 1020px) {
    .website-page .table-management-nudge {
      background-position: 80%; } }
  @media (max-width: 900px) {
    .website-page .table-management-nudge {
      background-image: url(https://static.spotapps.co/assets/admin/table_management/caver_background_nudge_mob.jpg); }
      .website-page .table-management-nudge.reservation-calendar {
        margin-top: 70px; } }
  .website-page .table-management-nudge .text-holder {
    width: 50%;
    text-align: left;
    color: black; }
    @media (max-width: 1020px) {
      .website-page .table-management-nudge .text-holder {
        width: 60%; } }
    @media (max-width: 900px) {
      .website-page .table-management-nudge .text-holder {
        width: 100%; } }
    .website-page .table-management-nudge .text-holder h3 {
      font-size: 21px;
      padding: 25px 0 25px 25px;
      color: black;
      letter-spacing: 0px; }
    .website-page .table-management-nudge .text-holder ul > li {
      padding-bottom: 5px;
      font-size: 14px; }
    .website-page .table-management-nudge .text-holder ul > li::before {
      font-weight: bold; }
  .website-page .table-management-nudge .btn-yes {
    color: white;
    width: 250px;
    height: 35px;
    font: normal normal normal 16px/19px Lato;
    position: absolute;
    top: 80%;
    right: 20px;
    padding-top: 6px; }
    @media (max-width: 1020px) {
      .website-page .table-management-nudge .btn-yes {
        position: relative;
        margin-top: 20px; } }
    @media (max-width: 640px) {
      .website-page .table-management-nudge .btn-yes {
        left: auto;
        right: auto; } }
  .website-page .table-management-nudge button.close {
    font-size: 25px;
    font-weight: normal;
    color: white;
    position: absolute;
    opacity: 1;
    top: 5px;
    right: 5px; }
.website-page h3 {
  font-size: 1.3em;
  color: #939598;
  padding-top: 0;
  padding-bottom: 20px; }
.website-page .grey-text {
  color: #7a7474; }
.website-page .auto-expand {
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
  width: 100%;
  font-size: 15px;
  margin-bottom: 20px; }
.website-page .new-comment-btn {
  margin-bottom: 15px; }
.website-page .ticket-padding {
  margin-top: 110px; }
  @media (max-width: 540px) {
    .website-page .ticket-padding {
      margin-top: 130px; } }
.website-page .website-bar.bar-padding {
  padding-left: 50px;
  padding-bottom: 5px; }
  .website-page .website-bar.bar-padding .row {
    padding-top: 20px; }
    @media (max-width: 768px) {
      .website-page .website-bar.bar-padding .row {
        font-size: 15px; } }
    @media (max-width: 540px) {
      .website-page .website-bar.bar-padding .row {
        padding-top: 35px; } }
  @media (max-width: 768px) {
    .website-page .website-bar.bar-padding {
      padding-left: 20px; } }
  .website-page .website-bar.bar-padding .website-heading {
    color: #878080;
    word-wrap: break-word;
    display: inline-block; }
    @media (max-width: 768px) {
      .website-page .website-bar.bar-padding .website-heading {
        font-size: 15px; } }
.website-page .website-bar {
  position: fixed;
  top: 0;
  left: 250px;
  right: 0;
  min-height: 60px;
  padding: 15px 0;
  background-color: white;
  color: #6d6e71;
  font-weight: bold;
  z-index: 100;
  transition: all 0.5s ease; }
  .website-page .website-bar.expanded {
    left: 250px; }
    @media (max-width: 767px) {
      .website-page .website-bar.expanded {
        left: 0; } }
  @media (max-width: 767px) {
    .website-page .website-bar {
      left: 0; } }
  .website-page .website-bar .website-section {
    position: relative;
    margin-left: 10%;
    margin-right: 40%; }
    @media (max-width: 1800px) {
      .website-page .website-bar .website-section {
        margin-right: 20%; } }
    @media (max-width: 1150px) {
      .website-page .website-bar .website-section {
        margin-right: 10%;
        margin-left: 5%; } }
    @media (max-width: 767px) {
      .website-page .website-bar .website-section {
        margin-left: 50px;
        margin-right: 0; } }
    .website-page .website-bar .website-section h3 {
      display: inline-block;
      font-size: 1.3em;
      padding: 5px 10px; }
      @media (max-width: 1024px) {
        .website-page .website-bar .website-section h3 {
          padding-left: 0; } }
      @media (max-width: 1023px) {
        .website-page .website-bar .website-section h3.bar-title {
          font-size: 1.1em; } }
      @media (max-width: 767px) {
        .website-page .website-bar .website-section h3 {
          padding-top: 3px;
          padding-left: 5px; }
          .website-page .website-bar .website-section h3.bar-title {
            font-size: 1.3em; } }
      @media (max-width: 340px) {
        .website-page .website-bar .website-section h3 {
          font-size: 1.2em; } }
      .website-page .website-bar .website-section h3 span {
        padding-left: 5px;
        color: #f1592a; }
        @media (max-width: 1570px) {
          .website-page .website-bar .website-section h3 span {
            font-size: 15px; } }
    .website-page .website-bar .website-section .action-btns-holder {
      padding: 10px 10px 5px 5px; }
      @media (max-width: 1024px) {
        .website-page .website-bar .website-section .action-btns-holder {
          padding-left: 0; } }
      @media (max-width: 767px) {
        .website-page .website-bar .website-section .action-btns-holder {
          padding-right: 15px;
          margin-left: -35px; } }
      .website-page .website-bar .website-section .action-btns-holder .btn {
        padding: 8px 40px;
        margin: 5px; }
        @media (max-width: 1570px) {
          .website-page .website-bar .website-section .action-btns-holder .btn {
            padding: 8px 20px; } }
        @media (max-width: 930px) {
          .website-page .website-bar .website-section .action-btns-holder .btn {
            padding: 8px 10px;
            margin-left: 0; } }
        @media (max-width: 800px) {
          .website-page .website-bar .website-section .action-btns-holder .btn {
            font-size: 13px;
            padding: 8px; } }
        @media (max-width: 767px) {
          .website-page .website-bar .website-section .action-btns-holder .btn {
            font-size: 11px;
            padding: 8px 6px; } }
    .website-page .website-bar .website-section .btn-info {
      background-color: #a7a9ac;
      border-color: #a7a9ac; }
    .website-page .website-bar .website-section .btn-info:hover {
      background-color: #f1592a;
      border-color: #f1592a; }
    .website-page .website-bar .website-section .btn-success {
      background-color: #2bb673;
      border-color: #2bb673; }
    .website-page .website-bar .website-section .btn-primary {
      background: #f1592a;
      background-color: #f1592a;
      border: 1px solid #f1592a; }
    .website-page .website-bar .website-section .domain-login {
      padding: 10px; }
      @media (max-width: 1024px) {
        .website-page .website-bar .website-section .domain-login {
          padding: 5px 0; } }
      @media (max-width: 767px) {
        .website-page .website-bar .website-section .domain-login {
          padding-right: 15px;
          margin-left: -35px; } }
      .website-page .website-bar .website-section .domain-login .form-control {
        display: inline-block;
        width: 70%;
        height: 40px;
        float: right;
        margin-bottom: 7px;
        padding: 5px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #58585a;
        border-color: #e9eaeb;
        box-shadow: none; }
        @media (max-width: 1450px) {
          .website-page .website-bar .website-section .domain-login .form-control {
            width: 60%; } }
        @media (max-width: 767px) {
          .website-page .website-bar .website-section .domain-login .form-control {
            width: 100%;
            float: none; } }
      .website-page .website-bar .website-section .domain-login label {
        float: left;
        width: 30%;
        margin-bottom: 7px;
        padding: 8px 0;
        font-size: 17px; }
        @media (max-width: 1450px) {
          .website-page .website-bar .website-section .domain-login label {
            width: 40%; } }
        @media (max-width: 1024px) {
          .website-page .website-bar .website-section .domain-login label {
            font-size: 15px;
            line-height: 24px; } }
        @media (max-width: 767px) {
          .website-page .website-bar .website-section .domain-login label {
            display: none; } }
      .website-page .website-bar .website-section .domain-login .btn {
        width: 100%;
        margin-top: 10px;
        padding: 10px 40px;
        font-size: 1.1em; }
  .website-page .website-bar .website-section.domain .btn-info {
    position: absolute;
    right: 20px;
    top: -5px; }
    @media (max-width: 767px) {
      .website-page .website-bar .website-section.domain .btn-info {
        top: -3px; } }
  .website-page .website-bar .dropdown {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 101; }
    @media (max-width: 767px) {
      .website-page .website-bar .dropdown {
        display: none; } }
  .website-page .website-bar .notification-settings-btn {
    display: flex;
    height: 34px;
    float: right;
    margin: 0px 10px 0px 0px;
    padding: 5px 10px;
    border: 1px solid #656565;
    border-radius: 3px;
    color: #656565;
    font: normal normal 600 16px/18px Lato;
    text-decoration: none;
    pointer: cursor; }
    @media (min-width: 1366px) {
      .website-page .website-bar .notification-settings-btn {
        min-width: 184px;
        padding: 5px 10px; } }
    .website-page .website-bar .notification-settings-btn img {
      height: 22px;
      filter: invert(41%) sepia(13%) saturate(2%) hue-rotate(4deg) brightness(94%) contrast(94%);
      margin-right: 10px; }
    .website-page .website-bar .notification-settings-btn .btn-text {
      padding-top: 2px; }
    @media (max-width: 767px) {
      .website-page .website-bar .notification-settings-btn {
        background: #fc4c00;
        height: 35px;
        min-width: 35px;
        max-width: 35px;
        border: none;
        border-radius: 50px;
        text-align: center;
        padding: 5px 0px 0px 5px; }
        .website-page .website-bar .notification-settings-btn img {
          margin: 0px;
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(2deg) brightness(102%) contrast(104%); }
        .website-page .website-bar .notification-settings-btn .btn-text {
          display: none; } }
.website-page .website-container.mt-4 {
  margin-top: 40px; }
.website-page .website-container.fb-error.mt-4 {
  margin-top: 80px; }
  @media (max-width: 1377px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 100px; } }
  @media (max-width: 1089px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 120px; } }
  @media (max-width: 991px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 140px; } }
  @media (max-width: 956px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 170px; } }
  @media (max-width: 956px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 190px; } }
  @media (max-width: 835px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    .website-page .website-container.fb-error.mt-4 {
      margin-top: 0; } }
.website-page .website-container.fb-error {
  margin-top: 40px; }
  @media (max-width: 1377px) {
    .website-page .website-container.fb-error {
      margin-top: 60px; } }
  @media (max-width: 1089px) {
    .website-page .website-container.fb-error {
      margin-top: 80px; } }
  @media (max-width: 991px) {
    .website-page .website-container.fb-error {
      margin-top: 100px; } }
  @media (max-width: 956px) {
    .website-page .website-container.fb-error {
      margin-top: 120px; } }
  @media (max-width: 956px) {
    .website-page .website-container.fb-error {
      margin-top: 140px; } }
  @media (max-width: 835px) {
    .website-page .website-container.fb-error {
      margin-top: 0; } }
.website-page .website-container.new-fb-error {
  margin-top: 70px; }
  @media (max-width: 960px) {
    .website-page .website-container.new-fb-error {
      margin-top: 90px; } }
  @media (max-width: 835px) {
    .website-page .website-container.new-fb-error {
      margin-top: 0; } }
  .website-page .website-container.new-fb-error.mt-4 {
    margin-top: 140px; }
    @media (max-width: 835px) {
      .website-page .website-container.new-fb-error.mt-4 {
        margin-top: 30px; } }
.website-page .website-container {
  padding: 120px 35% 60px 5%;
  padding-top: 120px;
  background-color: #f5f6f7; }
  .website-page .website-container.reservation-settings {
    padding-top: 80px; }
  .website-page .website-container.catering-settings {
    padding-top: 50px; }
  @media (max-width: 1800px) {
    .website-page .website-container {
      padding-right: 18%; } }
  @media (max-width: 1280px) {
    .website-page .website-container {
      padding-right: 10%;
      padding-left: 5%; }
      .website-page .website-container.reservation-settings {
        padding-top: 100px; }
      .website-page .website-container.catering-settings {
        padding-top: 80px; } }
  @media (max-width: 991px) {
    .website-page .website-container.reservation-settings {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .website-page .website-container {
      padding: 100px 15px 60px 15px; }
      .website-page .website-container.reservation-settings {
        padding-top: 90px; } }
  .website-page .website-container .action-btns-holder-on {
    height: 60px; }
  .website-page .website-container .domain-login-on {
    height: 210px; }
  .website-page .website-container .website-section.domain-login .btn {
    width: 100%;
    font-size: 16px; }
  .website-page .website-container .tabs-inline-holder::-webkit-scrollbar {
    width: 0; }
  .website-page .website-container .tabs-inline-holder {
    display: flex;
    overflow-x: scroll; }
    @media (max-width: 767px) {
      .website-page .website-container .tabs-inline-holder {
        display: inline-flex;
        width: 100%;
        overflow-x: auto; } }
  .website-page .website-container .tabs-holder {
    display: inline-flex; }
    .website-page .website-container .tabs-holder .tab-button {
      background-color: #e7e8e9;
      color: #030303;
      padding: 4px 5px;
      border-radius: 5px;
      margin: 0 5px 15px 5px;
      cursor: pointer;
      text-align: center;
      display: flex;
      align-content: center;
      align-items: center; }
      @media (max-width: 1600px) {
        .website-page .website-container .tabs-holder .tab-button {
          max-width: 100px;
          word-spacing: 100vw; } }
      @media (max-width: 1400px) {
        .website-page .website-container .tabs-holder .tab-button {
          max-width: 85px;
          font-size: 0.9em;
          padding: 3px; } }
      @media (max-width: 1200px) {
        .website-page .website-container .tabs-holder .tab-button {
          max-width: 72px;
          padding: 2px; } }
      @media (max-width: 767px) {
        .website-page .website-container .tabs-holder .tab-button {
          font-size: 0.9em;
          min-width: 95px;
          word-spacing: 100vw; } }
    .website-page .website-container .tabs-holder .contact_form_settings {
      word-spacing: 1px; }
    .website-page .website-container .tabs-holder .tab-button:hover,
    .website-page .website-container .tabs-holder .tab-button.active {
      background-color: #e8571e;
      color: white; }
  .website-page .website-container .website-section.order-configs .conf-heading {
    color: #757677;
    font-weight: 700; }
  .website-page .website-container .website-section.order-configs .payment-provider-conf-holder .checkbox-holder {
    display: flex;
    align-items: flex-start;
    margin-top: 1em; }
    .website-page .website-container .website-section.order-configs .payment-provider-conf-holder .checkbox-holder .form-control {
      cursor: pointer;
      flex-shrink: 0;
      width: 16px;
      height: 16px; }
    .website-page .website-container .website-section.order-configs .payment-provider-conf-holder .checkbox-holder .text-holder {
      margin-left: 1em; }
      .website-page .website-container .website-section.order-configs .payment-provider-conf-holder .checkbox-holder .text-holder span {
        font-weight: 400;
        color: #898b8e; }
  .website-page .website-container .website-section.order-configs .how-to-instructions {
    margin-top: 10px;
    overflow: hidden; }
    .website-page .website-container .website-section.order-configs .how-to-instructions a.btn {
      padding: 5px 15px;
      background-color: #e8571e;
      color: white;
      border-radius: 5px; }
    .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper {
      display: flex;
      width: 750px;
      max-width: 100vw;
      background-color: white;
      padding: 5px 10px;
      border: 2px solid #f15a2b;
      border-radius: 4px 0px 0px 4px;
      z-index: 1;
      gap: 10px;
      transform: translateX(500%);
      animation: slide-from-right 2s forwards; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper {
          max-width: calc(100vw - 65px); } }
      .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper.jobs {
        max-width: 100%; }
      .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper.scroll-out {
        animation: slide-out-right 2s forwards; }
      .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper .animation-holder video {
        max-width: 50px; }
      .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper .text-holder {
        color: black; }
        .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper .text-holder p {
          max-width: 640px;
          margin-bottom: 5px;
          margin-top: 0; }
          .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper .text-holder p strong {
            font-size: 1.1em; }
      .website-page .website-container .website-section.order-configs .how-to-instructions .banner-wrapper .close {
        color: #f15a2b;
        opacity: 1;
        align-self: flex-start; }
  .website-page .website-container .website-section.order-configs .col-xs-12 {
    padding-top: 10px; }
    .website-page .website-container .website-section.order-configs .col-xs-12 .form-control.shopping-cart-type {
      display: inline;
      width: auto; }
  .website-page .website-container .website-section.order-configs .dropdown-menu {
    min-width: 120px;
    float: none;
    left: 146px; }
    .website-page .website-container .website-section.order-configs .dropdown-menu li {
      text-align: center;
      padding: 10px 5px; }
  .website-page .website-container .website-section.order-configs .border-top {
    border-top: 1px solid #e9eaeb;
    margin-top: 10px;
    padding-top: 10px; }
  .website-page .website-container .website-section.order-configs .deliveries-website-settings {
    background-color: #fefaf9;
    border-color: #e0cdc8;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    margin: 15px;
    padding: 20px;
    position: relative; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .dd_formstack_link {
      display: block; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .refunds-link {
      margin-top: 10px; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .dd-logo {
      width: 140px;
      margin-bottom: 20px;
      margin-top: 10px; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .gray {
      color: #cecfd1;
      margin-right: 20px; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings a {
      display: inline-block;
      text-decoration: underline; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .default_external_delivery_pick_up_time {
      display: inline;
      width: auto;
      margin-bottom: 10px; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .default_delivery_pickup_details {
      margin-bottom: 10px; }
    .website-page .website-container .website-section.order-configs .deliveries-website-settings .mb-1 {
      margin-bottom: 10px; }
  .website-page .website-container .website-section.order-configs .payment-active a {
    display: inline-block;
    text-decoration: underline; }
  .website-page .website-container .website-section.order-configs .payment-active span {
    padding: 0; }
  .website-page .website-container .website-section.order-configs .payment-active span.gray {
    margin-right: 20px;
    color: #cecfd1; }
  .website-page .website-container .website-section.order-configs .border-bot {
    border-bottom: 1px solid #e9eaeb;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .website-page .website-container .website-section.order-configs .email-holder-active {
    border: 1px solid #ea5329;
    padding: 0 5px;
    width: 100%;
    position: relative;
    left: -5px;
    border-radius: 5px; }
    .website-page .website-container .website-section.order-configs .email-holder-active .inquiry-notification {
      background-color: #ffe4d4;
      border-radius: 3px;
      display: flex;
      margin-bottom: 5px;
      padding: 15px; }
      .website-page .website-container .website-section.order-configs .email-holder-active .inquiry-notification .icon-holder {
        margin-right: 10px; }
      .website-page .website-container .website-section.order-configs .email-holder-active .inquiry-notification .text-holder {
        color: #ea5329; }
  .website-page .website-container .website-section.website-info {
    border-color: #f5a681;
    border-radius: 10px;
    background-color: #f1592a;
    color: white; }
    @media (max-width: 767px) {
      .website-page .website-container .website-section.website-info {
        margin-bottom: 30px; } }
    .website-page .website-container .website-section.website-info .info-icon {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      font-size: 18px;
      line-height: 30px;
      text-align: center; }
    .website-page .website-container .website-section.website-info p {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 40px;
      padding-right: 15px; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section.website-info p {
          padding-left: 30px;
          padding-right: 5px;
          font-size: 1em; } }
      .website-page .website-container .website-section.website-info p a {
        color: white;
        text-decoration: underline; }
  .website-page .website-container .status-report {
    padding: 0; }
  .website-page .website-container .website-section {
    margin-bottom: 45px;
    padding: 15px;
    border: 1px solid #e9eaeb;
    border-radius: 5px;
    background-color: white;
    color: #939598; }
    @media (max-width: 767px) {
      .website-page .website-container .website-section {
        margin-bottom: 35px; } }
    .website-page .website-container .website-section .proposals-holder.unsubed label {
      background-color: #dadada;
      color: white !important;
      border: none; }
    .website-page .website-container .website-section .proposals-holder.unsubed *:not(.event-planner-requested-banner):not(.event-planner-requested-banner > p):not(.glyphicon):not(label) {
      color: #dadada !important; }
    .website-page .website-container .website-section .proposals-holder {
      margin-bottom: 20px; }
      .website-page .website-container .website-section .proposals-holder h3 {
        padding-bottom: 0;
        color: black; }
      .website-page .website-container .website-section .proposals-holder input[type="checkbox"] {
        margin: 6px 10px 0 0; }
      .website-page .website-container .website-section .proposals-holder .row {
        margin-top: 10px; }
      .website-page .website-container .website-section .proposals-holder .col-md-4 {
        padding-right: 0; }
        .website-page .website-container .website-section .proposals-holder .col-md-4 span {
          color: black;
          font-size: 14px; }
        .website-page .website-container .website-section .proposals-holder .col-md-4 .form-control {
          margin-left: 10px;
          width: 120px;
          height: 35px; }
      .website-page .website-container .website-section .proposals-holder .col-md-8 input {
        margin-top: 6px; }
      .website-page .website-container .website-section .proposals-holder .col-md-8 span {
        color: black;
        font-size: 16px; }
      .website-page .website-container .website-section .proposals-holder .col-md-8 p {
        padding-left: 25px;
        margin-top: 0;
        font-size: 13px;
        font-weight: bold; }
    .website-page .website-container .website-section .autoresponse-holder.unsubed label {
      background-color: #dadada;
      color: white !important;
      border: none; }
    .website-page .website-container .website-section .autoresponse-holder.unsubed *:not(.event-planner-requested-banner):not(.event-planner-requested-banner > p):not(.floating-body *):not(.glyphicon):not(.btn-notifications):not(.save-btn-holder *) {
      color: #dadada; }
    .website-page .website-container .website-section .autoresponse-holder {
      margin-bottom: 20px; }
      .website-page .website-container .website-section .autoresponse-holder .standard-responses-textbox {
        min-height: 200px; }
      .website-page .website-container .website-section .autoresponse-holder textarea {
        min-height: 300px; }
      .website-page .website-container .website-section .autoresponse-holder h3 {
        padding-bottom: 0;
        color: black; }
      .website-page .website-container .website-section .autoresponse-holder h3.margin-top {
        margin-top: 12px;
        margin-bottom: 7px; }
      .website-page .website-container .website-section .autoresponse-holder input[type="checkbox"] {
        margin: 6px 10px 0 0; }
      .website-page .website-container .website-section .autoresponse-holder .row {
        margin-top: 10px; }
      .website-page .website-container .website-section .autoresponse-holder .col-md-4 {
        padding-right: 0; }
        .website-page .website-container .website-section .autoresponse-holder .col-md-4 span {
          color: black;
          font-size: 14px; }
        .website-page .website-container .website-section .autoresponse-holder .col-md-4 .form-control {
          margin-left: 10px;
          width: 120px;
          height: 35px; }
      .website-page .website-container .website-section .autoresponse-holder .col-md-8 input {
        margin-top: 6px; }
      .website-page .website-container .website-section .autoresponse-holder .col-md-8 span {
        color: black;
        font-size: 16px; }
      .website-page .website-container .website-section .autoresponse-holder .col-md-8 p {
        padding-left: 25px;
        margin-top: 0;
        font-size: 13px;
        font-weight: bold; }
      .website-page .website-container .website-section .autoresponse-holder .attach-section {
        margin: 10px 0 20px 0;
        overflow: hidden; }
        .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row.block {
          display: block;
          float: left;
          min-width: 60%; }
          @media (max-width: 767px) {
            .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row.block {
              width: 100%;
              float: none;
              padding-right: 15px; } }
        .website-page .website-container .website-section .autoresponse-holder .attach-section .attach-file {
          background-color: transparent;
          float: right; }
          @media (max-width: 767px) {
            .website-page .website-container .website-section .autoresponse-holder .attach-section .attach-file {
              display: inline-block;
              float: none;
              margin-left: 15px;
              margin-top: 10px; } }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attach-file .custom-file-input {
            background-color: #eeeeee;
            padding: 10px 40px; }
        .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row {
          display: inline-block; }
          @media (max-width: 450px) {
            .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row {
              display: block; } }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .attachment-holder:hover {
            background-color: #eeeeee; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .attachment-holder {
            border-radius: 5px;
            padding: 10px;
            width: 250px;
            max-width: 100%; }
            .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .attachment-holder a.normal-text {
              color: gray;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              margin: 0 0 0 10px;
              display: block; }
              .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .attachment-holder a.normal-text .fa {
                margin-right: 5px;
                color: #ea5329; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .progress {
            font-weight: bolder;
            background-color: #cdcdcc;
            height: 5px;
            width: 300px; }
            @media (max-width: 450px) {
              .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .progress {
                width: 100%; } }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .progress-bar {
            -webkit-animation: progressBar 2s ease-in-out;
            -moz-animation: progressBar 2s ease-in-out;
            background-color: #ea5228; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .file-name {
            font-weight: bold;
            margin-bottom: 0; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .file-size {
            font-size: 13px;
            color: #7a7b7b; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .close-btn[disabled] {
            border: 1px solid #dadada; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .close-btn {
            color: black;
            border-radius: 50%;
            border: 1px solid black;
            width: 14px;
            height: 14px;
            position: relative;
            margin-top: 2px;
            right: -5px; }
            .website-page .website-container .website-section .autoresponse-holder .attach-section .attachment_row .close-btn span {
              font-size: 8px;
              position: absolute;
              top: 0px;
              left: 3.3px; }
        .website-page .website-container .website-section .autoresponse-holder .attach-section label {
          color: #ea5329;
          cursor: pointer; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section label span {
            text-decoration: underline;
            margin-left: 7px;
            font-size: 14px;
            font-weight: bold; }
          .website-page .website-container .website-section .autoresponse-holder .attach-section label i {
            font-size: 18px;
            transform: rotate(90deg); }
      .website-page .website-container .website-section .autoresponse-holder .automatic-response-info input {
        margin-bottom: 10px; }
      .website-page .website-container .website-section .autoresponse-holder .automatic-response-info p {
        color: #ea5329;
        margin-top: 0px;
        margin-bottom: 0px; }
      .website-page .website-container .website-section .autoresponse-holder .automatic-response-info span {
        color: #58585a; }
      .website-page .website-container .website-section .autoresponse-holder .automatic-response-info .form-control {
        background-color: red; }
    .website-page .website-container .website-section .text-perm label {
      font-weight: normal; }
    .website-page .website-container .website-section .text-perm .text-label {
      border: 1px solid #e9eaeb;
      border-radius: 5px;
      width: 80%;
      padding: 5px;
      box-shadow: none; }
    .website-page .website-container .website-section .text-perm input {
      margin-bottom: 5px; }
    .website-page .website-container .website-section .text-perm input[type=text] {
      margin-bottom: 10px; }
    .website-page .website-container .website-section h4 {
      display: inline-block;
      margin-top: 15px;
      margin-bottom: 15px;
      padding-right: 10px;
      font-size: 1.2em;
      font-weight: 600;
      color: #58585a; }
    .website-page .website-container .website-section label {
      display: block; }
    .website-page .website-container .website-section p {
      margin-top: 15px;
      font-size: 1.1em; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section p {
          margin-top: 5px; } }
    .website-page .website-container .website-section .btn {
      padding: 10px 40px; }
    .website-page .website-container .website-section .btn.btn-post-preview {
      padding: 4px 7px; }
    .website-page .website-container .website-section .btn:focus {
      outline: none; }
    .website-page .website-container .website-section .btn-primary {
      background: #f1592a;
      background-color: #f1592a;
      border: 1px solid #f1592a; }
    .website-page .website-container .website-section .btn-notifications {
      display: block;
      width: 250px;
      padding: 10px;
      background-color: #58585a;
      border: none; }
    @media (max-width: 767px) {
      .website-page .website-container .website-section .gallery-btn {
        padding: 10px 25px; } }
    .website-page .website-container .website-section .btn-success {
      background-color: #2bb673;
      border-color: #2bb673; }
    .website-page .website-container .website-section .btn-default {
      color: #a7a9ac;
      background-color: white;
      border-color: #e7e7e8; }
    @media (max-width: 767px) {
      .website-page .website-container .website-section .cover-options {
        width: 100%; } }
    .website-page .website-container .website-section .cover-options .btn {
      padding: 10px 40px; }
      @media (max-width: 1500px) {
        .website-page .website-container .website-section .cover-options .btn {
          padding: 10px 20px; } }
      @media (max-width: 1300px) {
        .website-page .website-container .website-section .cover-options .btn {
          padding: 10px 15px; } }
      @media (max-width: 767px) {
        .website-page .website-container .website-section .cover-options .btn {
          width: 50%;
          padding: 10px; } }
    .website-page .website-container .website-section .slideshow {
      margin-bottom: 50px; }
      .website-page .website-container .website-section .slideshow .pagination-holder {
        height: 100%;
        text-align: center; }
        .website-page .website-container .website-section .slideshow .pagination-holder .pagination {
          position: relative;
          bottom: -360px;
          margin-top: 15px;
          font-size: 16px; }
          @media (max-width: 1200px) {
            .website-page .website-container .website-section .slideshow .pagination-holder .pagination {
              bottom: -250px; } }
          .website-page .website-container .website-section .slideshow .pagination-holder .pagination li a {
            padding: 2px 5px;
            color: #a7a9ac; }
          .website-page .website-container .website-section .slideshow .pagination-holder .pagination li a:hover {
            background-color: transparent;
            border-color: transparent;
            color: #f1592a; }
          .website-page .website-container .website-section .slideshow .pagination-holder .pagination li a:focus {
            background-color: transparent;
            border-color: transparent;
            color: #3a3a3c; }
          .website-page .website-container .website-section .slideshow .pagination-holder .pagination li.active a {
            color: #3a3a3c; }
    .website-page .website-container .website-section .single-photo {
      position: relative;
      float: left;
      width: 100%;
      height: 360px;
      margin-top: 14px;
      background-color: #f3f3f4;
      border-radius: 5px; }
      @media (max-width: 1200px) {
        .website-page .website-container .website-section .single-photo {
          height: 250px; } }
      .website-page .website-container .website-section .single-photo .website-image-upload-controls-container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        text-align: center;
        background-size: cover;
        background-position: center center;
        border-radius: 5px; }
        .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-default-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -70px;
          transform: translateY(-50%);
          background-image: url(https://static.spotapps.co/assets/admin/camera-silver.png);
          background-color: transparent;
          width: 140px;
          height: 140px;
          background-size: 140px;
          z-index: 1; }
        .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-control-holder {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          width: 110px;
          height: 110px;
          margin: 0 auto;
          background: transparent;
          z-index: 2; }
          .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-control-holder .image-upload-control {
            top: 65px; }
          .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-control-holder .image-from-gallery-control {
            top: 65px;
            left: initial;
            right: 5px; }
          .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-control-holder .glyphicon {
            left: -2px;
            font-size: 17px;
            margin: 9px 10px 9px 13px; }
          .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-control-holder .image-control {
            display: inline-block;
            margin: 5px;
            margin-top: 16px;
            width: 60px;
            height: 60px;
            font-size: 56px;
            text-align: center;
            border-radius: 0;
            cursor: pointer;
            color: #a7a8a9; }
          .website-page .website-container .website-section .single-photo .website-image-upload-controls-container .image-control-holder .image-control:hover {
            color: #f1592a; }
      .website-page .website-container .website-section .single-photo .website-image-upload-controls-container.has-image .image-control {
        margin-top: 35px;
        width: 40px;
        height: 35px;
        font-size: 25px;
        color: white; }
      .website-page .website-container .website-section .single-photo .website-image-upload-controls-container.has-image .image-control:hover {
        color: #f1592a; }
      .website-page .website-container .website-section .single-photo .website-image-upload-controls-container.has-image:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25); }
    .website-page .website-container .website-section .uploader-form {
      display: inline-block;
      float: right;
      cursor: pointer; }
    .website-page .website-container .website-section .gallery {
      display: inline-block;
      margin-top: 20px; }
      .website-page .website-container .website-section .gallery .gallery-img-container {
        padding: 0; }
        .website-page .website-container .website-section .gallery .gallery-img-container .image-holder {
          position: relative; }
          .website-page .website-container .website-section .gallery .gallery-img-container .image-holder .thumbnail {
            margin: 0 auto;
            padding: 2px;
            border: none;
            border-radius: 0;
            background-color: transparent; }
          .website-page .website-container .website-section .gallery .gallery-img-container .image-holder .fa-check-circle {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 31px;
            height: 31px;
            font-size: 30px;
            line-height: 31px;
            text-align: center;
            color: #2bb673;
            border-radius: 50%;
            background-color: white; }
          .website-page .website-container .website-section .gallery .gallery-img-container .image-holder .add-alt {
            position: absolute;
            bottom: 10px;
            right: 10px;
            text-align: center;
            color: white;
            border-radius: 5px;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 4px 5px;
            border: none;
            font-size: 12px;
            font-weight: 600; }
          .website-page .website-container .website-section .gallery .gallery-img-container .image-holder .add-alt:hover {
            background-color: rgba(255, 255, 255, 0.8);
            color: black; }
    .website-page .website-container .website-section .rich-text .btn {
      padding: 6px 12px;
      color: #7c7d7d; }
    .website-page .website-container .website-section .rich-text .ta-editor {
      min-height: 100px;
      height: auto;
      overflow: auto;
      font-family: inherit;
      margin: 5px 0 10px 0;
      padding: 8px;
      color: #58585a;
      border-color: #e9eaeb;
      box-shadow: none; }
      .website-page .website-container .website-section .rich-text .ta-editor .ta-bind {
        min-height: 80px;
        outline: none !important; }
        .website-page .website-container .website-section .rich-text .ta-editor .ta-bind p {
          margin: 0;
          font-size: initial;
          font-weight: initial;
          word-break: initial; }
    .website-page .website-container .website-section .planner-wrapper {
      background-color: #f8f1ff;
      color: #6d2aea;
      padding: 10px;
      margin-top: 20px;
      border: 1px solid #6d2aea;
      border-radius: 4px; }
      @media (max-width: 360px) {
        .website-page .website-container .website-section .planner-wrapper {
          font-size: 0.8em; } }
      .website-page .website-container .website-section .planner-wrapper div {
        display: inline-block; }
      .website-page .website-container .website-section .planner-wrapper .dropdown {
        position: relative;
        margin-left: 10px; }
        .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-toggle {
          text-align: left;
          color: black;
          padding: 8px 5px;
          min-width: 160px; }
          @media (max-width: 360px) {
            .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-toggle {
              min-width: 140px;
              font-size: 1.1em; } }
        .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-menu {
          left: 0;
          min-width: 160px; }
          @media (max-width: 360px) {
            .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-menu {
              min-width: 140px;
              font-size: 1.1em; } }
          .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-menu li {
            text-align: left;
            padding: 5px;
            color: black;
            cursor: pointer; }
          .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-menu li:hover, .website-page .website-container .website-section .planner-wrapper .dropdown .dropdown-menu li:focus {
            background-color: #6d2aea;
            color: white; }
    .website-page .website-container .website-section .contact-holder .craft-message-input {
      font-size: 14px !important; }
    .website-page .website-container .website-section .contact-holder .craft-page-title-input {
      max-width: 250px !important;
      margin-left: 20px !important; }
    .website-page .website-container .website-section .contact-holder .inline-block {
      display: inline-block !important; }
    .website-page .website-container .website-section .contact-holder .catering-page-subtitles {
      color: #333333; }
    .website-page .website-container .website-section .contact-holder .catering-page-info-box {
      background-color: #fefaf9;
      border-color: #e0cdc8;
      border-style: solid;
      border-width: 1px;
      border-radius: 5px;
      padding: 10px;
      position: relative; }
    .website-page .website-container .website-section .contact-holder .radio-holder span {
      margin-left: 10px; }
    .website-page .website-container .website-section .contact-holder .radio-holder.first {
      margin-top: 15px; }
    .website-page .website-container .website-section .contact-holder .occasion {
      padding-left: 15px; }
    .website-page .website-container .website-section .contact-holder .order-configs-time {
      padding-top: 10px; }
    .website-page .website-container .website-section .contact-holder .minutes-row {
      margin: 2px 0 7px 0; }
    .website-page .website-container .website-section .contact-holder .tax-rate {
      margin: 2px 0 5px 0; }
    .website-page .website-container .website-section .contact-holder textarea.form-control {
      height: 120px;
      margin-bottom: 10px;
      font-size: 14px; }
    .website-page .website-container .website-section .contact-holder textarea.form-control::placeholder {
      font-style: italic; }
    .website-page .website-container .website-section .contact-holder .test-orders.reservation-section {
      border: none; }
    .website-page .website-container .website-section .contact-holder .test-orders {
      border-top: 1px solid #e9eaeb;
      margin: 15px 0; }
      .website-page .website-container .website-section .contact-holder .test-orders .btn-notifications {
        display: inline-block;
        font-weight: bold; }
      .website-page .website-container .website-section .contact-holder .test-orders .btn-notifications.green {
        background-color: #29a89e; }
    .website-page .website-container .website-section .contact-holder .order-configs-minutes {
      border-top: 1px solid #d4d6d8;
      border-bottom: 1px solid #e9eaeb;
      margin: 15px 0 20px 0;
      padding: 20px 5px 10px 5px; }
      .website-page .website-container .website-section .contact-holder .order-configs-minutes .error {
        margin: 0; }
    .website-page .website-container .website-section .contact-holder .form-control.minutes-options {
      max-width: 80px;
      margin: 0;
      padding: 6px 8px 4px 9px;
      height: inherit; }
    .website-page .website-container .website-section .contact-holder .form-control.hours-options {
      max-width: 60px;
      margin: 0;
      padding: 6px 8px 4px 9px;
      height: inherit; }
    .website-page .website-container .website-section .contact-holder .margin-top {
      margin-top: 15px; }
    .website-page .website-container .website-section .contact-holder .inside-container {
      padding: 0 0 5px 20px; }
      .website-page .website-container .website-section .contact-holder .inside-container h4 {
        margin-top: 5px; }
    .website-page .website-container .website-section .contact-holder .outside-container {
      padding: 0 0 15px 20px; }
    .website-page .website-container .website-section .contact-holder .reservation-numbers {
      margin-bottom: 10px;
      display: flex;
      align-items: center; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers .padding-left {
        padding-left: 10px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers select {
        background-color: white;
        border-color: #e9eaeb;
        color: #58585a;
        font-weight: bold;
        width: 110px;
        padding: 8px 6px 6px;
        border-radius: 5px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers span {
        width: 250px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers span.middle {
        width: auto;
        padding: 3px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers .minutes-options {
        max-width: 100px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers .minutes-options.two-lines {
        vertical-align: text-bottom; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers .time-block-options {
        width: 60px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers .date-picker {
        width: 160px;
        height: initial;
        padding: 6px 12px; }
      .website-page .website-container .website-section .contact-holder .reservation-numbers .date-picker.available-from {
        position: relative;
        bottom: 5px;
        margin-top: 5px; }
    .website-page .website-container .website-section .contact-holder .auto-expand.internal-note-textarea {
      border-radius: 5px;
      margin-bottom: 10px;
      padding: 15px;
      border: 2px solid #e9eaeb;
      overflow-y: auto; }
    .website-page .website-container .website-section .contact-holder .auto-expand.internal-note-textarea.editing {
      color: #606060;
      outline: solid;
      outline-color: #0060df;
      border: none; }
    .website-page .website-container .website-section .contact-holder .auto-expand {
      display: inline-block;
      background-color: white;
      color: #58585a;
      font-size: 15px;
      color: #58585a; }
    .website-page .website-container .website-section .contact-holder .form-control.minutes-error {
      border: 1px solid red; }
    .website-page .website-container .website-section .contact-holder .form-control.delivery-fee {
      max-width: 200px;
      padding: 6px;
      height: inherit; }
    .website-page .website-container .website-section .contact-holder .btn {
      margin-top: 5px; }
    .website-page .website-container .website-section .contact-holder select {
      cursor: pointer; }
    .website-page .website-container .website-section .contact-holder input::-webkit-input-placeholder {
      color: #bdbec0; }
    .website-page .website-container .website-section .contact-holder input:-moz-placeholder {
      color: #bdbec0; }
    .website-page .website-container .website-section .contact-holder input::-moz-placeholder {
      color: #bdbec0; }
    .website-page .website-container .website-section .contact-holder input:-ms-input-placeholder {
      color: #bdbec0; }
    .website-page .website-container .website-section .contact-holder .form-control {
      display: inline-block;
      width: 100%;
      height: 50px;
      margin-bottom: 7px;
      padding: 10px 20px;
      font-size: 16px;
      color: #58585a;
      border-color: #e9eaeb;
      box-shadow: none; }
      @media (max-width: 1250px) {
        .website-page .website-container .website-section .contact-holder .form-control {
          padding: 10px; } }
    .website-page .website-container .website-section .contact-holder .city-input {
      width: 79%; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section .contact-holder .city-input {
          width: 67%; } }
    .website-page .website-container .website-section .contact-holder .state-select {
      width: 20%;
      float: right; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section .contact-holder .state-select {
          width: 30%; } }
    .website-page .website-container .website-section .contact-holder .email-input {
      width: 48%;
      float: left; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section .contact-holder .email-input {
          width: 100%;
          float: none; } }
    .website-page .website-container .website-section .contact-holder .phone-input {
      width: 48%;
      float: right; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section .contact-holder .phone-input {
          width: 100%;
          float: none; } }
    .website-page .website-container .website-section .contact-holder .contact-btn {
      width: 100%;
      height: 50px;
      float: left;
      text-align: right; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section .contact-holder .contact-btn {
          float: none; } }
    .website-page .website-container .website-section .turnaround-time-config p {
      margin-top: -5px;
      margin-bottom: 20px; }
    .website-page .website-container .website-section .turnaround-time-config .reservation-numbers span {
      flex-basis: fit-content;
      font-weight: 500;
      font-size: 1.1em; }
    .website-page .website-container .website-section .turnaround-time-config .reservation-numbers select {
      appearance: none; }
    .website-page .website-container .website-section .checkbox-label {
      position: relative; }
      .website-page .website-container .website-section .checkbox-label input[type=checkbox] {
        visibility: hidden;
        margin-top: 2px;
        margin-right: 10px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .website-page .website-container .website-section .checkbox-label input[type=checkbox] {
            visibility: visible; } }
      .website-page .website-container .website-section .checkbox-label input[type=checkbox]:before {
        content: "\f096";
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        font-size: 18px;
        color: #bdbec0;
        cursor: pointer; }
      .website-page .website-container .website-section .checkbox-label input[type=checkbox].active:before {
        content: "\f14a"; }
  .website-page .website-container .website-section.new-reservations {
    background: transparent;
    padding: 0;
    border: 0;
    overflow: hidden; }
    .website-page .website-container .website-section.new-reservations .reservation-section-new {
      background-color: white;
      color: #58585a;
      padding: 15px;
      margin-bottom: 15px;
      border: 1px solid #e9eaeb; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .flex {
        display: flex; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .content-holder {
          color: black;
          flex: 1 1 auto;
          padding-top: 6px;
          margin-left: 20px;
          max-width: 675px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .content-holder .activated {
            font-weight: 900; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .content-holder h4 {
            display: block;
            font-size: 1.5em;
            margin-top: 16px;
            color: black; }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .content-holder h4 {
                font-size: 1.2em;
                margin-top: 20px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .content-holder p {
            font-size: 13px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge {
          max-width: none;
          margin-bottom: 20px; }
          @media (min-width: 1377px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge {
              display: flex; } }
          @media (max-width: 1376px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge {
              display: column; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-text {
            flex: 68%;
            padding: 0 80px 20px 0; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-text p {
              font-size: 15px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video {
            flex: 40%;
            display: block;
            justify-items: end;
            padding: 20px 15px 0 0;
            margin: -15px; }
            @media (min-width: 1377px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video {
                padding: 30px 15px 0 0; } }
            @media (max-width: 1376px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video {
                padding: 20px 68px 0 12px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video {
              border: 3px solid #7c7c7c;
              overflow: hidden;
              border-radius: 10px;
              box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                width: 100%;
                display: block; }
                @media (min-width: 2440px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 190px; } }
                @media (max-width: 2439px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 190px; } }
                @media (max-width: 1920px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 184px; } }
                @media (max-width: 1440px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 168px; } }
                @media (max-width: 1376px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 280px; } }
                @media (max-width: 1170px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 240px; } }
                @media (max-width: 1024px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 180px; } }
                @media (max-width: 920px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 160px; } }
                @media (max-width: 768px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 200px; } }
                @media (max-width: 680px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 160px; } }
                @media (max-width: 420px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-video .video .embed {
                    height: 130px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .activate-parties-nudge .activate-parties-btn {
            background-color: #e85725;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 8px;
            margin: auto;
            margin-top: 8px;
            width: 100%; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions {
          position: relative;
          align-self: flex-end;
          margin-left: auto;
          padding-bottom: 15px;
          padding-left: 5px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions a.btn {
            padding: 5px 15px;
            background-color: #e8571e;
            color: white;
            border-radius: 5px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper {
            position: absolute;
            display: flex;
            width: 750px;
            max-width: 60vw;
            top: 40px;
            right: 0;
            background-color: white;
            padding: 5px 10px;
            border: 2px solid #f15a2b;
            border-radius: 4px 0px 0px 4px;
            z-index: 1;
            gap: 10px;
            transform: translateX(500%);
            animation: slide-from-right 2s forwards; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper {
                max-width: 54vw; } }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper {
                max-width: calc(100vw - 60px); } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper.scroll-out {
              animation: slide-out-right 2s forwards; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper .animation-holder video {
              max-width: 50px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper .text-holder {
              color: black; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper .text-holder p {
                max-width: 640px;
                margin-bottom: 5px; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper .text-holder p strong {
                  font-size: 1.2em; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .flex .how-to-instructions .banner-wrapper .close {
              color: #f15a2b;
              opacity: 1;
              align-self: flex-start; }
        @media (max-width: 1023px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex.flex-wrap {
            flex-wrap: wrap; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .flex.job-listings-settings {
          align-items: center; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex.job-listings-settings .switch-wrapper {
            display: flex; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex.job-listings-settings .content-holder {
            padding-top: 0; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .flex.job-listings-settings .how-to-instructions {
            align-self: center;
            padding-bottom: 0; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .subtitle {
        font-size: 16px;
        font-weight: 600;
        color: black;
        margin: 25px 0 10px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .subtitle.standard-responses-templates {
          margin-top: 0; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .subtitle.first {
        margin-top: 5px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new p {
        font-size: 13px;
        margin-top: 0; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .mt-1 {
        margin-top: 10px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section {
        background: #f5f6f7;
        color: #58585a;
        padding: 15px;
        border-radius: 10px;
        font-size: 13px;
        max-width: none; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section.no-margin-top {
          margin-top: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section {
          display: flex;
          margin-top: 15px;
          border: 1px solid #f6d8cf;
          background-color: white;
          border-radius: 5px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .info-holder {
            display: flex;
            padding: 0 20px;
            align-items: center; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .info-holder i {
              font-size: 30px;
              display: inline-block;
              vertical-align: middle;
              color: #727272;
              vertical-align: center; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder {
            margin: 15px 0;
            padding-left: 15px;
            border-left: 1px solid #fba891; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .placeholder-height {
              height: 18px;
              display: inline-block; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder h3 {
              margin-left: 0;
              font-size: 15px;
              margin: 5px 0;
              color: black; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder p {
              font-size: 14px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field {
              padding-bottom: 3px;
              font-size: 13px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box {
              display: flex;
              justify-content: space-between;
              margin-right: 5px; }
              @media (max-width: 1050px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box {
                  flex-direction: column-reverse; } }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box .placeholder-box {
                min-width: 160px;
                width: 50%; }
                @media (max-width: 1050px) {
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box .placeholder-box {
                    width: 100%;
                    margin-bottom: 5px; } }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box .placeholder-box.width-100 {
                width: 100%; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box img {
                width: 12px;
                height: 13px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .placeholder-section .field-holder .field.placeholder-flex-box input {
                width: 100px;
                border-radius: 2px;
                font-size: 13px;
                padding: 3px;
                margin-right: 5px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder {
          display: flex;
          justify-content: right;
          margin-top: 10px; }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder {
              flex-direction: column; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder .text {
              margin-bottom: 10px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder span {
            padding-top: 5px;
            padding-right: 15px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder .table {
            width: auto; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder .dropdown {
            display: inline-block; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .status-holder .dropdown .btn {
              min-width: 181px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span {
          padding: 5px 0;
          margin: 10px 12px 0 12px;
          font-weight: bold;
          cursor: pointer;
          display: inline-block; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span:first-child {
            margin-left: 3px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span:last-child {
            margin-right: 0; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span {
              display: inline-block;
              margin: 0 8px;
              margin-bottom: 3px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span:first-child {
                margin-left: 8px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span:last-child {
                margin-right: 8px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder span.active {
          color: #ea5329;
          border-bottom: 2px solid #ea5329; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder-new {
          border: 1px #fba891 solid; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .nav-holder-new span.active {
            background-color: white;
            color: #f97316;
            border-radius: 5px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .contact-form-flex-field {
          margin-bottom: 0px;
          gap: 0px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .contact-form-flex-field .contact-form-img-holder {
            margin-right: 0 !important;
            border-right: none !important; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .contact-form-flex-field .contact-form-flex {
            justify-content: flex-start; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .contact-form-flex-field .contact-form-border {
            padding-left: 10px;
            border-left: 1px solid #fba891; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field {
          display: flex;
          align-items: center; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .row-style {
            margin-top: 15px;
            margin-left: -48px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder {
            display: flex;
            align-items: center; }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder {
                flex-wrap: wrap; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder label {
                  width: 100%; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder label.switch {
                  width: 50px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder label {
              margin: 0 10px 0 0;
              font-weight: 600; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder .dollar {
              position: relative; }
              @media (max-width: 480px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder .dollar {
                  margin-left: 15px; }
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder .dollar .sh-input {
                    width: 65px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .content-holder .dollar::before {
              content: "$";
              position: absolute;
              top: 7px;
              left: -13px;
              display: block;
              width: 15px;
              font-size: 14px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder {
            width: 80px;
            height: 50px;
            border-right: 1px solid #fba891;
            margin-right: 10px;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media (max-width: 1023px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder {
                width: 60px; } }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder {
                width: 40px;
                height: 70px; } }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder {
                min-width: 40px;
                height: 90px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder img {
              max-height: 24px;
              width: auto; }
              @media (max-width: 1023px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder img {
                  max-height: 20px; } }
              @media (max-width: 991px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .img-holder img {
                  max-height: 14px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active {
            border: 1px solid #ea5329;
            padding: 0 5px;
            align-items: flex-start;
            flex-wrap: wrap;
            width: 88%;
            max-width: 560px; }
            @media (max-width: 1100px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active {
                max-width: 495px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active label {
              flex-basis: fit-content;
              width: 208px;
              margin-right: 15px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active .input-holder {
              flex-basis: 50%; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active .inquiry-notification {
              background-color: #ffe4d4;
              border-radius: 3px;
              display: flex;
              margin-bottom: 5px;
              padding: 15px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active .inquiry-notification .icon-holder {
                margin-right: 10px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field .email-holder-active .inquiry-notification .text-holder {
                color: #ea5329;
                font-weight: 600; }
        @media (max-width: 767px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.title-field {
            flex-wrap: wrap; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.title-field .sh-input {
              width: 100%;
              margin-top: 10px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.title-field label {
          margin: 0 15px 0 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.capacity .img-holder {
          min-width: 40px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.capacity label {
          width: 345px; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.capacity label {
              width: 160px; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.capacity label {
              width: 220px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch-text.switch .img-holder {
          min-width: 40px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch-text.switch span {
          width: 345px; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch-text.switch span {
              width: 160px; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch-text.switch span {
              width: 220px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch-text.switch .switch-holder {
          padding-left: 10px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .switch-disabled {
          color: #dadada; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .switch-disabled input {
            background-color: white;
            border: 1px solid #dadada;
            border-radius: 4px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.style {
          display: inline-block;
          position: relative;
          width: 100%; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
          position: relative;
          margin-left: 64px;
          padding-left: 15px;
          border-left: 1px solid #fba891; }
          @media (min-width: 1024px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
              height: 80px; } }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
              margin-left: 44px;
              height: 100px; } }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
              margin-left: 24px;
              height: 120px; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
              margin-left: 24px;
              height: 120px; } }
          @media (max-width: 480px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
              margin-left: 24px;
              height: 130px; } }
          @media (max-width: 338px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .text-content {
              margin-left: 24px;
              height: 170px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .img-content {
          position: relative;
          margin-left: 64px;
          margin-top: 0px;
          padding-left: 17px;
          padding-bottom: 2px;
          border-left: 1px solid #fba891; }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .img-content {
              margin-left: 44px; } }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .img-content {
              margin-left: 24px; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .img-content {
              margin-left: 24px; } }
          @media (max-width: 480px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .img-content {
              margin-left: 24px; } }
        @media (max-width: 991px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .img-holder {
            min-width: 40px;
            height: 80px; } }
        @media (max-width: 767px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .img-holder {
            height: 140px; } }
        @media (max-width: 767px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .img-holder.time-steps {
            height: 90px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder {
          display: flex;
          align-items: center; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder {
              flex-wrap: wrap; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder .sh-input {
            width: 60px; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder .sh-input {
                width: 50px; } }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder .sh-input {
                margin: 5px 0; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span {
            margin: 0 10px;
            font-weight: 600; }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span {
                width: 100%; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder .middle {
            width: 70px;
            text-align: center; }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder .middle {
                width: calc(100% - 70px);
                text-align: left; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span:first-of-type {
            width: 215px;
            margin-left: 0; }
            @media (max-width: 1300px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span:first-of-type {
                width: 175px; } }
            @media (max-width: 1023px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span:first-of-type {
                width: 150px; } }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span:first-of-type {
                width: 100%;
                margin-bottom: 10px; } }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span:first-of-type {
                width: 100%; } }
          @media (max-width: 1300px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span.minutes {
              width: 110px; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder span.minutes {
              width: 120px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder select.sh-input {
            width: 210px; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing .content-holder select.sh-input {
                width: 190px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing.parties .time-description {
          font-weight: 400; }
        @media (max-width: 1100px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.timing.parties select.sh-input {
            width: 190px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.date-from label {
          width: 275px; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.date-from label {
              width: 160px; } }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.date-from label {
              width: 220px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.date-from .sh-input {
          width: 150px; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.date-from .sh-input {
              width: 130px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .img-holder {
          min-width: 40px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .img-holder span {
            text-align: center; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .img-holder span {
                font-size: 10px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex {
          flex-grow: 1;
          align-items: center; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex {
              flex-wrap: wrap; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex .switch-holder {
            display: flex;
            align-items: center; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex .switch-holder.disabled {
            opacity: 0.4; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex .btn-holder {
            flex-grow: 1;
            text-align: right; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex .btn-holder {
                text-align: left;
                min-width: 300px;
                margin-top: 10px; } }
              @media (max-width: 991px) and (max-width: 767px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex .btn-holder {
                  min-width: unset;
                  width: 100%; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch .flex .btn-holder .btn {
              background: #f6593d;
              color: white;
              padding: 3px 30px;
              border-radius: 10px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch span {
          font-weight: 600;
          width: 250px; }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch span {
              width: 180px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch.timing-switch span {
          width: 225px; }
          @media (max-width: 1300px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch.timing-switch span {
              width: 185px; } }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch.timing-switch span {
              width: 160px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch.timing-switch .parties-page {
          width: 250px; }
          @media (max-width: 1300px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch.timing-switch .parties-page {
              width: 200px; } }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.switch.timing-switch .parties-page {
              width: 160px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact {
          align-items: flex-start; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .flex {
            align-items: flex-start; }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .flex {
                flex-wrap: wrap; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact label {
            width: 240px; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact label {
                width: 150px !important; } }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact label {
                width: 100% !important; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact label.contact_phone_label {
              width: 225px;
              margin-right: 15px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact label.contact_phone_reservation {
              width: 210px;
              margin-right: 22px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact label.margin-top {
            margin-top: 16px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .sh-input {
            width: 320px; }
            @media (max-width: 1100px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .sh-input {
                width: 260px;
                font-size: 13px;
                line-height: 1.4; } }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .sh-input {
                width: auto; } }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .sh-input {
                width: 220px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact .input-holder .sh-input {
            display: block;
            margin: 7px 0; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.contact.cancaled-hours {
            background-color: gainsboro;
            border: 1px solid #939598;
            border-radius: 5px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications {
          align-items: flex-start;
          margin-top: 20px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications .img-holder {
            height: 60px; }
            @media (max-width: 991px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications .img-holder {
                min-width: 40px;
                height: 80px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications .btn-notifications {
            padding: 6px 20px;
            background-color: #58585a;
            color: white;
            width: 220px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications.phone-holder {
          margin-top: 0;
          align-items: stretch; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications.phone-holder .img-holder {
            height: auto; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications.phone-holder p:first-of-type {
            margin-top: 20px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.notifications.phone-holder p.phone {
            margin-bottom: 3px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.info {
          display: inline-flex;
          padding: 10px 15px 10px 0;
          border: 1px solid #fba891;
          border-radius: 4px;
          margin-top: 15px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.info .content-holder {
            max-width: 552px;
            width: calc(100% - 90px ); }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.info .content-holder {
                width: 100%; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .flex-field.info .content-holder p {
              margin: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .sh-input {
          padding: 5px 8px 5px 9px;
          height: inherit;
          max-width: 100%;
          font-size: 16px;
          font-weight: 400;
          box-shadow: none;
          border: 1px solid #f6d8cf;
          border-radius: 4px; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .sh-input {
              font-size: 13px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .sh-input.parties-title {
          width: 300px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .sh-input.ng-invalid {
          border-color: red;
          outline: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section textarea.sh-input {
          height: 120px;
          margin-bottom: 10px;
          font-size: 14px;
          width: 100%;
          margin-bottom: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section textarea.sh-input.auto-expand {
          height: auto; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section textarea.sh-input.auto-expand:disabled {
            color: #cdcdcd; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section textarea.sh-input::placeholder {
          font-style: italic; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .sh-input.guest-options {
          width: 80px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section h3 {
          color: #58585a;
          font-size: 16px;
          font-weight: 600;
          padding-bottom: 0;
          margin: 15px 0 15px 91px; }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section h3 {
              margin-left: 70px; } }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section h3 {
              margin-left: 50px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input {
          margin-left: 91px; }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input {
              margin-left: 71px; } }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input {
              margin-left: 51px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input label {
            font-weight: 400; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input .sh-input {
            width: 100%; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input.reminder-time {
            margin-top: 15px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input.reminder-time .sh-input {
              width: 60px;
              margin: 0 5px; }
              @media (max-width: 420px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input.reminder-time .sh-input {
                  width: 40px;
                  margin: 0 3px 0 0; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input.parties {
          margin-left: 79px;
          padding: 20px 0 20px 10px;
          border-left: 1px solid #fba891; }
          @media (max-width: 1023px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input.parties {
              margin-left: 59px; } }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .full-width-input.parties {
              margin-left: 39px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder {
          column-count: 2;
          padding-left: 0;
          width: max-content;
          max-width: 100%; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-positions {
            column-count: 3;
            width: 100%;
            padding-bottom: 5px;
            border-bottom: 1px solid #f6d8cf; }
            @media (max-width: 1200px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-positions {
                column-count: 2; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions {
            column-count: unset;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 15px;
            width: 100%; }
            @media (max-width: 1200px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions {
                grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 590px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions {
                grid-template-columns: none;
                grid-column-gap: 0; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .edit-btn {
              background: transparent;
              margin-left: 10px;
              border: 0; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder {
              padding: 0; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder .checkbox-wrapper {
                display: flex;
                align-items: center;
                min-height: 30px; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder .checkbox-wrapper input[type=checkbox] {
                  position: relative;
                  margin-top: -3px; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder .checkbox-wrapper label {
                  margin: 0; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder .edit-position-wrapper {
                display: none;
                visibility: hidden; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .checkbox-wrapper {
                display: none; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .edit-position-wrapper {
                display: flex;
                align-items: center;
                min-height: 30px;
                visibility: visible; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .edit-position-wrapper input[type=text]:focus {
                  border: 1px solid #e8571e;
                  outline: 0; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .edit-position-wrapper input[type=text]::placeholder {
                  font-style: italic;
                  color: #b3b3b4; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .edit-position-wrapper .close-edit {
                  background: transparent;
                  padding: 0 5px;
                  border: 0;
                  margin-left: 5px;
                  color: #939598; }
                  .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .edit-position-wrapper .close-edit span, .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.job-custom-positions .custom-postition-holder.editable .edit-position-wrapper .close-edit svg {
                    vertical-align: middle; }
          @media (max-width: 590px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder {
              column-count: unset !important; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder .checkbox-label.occasion {
            list-style: none;
            display: flex;
            align-items: flex-start; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder .checkbox-label.occasion label {
              font-weight: 400;
              padding-left: 7px;
              color: #939598; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .occasions-holder.no-wrap {
          column-count: 1; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-types h3 {
          font-size: 1.2em;
          color: #58585a;
          margin-left: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder {
          display: flex;
          justify-content: space-between;
          padding: 10px;
          border-bottom: 1px solid #f6d8cf;
          margin-bottom: 10px; }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder {
              flex-wrap: wrap; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .pb {
            padding-bottom: 7px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .checkbox-holder {
            align-self: center; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .checkbox-holder .checkbox-label {
              display: flex; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .checkbox-holder p {
              padding-left: 24px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .input-holder {
            min-width: 210px;
            display: flex;
            align-items: flex-end;
            padding-bottom: 10px;
            margin-left: 15px; }
            @media (max-width: 767px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .input-holder {
                margin-left: 25px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .input-holder label {
              margin: 0 10px 8px 0; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .payment-holder .input-holder .sh-input {
              width: 100px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section .texting-permission-label {
          padding-top: 10px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder {
        position: relative;
        margin-top: 20px;
        left: -15px;
        width: calc(100% + 30px);
        padding: 15px; }
        @media (max-width: 1300px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder {
            padding-top: 40px; } }
        @media (max-width: 540px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder {
            padding-top: 60px; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled {
          border-radius: 5px;
          border: 1px solid #fba890; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .subtitle, .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled p {
            color: #939598; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation p, .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation label, .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation h2, .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation h3, .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation input {
            color: #939598 !important;
            pointer-events: none; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation input[type=radio]#payment_mode {
            filter: grayscale(1); }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation .stripe-message p {
            color: #ea5329 !important; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.disabled .payment-types.reservation .stripe-message a {
            pointer-events: all !important; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .stripe-message {
          color: #ea5329;
          border-radius: 5px;
          background-color: #fff3f2;
          padding: 10px;
          border: 1px solid #f9c3b6;
          text-align: center;
          margin-bottom: 10px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .stripe-message p {
            padding: 0;
            margin: 0;
            font-size: 1.1em; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .stripe-message a {
            text-decoration: underline;
            font-weight: bold; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .waitlist-heading-red {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          background: #fee2da;
          padding: 10px 20px;
          border-radius: 0px 0px 5px 5px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .waitlist-heading-red h3 {
            color: #e75834;
            font-size: 1.4em;
            font-weight: normal;
            padding-bottom: 0;
            white-space: nowrap; }
            @media (max-width: 540px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .waitlist-heading-red h3 {
                font-size: 1.2em; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .waitlist-heading-red h3 strong {
                  display: block; } }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .waitlist-heading-red {
              width: 100%;
              left: 0;
              transform: translateX(0); }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .waitlist-heading-red h3 {
                font-size: 1.2em;
                text-align: center; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation {
          position: relative; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .payment-holder {
            display: block;
            width: 100%;
            border-bottom: none;
            margin-bottom: 0;
            padding: 0; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .payment-holder label {
              font-size: 1.1em; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .payment-holder .flex-label {
              gap: 10px;
              display: flex;
              align-items: flex-start; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .payment-holder input[type=radio]#payment_mode {
              accent-color: #ea580b; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .payment-holder input.red:focus {
              outline: none !important;
              border-color: #ea580b; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder {
            display: flex;
            justify-content: space-between;
            gap: 6px;
            margin-bottom: 10px; }
            @media (max-width: 1024px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder {
                flex-direction: column;
                justify-content: flex-end; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder p {
              flex-basis: fit-content;
              padding-left: 24px; }
              @media (max-width: 1024px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder p {
                  margin-bottom: 0; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder label {
              font-size: 1em; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .input-holder {
              display: flex;
              justify-items: center;
              justify-content: center;
              gap: 10px;
              min-width: 220px;
              height: 35px; }
              @media (max-width: 1024px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .input-holder {
                  align-self: flex-end;
                  padding-bottom: 0; } }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .input-holder input.disabled {
                pointer-events: none;
                color: #939598; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .error-msg {
              color: #ea580b;
              text-align: right;
              font-size: 0.9em;
              position: absolute;
              right: 0;
              margin-top: 30px; }
              @media (max-width: 1024px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .error-msg {
                  position: relative;
                  margin-top: 0; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box {
              background-color: white;
              border-radius: 5px;
              border: 1px solid gainsboro;
              padding: 10px;
              margin-top: 10px;
              display: block; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box p {
                font-weight: bold;
                padding-left: 0;
                color: #939598; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box input {
                max-width: 50px;
                margin: 0 10px;
                text-align: center; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box input.disabled {
                  pointer-events: none; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box .mb-0 {
                margin-bottom: 0; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .grey-box {
              background-color: #f5f6f7;
              border: 1px solid gainsboro;
              border-radius: 5px;
              color: #939598;
              padding: 10px 10px 0 10px;
              margin-top: 10px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .grey-box p {
                font-weight: normal;
                margin-bottom: 10px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .grey-box ul.reservation-deposit-list {
                padding-left: 13px; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder .grey-box ul.reservation-deposit-list li {
                  margin-bottom: 5px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box.red strong {
              color: #ea5329; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box.red p {
              color: #333333; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box.red .grey-box {
              background: #fff4e7;
              border-color: #ffc9ba; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box.red .grey-box ul.reservation-deposit-list,
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .payment-types.reservation .content-holder.white-box.red .grey-box p.reservation-deposit-list strong {
                color: #58585a; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box {
          position: absolute;
          width: 380px;
          right: 0;
          bottom: 0;
          background-color: white;
          border-radius: 5px;
          -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2); }
          @media (max-width: 767px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box {
              top: 80px;
              bottom: auto; } }
          @media (max-width: 500px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box {
              width: 100%; } }
          @media (max-width: 322px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box {
              top: 100px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .img-holder img {
            width: 100%;
            border-radius: 5px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .content-holder {
            display: block;
            text-align: center;
            margin: 25px auto;
            padding: 0 15px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .content-holder h2 {
              color: #333333;
              font-size: 20px;
              font-weight: bold; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .content-holder p {
              color: #333333;
              font-size: 15px;
              margin-top: 15px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .content-holder .btn-orange {
              margin-top: 25px;
              background-color: #ea580b;
              text-decoration: none;
              padding: 10px;
              width: 100%;
              max-width: 320px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .content-holder .btn-orange a {
                font-size: 16px;
                color: white;
                margin: 0;
                text-decoration: none; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-box .content-holder .btn-orange a span {
                  display: block;
                  font-weight: bold;
                  font-size: 1.1em; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge {
          position: relative;
          padding-bottom: 20px;
          background: white;
          border: 1px solid #dddddd;
          border-radius: 5px;
          filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1)); }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper {
            position: relative;
            color: white;
            background-color: #161417;
            background-image: url(https://static.spotapps.co/assets/admin/waitlist/nudge_back.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: left bottom;
            padding: 30px 15px;
            border-radius: 5px; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder {
              max-width: 500px;
              margin: 0 auto;
              text-align: center; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder h2 {
                font-size: 22px;
                font-weight: 300;
                line-height: 1.4;
                margin-bottom: 20px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder p {
                color: white;
                font-size: 15px;
                line-height: 1.4;
                font-weight: 300; }
              @media (max-width: 1500px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder h2 {
                  font-size: 20px; } }
              @media (max-width: 1300px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder h2 {
                  font-size: 18px;
                  margin-bottom: 10px; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder p {
                  margin-bottom: 0; } }
              @media (max-width: 991px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder h2 {
                  font-size: 15px; }
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder p {
                  font-size: 13px; } }
              @media (max-width: 380px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .text-holder h2 {
                  font-size: 14px; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .tablet {
              position: absolute;
              max-width: 20%;
              max-height: 60%;
              bottom: 10%;
              left: 2%; }
              @media (max-width: 1300px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .tablet {
                  max-width: 13%; } }
              @media (max-width: 1023px) {
                .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .banner-wrapper .tablet {
                  display: none; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .btn.btn-orange {
            display: block;
            color: white;
            text-transform: capitalize;
            background: #ed380e;
            border-radius: 5px;
            margin: 20px auto 0; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .girl {
            position: absolute;
            right: 15px;
            bottom: 0;
            height: 100%; }
            @media (max-width: 1300px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .girl {
                right: 0;
                height: 70%; } }
            @media (max-width: 1023px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder .reservation-waitlist-nudge .girl {
                display: none; } }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .main-holder.payment-setting .subtitle {
        margin-top: 10px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces {
        position: relative;
        overflow: hidden; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .pull-left {
          max-width: 60%; }
          @media (max-width: 991px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .pull-left {
              max-width: 54%; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .space-img {
          max-width: 35%;
          margin-top: -4%; }
          @media (max-width: 540px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .space-img {
              max-width: 46%;
              margin-top: 5%; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .radio-btn-wrapper.flex {
          display: flex;
          gap: 20px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper {
          border-top: 1px solid #fba891;
          margin-top: 20px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder {
            display: flex;
            gap: 20px;
            padding: 10px;
            border: 1px solid #f6d8cf;
            margin: 10px 0;
            position: relative; }
            @media (max-width: 1023px) {
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder {
                flex-direction: column; } }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .input-holder {
              flex-basis: 200px;
              flex: none; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .input-holder .sh-input {
                width: 100%; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .input-holder .sh-input.ng-invalid {
                border-color: red;
                outline: 0; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .description-holder {
              flex-grow: 1; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .description-holder textarea {
                width: 100%;
                height: 113px;
                resize: none; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .icons-holder {
              position: absolute;
              right: 10px;
              top: 6px; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .space-holder .icons-holder button {
                border: none;
                color: #9f9f9f;
                background: transparent; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .add-space-holder {
            border: 1px dashed #f6d8cf; }
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .add-space-holder button {
              width: 100%;
              text-align: left;
              font-weight: 700;
              font-size: 14px;
              padding: 15px;
              background-color: white;
              border: 0; }
              .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .event-spaces-wrapper .add-space-holder button i {
                margin-right: 3px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .section-description {
          padding: 0 60px 0 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .pull-left .section-description {
          padding: 0 25px 0 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .flag {
          position: absolute;
          top: 15px;
          right: 10px; }
          @media (max-width: 480px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .highlight-section.event-spaces .flag {
              max-width: 40px; } }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .checkbox-label {
        display: flex;
        align-items: center; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .checkbox-label input[type=checkbox].active:before {
          color: #f4583c;
          font-size: 1.25em;
          margin-top: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .checkbox-label .style {
          font-size: 13px;
          font-weight: 600;
          min-width: 100%;
          text-align: left;
          margin-left: -28px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .switch-checkbox {
        height: 0;
        width: 0;
        visibility: hidden; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .label-switch-checkbox {
        cursor: pointer;
        text-indent: -9999px;
        width: 50px;
        height: 30px;
        background: #cdcdcd;
        display: block;
        border-radius: 20px;
        position: relative;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .label-switch-checkbox {
            transform: scale(0.8); } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .label-switch-checkbox:after {
          content: "";
          position: absolute;
          top: 5px;
          left: 5px;
          width: 20px;
          height: 20px;
          background: white;
          border-radius: 14px;
          transition: 0.3s; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .switch-checkbox:checked + .label-switch-checkbox {
        background: #29b5a8; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .switch-checkbox:checked + .label-switch-checkbox:after {
          left: calc(100% - 5px);
          transform: translateX(-100%); }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .label-switch-checkbox:active:after {
        width: 26px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .mb-20 {
        margin-bottom: 20px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .mb-15 {
        margin-bottom: 15px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .mt-50-p {
        margin-top: 50%; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .test-btn-holder {
        padding: 20px 5px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .test-btn-holder .btn-notifications {
          padding: 6px 30px;
          background-color: #43a89e;
          color: white;
          margin: 0 0 0 auto;
          width: 170px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .test-btn-holder .catering {
          width: 250px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .gallery-holder {
        margin-top: 15px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .gallery-holder p {
          margin-bottom: 5px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .gallery-holder .promotion-images-holder {
          display: flex;
          margin-top: 15px; }
          @media (max-width: 1200px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .gallery-holder .promotion-images-holder {
              flex-wrap: wrap;
              max-width: 400px; } }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .gallery-holder .promotion-images-holder .promotion-image {
            margin: 0 10px 10px 0;
            border: 2px solid #f6d8cf; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section h4 {
        margin-bottom: 5px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments {
        background-color: white;
        border: 1px solid #f6d8cf;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0; }
        @media (max-width: 500px) {
          .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments {
            flex-direction: column; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments .no-attachments {
          color: black;
          font-weight: bold;
          margin-bottom: 0; }
          @media (max-width: 500px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments .no-attachments {
              text-align: center; } }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments .attachment_row.block {
          float: none; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments .attach-file {
          float: none; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment {
        flex-direction: column; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment .attachment_row .attachment-holder .close-btn {
          background-color: #58585a;
          border: 1px solid #58585a;
          color: white;
          height: 16px;
          width: 16px; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment .attachment_row .attachment-holder .close-btn span {
            left: 50%;
            top: 1px;
            transform: translateX(-50%); }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment .attachment_row.block {
          min-width: 100%;
          margin-bottom: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment .attachment-holder {
          width: 100%;
          border-bottom: 1px solid #f6d8cf;
          border-radius: 0; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment .attachment-holder i {
            color: #58585a; }
          .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .sir-attachments.have_attachment .attachment-holder a.normal-text {
            margin: 0;
            width: 80%; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attach-file label {
        text-align: center;
        display: inline-block;
        font-weight: 400;
        background-color: #f4583c;
        color: white;
        padding: 8px 40px;
        border-radius: 5px;
        cursor: pointer;
        margin-bottom: 0;
        min-width: 175px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attach-file label i {
          font-size: 1.2em;
          margin-right: 5px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attach-file.add-another {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-left: 10px;
        margin-top: 10px; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attach-file.add-another p {
          color: black;
          margin: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attach-file.add-another .custom-file-input:hover span {
          text-decoration: underline; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attach-file.add-another .custom-file-input span {
          text-decoration: none; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attachment_row {
        padding-left: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section .attachment_row a.normal-text {
          color: #58585a;
          font-weight: bold; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .attach-section.catering p {
        max-width: 860px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .floating-pop-up .floating-body h3 {
        margin: 0 0 10px 0;
        color: black; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .planner-wrapper label {
        font-weight: normal; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .planner-wrapper .dropdown {
        text-transform: capitalize; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .planner-wrapper .dropdown .btn {
          text-transform: capitalize; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper label {
        display: flex;
        align-items: flex-start;
        font-weight: 400; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper label input[type='radio'] {
          accent-color: #f4583c;
          margin: 3px 5px 0 0;
          flex: 0 0 13px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper .ml-5 {
        margin-left: 5px; }
      @media (max-width: 1023px) {
        .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper .flex-label {
          min-width: 400px; } }
      @media (max-width: 991px) {
        .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper .flex-label {
          min-width: 400px; } }
      @media (max-width: 767px) {
        .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper .flex-label {
          min-width: 300px; } }
      @media (max-width: 480px) {
        .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper .flex-label {
          min-width: 150px; } }
      @media (max-width: 320px) {
        .website-page .website-container .website-section.new-reservations .reservation-section-new .radio-btn-wrapper .flex-label {
          min-width: 150px; } }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .black-text {
        color: black; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .progress {
        background-color: #ea5329; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new .add-custom-position {
        background: transparent;
        display: flex;
        gap: 7px;
        align-items: center;
        padding: 0;
        border: 0; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .add-custom-position i {
          color: black; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new .add-custom-position span {
          color: #939598;
          text-decoration: underline;
          font-weight: 600; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new.pb-0 {
        padding-bottom: 0; }
    .website-page .website-container .website-section.new-reservations .reservation-section-new-blocked-days .blocked-days-list-holder {
      background-color: white;
      color: #58585a;
      padding: 15px;
      border: 1px solid #e9eaeb;
      margin: 0 0 15px; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new-blocked-days .blocked-days-list-holder p {
        font-size: 13px; }
      @media (max-width: 767px) {
        .website-page .website-container .website-section.new-reservations .reservation-section-new-blocked-days .blocked-days-list-holder .blocked-hours-string {
          display: block; } }
    .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed *:not(.event-planner-requested-banner):not(.event-planner-requested-banner > p):not(.glyphicon):not(.floating-body *):not(.btn-notifications):not(.save-btn-holder *) {
      color: #dadada; }
    .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed {
      position: relative; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .highlight-section.unsubed {
        position: relative; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .highlight-section.unsubed .floating-pop-up {
          top: -25px;
          right: 0; }
          @media (max-width: 1024px) {
            .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .highlight-section.unsubed .floating-pop-up {
              top: 150px; } }
      .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .highlight-section * {
        border-color: #f6d8cf !important; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .custom-file-input, .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .custom-file-input-label {
        background-color: #dadada !important;
        color: white !important; }
        .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .custom-file-input span, .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .custom-file-input i, .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .custom-file-input-label span, .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .custom-file-input-label i {
          color: white !important; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .checkbox-label input[type=checkbox].active:before {
        color: #dadada !important; }
      .website-page .website-container .website-section.new-reservations .reservation-section-new.unsubed .flex-field img {
        opacity: 0.4; }
    .website-page .website-container .website-section.new-reservations .save-btn-holder {
      position: fixed;
      display: flex;
      justify-content: space-between;
      align-items: center;
      right: 0;
      bottom: 0;
      background: white;
      padding: 25px 40px 25px 30px;
      -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
      z-index: 9999;
      left: 250px; }
      @media (min-width: 768px) {
        .website-page .website-container .website-section.new-reservations .save-btn-holder.sidebar-expanded {
          left: 250px; } }
      @media (max-width: 991px) {
        .website-page .website-container .website-section.new-reservations .save-btn-holder {
          padding: 20px; } }
      @media (max-width: 767px) {
        .website-page .website-container .website-section.new-reservations .save-btn-holder {
          left: 0;
          display: block;
          text-align: center;
          padding: 10px; } }
      .website-page .website-container .website-section.new-reservations .save-btn-holder p {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        color: #58585a; }
        @media (max-width: 991px) {
          .website-page .website-container .website-section.new-reservations .save-btn-holder p {
            font-size: 14px; } }
        @media (max-width: 767px) {
          .website-page .website-container .website-section.new-reservations .save-btn-holder p {
            display: none; } }
      .website-page .website-container .website-section.new-reservations .save-btn-holder .btn {
        padding: 8px 20px;
        margin: 0;
        border-radius: 5px;
        min-width: 130px;
        background-color: #43a89e;
        border-color: #43a89e; }
      .website-page .website-container .website-section.new-reservations .save-btn-holder .cancel {
        padding: 8px 20px;
        margin: 0;
        border-radius: 5px;
        min-width: 130px;
        margin-right: 15px;
        background-color: #58585a;
        border: 1px solid #58585a;
        color: white;
        vertical-align: bottom; }
    .website-page .website-container .website-section.new-reservations .section-description {
      font-size: 13px;
      padding-top: 15px; }
      .website-page .website-container .website-section.new-reservations .section-description h3 {
        color: black;
        padding: 0;
        margin: 0 0 5px; }
      .website-page .website-container .website-section.new-reservations .section-description p {
        color: #58585a;
        margin: 0 0 10px; }
  .website-page .website-container .simple-section {
    text-align: center;
    padding-bottom: 30px; }
    .website-page .website-container .simple-section h4 {
      display: block;
      margin-bottom: 25px;
      padding-right: 0; }
    .website-page .website-container .simple-section h5 {
      display: block;
      margin-bottom: 25px;
      font-size: 1.1em;
      font-weight: 500;
      color: #58585a; }
    .website-page .website-container .simple-section .btn-primary {
      padding: 10px 15px;
      border-color: #dbc1b2;
      font-size: 15px; }
.website-page .attachment_row {
  margin-bottom: 5px;
  padding-left: 10px; }
  .website-page .attachment_row .attachment-holder:hover {
    background-color: #eeeeee; }
  .website-page .attachment_row .attachment-holder {
    border-radius: 5px;
    padding: 10px;
    width: 250px;
    max-width: 100%; }
    .website-page .attachment_row .attachment-holder a.normal-text {
      color: gray;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 0 0 0 10px;
      display: block; }
      .website-page .attachment_row .attachment-holder a.normal-text .fa {
        margin-right: 5px;
        color: #ea5329; }
    .website-page .attachment_row .attachment-holder .close-btn {
      font-size: 10px;
      width: 14px;
      height: 14px;
      color: black;
      line-height: 10px;
      text-align: center;
      margin-top: 3px;
      border: 1px solid black;
      border-radius: 100%;
      cursor: pointer; }
    .website-page .attachment_row .attachment-holder .close-btn:hover {
      text-decoration: none; }
.website-page .attachment_x_button {
  padding: 5px 10px !important;
  color: gray !important;
  background-color: transparent !important; }
.website-page .attachment_x_button:active {
  -webkit-box-shadow: none;
  box-shadow: none; }
.website-page .attachment_no_button {
  padding: 5px 10px !important;
  background-color: gray !important;
  margin-left: 8px; }
.website-page .attachment_delete_button {
  padding: 5px 10px !important;
  background-color: red !important;
  margin-left: 10px; }
.website-page .custom-file-input {
  color: transparent;
  border: none;
  outline: none;
  width: auto;
  display: inline; }
.website-page .custom-file-input {
  display: none; }
.website-page .custom-file-input-label-disabled {
  background-color: #efefef !important;
  border-color: #efefef !important;
  width: 100% !important; }
.website-page .custom-file-input-label.default-attachment-btn {
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold !important; }
  @media (max-width: 480px) {
    .website-page .custom-file-input-label.default-attachment-btn {
      width: fit-content;
      font-size: 1em;
      min-width: auto !important;
      padding: 8px 10px !important; } }
.website-page .custom-file-input-label {
  width: fit-content;
  content: var(--my-content-var);
  cursor: pointer;
  display: inline-block;
  padding: 10px 40px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-color: #eeeeee;
  color: #ea5329; }
.website-page .custom-file-input:disabled {
  background-color: #f7f8f9;
  color: #939598; }
.website-page .custom-file-input-label:hover {
  border-color: #939598; }
.website-page .custom-file-input:active {
  outline: 0;
  border: 0; }
.website-page .custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }

@media (max-width: 767px) {
  .cancel-account-page .website-bar .website-section h3 {
    padding-top: 3px !important;
    font-size: 1.3em !important; } }
.cancel-account-page .website-bar .website-section .form-group {
  margin-bottom: 0; }
@media (max-width: 767px) {
  .cancel-account-page .website-bar .website-section .btn-info {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    margin-bottom: 5px;
    margin-top: 3px; } }
.cancel-account-page .website-container {
  padding-top: 140px; }
  @media (max-width: 767px) {
    .cancel-account-page .website-container .cancel-account-padding {
      padding-top: 40px; } }
  .cancel-account-page .website-container .btn-success {
    margin-top: 10px;
    margin-bottom: 0; }
  .cancel-account-page .website-container .has-error h4 {
    color: #e41818; }
  .cancel-account-page .website-container .has-error label {
    color: #e41818; }
  .cancel-account-page .website-container .cancel-checkbox-holder h4 {
    display: block;
    margin-top: 10px; }
  .cancel-account-page .website-container .cancel-checkbox-holder label {
    margin-bottom: 10px;
    color: #939598 !important; }
    .cancel-account-page .website-container .cancel-checkbox-holder label span {
      position: relative;
      bottom: 0;
      display: inline-block;
      padding-left: 10px; }
      .cancel-account-page .website-container .cancel-checkbox-holder label span.glyphicon-asterisk {
        padding-left: 0; }
      @media (max-width: 850px) {
        .cancel-account-page .website-container .cancel-checkbox-holder label span {
          bottom: 0;
          width: 80%;
          padding-left: 5px;
          line-height: 15px; } }
      @media (max-width: 767px) {
        .cancel-account-page .website-container .cancel-checkbox-holder label span {
          bottom: 1px;
          width: 85%;
          font-size: 13px; } }
    .cancel-account-page .website-container .cancel-checkbox-holder label input[type=checkbox] {
      margin: 0;
      width: auto;
      height: auto; }
  .cancel-account-page .website-container .cancel-checkbox-holder .has-error label {
    color: #e41818 !important; }
  .cancel-account-page .website-container .cancel-checkbox-holder .disclaimer {
    margin-top: 0;
    color: #e41818; }

.food-menu-page .google-upgrade-holder {
  border: 1px solid #584fd6;
  border-radius: 7px;
  display: flex;
  background-color: white;
  align-items: center;
  margin-bottom: 2em; }
  @media (max-width: 991px) {
    .food-menu-page .google-upgrade-holder {
      margin-top: 20px; } }
  @media (max-width: 768px) {
    .food-menu-page .google-upgrade-holder {
      margin-top: 10px; } }
  .food-menu-page .google-upgrade-holder .text-holder {
    margin-left: 1em;
    width: 100%; }
    @media (min-width: 768px) {
      .food-menu-page .google-upgrade-holder .text-holder {
        display: flex;
        align-items: center;
        justify-content: center; }
        .food-menu-page .google-upgrade-holder .text-holder .close-btn-holder {
          margin-left: auto;
          margin-right: 0.5em; } }
    @media (max-width: 768px) {
      .food-menu-page .google-upgrade-holder .text-holder {
        margin-left: 0;
        padding: 1em 1em 2.1em 1em; } }
    .food-menu-page .google-upgrade-holder .text-holder .underline {
      text-decoration: underline;
      text-underline-offset: 2px;
      cursor: pointer;
      font-weight: bold; }
      @media (max-width: 768px) {
        .food-menu-page .google-upgrade-holder .text-holder .underline {
          color: #584fd6; } }
  .food-menu-page .google-upgrade-holder .close-btn-holder .close {
    margin-left: auto;
    width: 20px;
    display: flex;
    float: unset; }
  .food-menu-page .google-upgrade-holder .icon-holder {
    border-right: 1px solid #584fd6;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.8em;
    background-color: #e7e6f6;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    align-self: stretch; }
    @media (max-width: 768px) {
      .food-menu-page .google-upgrade-holder .icon-holder {
        width: 60px; } }
    .food-menu-page .google-upgrade-holder .icon-holder .fa {
      font-size: 2.5em !important;
      color: #584fd6; }
      @media (max-width: 768px) {
        .food-menu-page .google-upgrade-holder .icon-holder .fa {
          font-size: 2em !important; } }
.food-menu-page .popover {
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8; }
.food-menu-page .popover.bottom > .arrow::after {
  border-bottom-color: #e8e8e8; }
.food-menu-page .action-notification {
  border-radius: 20px;
  background: url("https://static.spotapps.co/assets/admin/msg-bg-web.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 25px 20px;
  margin: 20px 0;
  position: relative;
  min-height: 85px; }
  @media (max-width: 991px) {
    .food-menu-page .action-notification {
      margin-top: 50px; } }
  @media (max-width: 768px) {
    .food-menu-page .action-notification {
      margin-top: 10px;
      padding: 30px; } }
  .food-menu-page .action-notification .notification {
    margin-top: 10px;
    align-items: center;
    display: inline-flex; }
    @media (max-width: 991px) {
      .food-menu-page .action-notification .notification {
        display: flex; } }
    .food-menu-page .action-notification .notification p {
      color: white;
      margin-left: 15px;
      margin-bottom: 0;
      font-size: 1.1em; }
      @media (max-width: 768px) {
        .food-menu-page .action-notification .notification p {
          font-size: 1em; } }
    .food-menu-page .action-notification .notification a {
      color: white;
      text-decoration: underline; }
    .food-menu-page .action-notification .notification img {
      max-width: 40px;
      margin-left: 10px; }
    .food-menu-page .action-notification .notification .close-notification {
      position: absolute;
      right: 20px;
      color: white;
      cursor: pointer;
      font-size: 1.1em; }
      @media (max-width: 768px) {
        .food-menu-page .action-notification .notification .close-notification {
          font-size: 1em;
          top: 14px;
          right: 14px;
          margin-bottom: 5px; } }
.food-menu-page .action-notification.bottom p {
  margin-top: 0; }
@media (max-width: 767px) {
  .food-menu-page .action-notification.bottom .notification {
    margin-top: 0; } }
.food-menu-page .gear-dropdown {
  position: fixed;
  top: 10px;
  right: 5px;
  z-index: 103; }
  @media (max-width: 1300px) {
    .food-menu-page .gear-dropdown {
      right: 0; } }
  @media (max-width: 767px) {
    .food-menu-page .gear-dropdown {
      top: 5px; } }
  .food-menu-page .gear-dropdown #mainDropDownMenuButton, .food-menu-page .gear-dropdown #helpDropDownMenuButton {
    background-color: transparent; }
.food-menu-page .menu-nevigation-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center; }
  .food-menu-page .menu-nevigation-holder .menu-nevigation {
    order: 1;
    align-self: stretch;
    flex-grow: 1;
    position: relative;
    margin-right: 10px; }
    @media (max-width: 767px) {
      .food-menu-page .menu-nevigation-holder .menu-nevigation {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px; } }
    .food-menu-page .menu-nevigation-holder .menu-nevigation .striked {
      text-decoration: line-through; }
    .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu {
      right: 0;
      min-width: 225px;
      padding: 5px 10px 15px 10px;
      box-shadow: none;
      border-color: #d1d2d4;
      z-index: 1005;
      overflow-y: scroll;
      max-height: 80vh; }
      @media (max-width: 767px) {
        .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu {
          overflow: auto;
          max-height: none; } }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu h5 {
        font-weight: bold;
        padding: 10px 0 5px 0; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu li a {
        width: 100%;
        padding: 3px 10px;
        text-align: left;
        color: #58585a;
        white-space: normal; }
        .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu li a .fa {
          margin-right: 5px; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu li .btn-plus-mobile {
        background-color: rgba(245, 245, 245, 0.6); }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu li .btn-plus-mobile:hover {
        background-color: whitesmoke; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu li:last-of-type::after {
        content: "";
        display: block;
        clear: both; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu .active a {
        background-color: rgba(241, 89, 42, 0.8);
        color: white; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .dropdown-menu .divider {
        margin-bottom: 15px; }
    .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default {
      position: relative;
      width: 100%;
      min-height: 30px;
      padding: 6px 40px 6px 15px;
      font-size: 1.2em;
      font-weight: 600;
      border-color: #d1d2d4;
      color: #58585a; }
      @media (max-width: 767px) {
        .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default {
          padding: 15px 40px 15px 15px; } }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default .fa {
        position: absolute;
        right: 15px;
        top: 6px;
        font-size: 1.4em;
        color: #d1d2d4; }
        @media (max-width: 767px) {
          .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default .fa {
            top: 16px; } }
    .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default:hover {
      background-color: #f1592a;
      border-color: #f1592a;
      color: white; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default:hover .fa {
        color: white; }
    .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default:focus {
      background-color: white;
      border-color: #d1d2d4;
      color: #58585a; }
      .food-menu-page .menu-nevigation-holder .menu-nevigation .btn-default:focus .fa {
        color: #d1d2d4; }
    .food-menu-page .menu-nevigation-holder .menu-nevigation p {
      color: #939598;
      margin-bottom: 2px; }
  .food-menu-page .menu-nevigation-holder .open .btn-default {
    background-color: #f1592a;
    border-color: #f1592a;
    color: white; }
    .food-menu-page .menu-nevigation-holder .open .btn-default .fa {
      color: white; }
  .food-menu-page .menu-nevigation-holder.new {
    padding: 90px 3% 15px;
    margin: 0 -15px;
    gap: 10px;
    background-color: white; }
    .food-menu-page .menu-nevigation-holder.new .menu-nevigation {
      order: initial;
      margin: 0;
      flex-basis: 250px;
      flex-grow: 0; }
    .food-menu-page .menu-nevigation-holder.new .edit-buttons {
      display: flex;
      align-self: flex-end;
      gap: 3px;
      flex-grow: 1; }
      .food-menu-page .menu-nevigation-holder.new .edit-buttons img {
        height: 15px; }
      .food-menu-page .menu-nevigation-holder.new .edit-buttons .qr-code-btn {
        margin-left: auto;
        background-color: white;
        border: 1px solid #29a89e;
        color: #29a89e; }
.food-menu-page .website-bar {
  min-height: 70px;
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e4;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29); }
  @media (max-width: 767px) {
    .food-menu-page .website-bar {
      min-height: 60px; } }
  .food-menu-page .website-bar .website-section {
    margin-left: 4%;
    margin-right: 8%; }
    @media (max-width: 1400px) {
      .food-menu-page .website-bar .website-section {
        margin-left: 3%;
        margin-right: 85px; } }
    @media (max-width: 1200px) {
      .food-menu-page .website-bar .website-section {
        margin-left: 20px;
        margin-right: 85px; } }
    .food-menu-page .website-bar .website-section h3 {
      padding-top: 15px; }
      @media (max-width: 767px) {
        .food-menu-page .website-bar .website-section h3 {
          display: block;
          padding-top: 8px;
          padding-left: 5px;
          text-align: center; } }
    .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons {
      order: 1;
      align-self: center;
      flex-grow: 2; }
      @media (max-width: 991px) {
        .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons {
          display: flex;
          flex-flow: wrap;
          justify-content: center; } }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .small-images-holder {
        display: inline-block;
        padding: 5px; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons img {
        margin-top: 3px;
        height: 16px;
        width: 16px; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons a {
        padding-top: 12px; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .btn-info {
        position: relative;
        right: initial;
        top: initial;
        float: right;
        margin: 5px 0 5px 5px;
        background-color: #f1592a;
        border-color: #f1592a;
        color: white;
        font-weight: 400;
        min-height: 45px; }
        @media (max-width: 1024px) {
          .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .btn-info {
            font-size: 0.9em; } }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .btn-info:hover {
        background-color: #f1592a;
        border-color: #f1592a;
        color: white; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .btn-info.top span {
        vertical-align: inherit; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .btn-info.qr-code-btn {
        background-color: transparent;
        border-color: #29a89e;
        color: #29a89e;
        min-height: unset;
        padding: 5px 15px; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .fa {
        font-size: 1.6em;
        vertical-align: middle; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .fa-clock-o {
        margin-left: -10px;
        padding-top: 7px; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .fa-cog.top {
        vertical-align: top; }
      .food-menu-page .website-bar .website-section .menu-controls-holder .edit-buttons .fa-cog {
        vertical-align: sub; }
    .food-menu-page .website-bar .website-section .menu-edit {
      display: flex;
      flex-wrap: wrap; }
      .food-menu-page .website-bar .website-section .menu-edit div {
        max-height: 35px; }
      .food-menu-page .website-bar .website-section .menu-edit .menu-type {
        width: 20%;
        display: flex;
        align-items: center;
        margin: 0 5px; }
      .food-menu-page .website-bar .website-section .menu-edit .menu-option-holder {
        display: inline-flex;
        margin: 5px; }
    .food-menu-page .website-bar .website-section .menu-edit-view {
      padding: 5px 0; }
      .food-menu-page .website-bar .website-section .menu-edit-view .menu-enable {
        width: max-content;
        padding: 5px 3px;
        background-color: white;
        border-radius: 5px;
        border: 1px solid #e9eaeb; }
      .food-menu-page .website-bar .website-section .menu-edit-view .menu-hours-btn {
        background-color: #e8571e;
        padding: 5px;
        color: white;
        border-radius: 6px;
        font-size: 0.9em; }
      .food-menu-page .website-bar .website-section .menu-edit-view .form-control {
        display: inline-block;
        margin-right: 5px;
        color: #6d6e71;
        font-weight: normal;
        border-color: #e9eaeb;
        box-shadow: none; }
      .food-menu-page .website-bar .website-section .menu-edit-view .input-name {
        width: 40%; }
      .food-menu-page .website-bar .website-section .menu-edit-view .input-desc {
        width: 50%; }
      .food-menu-page .website-bar .website-section .menu-edit-view .btn {
        margin: 0 5px; }
      .food-menu-page .website-bar .website-section .menu-edit-view .btn-success {
        background-color: #2bb673;
        border-color: #2bb673; }
      .food-menu-page .website-bar .website-section .menu-edit-view .btn-danger {
        background-color: #ef4036;
        border-color: #ef4036; }
      .food-menu-page .website-bar .website-section .menu-edit-view .checkbox-holder {
        display: inline-block;
        white-space: nowrap;
        margin-top: 7px; }
        .food-menu-page .website-bar .website-section .menu-edit-view .checkbox-holder input {
          position: relative;
          top: 2px; }
        .food-menu-page .website-bar .website-section .menu-edit-view .checkbox-holder span {
          margin-right: 5px; }
      .food-menu-page .website-bar .website-section .menu-edit-view .items-order {
        display: inline-block;
        margin: 0 10px;
        width: 40%; }
        .food-menu-page .website-bar .website-section .menu-edit-view .items-order label {
          color: #a7a9ac; }
          .food-menu-page .website-bar .website-section .menu-edit-view .items-order label span {
            color: #6d6e71;
            padding-left: 5px; }
        .food-menu-page .website-bar .website-section .menu-edit-view .items-order .menu-move {
          position: relative;
          top: 2px;
          display: inline-block;
          height: 20px;
          padding-left: 4px;
          font-size: 20px;
          color: #6d6e71; }
        .food-menu-page .website-bar .website-section .menu-edit-view .items-order .menu-move:hover {
          color: #f1592a; }
.food-menu-page .website-container {
  padding: 45px 4% 60px 4%; }
  @media (max-width: 1400px) {
    .food-menu-page .website-container {
      padding: 45px 3% 60px 3%; } }
  @media (max-width: 1200px) {
    .food-menu-page .website-container {
      padding: 45px 20px 60px 20px; } }
  @media (max-width: 1000px) {
    .food-menu-page .website-container {
      padding: 45px 10px 60px 10px; } }
  @media (max-width: 767px) {
    .food-menu-page .website-container {
      padding: 80px 15px 60px 15px; } }
  @media (max-width: 767px) {
    .food-menu-page .website-container .food-menu-controls {
      padding-left: 0;
      padding-right: 0; } }
  .food-menu-page .website-container .new-food-section {
    margin-top: 50px;
    padding: 15px !important; }
    .food-menu-page .website-container .new-food-section .menu-item-name {
      display: inline-block;
      width: 80%; }
    .food-menu-page .website-container .new-food-section .cancel-add {
      display: inline-block;
      float: right;
      padding: 5px 5px 0 5px;
      font-size: 1.1em;
      color: #f1592a;
      cursor: pointer; }
    @media (max-width: 767px) {
      .food-menu-page .website-container .new-food-section .btn-success {
        width: 100%; } }
    .food-menu-page .website-container .new-food-section.food-menu-sheet {
      margin-top: 0; }
  .food-menu-page .website-container .food-add-mobile {
    margin-top: 20px;
    padding: 0 !important; }
    .food-menu-page .website-container .food-add-mobile .section-area {
      padding: 10px; }
    .food-menu-page .website-container .food-add-mobile .menu-item-name {
      display: inline-block;
      width: 80%; }
    .food-menu-page .website-container .food-add-mobile .cancel-add {
      display: inline-block;
      float: right;
      padding: 5px 5px 0 5px;
      font-size: 1.1em;
      color: #f1592a; }
    .food-menu-page .website-container .food-add-mobile .btn-success {
      width: 100%; }
    .food-menu-page .website-container .food-add-mobile .btn.add-menu-item {
      background-color: #f1592b;
      color: white;
      width: 100%; }
  .food-menu-page .website-container .website-section {
    padding: 15px;
    background-color: white !important; }
    @media (max-width: 767px) {
      .food-menu-page .website-container .website-section {
        padding: 10px; } }
    .food-menu-page .website-container .website-section .form-control {
      color: #6d6e71;
      font-weight: normal;
      border-color: #dcddde;
      box-shadow: none; }
    .food-menu-page .website-container .website-section .form-control.date-invalid {
      border-color: red; }
    .food-menu-page .website-container .website-section h4 {
      margin-top: 0;
      margin-bottom: 0; }
    .food-menu-page .website-container .website-section .close-popover {
      position: absolute;
      top: 120px;
      left: 240px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      color: #f1592a;
      z-index: 99;
      cursor: pointer; }
      @media (max-width: 1080px) {
        .food-menu-page .website-container .website-section .close-popover {
          left: 200px; } }
      @media (max-width: 1000px) {
        .food-menu-page .website-container .website-section .close-popover {
          left: 183px; } }
    .food-menu-page .website-container .website-section .popover {
      box-shadow: none;
      -webkit-box-shadow: none;
      border-color: #e7e8e9;
      color: #58585a;
      z-index: 98;
      margin-top: 20px;
      width: 260px; }
      @media (max-width: 1080px) {
        .food-menu-page .website-container .website-section .popover {
          width: 220px; } }
      @media (max-width: 1000px) {
        .food-menu-page .website-container .website-section .popover {
          width: 200px; } }
      .food-menu-page .website-container .website-section .popover .arrow {
        left: 22%; }
      .food-menu-page .website-container .website-section .popover .popover-inner {
        padding-left: 0;
        background-image: none;
        text-align: center; }
    .food-menu-page .website-container .website-section .popover.bottom {
      left: 10px !important; }
    .food-menu-page .website-container .website-section .add-food-item-section .form-control {
      margin-bottom: 10px; }
    .food-menu-page .website-container .website-section .add-food-item-section .food-price-list .fa {
      position: relative;
      top: 2px;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-left: 5px;
      padding: 0 5px;
      font-size: 17px;
      color: #d1d2d4; }
    .food-menu-page .website-container .website-section .row-border {
      border-bottom: 1px solid #e9eaeb; }
      .food-menu-page .website-container .website-section .row-border .bottom-controls-wrapper.mobile-stock-items {
        text-align: left;
        padding-left: 100px; }
        .food-menu-page .website-container .website-section .row-border .bottom-controls-wrapper.mobile-stock-items .food-item-stock {
          display: inline-block;
          padding: 0 7px 0 3px; }
    .food-menu-page .website-container .website-section .menu-items-holder .food-menu-pagination {
      position: absolute;
      margin-top: 30px; }
    @media (max-width: 910px) {
      .food-menu-page .website-container .website-section .menu-items-holder table {
        font-size: 12px; } }
    @media (max-width: 1300px) {
      .food-menu-page .website-container .website-section .menu-items-holder table .form-control {
        padding: 6px; } }
    .food-menu-page .website-container .website-section .menu-items-holder th {
      border-bottom: 1px solid #dcddde;
      color: #58585a; }
    .food-menu-page .website-container .website-section .menu-items-holder th.in-stock {
      color: #f1592b;
      min-width: 80px; }
    .food-menu-page .website-container .website-section .menu-items-holder td {
      padding: 15px 8px 8px 8px;
      color: #58585a; }
      @media (max-width: 1000px) {
        .food-menu-page .website-container .website-section .menu-items-holder td {
          padding: 15px 5px 5px 5px; } }
      .food-menu-page .website-container .website-section .menu-items-holder td .invite-checkboxes .social-image .fa-facebook-square {
        color: #3b5a9a; }
      .food-menu-page .website-container .website-section .menu-items-holder td .invite-checkboxes .social-image .fa-twitter {
        color: #23aae1; }
    .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-elements {
      display: inline-block;
      width: 70%;
      padding: 2px 5px; }
      @media (max-width: 500px) {
        .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-elements {
          width: 57%; } }
      .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-elements .food-item-save {
        margin-top: -4px;
        margin-right: 0;
        padding: 4px 15px; }
    .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-controls-holder {
      width: 29%; }
      @media (max-width: 500px) {
        .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-controls-holder {
          width: 40%; } }
    .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-price {
      width: 100%; }
    .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .food-item-description {
      width: 100%; }
    @media (max-width: 767px) {
      .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .row-border .food-item-social .bottom-controls .invite-checkboxes label {
        width: 100%;
        margin-bottom: 6px; }
        .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .row-border .food-item-social .bottom-controls .invite-checkboxes label span {
          line-height: 21px; } }
    @media (max-width: 767px) {
      .food-menu-page .website-container .website-section .menu-items-holder .food-menu-items-mobile .row-border .food-item-social button {
        width: 100%; } }
    .food-menu-page .website-container .website-section .menu-items-holder .togleMenuDescBtn {
      padding: 3px 5px !important;
      font-size: 13px !important; }
    .food-menu-page .website-container .website-section .menu-items-holder .add-additions-button {
      font-weight: bold;
      background-color: #d1d2d4;
      border-radius: 5px;
      padding: 5px 12px;
      border: 1px solid #d1d2d4;
      color: #58585a;
      margin: 10px 0; }
    .food-menu-page .website-container .website-section .menu-items-holder .label-item-button {
      font-weight: bold;
      background-color: #29a89e;
      border-radius: 5px;
      padding: 5px 12px;
      border: 1px solid #29a89e;
      margin-right: 15px;
      color: white;
      width: 150px; }
    .food-menu-page .website-container .website-section .menu-items-holder .move-here {
      width: 100%;
      padding: 0;
      margin: 0;
      text-align: center;
      background-color: #13a89e; }
      .food-menu-page .website-container .website-section .menu-items-holder .move-here td {
        padding: 20px;
        font-weight: bold;
        color: white; }
    .food-menu-page .website-container .website-section .menu-items-holder .move-here:hover {
      cursor: pointer; }
    .food-menu-page .website-container .website-section .menu-items-holder .active-item-border {
      border: 1px solid #13a89e; }
    .food-menu-page .website-container .website-section .menu-items-holder .btn {
      padding: 6px 20px; }
    .food-menu-page .website-container .website-section .menu-items-holder .custom-checkbox {
      visibility: hidden;
      position: relative;
      width: 20px;
      height: 20px;
      margin-top: 3px; }
    .food-menu-page .website-container .website-section .menu-items-holder .custom-checkbox:before {
      content: "\f096";
      visibility: visible;
      position: absolute;
      top: 0;
      left: 0;
      font-family: FontAwesome;
      font-size: 20px;
      color: #bdbec0; }
    .food-menu-page .website-container .website-section .menu-items-holder .custom-checkbox.active:before {
      content: "\f14a"; }
    .food-menu-page .website-container .website-section .menu-item-times {
      margin-top: -10px;
      padding-left: 3px;
      font-size: 12px; }
      @media (max-width: 767px) {
        .food-menu-page .website-container .website-section .menu-item-times {
          margin-left: 100px; } }
    .food-menu-page .website-container .website-section .item-name {
      font-weight: 600; }
    .food-menu-page .website-container .website-section .instagram-icon img {
      width: 12px; }
    .food-menu-page .website-container .website-section .social-image .fa {
      transform: translateY(2%); }
    .food-menu-page .website-container .website-section .form-control {
      color: #6d6e71;
      font-weight: normal;
      border-color: #dcddde;
      box-shadow: none; }
      @media (max-width: 1100px) {
        .food-menu-page .website-container .website-section .form-control {
          padding: 6px; } }
    .food-menu-page .website-container .website-section .food-item-name {
      width: 220px; }
      @media (max-width: 1400px) {
        .food-menu-page .website-container .website-section .food-item-name {
          width: 190px; } }
      @media (max-width: 1400px) {
        .food-menu-page .website-container .website-section .food-item-name {
          width: 130px; } }
      @media (max-width: 1080px) {
        .food-menu-page .website-container .website-section .food-item-name {
          width: 90px; } }
    @media (max-width: 1000px) {
      .food-menu-page .website-container .website-section .food-item-price {
        width: 130px; } }
    @media (max-width: 767px) {
      .food-menu-page .website-container .website-section .food-item-price {
        width: 100%; } }
    .food-menu-page .website-container .website-section .food-item-price .food-price-list .fa {
      position: relative;
      top: 2px;
      display: inline-block;
      width: 20px;
      height: 20px;
      padding: 0 5px;
      font-size: 17px;
      color: #d1d2d4; }
      @media (max-width: 1400px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .fa {
          width: 15px;
          height: 15px;
          font-size: 13px;
          padding: 0 2px; } }
        @media (max-width: 1400px) and (max-width: 800px) {
          .food-menu-page .website-container .website-section .food-item-price .food-price-list .fa {
            width: 13px;
            height: 13px; } }
        @media (max-width: 1400px) and (max-width: 767px) {
          .food-menu-page .website-container .website-section .food-item-price .food-price-list .fa {
            margin-left: 5px; } }
    .food-menu-page .website-container .website-section .food-item-price .food-price-list .fa:hover {
      color: #f1592a; }
    .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
      padding-left: 15px; }
      @media (max-width: 1400px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
          width: 50px; } }
      @media (max-width: 900px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
          width: 45px; } }
      @media (max-width: 800px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
          width: 40px; } }
      @media (max-width: 767px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
          width: 80px;
          padding-left: 15px; } }
      @media (max-width: 500px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
          width: 70px; } }
      @media (max-width: 350px) {
        .food-menu-page .website-container .website-section .food-item-price .food-price-list .price {
          width: 60px; } }
    @media (max-width: 1400px) {
      .food-menu-page .website-container .website-section .food-item-price .food-price-list .food-size {
        width: 50px;
        padding-left: 5px; } }
    @media (max-width: 900px) {
      .food-menu-page .website-container .website-section .food-item-price .food-price-list .food-size {
        width: 45px; } }
    @media (max-width: 800px) {
      .food-menu-page .website-container .website-section .food-item-price .food-price-list .food-size {
        width: 40px; } }
    @media (max-width: 767px) {
      .food-menu-page .website-container .website-section .food-item-price .food-price-list .food-size {
        width: 80px; } }
    @media (max-width: 500px) {
      .food-menu-page .website-container .website-section .food-item-price .food-price-list .food-size {
        width: 40px; } }
    @media (max-width: 350px) {
      .food-menu-page .website-container .website-section .food-item-price .food-price-list .food-size {
        width: 30px; } }
    @media (max-width: 900px) {
      .food-menu-page .website-container .website-section .food-item-controls {
        width: 90px; } }
    @media (max-width: 850px) {
      .food-menu-page .website-container .website-section .food-item-controls {
        width: 60px; } }
    @media (max-width: 800px) {
      .food-menu-page .website-container .website-section .food-item-controls {
        width: 52px; } }
    @media (max-width: 850px) {
      .food-menu-page .website-container .website-section .food-item-in-stock {
        width: 60px; } }
    .food-menu-page .website-container .website-section .food-item-controls-holder {
      text-align: right; }
      .food-menu-page .website-container .website-section .food-item-controls-holder a {
        text-align: center; }
        @media (max-width: 767px) {
          .food-menu-page .website-container .website-section .food-item-controls-holder a {
            margin-right: 5px; } }
        .food-menu-page .website-container .website-section .food-item-controls-holder a .fa {
          position: relative;
          top: 2px;
          display: inline-block;
          width: 20px;
          height: 20px;
          font-size: 20px;
          color: #d1d2d4; }
          @media (max-width: 800px) {
            .food-menu-page .website-container .website-section .food-item-controls-holder a .fa {
              width: 16px;
              height: 17px;
              font-size: 17px; } }
        .food-menu-page .website-container .website-section .food-item-controls-holder a .fa:hover {
          color: #f1592a; }
        .food-menu-page .website-container .website-section .food-item-controls-holder a .active-move-icon {
          color: #13a89e; }
      @media (max-width: 800px) {
        .food-menu-page .website-container .website-section .food-item-controls-holder .food-item-save {
          padding: 6px 8px;
          font-size: 12px; } }
    .food-menu-page .website-container .website-section .show-label-details {
      position: absolute;
      margin-top: 0;
      height: 25px;
      text-align: center;
      font-size: 26px;
      line-height: 23px;
      color: black;
      cursor: pointer;
      z-index: 10;
      display: inline; }
      .food-menu-page .website-container .website-section .show-label-details .show-details-arrow {
        display: inline; }
    .food-menu-page .website-container .website-section .food-item-stock .popover.left .arrow:after {
      border-left-color: #dddddd; }
    .food-menu-page .website-container .website-section .food-item-stock .popover.left .arrow {
      left: 100%;
      top: 34%; }
    .food-menu-page .website-container .website-section .food-item-stock span {
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      border-width: 0;
      height: 20px;
      width: 20px;
      margin-right: 3px;
      opacity: 0.6; }
    .food-menu-page .website-container .website-section .food-item-stock span.checked {
      opacity: 1; }
    .food-menu-page .website-container .website-section .food-item-stock span.dine-in {
      background-image: url("//static.spotapps.co/assets/admin/menu/table_icon.png");
      background-size: 22px; }
    .food-menu-page .website-container .website-section .food-item-stock span.to-go {
      background-image: url("//static.spotapps.co/assets/admin/menu/bag_icon.png");
      margin-top: -2px; }
    .food-menu-page .website-container .website-section .food-item-stock span.delivery {
      background-image: url("//static.spotapps.co/assets/admin/menu/truck_striked_icon.png");
      margin-left: -10px;
      width: 30px;
      background-size: 25px;
      background-position: right; }
    .food-menu-page .website-container .website-section .food-item-stock span.delivery.active {
      background-image: url("//static.spotapps.co/assets/admin/menu/truck_icon.png"); }
    .food-menu-page .website-container .website-section .food-item-stock a.delivery-popover-link {
      color: black;
      text-decoration: underline; }
    .food-menu-page .website-container .website-section .delivery-popover.popover {
      width: 400px; }
    .food-menu-page .website-container .website-section .food-item-labels {
      padding-top: 4px;
      text-align: center; }
      .food-menu-page .website-container .website-section .food-item-labels .social-checkbox {
        visibility: hidden;
        margin-top: 2px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .food-menu-page .website-container .website-section .food-item-labels .social-checkbox {
            visibility: visible;
            margin-top: 4px; } }
      .food-menu-page .website-container .website-section .food-item-labels .social-checkbox:before {
        content: "\f096";
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        font-size: 18px;
        color: #bdbec0;
        cursor: pointer; }
      .food-menu-page .website-container .website-section .food-item-labels .social-checkbox.active:before {
        content: "\f14a"; }
      .food-menu-page .website-container .website-section .food-item-labels .promote-headline {
        font-weight: bold;
        color: #58585a; }
        @media (max-width: 1180px) {
          .food-menu-page .website-container .website-section .food-item-labels .promote-headline {
            display: none; } }
      .food-menu-page .website-container .website-section .food-item-labels span {
        position: relative;
        top: 1px;
        left: -2px;
        width: 93px;
        padding-right: 5px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        display: inline-grid; }
        @media (max-width: 1600px) {
          .food-menu-page .website-container .website-section .food-item-labels span {
            width: 70px; } }
        @media (max-width: 1400px) {
          .food-menu-page .website-container .website-section .food-item-labels span {
            width: 55px; } }
        @media (max-width: 1080px) {
          .food-menu-page .website-container .website-section .food-item-labels span {
            width: 53px;
            font-size: 12px; } }
        @media (max-width: 1024px) {
          .food-menu-page .website-container .website-section .food-item-labels span {
            width: 53px; } }
        @media (max-width: 991px) {
          .food-menu-page .website-container .website-section .food-item-labels span {
            width: 70px;
            padding-right: 0;
            font-size: 13px; } }
        @media (max-width: 767px) {
          .food-menu-page .website-container .website-section .food-item-labels span {
            padding-right: 10px;
            width: auto; } }
      .food-menu-page .website-container .website-section .food-item-labels img {
        height: 15px; }
        @media (max-width: 991px) {
          .food-menu-page .website-container .website-section .food-item-labels img {
            height: 11px; } }
    .food-menu-page .website-container .website-section .food-item-social {
      padding-top: 0; }
      .food-menu-page .website-container .website-section .food-item-social .show-social-divider {
        display: inline;
        position: absolute;
        left: 0; }
        @media (max-width: 991px) {
          .food-menu-page .website-container .website-section .food-item-social .show-social-divider {
            display: none; } }
      .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper {
        position: relative; }
        .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .show-social-details {
          position: absolute;
          top: 0;
          right: 0;
          width: 25px;
          height: 25px;
          text-align: center;
          font-size: 21px;
          line-height: 23px;
          color: #d1d2d4;
          cursor: pointer;
          z-index: 10; }
          @media (max-width: 1200px) {
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .show-social-details {
              right: 0; } }
        .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .show-social-details:hover {
          color: #f1592a; }
        .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls {
          padding: 5px;
          background-color: white;
          border: none; }
          .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes {
            display: flex; }
            @media (max-width: 1180px) {
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes {
                text-align: left; } }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .popover {
              width: auto;
              margin-top: -10px;
              margin-left: -2px; }
              @media (max-width: 1232px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .popover {
                  margin-left: 7px; } }
              @media (max-width: 767px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .popover {
                  display: none !important; } }
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .popover .popover-content {
                position: relative;
                z-index: 999;
                padding: 8px; }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label.fb-auto-post {
              padding-left: 20px; }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label {
              display: block;
              width: 19.6%;
              min-height: 22px;
              box-sizing: border-box;
              float: left;
              padding-left: 0; }
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-checkbox {
                visibility: hidden;
                margin-top: 2px; }
                @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                  .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-checkbox {
                    visibility: visible;
                    margin-top: 4px; } }
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-checkbox:before {
                content: "\f096";
                visibility: visible;
                position: absolute;
                top: 0;
                left: 0;
                font-family: FontAwesome;
                font-size: 18px;
                color: #bdbec0;
                cursor: pointer; }
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-checkbox.active:before {
                content: "\f14a"; }
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-image {
                display: inline-block;
                width: 20px;
                height: 20px;
                font-size: 20px;
                line-height: 19px; }
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-image img {
                  display: inline-block; }
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-image .fa-facebook-square {
                  color: #3b5a9a; }
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-image .fa-twitter {
                  color: #23aae1; }
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-circle {
                border-radius: 50%;
                background-color: #de4d40;
                color: white;
                text-align: center; }
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-circle .fa-envelope {
                  font-size: 11px;
                  position: relative;
                  top: -4px; }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .promote-headline {
              padding-right: 20px;
              font-weight: bold;
              font-size: 13px;
              color: #58585a; }
              @media (max-width: 1180px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .promote-headline {
                  display: none; } }
          .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers {
            width: 16.6%;
            padding-right: 10px;
            margin-right: -4px;
            box-sizing: border-box; }
            @media (max-width: 991px) {
              .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers {
                width: 100%; }
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers label {
                  width: 100%; } }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers span {
              font-size: 0.8em;
              max-height: 47px; }
              @media (max-width: 767px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers span {
                  font-size: 0.75em; } }
              @media (max-width: 400px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers span {
                  font-size: 0.7em; } }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers a {
              font-size: 0.75em;
              max-width: 95px; }
              @media (max-width: 991px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers a {
                  margin-left: -20px;
                  min-width: 50px; } }
              @media (max-width: 767px) {
                .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers a {
                  padding: 8px 0;
                  font-size: 0.8em; } }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers .website-activate {
              background-color: #2bb673;
              display: block; }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers .email-preview {
              background-color: #ef4036; }
            .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .announcers .btn-danger {
              background-color: #ef4036; }
      .food-menu-page .website-container .website-section .food-item-social .buttons-holder {
        float: right;
        text-align: right; }
    .food-menu-page .website-container .website-section .toggleFoodDescription {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 200px;
      display: block; }
      @media (max-width: 991px) {
        .food-menu-page .website-container .website-section .toggleFoodDescription {
          width: 170px; } }
.food-menu-page .pm {
  padding-top: 120px; }

.events-page.events .events-btn-circle-icons, .specials-page.specials .events-btn-circle-icons {
  width: 16px !important;
  height: 16px !important;
  display: block; }

.events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media (max-width: 767px) {
    .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper {
      flex-wrap: wrap; } }
  .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls {
    width: inherit; }
    @media (max-width: 767px) {
      .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes {
        overflow: hidden; }
        .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label {
          width: 20%; }
          .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .announcer {
            width: 100%;
            padding: 0; }
            .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .announcer span {
              height: 32px;
              line-height: 16px;
              font-size: 0.7em; }
        .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .checkbox.announcers {
          display: block; } }
          @media (max-width: 767px) and (max-width: 767px) {
            .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .announcer {
              font-size: 13px; } }
          @media (max-width: 767px) and (max-width: 480px) {
            .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .announcer {
              font-size: 10px; } }
    @media (max-width: 767px) {
      .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes .show-social-details {
        left: 0;
        clear: both; } }
@media (max-width: 767px) {
  .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .enb-ticket-btn-mob {
    margin-bottom: 15px; } }
@media (max-width: 991px) {
  .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .resize-svg {
    position: relative;
    top: 6px;
    width: 22px;
    height: 22px;
    padding: 0.2rem;
    margin-left: 5px; }
    .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .resize-svg.resize-svg-edit {
      top: 2px; }
  .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .invite-checkboxes {
    flex-wrap: wrap;
    row-gap: 15px; }
    .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .invite-checkboxes .fb-auto-post {
      flex-basis: 33.3%; } }
@media (max-width: 480px) {
  .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .invite-checkboxes .fb-auto-post:nth-child(1), .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .invite-checkboxes .fb-auto-post:nth-child(2) {
    flex-basis: 50%; } }
.events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .checkbox.announcers label {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 5px; }
  @media (max-width: 991px) {
    .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .checkbox.announcers label {
      align-items: flex-start;
      max-height: 20px; } }
  .events-page.food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .checkbox.announcers label span {
    padding: 7px 0 0; }
.events-page.food-menu-page .website-container .users-iframe {
  position: fixed;
  padding-bottom: 50px;
  margin: 0;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 50;
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 250px; }
  @media (max-width: 768px) {
    .events-page.food-menu-page .website-container .users-iframe {
      padding: 0; } }
@media (max-width: 767px) {
  .events-page.food-menu-page .website-bar .dropdown.pull-right {
    display: block; } }

.btn-save {
  background-color: #f0592b;
  color: white; }

.btn-save:hover, .btn-save:active, .btn-save:focus {
  color: white;
  border-color: #269abc; }

.btn-info {
  background-color: #95959f;
  color: white;
  border-color: #95959f; }

.btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: #95959f;
  color: white; }

.events-page .image-thumb-placeholder.has-image .image-controls-holder {
  position: absolute; }
.events-page .message-icon {
  padding: 3px;
  background: #2bb673;
  color: white;
  border-radius: 5px; }
.events-page .website-bar {
  min-height: 60px; }
  .events-page .website-bar.fix-overlay-event {
    z-index: 101; }
  .events-page .website-bar .website-container {
    padding-top: 0; }
    .events-page .website-bar .website-container h3 {
      color: #939598; }
      @media (max-width: 991px) {
        .events-page .website-bar .website-container h3 {
          padding-top: 8px; } }
  .events-page .website-bar .new-event-container {
    margin: 0 4%;
    padding: 0 !important;
    background-color: white;
    border: none; }
    @media (max-width: 1220px) {
      .events-page .website-bar .new-event-container {
        margin: 0 45px 0 20px; } }
    @media (max-width: 767px) {
      .events-page .website-bar .new-event-container {
        margin: 0 15px; } }
    .events-page .website-bar .new-event-container .btn {
      padding: 6px 12px; }
    .events-page .website-bar .new-event-container .btn-sm {
      padding: 5px 10px; }
    .events-page .website-bar .new-event-container .btn-info {
      position: inherit;
      right: inherit;
      top: inherit; }
    .events-page .website-bar .new-event-container .cancel-add {
      margin: 10px 0;
      font-size: 1.1em;
      cursor: pointer; }
    .events-page .website-bar .new-event-container .website-section {
      margin: 0;
      padding: 0;
      border: none; }
      .events-page .website-bar .new-event-container .website-section .new-event-name {
        padding: 0 10px 0 0;
        width: 25%; }
        @media (max-width: 1500px) {
          .events-page .website-bar .new-event-container .website-section .new-event-name {
            width: 40%; } }
        @media (max-width: 1100px) {
          .events-page .website-bar .new-event-container .website-section .new-event-name {
            width: 60%; } }
        @media (max-width: 991px) {
          .events-page .website-bar .new-event-container .website-section .new-event-name {
            width: 100%; } }
        @media (max-width: 767px) {
          .events-page .website-bar .new-event-container .website-section .new-event-name {
            padding-left: 50px; } }
        .events-page .website-bar .new-event-container .website-section .new-event-name .event-name {
          margin-bottom: 0; }
  @media (max-width: 991px) {
    .events-page .website-bar .dropdown {
      top: 2px;
      right: 2px; } }
.events-page .new-event-container {
  border: none;
  background-color: transparent;
  padding: 10px 15px; }
  @media (max-width: 991px) {
    .events-page .new-event-container {
      margin: 0;
      padding: 10px 0; } }
  .events-page .new-event-container .btn {
    padding: 6px 12px; }
  .events-page .new-event-container .btn-sm {
    padding: 5px 10px; }
  .events-page .new-event-container .btn-info {
    position: initial;
    right: initial;
    top: initial; }
  .events-page .new-event-container .cancel-add {
    margin: 10px 0;
    font-size: 1.1em;
    cursor: pointer; }
  .events-page .new-event-container .website-section {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .events-page .new-event-container .website-section .form-control {
        font-size: 16px; } }
    .events-page .new-event-container .website-section tbody .event-td h4 {
      margin: 20px 0; }
    .events-page .new-event-container .website-section tbody .event-td .margin-bottom {
      margin-bottom: 75px; }
    .events-page .new-event-container .website-section tbody .event-td .btn.btn-primary {
      width: 100%;
      margin: 0 0 20px 0; }
    .events-page .new-event-container .website-section tbody .event-td .image-thumb-placeholder {
      min-height: 110px !important; }
    .events-page .new-event-container .website-section tbody .event-td.event-add-cancel .cancel-add {
      position: fixed;
      top: 8px;
      right: 15px;
      display: inline-block;
      margin: 0;
      padding: 5px;
      font-size: 22px; }
    @media (max-width: 1320px) {
      .events-page .new-event-container .website-section tbody .event-td.food-item-social {
        padding: 0 !important; } }
    @media (max-width: 1225px) {
      .events-page .new-event-container .website-section tbody .event-td.food-item-social .checkbox .announcers {
        padding-right: 10px; } }
    @media (max-width: 1170px) {
      .events-page .new-event-container .website-section tbody .event-td.food-item-social .checkbox .announcers {
        padding-right: 3px; } }
    .events-page .new-event-container .website-section .events-mobile-view h3 {
      padding-top: 5px;
      padding-bottom: 15px;
      font-size: 1.3em;
      color: #3a3a3c; }
    .events-page .new-event-container .website-section .events-mobile-view p {
      color: #3a3a3c; }
    .events-page .new-event-container .website-section .events-mobile-view .form-control {
      font-size: 16px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-menu-sheet {
      padding: 0;
      background-color: transparent !important;
      border-radius: 0;
      border: none; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-controls-holder a {
      padding: 5px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes {
      padding-bottom: 5px;
      overflow: hidden; }
      @media (max-width: 991px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes {
          width: 50%;
          display: inline; } }
      @media (max-width: 767px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes {
          width: auto;
          display: block; } }
      @media (max-width: 767px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes .fb-auto-post {
          width: 55px; } }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes label {
        padding-left: 20px; }
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes label input {
          position: absolute;
          margin: 4px 0 0;
          margin-left: -20px; }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes .additional-post {
        top: -2px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers {
      margin-top: 5px; }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers button {
        width: 100%;
        max-width: 100%;
        margin: 5px 0;
        padding: 8px 0;
        font-size: 0.8em;
        color: white;
        border: none;
        border-radius: 5px; }
        @media (max-width: 767px) {
          .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers button {
            margin: 7px 0; } }
      @media (max-width: 400px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers span {
          height: 30px; } }
      @media (max-width: 767px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers span.website-label {
          display: none; } }
      @media (max-width: 767px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers button.website-activate, .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers a.email-preview, .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers a.website-activate {
          margin-top: 15px; } }
      @media (max-width: 560px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers button.website-activate, .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers a.email-preview, .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers a.website-activate {
          margin-left: -20px;
          min-width: 50px;
          padding: 6px 0;
          line-height: 1; } }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers .btn-post-preview {
        padding: 4px 7px;
        margin-left: -20px; }
    @media (max-width: 991px) {
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper.new-layout .bottom-controls .invite-checkboxes {
        display: flex;
        width: 100%;
        row-gap: 15px; } }
    .events-page .new-event-container .website-section .events-mobile-view .image-thumb-placeholder {
      position: relative;
      width: auto;
      height: auto;
      min-height: 200px;
      background-position: center; }
    .events-page .new-event-container .website-section .events-mobile-view .image-thumb-placeholder.has-image {
      background-color: black; }
    .events-page .new-event-container .website-section .events-mobile-view .event-times {
      padding-bottom: 12px; }
      .events-page .new-event-container .website-section .events-mobile-view .event-times p {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 3px;
        color: #818285; }
        @media (max-width: 767px) {
          .events-page .new-event-container .website-section .events-mobile-view .event-times p {
            font-size: 15px; } }
      .events-page .new-event-container .website-section .events-mobile-view .event-times .event-time {
        margin-bottom: 5px; }
        .events-page .new-event-container .website-section .events-mobile-view .event-times .event-time span {
          margin-left: 20px;
          font-size: 16px;
          font-weight: normal;
          color: #58585a; }
    .events-page .new-event-container .website-section .events-mobile-view .event-descr {
      padding-top: 10px; }
    .events-page .new-event-container .website-section .events-mobile-view .event-text {
      padding-bottom: 5px;
      max-height: 320px;
      overflow-y: scroll; }
    .events-page .new-event-container .website-section .events-mobile-view .event-date .btn-sm {
      padding: 5px 10px; }
    .events-page .new-event-container .website-section .events-mobile-view .event-date .dropdown-menu {
      left: initial !important;
      right: 0;
      z-index: 11; }
    .events-page .new-event-container .website-section .events-mobile-view .event-image {
      margin-bottom: 15px; }
    .events-page .new-event-container .website-section .events-mobile-view .event-name-add .event-name {
      display: inline-block;
      width: 80%; }
      @media (max-width: 767px) {
        .events-page .new-event-container .website-section .events-mobile-view .event-name-add .event-name {
          width: 55%; } }
    .events-page .new-event-container .website-section .events-mobile-view .event-name-add label {
      position: relative;
      display: inline-block;
      float: right;
      margin: 0;
      padding: 5px 5px 0 5px;
      font-size: 1.1em;
      color: #f1592a;
      cursor: pointer;
      z-index: 10; }
    .events-page .new-event-container .website-section .events-mobile-view .event-template .open-template-link {
      color: #58585a; }
      .events-page .new-event-container .website-section .events-mobile-view .event-template .open-template-link a {
        color: #58585a;
        font-weight: bold;
        text-decoration: underline; }
      .events-page .new-event-container .website-section .events-mobile-view .event-template .open-template-link a.disabled {
        pointer-events: none;
        cursor: not-allowed; }
    .events-page .new-event-container .website-section .events-mobile-view .event-template .btn {
      padding: 6px 25px;
      margin: 0 0 0.6em; }
    .events-page .new-event-container .website-section .events-mobile-view .time-edit {
      margin-bottom: 5px; }
      .events-page .new-event-container .website-section .events-mobile-view .time-edit span {
        margin-top: 5px;
        margin-left: 20px;
        font-weight: normal;
        color: #58585a; }
    .events-page .new-event-container .website-section .events-mobile-view .recurring-type .btn-default {
      width: 300px;
      max-width: 100%; }
    .events-page .new-event-container .website-section .events-mobile-view .recurring-type .checkbox-label {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 10px; }
      .events-page .new-event-container .website-section .events-mobile-view .recurring-type .checkbox-label input {
        margin-top: 0;
        line-height: unset; }
      .events-page .new-event-container .website-section .events-mobile-view .recurring-type .checkbox-label span {
        padding: 0; }
    .events-page .new-event-container .website-section .events-mobile-view .recurring-type .dropdown-menu {
      padding: 5px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .show-social-details {
      top: -2px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes label {
      text-align: left; }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes label .social-checkbox {
        margin-right: 2px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes .additional-post {
      top: -2px; }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .invite-checkboxes .additional-post img {
        display: inline-block;
        margin-top: -5px; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers span {
      text-align: left; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers a {
      max-width: 100%;
      margin: 5px 0;
      padding: 8px 0;
      font-size: 0.8em; }
    .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers .announcer {
      max-width: 100%;
      text-align: left;
      padding-left: 0; }
      @media (max-width: 480px) {
        .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers .announcer {
          position: relative;
          margin-bottom: 2px;
          padding-top: 18px;
          font-size: 8px; } }
      .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers .announcer .social-checkbox {
        display: inline-block;
        margin-right: 2px; }
        @media (max-width: 480px) {
          .events-page .new-event-container .website-section .events-mobile-view .food-item-social .bottom-controls-wrapper .announcers .announcer .social-checkbox {
            position: absolute;
            top: 0; } }
  @media (max-width: 991px) {
    .events-page .new-event-container .bottom-controls {
      margin-left: 0; } }
.events-page .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-checkbox {
  display: inline-block; }
.events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer {
  color: #6d6e71; }
  .events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer .social-checkbox {
    visibility: hidden;
    margin-top: 2px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer .social-checkbox {
        visibility: visible;
        margin-top: 4px; } }
  .events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer .social-checkbox:before {
    content: "\f096";
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-size: 18px;
    color: #10b981;
    cursor: pointer; }
  .events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer .social-checkbox.active:before {
    content: "\f14a"; }
.events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer.radio-holder {
  position: relative; }
  .events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer.radio-holder .social-radio {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0; }
@media (max-width: 991px) {
  .events-page .website-container {
    padding-top: 80px; } }
@media (max-width: 370px) {
  .events-page .website-container {
    padding-left: 8px;
    padding-right: 8px; } }
.events-page .website-container h3 {
  color: #bdbec0; }
.events-page .website-container .new-event-adding {
  height: 230px; }
.events-page .website-container .event-title-holder {
  padding-left: 0;
  margin-bottom: 20px; }
  .events-page .website-container .event-title-holder .tabnav {
    padding: 10px 20px 20px 20px;
    display: inline-block; }
  .events-page .website-container .event-title-holder .tabnav.active {
    border-bottom: 7px solid #ea5329;
    color: #ea5329; }
.events-page .website-container .website-section {
  padding: 10px; }
  @media (max-width: 767px) {
    .events-page .website-container .website-section .btn {
      padding: 10px 30px; } }
  .events-page .website-container .website-section .btn-default {
    padding: 6px 12px; }
  .events-page .website-container .website-section p {
    margin-top: 0; }
  .events-page .website-container .website-section .input-group-btn .btn {
    padding: 6px 12px; }
  .events-page .website-container .website-section .event-rich-text .btn {
    padding: 6px 12px;
    color: #58585a; }
  .events-page .website-container .website-section .event-rich-text .ta-editor {
    min-height: 100px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    margin: 5px 0 10px 0;
    padding: 8px;
    color: #58585a;
    border-color: #e9eaeb;
    box-shadow: none; }
    .events-page .website-container .website-section .event-rich-text .ta-editor .ta-bind {
      min-height: 80px;
      outline: none !important;
      word-break: break-all; }
  .events-page .website-container .website-section tbody {
    border-top: none; }
    .events-page .website-container .website-section tbody .image-tooltip {
      position: relative;
      width: 60%; }
      @media (max-width: 1200px) {
        .events-page .website-container .website-section tbody .image-tooltip {
          width: 80%; } }
      .events-page .website-container .website-section tbody .image-tooltip label {
        display: inline-block; }
      .events-page .website-container .website-section tbody .image-tooltip button {
        position: absolute;
        top: 7px;
        right: 10px; }
    .events-page .website-container .website-section tbody .event-td.event-name {
      padding: 10px 15px; }
      .events-page .website-container .website-section tbody .event-td.event-name p {
        color: #3a3a3c;
        word-break: break-all; }
    .events-page .website-container .website-section tbody .event-td.event-date {
      padding: 10px 15px; }
      .events-page .website-container .website-section tbody .event-td.event-date .btn-sm {
        padding: 5px 10px; }
    .events-page .website-container .website-section tbody .event-td.event-datepicker {
      max-width: 500px;
      min-width: 350px;
      padding: 10px; }
      @media (max-width: 1500px) {
        .events-page .website-container .website-section tbody .event-td.event-datepicker {
          min-width: 290px; } }
      @media (max-width: 1400px) {
        .events-page .website-container .website-section tbody .event-td.event-datepicker {
          min-width: 220px; } }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .event-time.end-date {
        max-width: 170px;
        margin: 15px 0 20px 0; }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .event-time.end-date h5 {
          display: inline-block;
          margin-bottom: 5px; }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .event-time.end-date a {
          text-decoration: underline;
          font-weight: normal;
          font-size: 14px;
          float: right; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .event-time.first .dropdown-menu {
        left: -50% !important;
        top: auto;
        z-index: 998;
        padding: 10px; }
        @media (max-width: 1560px) {
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-time.first .dropdown-menu {
            left: auto !important; } }
        @media (max-width: 1400px) {
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-time.first .dropdown-menu {
            right: 0;
            left: 0; } }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .btn-sm {
        padding: 5px 10px; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .text-info {
        color: #ea5329; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .dropdown-menu {
        left: auto !important;
        top: auto;
        z-index: 1000;
        padding: 10px; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .btn-group .btn {
        background-color: transparent;
        color: black;
        text-decoration: underline;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 5px;
        border: 0;
        border-right: 1px solid #6d6e71; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .btn-group .btn:last-of-type {
        border-right: none; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type {
        display: flex;
        flex-direction: column; }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .btn-default {
          color: #939598;
          font-weight: normal;
          width: 239px;
          text-align: left;
          padding: 6px 3px 6px 6px; }
          @media (max-width: 1400px) {
            .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .btn-default {
              width: max-content; } }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .checkbox-label {
          display: inline-block;
          margin-top: 10px; }
          @media (max-width: 1500px) {
            .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .checkbox-label {
              margin-left: 5px; } }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .checkbox-label span {
            font-weight: normal;
            padding-left: 0; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .checkbox-label i .popover {
            background-color: #e8e9e9; }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .dropdown-menu {
          color: #939598;
          font-weight: normal; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .recurring-type .dropdown-menu li {
            padding-top: 7px; }
      .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times {
        display: flex;
        flex-wrap: wrap; }
        @media (max-width: 1500px) {
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times {
            flex-wrap: wrap;
            max-width: 250px; } }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time {
          display: inline-block;
          margin-right: 10px; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time th {
            color: black; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time input.form-control {
            padding-left: 6px;
            width: 80px; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time i.fa-angle-down {
            margin: -25px 6px 0 0;
            color: black; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time .input-group .form-control {
            width: 140px; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time .btn-default {
            color: black;
            font-size: 17px;
            padding: 4px 10px; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time ul .btn-default {
            border: 0; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time .btn-default.active {
            background-color: #f1592a; }
            .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time .btn-default.active span {
              color: white; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time h5 {
            margin-bottom: 8px; }
        .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time.first {
          margin-right: 0;
          flex-basis: 100%; }
          .events-page .website-container .website-section tbody .event-td.event-datepicker .event-times .event-time.first .input-group {
            display: block; }
    .events-page .website-container .website-section tbody .event-td.food-item-social {
      padding-top: 0; }
    @media (max-width: 1220px) {
      .events-page .website-container .website-section tbody .event-td.food-item-controls-holder .btn-success {
        padding: 10px;
        height: 40px; } }
    .events-page .website-container .website-section tbody .event-td {
      padding: 10px;
      vertical-align: top; }
      .events-page .website-container .website-section tbody .event-td h3 {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 1.3em;
        color: #3a3a3c; }
      .events-page .website-container .website-section tbody .event-td .image-thumb-placeholder {
        width: auto;
        height: auto;
        min-height: 180px;
        background-position: center; }
        @media (max-width: 1400px) {
          .events-page .website-container .website-section tbody .event-td .image-thumb-placeholder {
            min-height: 160px; } }
        @media (max-width: 1280px) {
          .events-page .website-container .website-section tbody .event-td .image-thumb-placeholder {
            min-height: 140px; } }
      .events-page .website-container .website-section tbody .event-td .image-thumb-placeholder.has-image {
        background-color: black; }
      .events-page .website-container .website-section tbody .event-td .event-times label {
        display: inline-block;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 16px;
        color: #818285; }
        @media (max-width: 1100px) {
          .events-page .website-container .website-section tbody .event-td .event-times label {
            font-size: 14px; } }
      .events-page .website-container .website-section tbody .event-td .event-times p {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 0;
        color: #818285; }
        @media (max-width: 1100px) {
          .events-page .website-container .website-section tbody .event-td .event-times p {
            font-size: 14px; } }
      .events-page .website-container .website-section tbody .event-td .event-times .event-time {
        margin-bottom: 5px; }
        .events-page .website-container .website-section tbody .event-td .event-times .event-time span {
          margin: 6px 6px 0 20px;
          font-size: 16px;
          font-weight: normal;
          color: #58585a; }
          @media (max-width: 1560px) {
            .events-page .website-container .website-section tbody .event-td .event-times .event-time span {
              margin-left: 0;
              font-size: 15px; } }
          @media (max-width: 1280px) {
            .events-page .website-container .website-section tbody .event-td .event-times .event-time span {
              font-size: 14px; } }
          @media (max-width: 1060px) {
            .events-page .website-container .website-section tbody .event-td .event-times .event-time span {
              margin-top: 9px;
              font-size: 13px; } }
        @media (max-width: 1560px) {
          .events-page .website-container .website-section tbody .event-td .event-times .event-time .time {
            width: 80px;
            padding: 6px; } }
        @media (max-width: 1280px) {
          .events-page .website-container .website-section tbody .event-td .event-times .event-time .time {
            width: 70px;
            padding: 5px; } }
        @media (max-width: 1060px) {
          .events-page .website-container .website-section tbody .event-td .event-times .event-time .time {
            width: 60px;
            padding: 5px;
            font-size: 13px; } }
      .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .invite-checkboxes {
        margin-bottom: 0;
        border-bottom: none; }
        .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .invite-checkboxes .additional-post {
          top: -3px !important; }
          @media (max-width: 767px) {
            .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .invite-checkboxes .additional-post {
              width: 55px; } }
      .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .show-social-details {
        top: -3px; }
      .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .announcers {
        padding-right: 15px; }
        .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .announcers span {
          margin-left: 0; }
        .events-page .website-container .website-section tbody .event-td .bottom-controls-wrapper .announcers .btn-post-preview {
          padding: 4px 7px; }
    .events-page .website-container .website-section tbody .food-item-controls-holder a {
      padding: 5px; }
.events-page .website-container .events-mobile-view .website-section {
  padding: 15px 10px; }
  .events-page .website-container .events-mobile-view .website-section .event-time.end-date {
    max-width: 180px;
    margin-left: 20px; }
    .events-page .website-container .events-mobile-view .website-section .event-time.end-date h5 {
      display: inline-block;
      padding: 5px 0; }
    .events-page .website-container .events-mobile-view .website-section .event-time.end-date a {
      text-decoration: underline;
      font-size: 14px;
      margin-left: 15px; }
  .events-page .website-container .events-mobile-view .website-section .form-control {
    font-size: 16px; }
  .events-page .website-container .events-mobile-view .website-section .image-tooltip {
    position: relative;
    width: 90%; }
    @media (max-width: 840px) {
      .events-page .website-container .events-mobile-view .website-section .image-tooltip {
        height: 75px; } }
    @media (max-width: 767px) {
      .events-page .website-container .events-mobile-view .website-section .image-tooltip {
        width: 90%;
        margin-left: 15px; } }
    @media (max-width: 360px) {
      .events-page .website-container .events-mobile-view .website-section .image-tooltip {
        font-size: 12px; } }
    .events-page .website-container .events-mobile-view .website-section .image-tooltip label {
      display: inline-block; }
      @media (max-width: 840px) {
        .events-page .website-container .events-mobile-view .website-section .image-tooltip label {
          display: block; } }
    .events-page .website-container .events-mobile-view .website-section .image-tooltip button {
      position: absolute;
      top: 6px;
      right: 10px;
      height: 23px; }
      .events-page .website-container .events-mobile-view .website-section .image-tooltip button span {
        font-size: 16px; }
    @media (max-width: 840px) {
      .events-page .website-container .events-mobile-view .website-section .image-tooltip a {
        padding-left: 0; } }
  .events-page .website-container .events-mobile-view .website-section h3 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.3em;
    color: #3a3a3c; }
  .events-page .website-container .events-mobile-view .website-section p {
    color: #3a3a3c;
    word-break: break-all; }
  .events-page .website-container .events-mobile-view .website-section .food-item-controls-holder a {
    padding: 5px; }
    @media (max-width: 370px) {
      .events-page .website-container .events-mobile-view .website-section .food-item-controls-holder a {
        margin-right: 0; } }
  .events-page .website-container .events-mobile-view .website-section .food-item-social .bottom-controls-wrapper .announcers {
    margin-top: 5px; }
    @media (max-width: 480px) {
      .events-page .website-container .events-mobile-view .website-section .food-item-social .bottom-controls-wrapper .announcers .announcer {
        font-size: 8px; } }
    @media (max-width: 350px) {
      .events-page .website-container .events-mobile-view .website-section .food-item-social .bottom-controls-wrapper .announcers .announcer {
        font-size: 7px; } }
    @media (max-width: 400px) {
      .events-page .website-container .events-mobile-view .website-section .food-item-social .bottom-controls-wrapper .announcers span {
        height: 30px; } }
    .events-page .website-container .events-mobile-view .website-section .food-item-social .bottom-controls-wrapper .announcers .btn-post-preview {
      padding: 4px 7px;
      margin-left: -20px; }
      @media (max-width: 450px) {
        .events-page .website-container .events-mobile-view .website-section .food-item-social .bottom-controls-wrapper .announcers .btn-post-preview {
          padding: 4px 3px; } }
  .events-page .website-container .events-mobile-view .website-section .image-thumb-placeholder {
    position: relative;
    width: auto;
    height: auto;
    min-height: 200px;
    background-position: center; }
  .events-page .website-container .events-mobile-view .website-section .image-thumb-placeholder.has-image {
    background-color: black; }
  .events-page .website-container .events-mobile-view .website-section .event-times {
    padding-bottom: 12px; }
    .events-page .website-container .events-mobile-view .website-section .event-times p {
      font-size: 16px;
      margin-top: 0;
      margin-bottom: 3px;
      color: #818285; }
    .events-page .website-container .events-mobile-view .website-section .event-times .event-time {
      margin-bottom: 5px; }
      .events-page .website-container .events-mobile-view .website-section .event-times .event-time span {
        margin-left: 20px;
        font-size: 16px;
        font-weight: normal;
        color: #58585a; }
  .events-page .website-container .events-mobile-view .website-section .event-desc {
    padding-top: 10px; }
  .events-page .website-container .events-mobile-view .website-section .event-text {
    padding-bottom: 5px;
    max-height: 320px;
    overflow-y: scroll; }
  .events-page .website-container .events-mobile-view .website-section .event-date .btn-sm {
    padding: 5px 10px; }
  .events-page .website-container .events-mobile-view .website-section .event-date .dropdown-menu {
    left: initial !important;
    right: 0;
    z-index: 11; }
  .events-page .website-container .events-mobile-view .website-section .event-image {
    margin-bottom: 15px; }
  .events-page .website-container .events-mobile-view .website-section .event-name-add .event-name {
    display: inline-block;
    width: 80%; }
  .events-page .website-container .events-mobile-view .website-section .event-name-add label {
    display: inline-block;
    float: right;
    padding: 5px 5px 0 5px;
    font-size: 1.1em;
    color: #f1592a;
    cursor: pointer; }
  .events-page .website-container .events-mobile-view .website-section .time-edit {
    margin-bottom: 5px; }
    .events-page .website-container .events-mobile-view .website-section .time-edit span {
      margin-top: 5px;
      margin-left: 20px;
      font-weight: normal;
      color: #58585a; }
  .events-page .website-container .events-mobile-view .website-section .recurring-type {
    padding-bottom: 10px; }
    .events-page .website-container .events-mobile-view .website-section .recurring-type .btn-default {
      width: 300px;
      max-width: 100%; }
    @media (max-width: 992px) {
      .events-page .website-container .events-mobile-view .website-section .recurring-type .dropdown-menu {
        padding: 5px;
        top: auto;
        left: auto; } }
    .events-page .website-container .events-mobile-view .website-section .recurring-type .checkbox-label {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 12px 0 0 10px; }
      .events-page .website-container .events-mobile-view .website-section .recurring-type .checkbox-label span {
        padding: 2px 0 0 0; }
      .events-page .website-container .events-mobile-view .website-section .recurring-type .checkbox-label input {
        margin-top: 0;
        line-height: unset; }

.blocked-dates-modal {
  padding: 10px; }
  @media (max-width: 767px) {
    .blocked-dates-modal {
      padding: 0; } }
  @media (max-width: 767px) {
    .blocked-dates-modal h3 {
      font-size: 18px; } }
  .blocked-dates-modal .modal-body p {
    color: #898b8e; }
  .blocked-dates-modal .modal-footer {
    border-top: none; }
    .blocked-dates-modal .modal-footer .btn {
      min-width: 130px;
      margin: 0 10px;
      color: white; }
      @media (max-width: 767px) {
        .blocked-dates-modal .modal-footer .btn {
          min-width: 115px;
          margin: 0 5px; } }
    .blocked-dates-modal .modal-footer .btn-skip {
      background-color: #58585a; }
    .blocked-dates-modal .modal-footer .btn-primary {
      background: #f1592a; }

.event-templates-modal {
  padding: 0 15px 15px; }
  @media (max-width: 767px) {
    .event-templates-modal {
      padding: 0 0 15px; } }
  @media (max-width: 767px) {
    .event-templates-modal h3 {
      font-size: 20px; } }
  .event-templates-modal .modal-body .template-wrapper {
    max-height: 250px;
    border: 1px solid #e7e8e9;
    border-radius: 8px;
    overflow: hidden;
    overflow-y: auto; }
    .event-templates-modal .modal-body .template-wrapper ul {
      list-style: none;
      padding-left: 0; }
      .event-templates-modal .modal-body .template-wrapper ul li {
        padding: 5px 15px; }
      .event-templates-modal .modal-body .template-wrapper ul li:hover, .event-templates-modal .modal-body .template-wrapper ul li.active {
        background: #ebebeb; }
  .event-templates-modal .modal-footer {
    border-top: none; }
    .event-templates-modal .modal-footer .btn {
      min-width: 110px;
      margin: 0 0 0 10px;
      color: white; }
      @media (max-width: 767px) {
        .event-templates-modal .modal-footer .btn {
          min-width: 115px;
          margin: 0 5px; } }
    .event-templates-modal .modal-footer .btn-skip {
      background-color: #58585a; }
    .event-templates-modal .modal-footer .btn-primary {
      background: #f1592a; }

.subscription .website-bar .website-section {
  margin: 0 5%; }
  .subscription .website-bar .website-section h3 {
    color: black; }
.subscription .website-container {
  padding-right: 5%;
  padding-left: 5%; }
  .subscription .website-container h2 {
    margin: 0 0 30px 0; }
  .subscription .website-container h3 {
    padding: 0 0 15px 25px; }
  .subscription .website-container .subscription-section {
    margin-bottom: 10px;
    padding: 25px;
    background-color: white;
    border-radius: 10px; }
    .subscription .website-container .subscription-section label {
      text-align: justify; }
    .subscription .website-container .subscription-section label.current-subscription {
      padding-right: 25px; }
      .subscription .website-container .subscription-section label.current-subscription span {
        font-weight: normal; }
    .subscription .website-container .subscription-section label.current-subscription:last-child {
      padding-right: 0; }
    .subscription .website-container .subscription-section p {
      text-align: justify; }
    .subscription .website-container .subscription-section a.btn {
      padding: 10px 25px;
      margin-right: 25px;
      background-color: gray;
      color: white;
      font-weight: bold; }
    .subscription .website-container .subscription-section a.btn:last-child {
      margin-right: 0; }
    .subscription .website-container .subscription-section a.btn.upgrade {
      background-color: #13a89e; }
    .subscription .website-container .subscription-section a.btn.downgrade {
      background-color: #f7941e; }
    .subscription .website-container .subscription-section a.btn.cancel {
      background-color: #ef4036; }
    .subscription .website-container .subscription-section h3 {
      padding: 0 0 15px 0;
      color: black; }
    .subscription .website-container .subscription-section label.warning {
      color: red; }
    .subscription .website-container .subscription-section ul {
      padding-left: 25px;
      list-style-type: none; }
      .subscription .website-container .subscription-section ul li {
        padding: 5px 0; }
        .subscription .website-container .subscription-section ul li input {
          vertical-align: top; }
        .subscription .website-container .subscription-section ul li label.disabled {
          color: gray; }
        .subscription .website-container .subscription-section ul li .magic-checkbox:checked + label::before {
          border: #ea5329;
          background: #ea5329; }
        .subscription .website-container .subscription-section ul li .magic-checkbox:checked[disabled] + label::before {
          opacity: 0.4; }

.modal_instagram_connected .modal-header, .modal_instagram_connected .modal-footer {
  padding: 40px;
  border: none; }
.modal_instagram_connected .modal-header .modal-title {
  margin-bottom: 30px; }
.modal_instagram_connected .modal-header .bold {
  font-weight: bold; }
.modal_instagram_connected .modal-header p {
  line-height: 1.8em;
  color: #959498;
  margin-top: 15px; }
.modal_instagram_connected .modal-footer {
  padding-top: 0; }
  .modal_instagram_connected .modal-footer .btn-success {
    background-color: #3d5898;
    border-color: #3d5898; }

.modal_instagram_not_connected .modal-header, .modal_instagram_not_connected .modal-footer {
  padding: 30px;
  border: none; }
.modal_instagram_not_connected .modal-header .bold {
  font-weight: bold; }
.modal_instagram_not_connected .modal-header p {
  margin: 15px 0 25px 0; }
.modal_instagram_not_connected .modal-footer {
  padding-top: 40px; }
  .modal_instagram_not_connected .modal-footer .btn-success {
    background-color: #d30069;
    border-color: #d30069; }

.modal-set-event-recurrence {
  max-width: 600px;
  font-weight: bold; }
  .modal-set-event-recurrence .event-date {
    display: inline-block;
    margin-right: 10px; }
    .modal-set-event-recurrence .event-date .text-info {
      color: #ea5329; }
    .modal-set-event-recurrence .event-date th {
      color: black; }
    .modal-set-event-recurrence .event-date input.form-control {
      padding-left: 6px; }
    .modal-set-event-recurrence .event-date i.fa-angle-down {
      margin: -25px 6px 0 0;
      color: black; }
    .modal-set-event-recurrence .event-date .btn-default {
      color: black;
      font-size: 17px;
      padding: 4px 10px; }
    .modal-set-event-recurrence .event-date ul .btn-default {
      border: 0; }
    .modal-set-event-recurrence .event-date .btn-default.active {
      background-color: #f1592a; }
      .modal-set-event-recurrence .event-date .btn-default.active span {
        color: white; }
    .modal-set-event-recurrence .event-date .btn-success {
      margin-bottom: 15px;
      width: 100px; }
    .modal-set-event-recurrence .event-date h5 {
      margin-bottom: 8px; }
    .modal-set-event-recurrence .event-date .dropdown-menu {
      left: auto !important;
      top: auto;
      z-index: 1000; }
      @media (max-width: 767px) {
        .modal-set-event-recurrence .event-date .dropdown-menu {
          right: 0; } }
      @media (max-width: 767px) {
        .modal-set-event-recurrence .event-date .dropdown-menu .btn-default {
          font-size: 14px;
          padding: 6px; } }
    .modal-set-event-recurrence .event-date .btn-group .btn {
      background-color: transparent;
      color: black;
      text-decoration: underline;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 5px;
      border: 0;
      border-right: 1px solid #6d6e71; }
    .modal-set-event-recurrence .event-date .btn-group .btn:last-of-type {
      border-right: none; }
  .modal-set-event-recurrence h3 {
    margin: 20px 0 0 30px; }
    @media (max-width: 767px) {
      .modal-set-event-recurrence h3 {
        font-size: 22px;
        margin-left: 0; } }
  .modal-set-event-recurrence .modal-header, .modal-set-event-recurrence .modal-footer, .modal-set-event-recurrence .modal-body {
    padding: 0 auto;
    border: none; }
  .modal-set-event-recurrence .modal-body {
    padding: 0 50px;
    color: #818285;
    font-weight: bold; }
    @media (max-width: 767px) {
      .modal-set-event-recurrence .modal-body {
        padding: 0 15px; } }
    .modal-set-event-recurrence .modal-body input[type='number'] {
      border-radius: 5px;
      padding: 6px 15px 6px 10px;
      border: 1px solid #cccccc;
      margin: 0 6px; }
    .modal-set-event-recurrence .modal-body input[type='number']::-webkit-inner-spin-button {
      opacity: 1; }
    .modal-set-event-recurrence .modal-body .margins {
      margin: 12px 0; }
    .modal-set-event-recurrence .modal-body p {
      margin-bottom: 15px; }
    .modal-set-event-recurrence .modal-body p.error {
      margin-bottom: 5px;
      color: red; }
    .modal-set-event-recurrence .modal-body .btn {
      margin-right: 10px;
      border: 1px solid #cccccc;
      padding: 8px 13px; }
    .modal-set-event-recurrence .modal-body .btn.active {
      background-color: #ea5329;
      color: white;
      border-color: #ea5329; }
    @media (max-width: 767px) {
      .modal-set-event-recurrence .modal-body .days-wrapper .btn {
        margin: 0 5px 5px 0; } }
  .modal-set-event-recurrence .modal-footer {
    padding: 15px 50px 40px 50px; }
  .modal-set-event-recurrence .radio-holder {
    margin-bottom: 5px; }
    .modal-set-event-recurrence .radio-holder .event-date {
      width: 250px;
      display: inline-block; }
      .modal-set-event-recurrence .radio-holder .event-date p.input-group {
        margin: 0; }
      .modal-set-event-recurrence .radio-holder .event-date input.form-control {
        height: 42px; }
    .modal-set-event-recurrence .radio-holder label {
      display: flex;
      align-items: center;
      font-weight: normal;
      margin-bottom: 0; }
      .modal-set-event-recurrence .radio-holder label .event-date {
        margin-left: 53px; }
        @media (max-width: 767px) {
          .modal-set-event-recurrence .radio-holder label .event-date {
            margin-left: 33px; } }
      .modal-set-event-recurrence .radio-holder label input[type='number'] {
        margin-left: 40px; }
        @media (max-width: 767px) {
          .modal-set-event-recurrence .radio-holder label input[type='number'] {
            margin-left: 20px; } }
      .modal-set-event-recurrence .radio-holder label input[type='radio'] {
        margin: 0 6px 0 0; }
  @media (max-width: 767px) {
    .modal-set-event-recurrence {
      max-width: 100%; } }

.modal-set-recurring-event-post-time .dropdown-menu, .modal-set-recurring-event-post-time .btn.dropdown-toggle {
  width: 120px;
  padding-left: 3px;
  margin: 0 6px 0 6px;
  font-size: 12px;
  min-width: inherit;
  background-color: white; }
.modal-set-recurring-event-post-time .dropdown-menu {
  float: none;
  left: 33.6%;
  top: 53.5%;
  width: 120px; }
.modal-set-recurring-event-post-time label {
  color: #58585a;
  font-weight: normal;
  font-size: 12px; }
.modal-set-recurring-event-post-time input[type='number'] {
  border-radius: 5px;
  padding: 6px 15px 6px 10px;
  border: 1px solid #cccccc;
  margin: 0 6px;
  width: 60px; }
.modal-set-recurring-event-post-time input[type='number']::-webkit-inner-spin-button {
  opacity: 1; }
.modal-set-recurring-event-post-time h2 {
  padding-top: 30px;
  padding-left: 10px;
  font-size: 24px; }
.modal-set-recurring-event-post-time .btn {
  width: 80px; }
.modal-set-recurring-event-post-time .btn.btn-secondary {
  background-color: #58585a; }
.modal-set-recurring-event-post-time .modal-header {
  padding-bottom: 0; }
.modal-set-recurring-event-post-time .modal-footer {
  border: none; }
.modal-set-recurring-event-post-time .radio-holder {
  margin-left: 5px; }
.modal-set-recurring-event-post-time .radio-holder.first {
  margin-top: 10px; }
.modal-set-recurring-event-post-time input[type='radio'] {
  margin: 0 6px 0 0; }
.modal-set-recurring-event-post-time .title {
  margin: 10px 0 15px 5px; }

.status-confirm-modal .modal-title {
  font-size: 18px; }
.status-confirm-modal p {
  font-size: 16px; }
.status-confirm-modal textarea {
  width: 100%;
  min-height: 100px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  resize: none; }

.confirmation-delete-modal .close {
  font-size: 25px;
  color: #58585a;
  opacity: 0.9; }
.confirmation-delete-modal .modal-title {
  font-size: 1.3em;
  color: #58585a;
  font-weight: 600; }
.confirmation-delete-modal .modal-body p {
  color: #939598;
  text-align: center;
  font-size: 1.2em; }
.confirmation-delete-modal .modal-body .item-name {
  color: #58585a; }
.confirmation-delete-modal .modal-footer {
  border-top: none; }
  .confirmation-delete-modal .modal-footer .btn {
    width: 48%;
    padding: 10px 12px;
    font-size: 1.1em; }
  .confirmation-delete-modal .modal-footer .btn-success {
    background-color: #2bb673;
    border-color: #2bb673;
    float: left; }
  .confirmation-delete-modal .modal-footer .btn-danger {
    background-color: #ef4036;
    border-color: #ef4036;
    float: right; }

.modal-window-website-feedback.modal.in .modal-dialog {
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%); }

.modal-window-website-feedback .modal-content {
  border: 1px solid #e9eaeb;
  border-radius: 20px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .modal-window-website-feedback .modal-content .modal-website-feedback {
    padding: 10px 5px; }
    .modal-window-website-feedback .modal-content .modal-website-feedback .close {
      font-size: 25px;
      color: #58585a;
      opacity: 0.9; }
    .modal-window-website-feedback .modal-content .modal-website-feedback .modal-title {
      margin-top: 20px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 1.3em;
      color: #58585a;
      font-weight: 600; }
    .modal-window-website-feedback .modal-content .modal-website-feedback h4 {
      font-size: 16px;
      padding: 0 25px;
      text-align: center; }
    .modal-window-website-feedback .modal-content .modal-website-feedback .modal-body textarea {
      min-height: 100px;
      height: auto;
      overflow: auto;
      padding: 8px;
      color: #58585a;
      border-color: #e9eaeb;
      box-shadow: none; }
    @media (max-width: 767px) {
      .modal-window-website-feedback .modal-content .modal-website-feedback .modal-body {
        padding: 5px 15px; } }
    .modal-window-website-feedback .modal-content .modal-website-feedback .modal-footer {
      border-top: none; }
      .modal-window-website-feedback .modal-content .modal-website-feedback .modal-footer .btn {
        padding: 10px 40px; }
      .modal-window-website-feedback .modal-content .modal-website-feedback .modal-footer .btn-primary[disabled] {
        background: #f1714a;
        background-color: #f1714a;
        border: 1px solid #f1714a; }
      .modal-window-website-feedback .modal-content .modal-website-feedback .modal-footer .btn-primary {
        background: #f1592a;
        background-color: #f1592a;
        border: 1px solid #f1592a; }
      .modal-window-website-feedback .modal-content .modal-website-feedback .modal-footer .btn-success {
        background-color: #2bb673;
        border-color: #2bb673; }

.website-confirmation.modal.in .modal-dialog {
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%); }

.website-confirmation .modal-content {
  border: 1px solid #e9eaeb;
  border-radius: 20px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .website-confirmation .modal-content .modal_request_website_embed {
    padding: 10px 5px; }
    .website-confirmation .modal-content .modal_request_website_embed .close {
      font-size: 25px;
      color: #58585a;
      opacity: 0.9; }
    .website-confirmation .modal-content .modal_request_website_embed .modal-title {
      margin-top: 40px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 1.3em;
      color: #58585a;
      font-weight: 400; }
    @media (max-width: 767px) {
      .website-confirmation .modal-content .modal_request_website_embed .modal-body {
        padding: 5px 15px; } }
    .website-confirmation .modal-content .modal_request_website_embed .modal-footer {
      border-top: none; }
      .website-confirmation .modal-content .modal_request_website_embed .modal-footer .btn {
        width: 45%;
        padding: 10px 12px;
        font-size: 1.1em; }
      .website-confirmation .modal-content .modal_request_website_embed .modal-footer .btn-primary {
        background: #ef4036;
        background-color: #ef4036;
        border: 1px solid #ef4036;
        float: left; }
      .website-confirmation .modal-content .modal_request_website_embed .modal-footer .btn-success {
        background-color: #2bb673;
        border-color: #2bb673;
        float: right; }

.image-thumb-placeholder {
  position: relative;
  background-color: #f3f3f4; }
  .image-thumb-placeholder .img-bd {
    outline: 2px solid #f6d8cf;
    height: 100%; }
  .image-thumb-placeholder .image-controls-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 1; }
    .image-thumb-placeholder .image-controls-holder .image-control {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 5px;
      text-align: center;
      font-size: 36px;
      line-height: 38px;
      color: #a7a8a9;
      cursor: pointer; }
    .image-thumb-placeholder .image-controls-holder .image-control:hover {
      color: #f1592a; }

.image-thumb-placeholder.has-image .image-controls-holder.pulled-up {
  top: 0; }
.image-thumb-placeholder.has-image .image-controls-holder .add-alt {
  position: absolute;
  top: 62px;
  right: 10px;
  text-align: center;
  color: white;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px 5px;
  border: none;
  font-size: 12px;
  font-weight: 600; }
.image-thumb-placeholder.has-image .image-controls-holder .add-alt:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: black; }
.image-thumb-placeholder.has-image .image-controls-holder .image-control {
  width: 25px;
  height: 25px;
  margin: 5px;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
  color: white; }
.image-thumb-placeholder.has-image .image-controls-holder .image-control.delete, .image-thumb-placeholder.has-image .image-controls-holder .image-control.edit {
  height: 36px;
  width: 40px;
  padding: 7px 7px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.4); }
.image-thumb-placeholder.has-image .image-controls-holder .text-white {
  color: white; }
.image-thumb-placeholder.has-image .image-controls-holder .text-white:hover,
.image-thumb-placeholder.has-image .image-controls-holder .text-white:focus {
  color: #f1592a; }
.image-thumb-placeholder.has-image .image-controls-holder .image-control:hover {
  color: #f1592a; }
.image-thumb-placeholder.has-image .image-controls-holder .image-control span {
  font-size: 14px; }

.image-thumb-placeholder.has-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }

.specials-page {
  @-webkit-keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @-moz-keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @-ms-keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @keyframes slideInFromRight {
    0% {
      transform: translateX(400px);
      opacity: 0; }

    25% {
      opacity: 0.2; }

    100% {
      transform: translateX(0px);
      opacity: 1; } }

  @-webkit-keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

  @-moz-keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

  @-ms-keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

  @keyframes slideOutFromRight {
    0% {
      opacity: 1; }

    25% {
      opacity: 0.5; }

    100% {
      transform: translateX(-400px);
      opacity: 0;
      left: -400px; } }

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

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

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

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

  @-ms-keyframes spin {
    0% {
      transform: rotate(0deg); }

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

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

    100% {
      transform: rotate(360deg); } }
 }
  .specials-page .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    cursor: pointer; }
  .specials-page .loader {
    width: 72px;
    height: 72px;
    border: 3px solid white;
    border-bottom-color: #4a649a;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: spin 1s linear infinite;
    z-index: 99999;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed; }
  .specials-page .website-bar .website-section {
    margin-left: 20px; }
    @media (max-width: 767px) {
      .specials-page .website-bar .website-section {
        margin: 0; } }
  .specials-page .website-container {
    padding: 9px 5px 60px 5px; }
    @media (max-width: 767px) {
      .specials-page .website-container {
        padding-top: 9px; } }
    .specials-page .website-container .website-section .message-icon {
      background-color: #2bb673;
      color: white;
      padding: 4px;
      border-radius: 5px;
      max-height: 25px; }
    .specials-page .website-container .website-section .popover.right {
      margin-top: 10px;
      z-index: 99; }
      .specials-page .website-container .website-section .popover.right .arrow {
        left: -11px; }
    .specials-page .website-container .website-section .image-tooltip label {
      display: inline-block; }
    .specials-page .website-container .website-section .edit-action {
      width: auto; }
      @media (max-width: 1000px) {
        .specials-page .website-container .website-section .edit-action {
          padding: 2px; } }
    .specials-page .website-container .website-section .food-item-controls-holder {
      text-align: center; }
      .specials-page .website-container .website-section .food-item-controls-holder a {
        padding: 5px; }
    .specials-page .website-container .website-section .food-item-social {
      padding-bottom: 15px; }
      @media (max-width: 1025px) {
        .specials-page .website-container .website-section .food-item-social .bottom-controls-wrapper {
          width: 100%;
          min-width: 100%; } }
      @media (max-width: 991px) {
        .specials-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls {
          width: 390px;
          margin: auto; } }
      .specials-page .website-container .website-section .food-item-social .bottom-controls-wrapper .show-social-details {
        right: 0;
        left: auto; }

.confirmation-page .happy-hour input {
  margin-right: 1%; }
  @media (max-width: 440px) {
    .confirmation-page .happy-hour input {
      width: 30%;
      padding: 6px; } }
@media (max-width: 440px) {
  .confirmation-page .happy-hour select {
    width: 35%; } }
@media (max-width: 360px) {
  .confirmation-page .bottom-controls-wrapper .bottom-controls .controls-info {
    font-size: 12px; } }
@media (max-width: 900px) {
  .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes {
    padding-left: 5px; } }
.confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox {
  min-width: 95px; }
  @media (max-width: 900px) {
    .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox {
      min-width: 85px; } }
  @media (max-width: 440px) {
    .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox {
      min-width: 70px;
      padding-right: 10px; } }
  .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox label {
    font-size: 11px; }
    @media (max-width: 440px) {
      .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox label {
        font-size: 10px; } }
  @media (max-width: 400px) {
    .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox img {
      height: 20px;
      padding-left: 20px; } }
  @media (max-width: 400px) {
    .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox input[type=checkbox] {
      margin-top: 2px; } }
  .confirmation-page .bottom-controls-wrapper .bottom-controls .checkboxes .checkbox .btn {
    width: 100%;
    margin: 5px 0;
    padding: 5px 0; }
.confirmation-page .bottom-controls-wrapper.update-listings .bottom-controls .checkboxes .checkbox {
  min-width: 65px; }
  @media (max-width: 440px) {
    .confirmation-page .bottom-controls-wrapper.update-listings .bottom-controls .checkboxes .checkbox {
      min-width: 55px; } }

@supports (-ms-ime-align: auto) {
  .food-menu-page input {
    visibility: visible !important; } }
@-moz-document url-prefix() {
  .food-menu-page .website-container .website-section .menu-items-holder .custom-checkbox {
    visibility: visible; }

  .modal-label-food-menu-item label .social-checkbox {
    visibility: visible;
    margin-top: 4px; }

  .food-menu-page .website-container .website-section .food-item-social .bottom-controls-wrapper .bottom-controls .invite-checkboxes label .social-checkbox {
    visibility: visible;
    margin-top: 4px; }
  .food-menu-page .website-container .website-section .food-item-labels .social-checkbox {
    visibility: visible;
    margin-top: 4px; }

  .events-page .bottom-controls-wrapper .bottom-controls .announcers .announcer .social-checkbox {
    visibility: visible;
    margin-top: 4px; }

  .website-page .website-container .website-section .checkbox-label input[type="checkbox"] {
    visibility: visible;
    position: relative;
    top: 1px; }
  .website-page .website-container .website-section .promotion-images-holder.private-parties-settings {
    margin-top: 20px; } }

.loader-website-page {
  background: white;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  margin-left: 125px; }
  @media (max-width: 767px) {
    .loader-website-page {
      margin-left: 0; } }

.website-page .website-container .website-section .image-thumb-placeholder.has-image .image-controls-holder.pulled-up {
  top: 25px; }
.website-page .website-container .website-section .error {
  color: red; }
.website-page .website-container .website-section .checkbox-label span {
  padding-left: 7px; }
.website-page .website-container .google-business-link {
  color: #584fd6;
  text-decoration: underline; }

.modal-request-demo .modal-header {
  border-bottom: none; }
  .modal-request-demo .modal-header .close {
    font-size: 25px;
    color: #58585a;
    opacity: 0.9; }
.modal-request-demo .modal-body {
  padding: 15px 30px 5px 30px; }
  @media (max-width: 767px) {
    .modal-request-demo .modal-body {
      padding: 5px 15px; } }
  .modal-request-demo .modal-body h4 {
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 600;
    color: black;
    padding: 10px 25px 0 25px;
    text-align: center; }
  .modal-request-demo .modal-body h5 {
    font-size: 1.1em;
    color: #6d6e71;
    margin-bottom: 30px;
    text-align: center; }
  .modal-request-demo .modal-body .form-group {
    margin-bottom: 0; }
  .modal-request-demo .modal-body .form-group-custom {
    padding: 10px 10px 0 10px; }
    .modal-request-demo .modal-body .form-group-custom .form-control {
      display: inline-block;
      width: 100%;
      height: 50px;
      margin-bottom: 7px;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: 400;
      color: #58585a;
      border-color: #e9eaeb;
      box-shadow: none; }
  .modal-request-demo .modal-body .has-error .form-control {
    border-color: #a94442; }
  .modal-request-demo .modal-body .alert {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px; }
.modal-request-demo .modal-footer {
  border-top: none;
  padding: 0 40px 15px 40px; }
  @media (max-width: 767px) {
    .modal-request-demo .modal-footer {
      padding: 0 25px 15px 25px; } }
  .modal-request-demo .modal-footer .btn {
    padding: 10px 40px; }
  .modal-request-demo .modal-footer .btn-primary[disabled] {
    background: #2bb673;
    background-color: #2bb673;
    border: 1px solid #2bb673; }
  .modal-request-demo .modal-footer .btn-primary {
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 600;
    background: #2bb673;
    background-color: #2bb673;
    border: 1px solid #2bb673; }
  .modal-request-demo .modal-footer .btn-success {
    background-color: #2bb673;
    border-color: #2bb673; }

.texting-not-active-modal h3 {
  text-align: center;
  font-size: 1.6em;
  color: black;
  font-weight: 600;
  padding: 0; }
.texting-not-active-modal .modal-header {
  border-bottom: none; }
.texting-not-active-modal .modal-body {
  padding: 35px 70px;
  padding-top: 0;
  font-size: 1.1em; }
  .texting-not-active-modal .modal-body .activate-texting {
    text-decoration: underline; }

.modal-backdrop.in {
  z-index: 999; }

.account-payment-modal .modal-content {
  border-radius: 8px; }
  .account-payment-modal .modal-content .actionBtn {
    color: white;
    text-transform: uppercase;
    width: 55%;
    text-align: center;
    padding: 8px;
    font-size: 13px;
    font-weight: bold; }
    .account-payment-modal .modal-content .actionBtn:focus {
      outline: none; }
    @media (max-width: 767px) {
      .account-payment-modal .modal-content .actionBtn {
        width: 80%; } }
  .account-payment-modal .modal-content .modal-header {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform: capitalize;
    text-align: center; }
    .account-payment-modal .modal-content .modal-header .close {
      opacity: 1;
      color: white;
      text-shadow: none;
      margin-top: -7px; }
    .account-payment-modal .modal-content .modal-header h1 {
      padding: 0;
      font-size: 1.5em;
      text-align: center;
      color: white;
      font-weight: 600;
      display: inline-block;
      letter-spacing: 1px; }
  .account-payment-modal .modal-content .modal-body {
    padding: 35px 70px;
    font-size: 1.1em;
    text-align: center;
    color: #5d5d5d; }
    @media (max-width: 767px) {
      .account-payment-modal .modal-content .modal-body {
        padding: 30px; } }
    .account-payment-modal .modal-content .modal-body a {
      color: #a1a1a1; }
    .account-payment-modal .modal-content .modal-body a:hover {
      color: #d15a42;
      text-decoration: none; }
    .account-payment-modal .modal-content .modal-body p {
      margin-top: 1.6em;
      font-size: 1em;
      color: black;
      font-weight: bold; }
    .account-payment-modal .modal-content .modal-body h2 {
      font-size: 1.4em;
      margin-top: 1em;
      font-weight: bold;
      letter-spacing: 1px;
      margin-top: 0.8em; }
    .account-payment-modal .modal-content .modal-body img {
      max-width: 80px; }
    .account-payment-modal .modal-content .modal-body .small {
      color: #a1a1a1;
      font-weight: lighter;
      font-size: 1em; }
    .account-payment-modal .modal-content .modal-body .payment-text {
      margin: 0.5em 0 1.6em 0; }

.no-promotions-modal .modal-content .modal-header {
  padding: 10px 15px;
  border-bottom: none; }
.no-promotions-modal .modal-content .modal-body {
  padding: 35px 70px;
  font-size: 1.2em;
  text-align: center;
  color: #5d5d5d; }
  @media (max-width: 767px) {
    .no-promotions-modal .modal-content .modal-body {
      padding: 30px; } }
  .no-promotions-modal .modal-content .modal-body a {
    white-space: normal; }

.modal_add_alt_text h3 {
  margin-bottom: 0;
  padding-left: 10px;
  color: #58585a;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center; }
.modal_add_alt_text input {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-bottom: 7px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #58585a;
  border: 1px solid #e9eaeb;
  border-radius: 4px;
  box-shadow: none; }

.modal-custom-flyer-text .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e9eaeb; }
  .modal-custom-flyer-text .modal-content .modal-header {
    background-color: #fafcfb; }
    .modal-custom-flyer-text .modal-content .modal-header h3 {
      margin-bottom: 0;
      padding-left: 10px;
      color: #58585a;
      font-size: 1.2em;
      font-weight: 600;
      text-align: left; }
  .modal-custom-flyer-text .modal-content .modal-body {
    padding: 15px 25px;
    background-color: #fafcfb;
    border-bottom: 1px solid #e9eaeb; }
    .modal-custom-flyer-text .modal-content .modal-body h3 {
      margin-top: 0;
      margin-bottom: 5px;
      font-size: 1.3em;
      text-align: left;
      color: #58585a; }
    .modal-custom-flyer-text .modal-content .modal-body input {
      display: inline-block;
      width: 100%;
      height: 50px;
      margin-bottom: 7px;
      padding: 10px;
      font-size: 16px;
      font-weight: 400;
      color: #58585a;
      border: 1px solid #e9eaeb;
      border-radius: 4px;
      box-shadow: none; }
    @media (max-width: 767px) {
      .modal-custom-flyer-text .modal-content .modal-body textarea {
        font-size: 16px; } }
    .modal-custom-flyer-text .modal-content .modal-body .city-input {
      width: 79%; }
      @media (max-width: 767px) {
        .modal-custom-flyer-text .modal-content .modal-body .city-input {
          width: 69%; } }
    .modal-custom-flyer-text .modal-content .modal-body select {
      display: inline-block;
      width: 100%;
      height: 50px;
      margin-bottom: 7px;
      padding: 10px;
      font-size: 16px;
      font-weight: 400;
      color: #58585a;
      border: 1px solid #e9eaeb;
      border-radius: 4px;
      box-shadow: none; }
    .modal-custom-flyer-text .modal-content .modal-body .state-select {
      width: 20%;
      float: right; }
      @media (max-width: 767px) {
        .modal-custom-flyer-text .modal-content .modal-body .state-select {
          width: 30%; } }
  .modal-custom-flyer-text .modal-content .modal-footer {
    padding: 10px 25px;
    border-top: none; }
    .modal-custom-flyer-text .modal-content .modal-footer .btn-success {
      width: auto;
      min-width: 100px;
      float: right;
      background-color: #2bb673;
      border-color: #2bb673; }
      .modal-custom-flyer-text .modal-content .modal-footer .btn-success .fa {
        margin-right: 5px; }

@media (max-width: 768px) {
  .cta-links-container h1 {
    font-size: 2.5em; } }
@media (max-width: 450px) {
  .cta-links-container h1 {
    padding-left: 5px; } }
.cta-links-container .row:first-of-type {
  margin: 20px 0; }
.cta-links-container .links-container {
  padding-left: 50px;
  max-width: 900px; }
  @media (max-width: 768px) {
    .cta-links-container .links-container {
      padding-left: 20px; } }
  @media (max-width: 400px) {
    .cta-links-container .links-container {
      padding-left: 0px; } }
  .cta-links-container .links-container .no-margin-left {
    margin-left: 0; }
  .cta-links-container .links-container .jumbotron {
    padding: 30px 40px; }
    @media (max-width: 450px) {
      .cta-links-container .links-container .jumbotron {
        padding: 20px 30px; } }
  .cta-links-container .links-container .btn-info {
    margin-left: 5px; }
  .cta-links-container .links-container .link-col {
    background-color: #dddddd;
    max-width: 500px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 10px; }
    .cta-links-container .links-container .link-col input {
      border-radius: 5px; }
    @media (max-width: 450px) {
      .cta-links-container .links-container .link-col {
        padding: 5px; } }
    .cta-links-container .links-container .link-col .dropdown-menu {
      padding: 5px;
      padding-left: 10px;
      cursor: pointer; }
    .cta-links-container .links-container .link-col p {
      margin: 0;
      margin-left: 10px; }
    .cta-links-container .links-container .link-col .link:first-of-type {
      margin-top: 10px; }
    .cta-links-container .links-container .link-col .link {
      max-width: 500px;
      margin-bottom: 10px;
      margin-bottom: 10px; }
      .cta-links-container .links-container .link-col .link select {
        margin-left: 32px; }
      .cta-links-container .links-container .link-col .link .link-name {
        background: transparent;
        border: none; }
      .cta-links-container .links-container .link-col .link i {
        cursor: pointer;
        font-size: 16px; }
      .cta-links-container .links-container .link-col .link .pull-right {
        margin-left: 5px; }
        .cta-links-container .links-container .link-col .link .pull-right i {
          font-size: 18px; }
  .cta-links-container .links-container .link-buttons {
    padding: 0px; }

.inquiry-details-page {
  background-color: #f7f8f9; }
  .inquiry-details-page .help {
    right: 10px !important; }
  .inquiry-details-page .disabled-btn {
    opacity: 0.65; }
  .inquiry-details-page h2.spot-name {
    margin-bottom: -30px;
    color: black;
    font-size: 1.4em;
    font-weight: bold; }
  @media (max-width: 600px) {
    .inquiry-details-page .padding-xs-0 {
      padding: 0 !important; } }

.catering-page.inquiry-calendar .table-management-nudge {
  margin-bottom: 20px; }
.catering-page.inquiry-calendar .blocked-day-desc-holder {
  background: #d93636;
  padding: 5px 10px; }
  @media (max-width: 767px) {
    .catering-page.inquiry-calendar .blocked-day-desc-holder {
      padding: 5px 1px;
      font-size: 0.79em; } }
  @media (max-width: 767px) {
    .catering-page.inquiry-calendar .blocked-day-desc-holder .hide-on-mobile {
      display: none !important; } }
  .catering-page.inquiry-calendar .blocked-day-desc-holder .show-on-mobile {
    display: none !important; }
    @media (max-width: 768px) {
      .catering-page.inquiry-calendar .blocked-day-desc-holder .show-on-mobile {
        display: block !important; } }
.catering-page.inquiry-calendar div[blocked-days-component] .blocked-days-component .action-btn-holder .delete-btn {
  margin-left: unset; }
@media (min-width: 767px) {
  .catering-page.inquiry-calendar .modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center; } }
.catering-page.inquiry-calendar .modal-header-holder {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .catering-page.inquiry-calendar .modal-header-holder .icon-holder {
    align-self: stretch;
    background-color: #d8d8d8;
    margin-right: 1.5em;
    display: flex;
    padding: 15px 11px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 20px; }
  .catering-page.inquiry-calendar .modal-header-holder .small-icon {
    width: 1.2em; }
  .catering-page.inquiry-calendar .modal-header-holder .date-holder {
    margin-right: auto; }
  .catering-page.inquiry-calendar .modal-header-holder .close-holder {
    align-self: flex-start;
    padding: 10px;
    font-size: 1.5em;
    color: #919191;
    margin-right: 0.3em;
    cursor: pointer; }
.catering-page.inquiry-calendar .no-inq {
  font-weight: bold;
  margin-top: 10px;
  color: #939598;
  font-size: 1em;
  text-align: left; }

.catering-page.inquiry-details-page.app-content.inquiry-details-page {
  height: 100%; }

.catering-page.inquiry-details-page {
  background-color: #f7f8f9; }

.catering-page.page-white {
  background-color: white;
  height: 100%; }

@media (max-width: 1160px) {
  .catering-page.container-fluid {
    padding: 0 5px; } }
@media (max-width: 1140px) {
  .catering-page.container-fluid {
    padding: 0 15px; } }
@media (max-width: 500px) {
  .catering-page.container-fluid {
    padding: 0 5px; } }

.book-meeting-container {
  z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 30px; }
  @media (max-width: 768px) {
    .book-meeting-container {
      display: none; } }
  @media (max-width: 991px) {
    .book-meeting-container {
      bottom: 12px;
      right: 8px; } }
  .book-meeting-container .img-holder {
    display: inline-block;
    margin-top: 20px;
    padding: 15px;
    background-color: #d26439;
    border-radius: 50%; }
    @media (max-width: 991px) {
      .book-meeting-container .img-holder {
        margin-top: 12px;
        padding: 10px; } }
  .book-meeting-container img.chat {
    background-color: #d26439; }
  .book-meeting-container img.chat:hover {
    cursor: pointer; }
  .book-meeting-container .bubble {
    background-color: white;
    border-radius: 40px;
    padding: 15px 10px 35px 20px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); }
    .book-meeting-container .bubble h2 {
      font-size: 22px;
      color: #393939;
      font-weight: bold; }
    .book-meeting-container .bubble p {
      padding: 10px 0 8px 0;
      color: #393939; }
    .book-meeting-container .bubble a {
      font-weight: bold;
      font-size: 1.1em;
      text-decoration: underline; }
    .book-meeting-container .bubble img {
      vertical-align: top;
      width: 65px;
      height: auto; }
    .book-meeting-container .bubble .inner-bubble {
      display: inline-block;
      padding: 15px 20px 10px 10px; }
    .book-meeting-container .bubble h4 {
      margin-top: 10px; }

.chat-bubble-container {
  z-index: 999;
  position: fixed;
  bottom: 70px;
  right: 10px;
  width: 340px; }
  .chat-bubble-container .chat-button-holder {
    position: fixed;
    right: 0;
    bottom: 20px;
    padding: 5px;
    background-color: white;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    display: flex;
    justify-content: center;
    outline: 3px solid rgba(0, 0, 0, 0.1); }
    .chat-bubble-container .chat-button-holder .help-bubble {
      position: absolute;
      width: 200px;
      bottom: 70px;
      right: 10px;
      background-color: white;
      padding: 12px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: bold;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      transition: opacity 0.3s ease-in-out;
      display: none; }
      .chat-bubble-container .chat-button-holder .help-bubble p {
        margin-bottom: 4px; }
        .chat-bubble-container .chat-button-holder .help-bubble p.black {
          color: black; }
        .chat-bubble-container .chat-button-holder .help-bubble p.grey {
          font-weight: 500; }
      .chat-bubble-container .chat-button-holder .help-bubble .close-help {
        position: absolute;
        top: 5px;
        right: 5px;
        background: none;
        border: none;
        color: black;
        font-size: 15px;
        cursor: pointer; }
    .chat-bubble-container .chat-button-holder .live-bubble {
      display: none;
      position: absolute;
      width: 380px;
      bottom: 70px;
      right: 10px;
      background-color: white;
      padding: 12px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: bold;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      transition: opacity 0.3s ease-in-out; }
      .chat-bubble-container .chat-button-holder .live-bubble p {
        margin-bottom: 4px; }
        .chat-bubble-container .chat-button-holder .live-bubble p.black {
          color: black;
          font-weight: 500; }
        .chat-bubble-container .chat-button-holder .live-bubble p.grey {
          font-weight: 500; }
    .chat-bubble-container .chat-button-holder .chat-status-dot {
      position: absolute;
      top: 5px;
      left: 40px;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: white 1px solid;
      display: block;
      background-color: grey; }
    .chat-bubble-container .chat-button-holder .arrows {
      display: flex;
      justify-content: center;
      flex-direction: column;
      width: 20px;
      transition: ease-in-out all 0.5s; }
    .chat-bubble-container .chat-button-holder .arrow-up, .chat-bubble-container .chat-button-holder .arrow-down {
      display: flex;
      justify-content: center;
      cursor: pointer;
      color: #ea580b; }
    .chat-bubble-container .chat-button-holder .arrow-down {
      display: none; }
    .chat-bubble-container .chat-button-holder #chatBtn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      padding: 15px;
      background-color: #ea580b;
      border-radius: 50%;
      cursor: pointer; }
      .chat-bubble-container .chat-button-holder #chatBtn .icon {
        display: block; }
      .chat-bubble-container .chat-button-holder #chatBtn .close-x {
        display: none;
        font-size: 24px;
        font-weight: bold;
        color: white; }
      .chat-bubble-container .chat-button-holder #chatBtn.active .icon {
        display: none; }
      .chat-bubble-container .chat-button-holder #chatBtn.active .close-x {
        display: block; }
  .chat-bubble-container #hubspot-conversations-inline-iframe, .chat-bubble-container #hubspotWrapper {
    width: 340px;
    height: 500px;
    border: none;
    border-radius: 10px; }
  .chat-bubble-container #hubspotWrapper {
    position: fixed;
    right: 10px;
    display: none; }
  .chat-bubble-container .chat-bubble {
    border-radius: 11px;
    border: 1px solid #edeff4;
    background: white;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    transition: ease-in-out all 0.5s; }
    .chat-bubble-container .chat-bubble p {
      margin-bottom: 0;
      font-family: "Lato", sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
      font-size: 14px; }
      .chat-bubble-container .chat-bubble p.black {
        color: black; }
      .chat-bubble-container .chat-bubble p.grey {
        color: #6d6e71; }
    .chat-bubble-container .chat-bubble span.black {
      color: black; }
    .chat-bubble-container .chat-bubble .panel-heading.sh-heading {
      display: flex;
      align-items: center;
      gap: 5px;
      border-radius: 10px 10px 0 0;
      background-color: #ea580b;
      color: white;
      font-weight: 400;
      padding: 10px;
      border: none; }
      .chat-bubble-container .chat-bubble .panel-heading.sh-heading .sh-logo {
        width: 30px; }
    .chat-bubble-container .chat-bubble .panel-body {
      padding: 10px; }
      .chat-bubble-container .chat-bubble .panel-body.how-to-body {
        padding-bottom: 0; }
      .chat-bubble-container .chat-bubble .panel-body.how-to-body.empty {
        display: none; }
      .chat-bubble-container .chat-bubble .panel-body .bubble-slice {
        font-weight: 400;
        background-color: #eeeff4;
        margin-bottom: 5px;
        padding: 10px; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice:nth-of-type(1) {
          border-top-left-radius: 10px;
          border-top-right-radius: 10px; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice:nth-last-of-type(1) {
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px;
          margin-bottom: 0; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice.hubspot-slice, .chat-bubble-container .chat-bubble .panel-body .bubble-slice.book-meeting-slice, .chat-bubble-container .chat-bubble .panel-body .bubble-slice.need-help-slice {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .chat-bubble-container .chat-bubble .panel-body .bubble-slice.hubspot-slice.buble-text, .chat-bubble-container .chat-bubble .panel-body .bubble-slice.book-meeting-slice.buble-text, .chat-bubble-container .chat-bubble .panel-body .bubble-slice.need-help-slice.buble-text {
            text-align: left; }
        @media (max-width: 768px) {
          .chat-bubble-container .chat-bubble .panel-body .bubble-slice.hubspot-slice {
            display: none; } }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice.how-to-slice {
          display: flex;
          flex-direction: column;
          margin-bottom: 0; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice.support-slice, .chat-bubble-container .chat-bubble .panel-body .bubble-slice.out-of-workong-hours {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 10px; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice.buble-text {
          text-align: center; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice.support-slice {
          text-align: center; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice.hubspot-slice.out-of-workong-hours {
          background-color: #fcece8;
          align-items: baseline; }
          .chat-bubble-container .chat-bubble .panel-body .bubble-slice.hubspot-slice.out-of-workong-hours img {
            padding-right: 5px; }
        .chat-bubble-container .chat-bubble .panel-body .bubble-slice .bubble-btn-holder .slice-btn {
          display: flex;
          gap: 5px;
          font-size: 13px;
          border-radius: 20px;
          padding: 7px 15px;
          background-color: white;
          color: black;
          box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.1); }
          .chat-bubble-container .chat-bubble .panel-body .bubble-slice .bubble-btn-holder .slice-btn:hover, .chat-bubble-container .chat-bubble .panel-body .bubble-slice .bubble-btn-holder .slice-btn:focus {
            text-decoration: none;
            box-shadow: none;
            outline: 2px rgba(234, 88, 11, 0.1) solid;
            color: #ea580b; }
    .chat-bubble-container .chat-bubble .fade {
      opacity: 0;
      visibility: hidden; }
  @media (max-width: 768px) {
    .chat-bubble-container #btnContainer {
      display: none; } }

.catering-page .tooltip-container {
  position: relative;
  display: inline-block;
  margin-left: 10px; }
  @media (max-width: 1072px) {
    .catering-page .tooltip-container {
      display: none; } }
  .catering-page .tooltip-container .tooltip-text {
    visibility: visible;
    width: 222px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 105%; }
  .catering-page .tooltip-container .tooltip-text::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent; }
    @media (max-width: 1100px) {
      .catering-page .tooltip-container .tooltip-text::after {
        visibility: hidden; } }
.catering-page .contact-form-list-view-nudge {
  border: 1px solid rgba(109, 42, 234, 0.5);
  border-radius: 5px;
  display: flex;
  gap: 20px;
  padding: 17px 20px;
  margin-top: 20px;
  background: linear-gradient(90deg, rgba(109, 42, 234, 0.5) 0%, rgba(109, 42, 234, 0.12) 40%); }
  @media (max-width: 1024px) {
    .catering-page .contact-form-list-view-nudge {
      flex-direction: column;
      text-align: center; } }
  .catering-page .contact-form-list-view-nudge .img-holder img {
    height: 97px;
    width: 304px; }
  .catering-page .contact-form-list-view-nudge .text-holder p {
    font: normal normal 400 16px/24px Lato;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    padding: 9px 0px; }
  .catering-page .contact-form-list-view-nudge .text-holder .bold {
    font-weight: 700; }
.catering-page .contact-form-inquiries-nudge {
  padding: 0; }
  .catering-page .contact-form-inquiries-nudge .header {
    background: #6d2aea;
    border-radius: 10px 10px 0px 0px;
    margin-top: 40px;
    padding: 12px 20px 10px 20px; }
    .catering-page .contact-form-inquiries-nudge .header p {
      margin: 0;
      font: normal normal 500 16px/22px Lato;
      letter-spacing: 0em;
      text-align: left;
      color: white; }
    .catering-page .contact-form-inquiries-nudge .header .bold {
      font-weight: 700; }
  .catering-page .contact-form-inquiries-nudge .content {
    padding: 22px 20px 28px 20px;
    border-radius: 0px 0px 10px 10px; }
    .catering-page .contact-form-inquiries-nudge .content div {
      max-width: 676px;
      width: 100%;
      text-align: left;
      color: white;
      letter-spacing: 0em; }
    .catering-page .contact-form-inquiries-nudge .content h2 {
      margin-bottom: 25px;
      font: normal normal 500 18px/28px Lato; }
      .catering-page .contact-form-inquiries-nudge .content h2 .bold {
        font-size: 22px;
        font-weight: 700; }
    .catering-page .contact-form-inquiries-nudge .content .info-desc {
      margin: 25px 0px;
      font: normal normal 400 14px/22px Lato; }
    .catering-page .contact-form-inquiries-nudge .content .info-question {
      margin: 25px 0px;
      font: normal normal 700 18px/28px Lato; }
    .catering-page .contact-form-inquiries-nudge .content button {
      background-color: #f15a2c;
      min-height: 41px;
      max-width: 435px;
      width: fit-content;
      border: none;
      border-radius: 5px;
      padding: 15px 30px;
      font: normal normal normal 15px/18px Lato; }
  .catering-page .contact-form-inquiries-nudge .party-nudge {
    background: url("https://spothopper-static.s3.amazonaws.com/assets/admin/contact-fomr-party-nudge-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
  .catering-page .contact-form-inquiries-nudge .catering-nudge {
    background: url("https://spothopper-static.s3.amazonaws.com/assets/admin/contact-form-catering-nudge-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
  .catering-page .contact-form-inquiries-nudge .reservation-nudge {
    background: url("https://spothopper-static.s3.amazonaws.com/assets/admin/contact-form-reservation-nudge-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
  .catering-page .contact-form-inquiries-nudge .job-nudge {
    background: url("https://spothopper-static.s3.amazonaws.com/assets/admin/contact-form-job-nudge-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
.catering-page #contact-form-disabled-section {
  position: relative;
  background: rgba(245, 246, 246, 0.5); }
  @media (max-width: 486px) {
    .catering-page #contact-form-disabled-section {
      min-height: 655px; } }
  .catering-page #contact-form-disabled-section .notifications {
    padding-top: 0;
    margin-top: 0 !important;
    border-top: none;
    color: rgba(88, 88, 90, 0.5); }
  .catering-page #contact-form-disabled-section .img-holder {
    margin-right: 0px;
    border: none; }
    .catering-page #contact-form-disabled-section .img-holder img {
      opacity: 0.5; }
  .catering-page #contact-form-disabled-section .content {
    padding-left: 10px;
    border-left: 1px solid rgba(251, 168, 145, 0.5); }
    .catering-page #contact-form-disabled-section .content .mb-1 {
      margin-top: 0;
      margin-bottom: 15px; }
    .catering-page #contact-form-disabled-section .content .btn {
      margin-bottom: 25px;
      background: rgba(151, 151, 152, 0.7); }
  .catering-page #contact-form-disabled-section .extension-for-nudge .content {
    min-height: 368px;
    border-left: 1px solid rgba(251, 168, 145, 0.5); }
.catering-page .contact-form-sh-input {
  border: 1px solid #dddddd !important;
  cursor: pointer;
  text-align: left;
  font-weight: 400;
  color: #939598;
  background: #f5f6f8; }
.catering-page .contact-form-settings-nudge {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 472px;
  width: 100%;
  background: white;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #e1e1e1;
  border-radius: 10px; }
  .catering-page .contact-form-settings-nudge .nudge-girl {
    height: 190px;
    background-image: url(https://spothopper-static.s3.amazonaws.com/assets/admin/contact-form-nudge-girl.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0px 0px; }
    @media (max-width: 320px) {
      .catering-page .contact-form-settings-nudge .nudge-girl {
        height: 100px; } }
  .catering-page .contact-form-settings-nudge .nudge-content {
    text-align: center;
    padding: 20px; }
    .catering-page .contact-form-settings-nudge .nudge-content h2 {
      font: normal normal 700 22px/26px Lato;
      letter-spacing: 0em;
      color: #333333; }
    .catering-page .contact-form-settings-nudge .nudge-content h4 {
      font: normal normal 700 18px/22px Lato;
      letter-spacing: 0em;
      color: #333333;
      margin: 25px 0px 15px 0px; }
    .catering-page .contact-form-settings-nudge .nudge-content .bold {
      font-weight: 800;
      color: #ea5329; }
    .catering-page .contact-form-settings-nudge .nudge-content .features {
      text-align: center;
      margin-bottom: 13px; }
      .catering-page .contact-form-settings-nudge .nudge-content .features button {
        display: block;
        background: #ea5329;
        padding: 10px 20px;
        max-width: 298px;
        width: 100%;
        min-height: 40px;
        border: none;
        border-radius: 5px;
        font: normal normal 700 16px/20px Lato;
        color: white;
        margin: 10px auto; }
        .catering-page .contact-form-settings-nudge .nudge-content .features button img {
          filter: brightness(0) invert(1);
          height: 24px;
          width: 24px;
          margin-bottom: 4px;
          margin-right: 8px; }
      .catering-page .contact-form-settings-nudge .nudge-content .features p {
        max-width: 298px;
        width: 100%;
        padding: 0px 10px;
        margin: 10px auto;
        font: normal normal 600 16px/19px Lato;
        color: #939598;
        text-align: left; }
    .catering-page .contact-form-settings-nudge .nudge-content p {
      font: normal normal 600 16px/22px Lato;
      margin: 0; }
.catering-page .contact-form-settings-nudge-highlight {
  max-width: 474px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(234, 83, 41, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(234, 83, 41, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(234, 83, 41, 0.5);
  border: 2px solid #ea5329;
  border-radius: 12px; }
.catering-page .unresolved-filter {
  padding-left: 3px;
  margin-bottom: 10px; }
  .catering-page .unresolved-filter input {
    margin-right: 5px; }
.catering-page .refresh-list-holder {
  display: none;
  background-color: #fdfaf9;
  border: 1px solid #e6d5d0;
  border-radius: 4px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: center; }
  .catering-page .refresh-list-holder.show-holder {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .catering-page .refresh-list-holder .btn-loader {
    background-color: #e6d5d0;
    padding-left: 15px;
    padding-right: 15px; }
    .catering-page .refresh-list-holder .btn-loader i {
      font-size: 23px;
      color: #707070; }
    .catering-page .refresh-list-holder .btn-loader .loader {
      border: 5px solid rgba(0, 0, 0, 0.1);
      border-radius: 50%;
      border-top: 5px solid #ea5329;
      width: 23px;
      height: 23px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      @-webkit-keyframes spin {}
      @keyframes spin {} }
.catering-page .details-division {
  border: 2px solid #d2d2d2;
  width: 100%; }
.catering-page .post-preview-container.row {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto; }
  .catering-page .post-preview-container.row.party-catering-expand {
    max-width: 1400px; }
.catering-page .post-preview-container.row.old-inquiries {
  max-width: 1050px; }
@media (max-width: 1000px) {
  .catering-page {
    font-size: 14px; } }
.catering-page .delete-modal {
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0; }
  .catering-page .delete-modal p {
    font-weight: bold;
    margin-top: 20px; }
.catering-page .delete-buttons {
  margin-top: 25px; }
.catering-page .delete-modal-content {
  height: 190px;
  width: 330px;
  background-color: #e7e8e9;
  text-align: center;
  margin: 0;
  padding: 15px 15px 0 15px;
  position: fixed;
  top: 20vh;
  border-radius: 6px; }
  .catering-page .delete-modal-content input {
    margin-right: 5px; }
.catering-page .first-row {
  margin-top: 100px;
  margin-bottom: 15px; }
  .catering-page .first-row button {
    background-color: #ea553b;
    color: white; }
.catering-page .top-row {
  margin-top: 20px;
  margin-bottom: 15px; }
  .catering-page .top-row button {
    background-color: #ea553b;
    color: white; }
.catering-page .internal-note p {
  color: #5e615f; }
.catering-page .internal-note .btn-cancel,
.catering-page .internal-note .btn-save-note {
  color: white;
  width: 110px;
  padding: 8px; }
  @media (max-width: 768px) {
    .catering-page .internal-note .btn-cancel,
    .catering-page .internal-note .btn-save-note {
      width: 90px;
      padding: 5px; } }
.catering-page .internal-note .btn-save-note {
  background-color: #eb5229; }
.catering-page .internal-note .internal-note-textarea {
  overflow-y: scroll;
  outline: none; }
.catering-page .internal-note .auto-expand.internal-note-textarea {
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 15px;
  color: #959595;
  border: 2px solid #e9eaeb; }
.catering-page .internal-note .auto-expand.internal-note-textarea.editing {
  color: #606060;
  outline: solid;
  outline-color: #0060df;
  border: none; }
.catering-page .auto-expand {
  display: inline-block;
  background-color: white;
  font-size: 14px; }
.catering-page .website-bar {
  z-index: 102; }
  .catering-page .website-bar .website-section {
    padding-bottom: 0; }
.catering-page .website-section.table {
  display: grid;
  padding-top: 2px; }
.catering-page .website-section {
  background-color: white;
  border-radius: 10px;
  padding: 10px 15px;
  margin-bottom: 15px; }
  @media (max-width: 450px) {
    .catering-page .website-section {
      padding: 10px 10px; } }
  .catering-page .website-section p.no-margin {
    margin: 0; }
  .catering-page .website-section .public-events .date-picker {
    position: relative;
    height: 50px; }
    @media (max-width: 874px) {
      .catering-page .website-section .public-events .date-picker {
        height: 80px; } }
    @media (max-width: 767px) {
      .catering-page .website-section .public-events .date-picker {
        height: 50px; } }
    @media (max-width: 610px) {
      .catering-page .website-section .public-events .date-picker {
        height: 80px; } }
    .catering-page .website-section .public-events .date-picker .time-text {
      top: 5px;
      padding: 3px 0 0 5px;
      font-weight: bold;
      position: absolute;
      width: 190px; }
      @media (max-width: 874px) {
        .catering-page .website-section .public-events .date-picker .time-text {
          position: static;
          display: block; } }
      @media (max-width: 767px) {
        .catering-page .website-section .public-events .date-picker .time-text {
          position: absolute; } }
      @media (max-width: 610px) {
        .catering-page .website-section .public-events .date-picker .time-text {
          position: static;
          display: block; } }
    .catering-page .website-section .public-events .date-picker .input-group {
      position: absolute;
      left: 190px;
      margin-bottom: 0; }
      @media (max-width: 874px) {
        .catering-page .website-section .public-events .date-picker .input-group {
          position: static;
          display: block; } }
      @media (max-width: 767px) {
        .catering-page .website-section .public-events .date-picker .input-group {
          position: absolute; } }
      @media (max-width: 610px) {
        .catering-page .website-section .public-events .date-picker .input-group {
          position: static;
          display: block; } }
.catering-page .website-section.inquiry-waiting {
  background-color: #fdfaf9;
  border-radius: 5px;
  padding: 10px 10px 10px 30px;
  letter-spacing: 0.5px;
  margin: 15px 0;
  border: 1px solid #e6d5d0; }
  .catering-page .website-section.inquiry-waiting .holder {
    display: flex; }
    @media (max-width: 540px) {
      .catering-page .website-section.inquiry-waiting .holder {
        display: block;
        padding-right: 20px; }
        .catering-page .website-section.inquiry-waiting .holder .col-right {
          width: 100%;
          padding-top: 10px; } }
    .catering-page .website-section.inquiry-waiting .holder h2 {
      font-size: 20px;
      margin-bottom: 5px; }
      @media (max-width: 991px) {
        .catering-page .website-section.inquiry-waiting .holder h2 br {
          display: none; } }
    .catering-page .website-section.inquiry-waiting .holder .subheading {
      font-weight: bold;
      font-style: italic;
      color: #333333;
      font-size: 15px; }
    .catering-page .website-section.inquiry-waiting .holder .event-planner-baner-img {
      width: 90px;
      height: auto;
      flex-direction: row; }
      .catering-page .website-section.inquiry-waiting .holder .event-planner-baner-img.full-size {
        width: 100%; }
        @media (max-width: 540px) {
          .catering-page .website-section.inquiry-waiting .holder .event-planner-baner-img.full-size {
            width: 150px; } }
  .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex {
    justify-content: space-between; }
    .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right {
      margin: 0 15px; }
      .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video {
        display: grid;
        display: block;
        justify-items: end;
        padding: 0px 10px 20px 70px;
        margin: -15px; }
        @media (max-width: 1376px) {
          .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video {
            padding: 20px 24px 35px 0; } }
        @media (max-width: 540px) {
          .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video {
            padding: 0 24px 35px 0; } }
        .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video {
          border: 3px solid #7c7c7c;
          overflow: hidden;
          border-radius: 10px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
          .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
            width: 100%;
            display: block; }
            @media (min-width: 2440px) {
              .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
                height: 140px; } }
            @media (max-width: 2439px) {
              .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
                height: 140px; } }
            @media (max-width: 1920px) {
              .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
                height: 140px; } }
            @media (max-width: 920px) {
              .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
                height: 140px; } }
            @media (max-width: 768px) {
              .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
                height: 130px; } }
            @media (max-width: 420px) {
              .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-video .video .embed {
                height: 130px; } }
      .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-btn {
        background-color: #e85725;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 8px;
        margin: auto;
        margin-top: 8px;
        width: 100%; }
        @media (max-width: 970px) {
          .catering-page .website-section.inquiry-waiting .holder.autoresponse-flex .col-right .activate-parties-btn {
            font-size: 14px; } }
  .catering-page .website-section.inquiry-waiting .col-right.padding-top {
    padding-top: 40px; }
  .catering-page .website-section.inquiry-waiting .col-right {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px; }
    .catering-page .website-section.inquiry-waiting .col-right .orange-btn {
      background-color: #e85725;
      color: white;
      font-size: 14px;
      border-radius: 5px;
      text-transform: none;
      margin-top: 15px; }
    .catering-page .website-section.inquiry-waiting .col-right .blue-button {
      background-color: #5951d6;
      color: white;
      font-size: 12px;
      padding: 4px 13px;
      margin-top: 10px; }
  .catering-page .website-section.inquiry-waiting h2 {
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold; }
  .catering-page .website-section.inquiry-waiting ul {
    margin-top: 20px;
    padding-left: 15px;
    font-size: 14px; }
    .catering-page .website-section.inquiry-waiting ul .auto-response-link {
      font-weight: bold;
      text-decoration: underline;
      color: #ea5329; }
    .catering-page .website-section.inquiry-waiting ul .auto-response-link:hover, .catering-page .website-section.inquiry-waiting ul .auto-response-link:focus {
      color: #ea5329;
      text-decoration: underline; }
    @media (min-width: 1081px) {
      .catering-page .website-section.inquiry-waiting ul li {
        margin-top: 0.5em;
        padding: 0 0 6px 0; } }
    @media (max-width: 1080px) {
      .catering-page .website-section.inquiry-waiting ul li {
        padding: 0 0 0 0; } }
  .catering-page .website-section.inquiry-waiting img {
    width: 110px;
    height: 110px; }
  .catering-page .website-section.inquiry-waiting .event-times {
    padding-right: 0; }
    .catering-page .website-section.inquiry-waiting .event-times .event-time {
      margin: 0 10px 0 0;
      width: auto;
      float: none;
      font-size: 1em; }
      @media (max-width: 767px) {
        .catering-page .website-section.inquiry-waiting .event-times .event-time {
          display: inline-block; } }
      @media (max-width: 500px) {
        .catering-page .website-section.inquiry-waiting .event-times .event-time {
          display: block; } }
      .catering-page .website-section.inquiry-waiting .event-times .event-time span {
        color: #58585a; }
      .catering-page .website-section.inquiry-waiting .event-times .event-time input {
        width: 70%;
        height: auto;
        font-size: 1em;
        margin-top: -3px; }
      .catering-page .website-section.inquiry-waiting .event-times .event-time .btn.btn-default {
        margin-top: -3px; }
      .catering-page .website-section.inquiry-waiting .event-times .event-time .pull-left {
        width: 40px;
        margin: 40px 10px 0 0; }
    .catering-page .website-section.inquiry-waiting .event-times .form-control {
      width: 200px; }
      @media (max-width: 1000px) {
        .catering-page .website-section.inquiry-waiting .event-times .form-control {
          width: 180px; } }
    .catering-page .website-section.inquiry-waiting .event-times .form-control.time {
      background-color: white;
      font-weight: normal; }
  .catering-page .website-section.inquiry-waiting .margin-top:first-of-type {
    margin-top: 25px; }
  .catering-page .website-section.inquiry-waiting .margin-top {
    margin-top: 10px; }
  .catering-page .website-section.inquiry-waiting .table-row.no-border {
    border-bottom: none; }
    .catering-page .website-section.inquiry-waiting .table-row.no-border td {
      padding-bottom: 0; }
  .catering-page .website-section.inquiry-waiting .table-row {
    border-bottom: 1px solid #f3f3f4;
    padding-top: 10px; }
    .catering-page .website-section.inquiry-waiting .table-row .last-comment-time {
      color: #a5a6a9;
      padding: inherit 0;
      font-size: 13px; }
    .catering-page .website-section.inquiry-waiting .table-row .read-msg {
      text-align: center; }
      .catering-page .website-section.inquiry-waiting .table-row .read-msg a {
        color: #4a4a4c;
        font-weight: bold;
        text-decoration: underline; }
    .catering-page .website-section.inquiry-waiting .table-row .last-comment-text {
      max-width: 450px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
      @media (max-width: 1352px) {
        .catering-page .website-section.inquiry-waiting .table-row .last-comment-text {
          max-width: 360px; } }
      @media (max-width: 1250px) {
        .catering-page .website-section.inquiry-waiting .table-row .last-comment-text {
          max-width: 318px; } }
    .catering-page .website-section.inquiry-waiting .table-row th.size-limit {
      min-width: 69px; }
    .catering-page .website-section.inquiry-waiting .table-row th.size-limit-small {
      min-width: 58px; }
    .catering-page .website-section.inquiry-waiting .table-row th {
      vertical-align: top; }
      .catering-page .website-section.inquiry-waiting .table-row th span:first-of-type:hover {
        cursor: pointer; }
      .catering-page .website-section.inquiry-waiting .table-row th .pull-right {
        margin-top: -7px; }
      .catering-page .website-section.inquiry-waiting .table-row th .extra-margin {
        margin-top: -27px; }
      .catering-page .website-section.inquiry-waiting .table-row th i:hover {
        cursor: pointer; }
      .catering-page .website-section.inquiry-waiting .table-row th .yellow {
        color: #f6953d;
        background-color: white; }
    .catering-page .website-section.inquiry-waiting .table-row td {
      vertical-align: top; }
  .catering-page .website-section.inquiry-waiting .table-row:last-of-type {
    border-bottom: none; }
  .catering-page .website-section.inquiry-waiting .table-headings {
    font-weight: bold; }
    .catering-page .website-section.inquiry-waiting .table-headings span {
      font-weight: normal;
      margin-left: 5px; }
.catering-page .website-section.event-spaces-nudge {
  position: relative; }
  .catering-page .website-section.event-spaces-nudge .flag {
    position: absolute;
    top: -1px;
    left: -3px;
    width: 55px;
    height: auto; }
  .catering-page .website-section.event-spaces-nudge h2 {
    max-width: 460px; }
  @media (max-width: 1023px) {
    .catering-page .website-section.event-spaces-nudge .holder {
      flex-direction: column; } }
  .catering-page .website-section.event-spaces-nudge .holder .col-right {
    padding: 0 30px; }
    @media (max-width: 1023px) {
      .catering-page .website-section.event-spaces-nudge .holder .col-right {
        padding: 0;
        margin: 0;
        text-align: left; } }
    .catering-page .website-section.event-spaces-nudge .holder .col-right img {
      width: auto;
      height: auto;
      max-width: 100%; }
  .catering-page .website-section.event-spaces-nudge .holder li a {
    text-decoration: underline;
    font-weight: bold; }
.catering-page .catering-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1050px;
  font-size: 16px; }
  .catering-page .catering-container span.bold {
    font-weight: bold; }
  .catering-page .catering-container .section-title.pp-header {
    color: black;
    margin-bottom: 5px; }
  .catering-page .catering-container .inquiry_bubble {
    background-color: red;
    color: white;
    border-radius: 10px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 5px;
    position: relative;
    top: 0;
    font-size: 14px; }
    .catering-page .catering-container .inquiry_bubble a {
      color: white; }
  .catering-page .catering-container .table-row.darker-background {
    background-color: #eeeeee; }
    .catering-page .catering-container .table-row.darker-background a {
      font-weight: bold; }
    .catering-page .catering-container .table-row.darker-background .read-messages {
      font-weight: normal; }
  .catering-page .catering-container .table-row .last-comment-text span {
    display: inline-block;
    max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .catering-page .catering-container .table-row .read-msg {
    text-align: center;
    position: relative; }
    .catering-page .catering-container .table-row .read-msg a {
      position: absolute;
      top: -11px;
      left: 57px;
      font-size: 12px;
      font-weight: normal;
      color: #ea5329; }
  .catering-page .catering-container .table-row td .read-messages {
    display: block;
    width: 160px;
    text-align: center;
    margin-top: 3px;
    font-weight: normal; }
  .catering-page .catering-container .table-row .consistent-date {
    padding-right: 30px; }
  .catering-page .catering-container .details-container {
    padding: 10px 35px; }
    @media (max-width: 1100px) {
      .catering-page .catering-container .details-container {
        padding: 10px 20px; } }
    @media (max-width: 600px) {
      .catering-page .catering-container .details-container {
        padding: 10px 15px; } }
    .catering-page .catering-container .details-container .details-description {
      width: 75%;
      background-color: #faf8f8;
      padding: 1rem;
      border-radius: 0.5rem; }
    .catering-page .catering-container .details-container .inquiry-source-holder {
      background-color: #fdfaf9;
      padding: 1em 2em;
      margin: 2em 0;
      display: flex;
      justify-content: space-between;
      border: 1px solid #e8d9d5;
      border-radius: 5px; }
      .catering-page .catering-container .details-container .inquiry-source-holder .text-holder p {
        color: #707070; }
      .catering-page .catering-container .details-container .inquiry-source-holder .text-holder .strong {
        font-weight: bold; }
      .catering-page .catering-container .details-container .inquiry-source-holder h3 {
        color: #333333;
        padding-bottom: 10px;
        margin-top: 5px; }
      .catering-page .catering-container .details-container .inquiry-source-holder p {
        margin: 0; }
      .catering-page .catering-container .details-container .inquiry-source-holder .image-holder {
        text-align: center; }
        .catering-page .catering-container .details-container .inquiry-source-holder .image-holder p {
          color: #ec6742;
          font-size: 0.9em; }
    .catering-page .catering-container .details-container .details-field.table {
      width: inherit; }
    .catering-page .catering-container .details-container .order-details {
      padding-top: 20px; }
      .catering-page .catering-container .details-container .order-details table .no-border td, .catering-page .catering-container .details-container .order-details table .no-border th {
        border: none; }
      .catering-page .catering-container .details-container .order-details table .text-right {
        text-align: right; }
      .catering-page .catering-container .details-container .order-details table .option {
        font-size: 12px; }
      .catering-page .catering-container .details-container .order-details table .option:first-child {
        padding-left: 15px; }
      .catering-page .catering-container .details-container .order-details table td, .catering-page .catering-container .details-container .order-details table th {
        border-bottom: 1px solid #aaaaaa;
        border-top: 1px solid #aaaaaa;
        padding: 5px; }
      .catering-page .catering-container .details-container .order-details h4 {
        padding-bottom: 10px;
        font-weight: bold; }
    .catering-page .catering-container .details-container .col-xs-6 .details-field {
      display: block; }
      .catering-page .catering-container .details-container .col-xs-6 .details-field .normal-text {
        text-transform: capitalize;
        display: block;
        margin-top: 10px;
        color: black; }
        .catering-page .catering-container .details-container .col-xs-6 .details-field .normal-text .fa {
          color: #ea5329;
          margin-right: 7px; }
    .catering-page .catering-container .details-container .col-xs-6 .details-field.email {
      word-break: break-all; }
    .catering-page .catering-container .details-container .details-field {
      display: inline-block;
      margin: 10px 20px 0 0; }
      .catering-page .catering-container .details-container .details-field img {
        max-width: 200px;
        max-height: 200px; }
      .catering-page .catering-container .details-container .details-field .green {
        background-color: #43b673;
        border-color: #43b673;
        color: white;
        font-weight: bold; }
      .catering-page .catering-container .details-container .details-field .btn-print {
        padding: 4px 5px;
        width: 150px; }
      .catering-page .catering-container .details-container .details-field .btn-details {
        font-weight: bold;
        color: white;
        background-color: #939598; }
    .catering-page .catering-container .details-container .accept-show {
      margin-top: 120px; }
    .catering-page .catering-container .details-container .authorized-msg {
      margin: 25px 0 15px;
      padding: 15px 18px 5px 15px;
      width: 515px;
      max-width: 100%;
      box-shadow: 0px 0px 9px -5px #000029;
      border: 1px solid #aaaaaa;
      border-radius: 8px; }
      .catering-page .catering-container .details-container .authorized-msg .accept-color {
        color: #f6803d; }
    .catering-page .catering-container .details-container .success-msg {
      position: absolute;
      margin-top: -100px;
      background-color: #5850d6;
      color: white;
      max-width: 93%; }
      @media (max-width: 1100px) {
        .catering-page .catering-container .details-container .success-msg {
          padding-right: 35px; } }
      @media (max-width: 400px) {
        .catering-page .catering-container .details-container .success-msg {
          font-size: 14px; } }
      .catering-page .catering-container .details-container .success-msg .close-btn {
        position: absolute;
        top: 48%;
        right: 4px;
        background: transparent;
        border: none;
        font-size: 20px;
        transform: translateY(-50%);
        clear: both; }
    @media (max-width: 600px) {
      .catering-page .catering-container .details-container .col-xs-6 {
        width: 100% !important; }
      .catering-page .catering-container .details-container .buttons-wrapper {
        padding-top: 10px; }
        .catering-page .catering-container .details-container .buttons-wrapper .details-field {
          display: block;
          margin: 10px auto; }
          .catering-page .catering-container .details-container .buttons-wrapper .details-field .btn {
            display: block;
            width: 100%;
            padding: 6px 10px;
            margin: 0 auto; }
            .catering-page .catering-container .details-container .buttons-wrapper .details-field .btn::first-letter {
              text-transform: uppercase; } }
  @media (max-width: 1100px) {
    .catering-page .catering-container .details-container.first-container {
      padding: 10px 10px; } }
  .catering-page .catering-container .emails-container {
    padding: 10px 15px;
    margin-top: 10px;
    color: #5e615f; }
    @media (max-width: 1100px) {
      .catering-page .catering-container .emails-container {
        padding: 10px 20px; } }
    @media (max-width: 600px) {
      .catering-page .catering-container .emails-container {
        padding: 10px 15px; } }
    .catering-page .catering-container .emails-container textarea.auto-expand::placeholder {
      color: #a1a1a1;
      font-style: italic;
      font-weight: bold; }
    .catering-page .catering-container .emails-container textarea.auto-expand {
      border: 1px solid #dddddd;
      border-radius: 8px;
      margin: 20px 0 10px 0;
      font-size: 15px;
      display: block;
      width: 100%;
      max-width: 100%;
      padding: 15px 10px 10px 23px;
      overflow-y: auto; }
      @media (max-width: 767px) {
        .catering-page .catering-container .emails-container textarea.auto-expand {
          padding: 10px 10px 5px 10px;
          overflow-y: scroll; } }
    .catering-page .catering-container .emails-container p {
      margin: 15px 15px 10px 10px; }
    .catering-page .catering-container .emails-container .bold {
      font-weight: bold; }
    .catering-page .catering-container .emails-container .text-black {
      color: black; }
    .catering-page .catering-container .emails-container .msg-row {
      padding: 0 0 10px 0; }
      .catering-page .catering-container .emails-container .msg-row .opened-info {
        clear: both;
        padding-top: 10px;
        margin-bottom: 0; }
      .catering-page .catering-container .emails-container .msg-row.reminder-text {
        color: #5e615f; }
        .catering-page .catering-container .emails-container .msg-row.reminder-text .scheduled-time {
          font-size: 15px; }
          @media (max-width: 767px) {
            .catering-page .catering-container .emails-container .msg-row.reminder-text .scheduled-time {
              font-size: 13px; }
              .catering-page .catering-container .emails-container .msg-row.reminder-text .scheduled-time span {
                display: block;
                font-size: 13px; } }
        .catering-page .catering-container .emails-container .msg-row.reminder-text .msg-bubble {
          background-color: #f9e4a3;
          position: relative; }
          .catering-page .catering-container .emails-container .msg-row.reminder-text .msg-bubble::before {
            content: "";
            display: block;
            position: absolute;
            top: 10px;
            left: -25px;
            width: 20px;
            height: 20px;
            background-image: url(https://static.spotapps.co/assets/admin/hourglass_full.png);
            background-size: contain;
            background-repeat: no-repeat; }
    @media (max-width: 800px) {
      .catering-page .catering-container .emails-container .msg-bubble.wide-screen {
        display: none; } }
    @media (min-width: 800px) {
      .catering-page .catering-container .emails-container .msg-bubble.small-screen {
        display: none; } }
    .catering-page .catering-container .emails-container .msg-bubble {
      border-radius: 8px;
      max-width: fit-content;
      min-width: 33%;
      padding: 13px 10px 10px 15px;
      margin: 0;
      word-break: break-word;
      font-size: 15px;
      text-align: left;
      max-width: 90%;
      font-weight: bold; }
      .catering-page .catering-container .emails-container .msg-bubble .attachments-holder {
        margin-top: 10px; }
        .catering-page .catering-container .emails-container .msg-bubble .attachments-holder .attachment-holder {
          display: inline-block; }
          .catering-page .catering-container .emails-container .msg-bubble .attachments-holder .attachment-holder a.normal-text {
            color: #5e615f; }
            .catering-page .catering-container .emails-container .msg-bubble .attachments-holder .attachment-holder a.normal-text span {
              word-break: break-all;
              margin: 0 10px 0 5px; }
      .catering-page .catering-container .emails-container .msg-bubble p {
        margin: 0; }
      .catering-page .catering-container .emails-container .msg-bubble .show-read-more {
        float: right;
        padding-right: 10px;
        font-size: 13px;
        color: #337ab7;
        cursor: pointer; }
      .catering-page .catering-container .emails-container .msg-bubble .attachment-info {
        margin-top: 10px;
        font-size: 13px; }
      .catering-page .catering-container .emails-container .msg-bubble .icons-holder {
        clear: right;
        display: flex;
        justify-content: flex-end;
        gap: 1rem; }
        .catering-page .catering-container .emails-container .msg-bubble .icons-holder .blue-icon {
          stroke: #2097ff; }
        .catering-page .catering-container .emails-container .msg-bubble .icons-holder .dark-icon {
          stroke: black; }
        .catering-page .catering-container .emails-container .msg-bubble .icons-holder .icons-big {
          font-size: 20px; }
    .catering-page .catering-container .emails-container .float-left {
      background-color: #f3f3f4;
      float: left; }
    .catering-page .catering-container .emails-container .float-right {
      background-color: #ebf4fc;
      float: right; }
    .catering-page .catering-container .emails-container .comment-row {
      padding: 0; }
      .catering-page .catering-container .emails-container .comment-row .padding-35 {
        padding: 10px 35px; }
        @media (max-width: 767px) {
          .catering-page .catering-container .emails-container .comment-row .padding-35 {
            padding: 10px 15px; } }
        .catering-page .catering-container .emails-container .comment-row .padding-35.text-area-fix textarea.auto-expand::placeholder {
          font-weight: normal; }
      .catering-page .catering-container .emails-container .comment-row .sending-col {
        margin-bottom: 15px;
        padding-top: 20px;
        border-top: 1px solid #f1f2f2; }
      .catering-page .catering-container .emails-container .comment-row .attach-section.inactive-planner {
        background-color: #f7efff;
        color: #5850d6;
        padding: 10px; }
        .catering-page .catering-container .emails-container .comment-row .attach-section.inactive-planner .attach-file {
          padding-left: 25px;
          float: none; }
          .catering-page .catering-container .emails-container .comment-row .attach-section.inactive-planner .attach-file span {
            font-size: 13px; }
            .catering-page .catering-container .emails-container .comment-row .attach-section.inactive-planner .attach-file span a {
              color: #5850d6;
              text-decoration: underline; }
        .catering-page .catering-container .emails-container .comment-row .attach-section.inactive-planner label {
          float: right;
          color: #a4a1a4; }
      .catering-page .catering-container .emails-container .comment-row .attach-section {
        margin: 10px 0 20px 0; }
        .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row.block {
          display: block;
          float: left;
          min-width: 60%; }
          @media (max-width: 767px) {
            .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row.block {
              width: 100%;
              padding-right: 15px; } }
        .catering-page .catering-container .emails-container .comment-row .attach-section .attach-file {
          float: right; }
          @media (max-width: 767px) {
            .catering-page .catering-container .emails-container .comment-row .attach-section .attach-file {
              float: none;
              margin-left: 15px; } }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attach-file .inquiry-file-upload-label {
            background-color: #eeeeee;
            padding: 10px 40px; }
            @media (max-width: 991px) {
              .catering-page .catering-container .emails-container .comment-row .attach-section .attach-file .inquiry-file-upload-label {
                padding: 8px 25px; } }
        .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row {
          display: inline-block; }
          @media (max-width: 450px) {
            .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row {
              display: block; } }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .attachment-holder {
            border-radius: 5px;
            padding: 10px;
            width: 250px;
            max-width: 100%; }
            @media (max-width: 767px) {
              .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .attachment-holder {
                width: 100%; } }
            .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .attachment-holder a.normal-text {
              color: gray;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              margin: 0 0 0 10px;
              display: block; }
              .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .attachment-holder a.normal-text .fa {
                margin-right: 5px;
                color: #ea5329; }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .attachment-holder:hover {
            background-color: #eeeeee; }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .progress {
            font-weight: bolder;
            background-color: #cdcdcc;
            height: 5px;
            width: 300px; }
            @media (max-width: 450px) {
              .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .progress {
                width: 100%; } }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .progress-bar {
            -webkit-animation: progressBar 2s ease-in-out;
            -moz-animation: progressBar 2s ease-in-out;
            background-color: #ea5228; }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .file-name {
            font-weight: bold;
            margin-bottom: 0; }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .file-size {
            font-size: 13px;
            color: #7a7b7b; }
          .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .close-btn {
            color: black;
            border-radius: 50%;
            border: 1px solid black;
            width: 14px;
            height: 14px;
            position: relative;
            right: -5px;
            margin-top: 2px; }
            .catering-page .catering-container .emails-container .comment-row .attach-section .attachment_row .close-btn span {
              font-size: 8px;
              position: absolute;
              top: -0.3px;
              left: 4px; }
      .catering-page .catering-container .emails-container .comment-row label {
        color: #ea5329;
        margin-bottom: 0; }
        .catering-page .catering-container .emails-container .comment-row label span {
          text-decoration: underline;
          margin-left: 7px;
          font-size: 14px;
          font-weight: bold; }
        .catering-page .catering-container .emails-container .comment-row label i {
          font-size: 18px;
          transform: rotate(90deg);
          position: relative;
          top: 2px; }
    .catering-page .catering-container .emails-container .suggest-response-btn {
      padding: 7px 20px 6px 20px;
      border-radius: 10px;
      font-size: 16px;
      font-weight: bold;
      background-color: #ea553b;
      color: white;
      float: left; }
    .catering-page .catering-container .emails-container .new-comment-btn {
      padding: 7px 30px 6px 30px;
      border-radius: 10px;
      font-size: 16px;
      font-weight: bold;
      background-color: #939598;
      color: white;
      margin: 0 5px; }
      @media (max-width: 768px) {
        .catering-page .catering-container .emails-container .new-comment-btn {
          font-size: 14px;
          padding: 7px 12px 6px 12px; } }
    .catering-page .catering-container .emails-container .submit-msg {
      font-size: 14px;
      text-align: center;
      margin-bottom: 10px;
      padding-bottom: 0; }
    .catering-page .catering-container .emails-container h4.respons-header {
      margin-left: 20px;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        .catering-page .catering-container .emails-container h4.respons-header {
          margin-left: 10px; } }
      .catering-page .catering-container .emails-container h4.respons-header span {
        font-style: italic;
        font-weight: lighter;
        font-size: 0.8em; }
    .catering-page .catering-container .emails-container .response-menu, .catering-page .catering-container .emails-container .response-menu-nav {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      background-color: #a5d4fd;
      padding: 0;
      border-radius: 5px;
      margin: 0 20px; }
      @media (max-width: 1200px) {
        .catering-page .catering-container .emails-container .response-menu, .catering-page .catering-container .emails-container .response-menu-nav {
          font-size: 0.9em; } }
      @media (max-width: 1100px) {
        .catering-page .catering-container .emails-container .response-menu, .catering-page .catering-container .emails-container .response-menu-nav {
          font-size: 0.8em; } }
      @media (max-width: 991px) {
        .catering-page .catering-container .emails-container .response-menu, .catering-page .catering-container .emails-container .response-menu-nav {
          margin: 0; } }
      .catering-page .catering-container .emails-container .response-menu .menu-tabs, .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs {
        display: flex;
        gap: 10px; }
      .catering-page .catering-container .emails-container .response-menu span, .catering-page .catering-container .emails-container .response-menu-nav span {
        cursor: pointer; }
      .catering-page .catering-container .emails-container .response-menu .active, .catering-page .catering-container .emails-container .response-menu-nav .active {
        border-bottom: 0.3rem solid gray; }
      @media (max-width: 991px) {
        .catering-page .catering-container .emails-container .response-menu .mobile-inline, .catering-page .catering-container .emails-container .response-menu-nav .mobile-inline {
          display: inline-block;
          margin-left: 20px; } }
      .catering-page .catering-container .emails-container .response-menu .mobile-inline .btn, .catering-page .catering-container .emails-container .response-menu-nav .mobile-inline .btn {
        position: relative; }
    .catering-page .catering-container .emails-container .response-menu.auto-response {
      margin-top: 10px;
      background-color: white;
      border: 1px solid #fba891;
      padding: 10px 15px;
      align-items: center; }
      .catering-page .catering-container .emails-container .response-menu.auto-response button {
        background-color: #efefef; }
      @media (max-width: 991px) {
        .catering-page .catering-container .emails-container .response-menu.auto-response {
          flex-direction: column; }
          .catering-page .catering-container .emails-container .response-menu.auto-response p {
            text-align: center; } }
      .catering-page .catering-container .emails-container .response-menu.auto-response .btn {
        border: 1px solid #707070; }
    .catering-page .catering-container .emails-container .response-menu-nav {
      padding: 8px 10px;
      align-items: center;
      background-color: transparent;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
      @media (max-width: 991px) {
        .catering-page .catering-container .emails-container .response-menu-nav {
          display: block;
          position: relative; }
          .catering-page .catering-container .emails-container .response-menu-nav .mobile-inline {
            position: absolute;
            margin-left: 0;
            top: 5px;
            right: 5px; } }
      .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs {
        gap: 0; }
        @media (max-width: 991px) {
          .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs {
            display: block;
            padding-right: 30px; } }
        .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span {
          background-color: #edf5fc;
          border-top: 1px solid #b4dafb;
          border-bottom: 1px solid #b4dafb;
          padding-top: 8px;
          padding-bottom: 8px;
          padding-right: 10px;
          font-weight: bold; }
          @media (max-width: 1200px) {
            .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span {
              padding-right: 10px; } }
          @media (max-width: 1020px) {
            .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span {
              padding-right: 6px; } }
          @media (max-width: 991px) {
            .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span {
              display: inline-block;
              width: max-content;
              border: 1px solid #b4dafb;
              margin-bottom: 10px;
              border-radius: 5px;
              padding-left: 5px !important;
              margin-right: 10px; }
              .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span:last-child {
                margin-right: 0; } }
          .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span:hover {
            animation: background-animate 0.2 ease; }
        .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span.active {
          color: #2097ff;
          transition: color 1s ease-out; }
          .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span.active:after {
            content: "";
            display: block;
            border-bottom: 2px solid #2097ff;
            position: relative;
            bottom: -18px;
            width: 100%;
            animation: line-width-animate 0.2s linear; }
            @media (max-width: 991px) {
              .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span.active:after {
                bottom: -9px;
                left: -5px;
                width: calc(100% + 10px); } }
        .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span:first-child {
          border-left: 1px solid #b4dafb;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          padding-left: 5px; }
        .catering-page .catering-container .emails-container .response-menu-nav .menu-tabs span:last-child {
          border-right: 1px solid #b4dafb;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          font-style: italic;
          font-weight: normal; }
    .catering-page .catering-container .emails-container .actions-container {
      display: flex;
      justify-content: space-between;
      padding: 0 3rem; }
      @media (max-width: 480px) {
        .catering-page .catering-container .emails-container .actions-container {
          flex-wrap: wrap; } }
      .catering-page .catering-container .emails-container .actions-container .status-btn {
        margin-bottom: 0; }
      .catering-page .catering-container .emails-container .actions-container .status-box {
        min-width: 230px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        gap: 5px; }
        @media (max-width: 600px) {
          .catering-page .catering-container .emails-container .actions-container .status-box {
            width: 100%;
            flex-direction: column; }
            .catering-page .catering-container .emails-container .actions-container .status-box > * {
              display: block;
              min-width: 100%;
              text-align: center;
              margin: 5px auto; }
              .catering-page .catering-container .emails-container .actions-container .status-box > * button {
                width: 100%;
                border-radius: 4px; } }
      .catering-page .catering-container .emails-container .actions-container.flex-start {
        gap: 15px;
        align-items: flex-start;
        flex-wrap: wrap; }
      .catering-page .catering-container .emails-container .actions-container .attachment-inquiry {
        display: flex;
        flex-direction: column-reverse;
        word-break: break-word;
        justify-content: flex-end;
        gap: 1rem; }
        .catering-page .catering-container .emails-container .actions-container .attachment-inquiry button {
          background-color: #efefef;
          width: 145px;
          height: 34px;
          padding: 0;
          align-self: flex-end; }
          @media (max-width: 600px) {
            .catering-page .catering-container .emails-container .actions-container .attachment-inquiry button {
              align-self: center; } }
        .catering-page .catering-container .emails-container .actions-container .attachment-inquiry.attach-add-block {
          flex-direction: column-reverse; }
        .catering-page .catering-container .emails-container .actions-container .attachment-inquiry a {
          color: #5e615f; }
        .catering-page .catering-container .emails-container .actions-container .attachment-inquiry .attachment-holder {
          display: flex;
          justify-content: space-between;
          width: 100%;
          gap: 1rem; }
          @media (max-width: 991px) {
            .catering-page .catering-container .emails-container .actions-container .attachment-inquiry .attachment-holder .file-attachment {
              width: 88%;
              display: inline-block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin: 0 3%; } }
          @media (max-width: 600px) {
            .catering-page .catering-container .emails-container .actions-container .attachment-inquiry .attachment-holder {
              max-width: 250px; } }
        @media (max-width: 991px) {
          .catering-page .catering-container .emails-container .actions-container .attachment-inquiry {
            justify-content: flex-end;
            flex-direction: column-reverse;
            max-width: 50%; } }
        @media (max-width: 830px) {
          .catering-page .catering-container .emails-container .actions-container .attachment-inquiry {
            margin-top: 10px; } }
        @media (max-width: 600px) {
          .catering-page .catering-container .emails-container .actions-container .attachment-inquiry {
            width: 100%;
            max-width: 100%;
            align-items: center; } }
    .catering-page .catering-container .emails-container .send-text-message-container {
      margin-top: 1.5rem;
      font-size: 15px; }
      .catering-page .catering-container .emails-container .send-text-message-container label {
        color: #5e615f; }
      .catering-page .catering-container .emails-container .send-text-message-container input[type="checkbox"] {
        accent-color: #f4583c; }
  .catering-page .catering-container .details-form {
    font-size: 16px !important; }
    .catering-page .catering-container .details-form textarea.auto-expand::placeholder {
      color: #a1a1a1; }
    .catering-page .catering-container .details-form textarea.auto-expand {
      border: 1px solid #dddddd;
      border-radius: 8px;
      margin: 25px 0 10px 0;
      font-size: 15px;
      display: block;
      width: 100%;
      max-width: 100%;
      padding: 15px 10px 10px 23px; }
    .catering-page .catering-container .details-form .btn, .catering-page .catering-container .details-form input, .catering-page .catering-container .details-form .dropdown-menu {
      font-size: 16px !important; }
    .catering-page .catering-container .details-form .table .btn {
      width: 199px; }
    .catering-page .catering-container .details-form .table .dropdown-menu {
      width: 199px; }
      .catering-page .catering-container .details-form .table .dropdown-menu li {
        padding: 6px; }
  .catering-page .catering-container .btn-delete {
    background-color: #f03d26;
    border-color: #f03d26;
    color: white; }
  .catering-page .catering-container .save-button {
    padding: 4px 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 150px;
    font-weight: bold; }
  .catering-page .catering-container .row.margin-top {
    margin-top: 10px; }
  .catering-page .catering-container .caret {
    margin: 0;
    margin-top: 7px; }
  .catering-page .catering-container .party-type .btn {
    width: 160px;
    text-align: left;
    background-color: white;
    border: 1px solid #e9eaeb;
    color: #58585a; }
    @media (max-width: 1000px) {
      .catering-page .catering-container .party-type .btn {
        font-size: 0.95em; } }
  @media (max-width: 768px) {
    .catering-page .catering-container span {
      font-size: 14px; }
    .catering-page .catering-container span.x {
      font-size: 25px; } }
  .catering-page .catering-container .change-inquiry-status {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5px; }
    @media (max-width: 1024px) {
      .catering-page .catering-container .change-inquiry-status {
        margin-bottom: 10px;
        margin-left: 0; } }
    .catering-page .catering-container .change-inquiry-status button {
      background-color: #e7e8e9;
      border-color: #e7e8e9;
      color: #58585a;
      padding: 7px 20px 7px 20px;
      border-radius: 10px;
      font-size: 15px;
      border: 1px solid #e7e8e9;
      min-width: 150px;
      font-weight: bold; }
    @media (max-width: 768px) {
      .catering-page .catering-container .change-inquiry-status button {
        font-size: 14px;
        padding: 7px 5px 7px 5px; } }
  .catering-page .catering-container .congrats-img {
    max-width: 75px;
    margin-right: -15px; }
  .catering-page .catering-container .congrats-text-holder {
    text-align: right;
    position: relative; }
  .catering-page .catering-container .hide-br {
    display: none; }
  .catering-page .catering-container .congrats-text {
    color: #13a89e; }
  @media (max-width: 1000px) {
    .catering-page .catering-container .hide-br {
      display: block; } }
  .catering-page .catering-container .inquiry-details textarea {
    border-radius: 4px;
    border: 1px solid #e9eaeb; }
  .catering-page .catering-container .inquiry-details span.bold {
    font-weight: bold;
    padding-left: 5px;
    margin-right: 0;
    display: inline-block;
    width: 190px; }
  .catering-page .catering-container .inquiry-details span.bold.margin-bot {
    margin-bottom: 10px; }
  .catering-page .catering-container .inquiry-details input {
    border-radius: 5px;
    border: 1px solid #e9eaeb;
    padding: 3px 10px;
    color: #58585a;
    min-width: 250px;
    width: 100%;
    max-width: 330px; }
  .catering-page .catering-container .form-control {
    max-width: 200px;
    color: #58585a;
    background-color: #e7e8e9;
    border-color: #e7e8e9;
    font-weight: bold; }
    .catering-page .catering-container .form-control option {
      border-radius: 10px; }
  .catering-page .catering-container .calendar-view:first-of-type {
    margin-top: 45px; }
  .catering-page .catering-container .calendar-view .fc-left h2 {
    font-size: 1.3em; }
  .catering-page .catering-container .calendar-view .fc-content {
    font-size: 13px;
    font-weight: 900;
    padding: 5px 5px; }
    @media (max-width: 1209px) {
      .catering-page .catering-container .calendar-view .fc-content {
        display: none; } }
  .catering-page .catering-container .calendar-view .fc-content-mobile {
    font-size: 12px;
    font-weight: 900;
    padding: 3px 3px; }
    @media (min-width: 1210px) {
      .catering-page .catering-container .calendar-view .fc-content-mobile {
        display: none; } }
  .catering-page .catering-container .table-hidden.table-row {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e8e9; }
    @media (max-width: 450px) {
      .catering-page .catering-container .table-hidden.table-row {
        padding-left: 5px; } }
    .catering-page .catering-container .table-hidden.table-row .col-xs-5 {
      padding: 0 10px; }
    .catering-page .catering-container .table-hidden.table-row p .icon-1, .catering-page .catering-container .table-hidden.table-row p .icon-2 {
      margin-right: 3px; }
      .catering-page .catering-container .table-hidden.table-row p .icon-1 img, .catering-page .catering-container .table-hidden.table-row p .icon-2 img {
        max-width: 16px; }
      .catering-page .catering-container .table-hidden.table-row p .icon-1 .fa, .catering-page .catering-container .table-hidden.table-row p .icon-2 .fa {
        font-size: 16px; }
    .catering-page .catering-container .table-hidden.table-row .read-messages {
      display: block;
      width: 170px;
      text-align: center;
      font-weight: normal;
      margin-top: 3px; }
  .catering-page .catering-container .table-hidden.table-row:last-of-type {
    border-bottom: 0; }
  .catering-page .catering-container .table-hidden {
    padding-left: 15px; }
    .catering-page .catering-container .table-hidden .col-sm-7, .catering-page .catering-container .table-hidden .col-xs-7 {
      padding: 0;
      word-wrap: break-word; }
    @media (min-width: 1202px) {
      .catering-page .catering-container .table-hidden {
        display: none; } }
    .catering-page .catering-container .table-hidden a.normal-text {
      color: #333333;
      text-decoration: underline; }
  .catering-page .catering-container .table.no-width {
    width: auto;
    margin-bottom: 10px;
    margin-left: 0; }
    .catering-page .catering-container .table.no-width div {
      display: inline-block; }
      @media (max-width: 874px) {
        .catering-page .catering-container .table.no-width div {
          display: block; } }
      @media (max-width: 767px) {
        .catering-page .catering-container .table.no-width div {
          display: inline-block; } }
      @media (max-width: 610px) {
        .catering-page .catering-container .table.no-width div {
          display: block; } }
    .catering-page .catering-container .table.no-width .inquiry-details {
      display: inline-block; }
  .catering-page .catering-container .table {
    margin-bottom: 0; }
    .catering-page .catering-container .table table.show-table {
      width: 100%;
      display: table; }
      @media (max-width: 991px) {
        .catering-page .catering-container .table table.show-table {
          display: none; } }
      .catering-page .catering-container .table table.show-table .inq-arrows {
        top: 4px;
        right: 5px; }
    .catering-page .catering-container .table table .table-row {
      border-top: 1px solid #e7e8e9; }
    .catering-page .catering-container .table table .table-row.table-head, .catering-page .catering-container .table table .message-row {
      border-top: 0; }
    .catering-page .catering-container .table table .message-row td {
      padding-top: 0; }
    .catering-page .catering-container .table table th {
      padding: 15px 10px 10px 10px;
      position: relative; }
      .catering-page .catering-container .table table th .th-holder {
        width: 100%;
        background-color: #f8f8f8;
        display: flex;
        justify-content: flex-start;
        border-radius: 4px;
        margin-top: 17px; }
        .catering-page .catering-container .table table th .th-holder .title {
          padding-top: 9px;
          padding-left: 6px; }
        .catering-page .catering-container .table table th .th-holder .order-arrows {
          margin-left: auto;
          padding-right: 6px; }
      .catering-page .catering-container .table table th .th-holder.reminder {
        background-color: #fcfcfc; }
        .catering-page .catering-container .table table th .th-holder.reminder .title {
          height: 45.7px; }
    .catering-page .catering-container .table table th.response {
      font-size: 13px;
      text-align: center; }
      @media (max-width: 1250px) {
        .catering-page .catering-container .table table th.response {
          font-size: 10px; } }
    .catering-page .catering-container .table table .inq-arrows {
      position: absolute;
      top: 5px;
      right: 5px; }
    .catering-page .catering-container .table table td.response-icons {
      width: 30px;
      text-align: center; }
      .catering-page .catering-container .table table td.response-icons svg {
        max-height: 20px; }
      .catering-page .catering-container .table table td.response-icons span svg path {
        fill: #333333; }
      .catering-page .catering-container .table table td.response-icons span i.fa {
        color: #333333;
        font-size: 22px; }
      .catering-page .catering-container .table table td.response-icons span img {
        max-height: 20px; }
      .catering-page .catering-container .table table td.response-icons .icon-1:hover svg path {
        fill: #4e7e4e; }
      .catering-page .catering-container .table table td.response-icons .icon-1:hover i.fa {
        color: #4e7e4e; }
      .catering-page .catering-container .table table td.response-icons .icon-1:hover img {
        content: url("https://static.spotapps.co/assets/admin/hourglass_full_hover.png"); }
      .catering-page .catering-container .table table td.response-icons .icon-2:hover svg path {
        fill: #b46118; }
      .catering-page .catering-container .table table td.response-icons .icon-2:hover i.fa {
        color: #b46118; }
      .catering-page .catering-container .table table td.response-icons .icon-2:hover img {
        content: url("https://static.spotapps.co/assets/admin/hourglass_empty_hover.png"); }
    .catering-page .catering-container .table table td:nth-of-type(1) {
      word-wrap: break-word;
      max-width: 270px;
      min-width: 220px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .catering-page .catering-container .table table td:nth-of-type(1) span.response-icons {
        display: inline-block;
        min-width: 15px; }
      @media (max-width: 1250px) {
        .catering-page .catering-container .table table td:nth-of-type(1) {
          max-width: 170px;
          min-width: 170px; } }
      .catering-page .catering-container .table table td:nth-of-type(1) a.normal-text {
        display: inline-block;
        margin-left: 11px;
        text-decoration: underline;
        color: #333333;
        word-wrap: break-word;
        white-space: normal;
        max-width: 140px;
        width: fit-content;
        line-height: 1.8em;
        vertical-align: top; }
        @media (max-width: 1250px) {
          .catering-page .catering-container .table table td:nth-of-type(1) a.normal-text {
            max-width: 90px; } }
    .catering-page .catering-container .table table td {
      min-width: 140px;
      padding: 10px; }
      @media (max-width: 1337px) {
        .catering-page .catering-container .table table td {
          min-width: 120px;
          font-size: 14px; } }
      @media (max-width: 1280px) {
        .catering-page .catering-container .table table td {
          min-width: 110px; } }
      .catering-page .catering-container .table table td .btn {
        width: 160px; }
        .catering-page .catering-container .table table td .btn span {
          display: inline-block;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          width: calc(100% - 15px);
          font-size: 13px;
          vertical-align: bottom; }
    @media (max-width: 1201px) {
      .catering-page .catering-container .table table {
        display: none; } }
    .catering-page .catering-container .table .btn:focus {
      outline: none; }
    .catering-page .catering-container .table .btn {
      color: #58585a;
      background-color: #e7e8e9;
      border-color: #e7e8e9;
      padding: 4px 5px;
      width: 170px;
      font-weight: bold; }
      @media (max-width: 950px) {
        .catering-page .catering-container .table .btn {
          font-size: 14px; } }
    .catering-page .catering-container .table .yellow {
      background-color: #f6953d;
      border-color: #f6953d;
      color: white; }
    .catering-page .catering-container .table .orange {
      background-color: #f2673d;
      border-color: #f2673d;
      color: white; }
    .catering-page .catering-container .table .red {
      background-color: #ef413d;
      border-color: #ef413d;
      color: white; }
    .catering-page .catering-container .table .green {
      background-color: #43b673;
      border-color: #43b673;
      color: white; }
    .catering-page .catering-container .table .blue {
      background-color: #44bcc7;
      border-color: #44bcc7;
      color: white; }
    .catering-page .catering-container .table .margin-bottom {
      margin-bottom: 10px; }
    .catering-page .catering-container .table .btn-details {
      width: 90px; }
      @media (max-width: 1140px) {
        .catering-page .catering-container .table .btn-details {
          width: 100px; } }
    .catering-page .catering-container .table i.fa-sort-down {
      margin-right: 2px; }
    .catering-page .catering-container .table .dropdown-menu {
      top: auto;
      left: auto;
      min-width: 167px;
      padding-left: 10px;
      text-align: left;
      font-size: 14px; }
      .catering-page .catering-container .table .dropdown-menu li {
        padding: 2px 0; }
      .catering-page .catering-container .table .dropdown-menu li:hover {
        cursor: pointer;
        background-color: #e7e8e9; }
    .catering-page .catering-container .table .dropdown-menu.new-dropdown {
      min-width: 190px; }
  .catering-page .catering-container .response-icons svg {
    margin-top: 3px;
    max-height: 16px; }
    .catering-page .catering-container .response-icons svg path {
      fill: #333333; }
  .catering-page .catering-container .response-icons i.fa {
    color: #333333;
    font-size: 20px; }
  .catering-page .catering-container .response-icons img {
    max-height: 20px; }
  .catering-page .catering-container .response-icons:hover .icon-1 svg path {
    fill: #4e7e4e; }
  .catering-page .catering-container .response-icons:hover .icon-1 i.fa {
    color: #4e7e4e; }
  .catering-page .catering-container .response-icons:hover .icon-1 img {
    content: url("https://static.spotapps.co/assets/admin/hourglass_full_hover.png"); }
  .catering-page .catering-container .response-icons:hover .icon-2 svg path {
    fill: #b46118; }
  .catering-page .catering-container .response-icons:hover .icon-2 i.fa {
    color: #b46118; }
  .catering-page .catering-container .response-icons:hover .icon-2 img {
    content: url("https://static.spotapps.co/assets/admin/hourglass_empty_hover.png"); }
  .catering-page .catering-container .notification-recipients-wrapper {
    background-color: #fdfaf9;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #e6d5d0;
    margin: 10px 0; }
    .catering-page .catering-container .notification-recipients-wrapper .recipents-holder {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
      background-color: white;
      padding: 5px 10px;
      border: 1px solid #e6d5d0;
      border-radius: 4px; }
      .catering-page .catering-container .notification-recipients-wrapper .recipents-holder p {
        margin-bottom: 0; }
        .catering-page .catering-container .notification-recipients-wrapper .recipents-holder p span {
          white-space: nowrap; }
          .catering-page .catering-container .notification-recipients-wrapper .recipents-holder p span b {
            text-transform: capitalize; }
      .catering-page .catering-container .notification-recipients-wrapper .recipents-holder a {
        text-decoration: underline;
        color: #ea580b;
        flex-shrink: 0; }
      .catering-page .catering-container .notification-recipients-wrapper .recipents-holder:first-of-type {
        margin-bottom: 10px; }
      @media (max-width: 991px) {
        .catering-page .catering-container .notification-recipients-wrapper .recipents-holder {
          flex-direction: column;
          align-items: flex-start; }
          .catering-page .catering-container .notification-recipients-wrapper .recipents-holder p span {
            white-space: normal; }
          .catering-page .catering-container .notification-recipients-wrapper .recipents-holder .phone-number {
            white-space: nowrap; } }
    .catering-page .catering-container .notification-recipients-wrapper .recipents-holder.nobody {
      background-color: transparent;
      padding-left: 0;
      border: 0; }
      .catering-page .catering-container .notification-recipients-wrapper .recipents-holder.nobody.mb-0 {
        margin-bottom: 0; }
      .catering-page .catering-container .notification-recipients-wrapper .recipents-holder.nobody a {
        padding-left: 10px; }
  .catering-page .catering-container .payment-holder {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding: 15px; }
  .catering-page .catering-container .reminder-holder {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: white;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #e7e8e9;
    margin-bottom: 10px; }
    .catering-page .catering-container .reminder-holder .img-holder {
      width: 35px;
      padding-right: 5px;
      border-right: 1px solid #707070;
      align-self: stretch;
      flex-shrink: 0;
      display: flex;
      align-items: center; }
      .catering-page .catering-container .reminder-holder .img-holder img {
        max-width: 100%; }
    .catering-page .catering-container .reminder-holder p {
      margin-bottom: 0;
      flex-shrink: 1;
      color: #58585a; }
    .catering-page .catering-container .reminder-holder button {
      margin-left: auto;
      background-color: white;
      color: black;
      font-weight: bold;
      padding: 5px 15px;
      border: 1px solid black;
      border-radius: 4px;
      flex-shrink: 0; }
    @media (max-width: 767px) {
      .catering-page .catering-container .reminder-holder {
        flex-wrap: wrap; }
        .catering-page .catering-container .reminder-holder p {
          max-width: calc(100vw - 140px); }
        .catering-page .catering-container .reminder-holder button {
          margin-left: 33px;
          margin-bottom: 5px; } }
.catering-page .res-payment-holder {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  padding: 10px; }
  @media (max-width: 600px) {
    .catering-page .res-payment-holder {
      flex-direction: column; }
      .catering-page .res-payment-holder .fee-holder {
        margin-bottom: 5px; }
      .catering-page .res-payment-holder .intent-holder div:first-of-type {
        margin-bottom: 5px; } }
  .catering-page .res-payment-holder .intent-holder {
    display: flex;
    flex-direction: column;
    gap: 5px; }
  .catering-page .res-payment-holder .payment-link {
    color: #ea5329;
    text-align: right;
    text-decoration: underline;
    cursor: pointer; }
    @media (max-width: 600px) {
      .catering-page .res-payment-holder .payment-link {
        text-align: left; } }
    .catering-page .res-payment-holder .payment-link.disabled {
      pointer-events: none;
      color: gray; }
.catering-page .res-payment-notification {
  border-radius: 7px;
  background: #ffead2;
  font-size: 14px;
  float: right;
  clear: both;
  width: fit-content;
  margin-bottom: 5px; }
  .catering-page .res-payment-notification span {
    display: block;
    padding: 5px 10px; }
.catering-page .above-table.row {
  margin-bottom: 10px;
  margin-top: 10px; }
  .catering-page .above-table.row .no-inq {
    text-align: left; }
.catering-page .above-table {
  margin-bottom: 10px;
  margin-top: 25px;
  padding: 0; }
  .catering-page .above-table input {
    padding: 6px 12px;
    color: #929597;
    border-radius: 5px;
    border: 1px solid #f5f6f7;
    font-weight: bold; }
  .catering-page .above-table input::placeholder {
    color: #929597;
    font-style: italic; }
  .catering-page .above-table .dropdown-menu {
    margin-top: 40px; }
  .catering-page .above-table .btn {
    width: 160px;
    text-align: left;
    background-color: white;
    color: #929597; }
  .catering-page .above-table .caret {
    margin: 0;
    margin-top: 7px; }
  .catering-page .above-table .no-inq {
    font-weight: bold;
    margin-top: 10px;
    color: #939598;
    font-size: 1em;
    text-align: center; }
  .catering-page .above-table .select-row.statuses .btn-add {
    background-color: #5cb85c;
    color: white;
    max-width: 150px; }
  .catering-page .above-table .select-row.statuses .btn {
    width: 175px; }
    @media (max-width: 767px) {
      .catering-page .above-table .select-row.statuses .btn {
        width: 175px; } }
  .catering-page .above-table .select-row.statuses .dropdown-menu {
    min-width: 175px; }
  .catering-page .above-table .select-row.switch {
    float: right;
    padding-top: 16px; }
    .catering-page .above-table .select-row.switch .switch-checkbox {
      height: 14px;
      width: 14px;
      margin-right: 6px;
      cursor: pointer; }
    .catering-page .above-table .select-row.switch .checkbox-text {
      font: normal normal bold 17px/20px Arial;
      letter-spacing: 0px;
      color: #381818; }
    .catering-page .above-table .select-row.switch .tooltip-text {
      visibility: hidden;
      position: absolute;
      z-index: 1;
      top: 100%;
      right: 0;
      width: 300px;
      padding: 15px 22px 23px 23px;
      border-radius: 4px;
      background: white;
      box-shadow: 0px 3px 6px #000029;
      text-align: left;
      font: normal normal normal 14px/17px Lato;
      letter-spacing: 0px;
      color: black; }
      @media (max-width: 1269px) {
        .catering-page .above-table .select-row.switch .tooltip-text {
          top: 110%; } }
    .catering-page .above-table .select-row.switch .tooltip-text::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -7px;
      border-width: 7px;
      border-style: solid;
      border-color: transparent transparent white transparent; }
    .catering-page .above-table .select-row.switch .checkbox-label {
      position: relative; }
      .catering-page .above-table .select-row.switch .checkbox-label input[type=checkbox] {
        visibility: hidden;
        margin-top: 2px;
        margin-right: 10px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .catering-page .above-table .select-row.switch .checkbox-label input[type=checkbox] {
            visibility: visible; } }
      .catering-page .above-table .select-row.switch .checkbox-label input[type=checkbox]:before {
        content: "\f096";
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        font-size: 18px;
        color: #22c55e;
        cursor: pointer; }
      .catering-page .above-table .select-row.switch .checkbox-label input[type=checkbox].active:before {
        content: "\f14a"; }
      .catering-page .above-table .select-row.switch .checkbox-label input[type=checkbox]:disabled:before {
        color: #939598; }
  .catering-page .above-table .select-row.switch:hover .tooltip-text {
    visibility: visible; }
  .catering-page .above-table .select-row.display-block {
    display: block;
    margin-right: 10px; }
  .catering-page .above-table .select-row {
    display: inline-block;
    padding-top: 10px;
    margin-right: 10px; }
    .catering-page .above-table .select-row .hide-show {
      padding-right: 7px; }
      @media (max-width: 1041px) {
        .catering-page .above-table .select-row .hide-show {
          display: none; } }
    .catering-page .above-table .select-row button span:first-of-type {
      margin-left: 0px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: calc(100% - 10px); }
    .catering-page .above-table .select-row .btn {
      width: 139px; }
      @media (max-width: 767px) {
        .catering-page .above-table .select-row .btn {
          width: 135px; } }
    .catering-page .above-table .select-row .dropdown-menu > li > a {
      padding-left: 10px; }
    .catering-page .above-table .select-row .dropdown-menu {
      min-width: 135px;
      margin-left: 0; }
    .catering-page .above-table .select-row .btn-search {
      margin-left: 10px;
      color: white;
      background-color: #a7a9ac;
      border-color: #e7e8e9;
      padding: 5px 10px;
      text-align: center;
      width: 100px;
      font-weight: bold; }
      @media (max-width: 345px) {
        .catering-page .above-table .select-row .btn-search {
          width: auto; } }
  .catering-page .above-table span {
    color: #929597;
    display: inline-block;
    font-weight: bold; }
  .catering-page .above-table .dropdown-menu {
    color: #58585a;
    top: auto;
    left: auto;
    padding: 5px 0px;
    text-align: left; }
    .catering-page .above-table .dropdown-menu li:hover {
      cursor: pointer;
      background-color: #e7e8e9; }
    @media (max-width: 1000px) {
      .catering-page .above-table .dropdown-menu {
        font-size: 0.95em; } }
    @media (max-width: 844px) {
      .catering-page .above-table .dropdown-menu {
        margin-left: 18px; } }
    @media (max-width: 767px) {
      .catering-page .above-table .dropdown-menu {
        margin-left: 0; } }
    @media (max-width: 557px) {
      .catering-page .above-table .dropdown-menu {
        margin-left: 18px; } }
  @media (max-width: 345px) {
    .catering-page .above-table {
      padding-left: 0; } }
  @media (max-width: 520px) {
    .catering-page .above-table {
      margin-top: 20px;
      margin-bottom: 20px; } }
.catering-page .above-table.separated {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .catering-page .above-table.separated {
      flex-direction: column; } }
  .catering-page .above-table.separated .select-row .btn {
    line-height: 17px; }
  .catering-page .above-table.separated .select-row:first-of-type {
    flex-grow: 1; }
  .catering-page .above-table.separated .select-row.new {
    padding-top: 12px; }
.catering-page .website-bar {
  padding-bottom: 0; }
  .catering-page .website-bar .website-section {
    margin-right: 80px; }
    @media (max-width: 766px) {
      .catering-page .website-bar .website-section {
        margin-right: 10px; } }
    .catering-page .website-bar .website-section a.new {
      padding: 6px 20px; }
      @media (max-width: 950px) {
        .catering-page .website-bar .website-section a.new {
          padding: 6px 10px; } }
      @media (max-width: 1023px) {
        .catering-page .website-bar .website-section a.new {
          display: none; } }
      .catering-page .website-bar .website-section a.new i {
        padding-right: 10px; }
        @media (max-width: 950px) {
          .catering-page .website-bar .website-section a.new i {
            padding-right: 5px; } }
    .catering-page .website-bar .website-section a.new.mini {
      display: none; }
      @media (max-width: 900px) {
        .catering-page .website-bar .website-section a.new.mini {
          display: inline-block; } }
    .catering-page .website-bar .website-section .btn-notifications {
      background-color: #58585a;
      border: none; }
    .catering-page .website-bar .website-section .btn-shopping-cart {
      background-color: #e7e8e9;
      border: none;
      color: #3a3a3c; }
    .catering-page .website-bar .website-section h3.tabnav {
      position: relative;
      padding: 0px 30px 20px 30px; }
      @media (max-width: 1075px) {
        .catering-page .website-bar .website-section h3.tabnav {
          padding: 0px 25px 20px 25px; } }
      @media (max-width: 1060px) {
        .catering-page .website-bar .website-section h3.tabnav {
          padding: 0px 18px 20px 18px; } }
      @media (max-width: 980px) {
        .catering-page .website-bar .website-section h3.tabnav {
          font-size: 1.1em; } }
      @media (max-width: 520px) {
        .catering-page .website-bar .website-section h3.tabnav {
          padding: 0px 15px 10px 15px;
          font-size: 1.1em; } }
      @media (max-width: 400px) {
        .catering-page .website-bar .website-section h3.tabnav {
          padding: 0px 10px 10px 10px;
          font-size: 1.05em; } }
      @media (max-width: 365px) {
        .catering-page .website-bar .website-section h3.tabnav {
          padding: 0px 5px 10px 5px;
          font-size: 1em; } }
      .catering-page .website-bar .website-section h3.tabnav a {
        color: inherit;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
      .catering-page .website-bar .website-section h3.tabnav .lb {
        display: none;
        line-height: 0px; }
        @media (max-width: 1000px) {
          .catering-page .website-bar .website-section h3.tabnav .lb {
            display: block; } }
      .catering-page .website-bar .website-section h3.tabnav .tab-icon {
        height: 21px;
        width: 21px;
        margin-right: 5px;
        filter: invert(41%) sepia(13%) saturate(2%) hue-rotate(4deg) brightness(94%) contrast(94%); }
      .catering-page .website-bar .website-section h3.tabnav .tab-text {
        display: inline-block;
        font: normal normal 700 18px/18px Lato;
        color: #656565;
        padding: 0px;
        padding-top: 2px;
        text-align: center; }
        @media (max-width: 1440px) {
          .catering-page .website-bar .website-section h3.tabnav .tab-text {
            width: 100%;
            font: normal normal 700 12px/18px Lato; } }
    .catering-page .website-bar .website-section .flag {
      margin-left: 5px; }
      @media (max-width: 540px) {
        .catering-page .website-bar .website-section .flag {
          max-width: 35px; } }
    .catering-page .website-bar .website-section h3.tabnav.active {
      border-bottom: 3px solid #ea5329;
      color: #ea5329; }
      .catering-page .website-bar .website-section h3.tabnav.active .tab-icon {
        filter: invert(41%) sepia(28%) saturate(6962%) hue-rotate(349deg) brightness(98%) contrast(86%); }
      .catering-page .website-bar .website-section h3.tabnav.active .tab-text {
        color: #ea5329; }
    .catering-page .website-bar .website-section h3 .popover.right {
      margin-left: 15px; }
  @media (max-width: 1600px) {
    .catering-page .website-bar .website-section.inquiries-new {
      margin-left: 1%; } }
  @media (max-width: 1366px) {
    .catering-page .website-bar .website-section.inquiries-new {
      margin-left: 1%; }
      .catering-page .website-bar .website-section.inquiries-new h3.tabnav {
        padding: 0 9px 20px 9px;
        font-size: 17px; } }
  @media (max-width: 767px) {
    .catering-page .website-bar .website-section.inquiries-new {
      margin-left: 50px; }
      .catering-page .website-bar .website-section.inquiries-new h3.tabnav {
        padding: 0px 10px 10px 10px;
        font-size: 1.05em; } }
  .catering-page .website-bar .website-section.inquiries-new .button-wrapper {
    display: inline-block;
    float: right; }
    @media (max-width: 1150px) {
      .catering-page .website-bar .website-section.inquiries-new .button-wrapper {
        display: inline-flex;
        flex-direction: column;
        gap: 5px;
        padding-bottom: 5px; } }
      @media (max-width: 1150px) and (max-width: 930px) {
        .catering-page .website-bar .website-section.inquiries-new .button-wrapper a.new {
          padding: 6px 6px;
          margin-left: 0;
          font-size: 13px; } }
  @media (max-width: 840px) {
    .catering-page .website-bar .website-section.inquiries-new h3.tabnav.regular-tab a {
      background: #ededed;
      border-radius: 50px;
      height: 35px;
      width: 35px; }
      .catering-page .website-bar .website-section.inquiries-new h3.tabnav.regular-tab a .tab-icon {
        height: 17px;
        width: 17px;
        margin: 0px; }
      .catering-page .website-bar .website-section.inquiries-new h3.tabnav.regular-tab a .tab-text {
        display: none; }
      .catering-page .website-bar .website-section.inquiries-new h3.tabnav.regular-tab a .flag {
        display: none; } }
  @media (max-width: 1100px) {
    .catering-page .website-bar .website-section.inquiries-new.reservation-inquiries h3.tabnav {
      padding: 0 7px 20px 7px;
      font-size: 14px; } }
  @media (max-width: 1024px) {
    .catering-page .website-bar .website-section.inquiries-new.reservation-inquiries h3.tabnav.waitlist-tables-tab .tab-text {
      width: 55px; } }
  @media (min-width: 1024px) {
    .catering-page .website-bar .website-section.inquiries-new.reservation-inquiries h3.tabnav.waitlist-tables-tab .tab-text {
      width: 80px; } }
  @media (min-width: 1400px) {
    .catering-page .website-bar .website-section.inquiries-new.reservation-inquiries h3.tabnav.waitlist-tables-tab .tab-text {
      width: auto; } }
  @media (max-width: 1166px) {
    .catering-page .website-bar .website-section.inquiries-new.reservation-inquiries h3.tabnav.waitlist-tables-tab .flag {
      display: none; }
    .catering-page .website-bar .website-section.inquiries-new.reservation-inquiries h3.tabnav.waitlist-tables-tab .tab-text {
      padding-top: 0px; } }

.popover {
  z-index: 10; }

.promotions-page .btn.save-promotion {
  padding: 7px 30px !important; }
  @media (max-width: 768px) {
    .promotions-page .btn.save-promotion {
      width: 100%; } }
.promotions-page .flex-column {
  display: flex;
  flex-direction: column; }
.promotions-page .website-section .text-right {
  text-align: right; }
  .promotions-page .website-section .text-right a {
    display: flex;
    align-items: center;
    text-decoration: none; }
.promotions-page .website-section .margin-top {
  margin-top: 12px; }
.promotions-page .website-section span.month-text {
  margin: 0 5px; }
.promotions-page .website-section .promotion-navigation {
  display: flex;
  background-color: #fdfaf9;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
  margin-bottom: 10px; }
  .promotions-page .website-section .promotion-navigation .nav-item {
    color: #a2a2a4;
    flex-basis: 150px;
    text-align: center;
    margin-right: 5px; }
    .promotions-page .website-section .promotion-navigation .nav-item .popover-inner {
      background-color: #e8e9e9; }
    .promotions-page .website-section .promotion-navigation .nav-item p {
      font-size: 12px;
      margin: 10px 0 0;
      border-right: 1px solid #e1cdc8; }
      .promotions-page .website-section .promotion-navigation .nav-item p img {
        max-height: 32px;
        display: block;
        margin: 0 auto 10px; }
      .promotions-page .website-section .promotion-navigation .nav-item p .visited {
        color: black;
        font-weight: bold; }
      .promotions-page .website-section .promotion-navigation .nav-item p span {
        cursor: pointer; }
        @media (max-width: 767px) {
          .promotions-page .website-section .promotion-navigation .nav-item p span {
            display: none; } }
    .promotions-page .website-section .promotion-navigation .nav-item p.invalid img {
      display: none; }
    .promotions-page .website-section .promotion-navigation .nav-item p.invalid img.error {
      display: block; }
  .promotions-page .website-section .promotion-navigation .nav-item.active {
    color: black;
    padding-bottom: 7px;
    border-bottom: 4px solid black; }
.promotions-page .website-section .form-navigation {
  position: fixed;
  display: flex;
  gap: 10px;
  color: black;
  justify-content: space-between;
  align-items: center;
  left: 250px;
  right: 0;
  bottom: 0;
  background: white;
  padding: 15px 40px 15px 30px;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media (max-width: 768px) {
    .promotions-page .website-section .form-navigation {
      left: 0; } }
  @media (max-width: 767px) {
    .promotions-page .website-section .form-navigation {
      left: 0;
      display: block;
      padding: 15px;
      text-align: center; }
      .promotions-page .website-section .form-navigation .buttons-holder {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 10px; }
        .promotions-page .website-section .form-navigation .buttons-holder button {
          flex-grow: 1;
          margin-right: 0; }
        .promotions-page .website-section .form-navigation .buttons-holder .save-promotion {
          width: auto; } }
  .promotions-page .website-section .form-navigation button {
    padding: 7px 20px;
    margin: 0;
    border-radius: 5px;
    margin-right: 6px;
    min-width: 90px;
    background-color: #fdfaf9;
    border: 1px solid #e1cdc8;
    color: black;
    vertical-align: bottom; }
  .promotions-page .website-section .form-navigation .save-promotion {
    min-width: 130px;
    color: white; }
  .promotions-page .website-section .form-navigation .btn-success.save-promotion.form-invalid {
    opacity: 0.65; }
  .promotions-page .website-section .form-navigation .form-error-msg {
    color: black;
    padding: 10px;
    border: 1px solid red;
    border-radius: 4px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px; }
    .promotions-page .website-section .form-navigation .form-error-msg img {
      max-width: 30px; }
  .promotions-page .website-section .form-navigation .custom-footer-text {
    display: flex;
    align-items: center;
    gap: 15px; }
    .promotions-page .website-section .form-navigation .custom-footer-text .img-holder {
      flex-basis: 60px;
      align-self: center; }
      @media (max-width: 767px) {
        .promotions-page .website-section .form-navigation .custom-footer-text .img-holder {
          display: none; } }
      .promotions-page .website-section .form-navigation .custom-footer-text .img-holder img {
        max-width: 100%; }
    .promotions-page .website-section .form-navigation .custom-footer-text p {
      color: black;
      margin: 5px 0; }
      .promotions-page .website-section .form-navigation .custom-footer-text p a {
        text-decoration: underline;
        white-space: nowrap; }
    .promotions-page .website-section .form-navigation .custom-footer-text p:first-of-type {
      font-weight: 600; }
  .promotions-page .website-section .form-navigation .buttons-holder {
    flex-shrink: 0; }
.promotions-page .website-bar {
  padding-bottom: 0; }
  .promotions-page .website-bar .website-section {
    margin-right: 90px; }
    @media (max-width: 766px) {
      .promotions-page .website-bar .website-section {
        margin-right: 10px; } }
    .promotions-page .website-bar .website-section a.new {
      padding: 6px 20px; }
      @media (max-width: 1150px) {
        .promotions-page .website-bar .website-section a.new {
          padding: 6px 8px; } }
      @media (max-width: 900px) {
        .promotions-page .website-bar .website-section a.new {
          display: none; } }
      .promotions-page .website-bar .website-section a.new i {
        padding-right: 10px;
        line-height: 2.85714;
        vertical-align: top; }
        @media (max-width: 950px) {
          .promotions-page .website-bar .website-section a.new i {
            padding-right: 5px; } }
      .promotions-page .website-bar .website-section a.new span {
        display: inline-block; }
    .promotions-page .website-bar .website-section a.new.mini {
      display: none; }
      @media (max-width: 900px) {
        .promotions-page .website-bar .website-section a.new.mini {
          display: inline-block; } }
    .promotions-page .website-bar .website-section a.new.mini i {
      line-height: 1;
      vertical-align: middle; }
      @media (max-width: 800px) {
        .promotions-page .website-bar .website-section a.new.mini i {
          display: none; } }
      @media (max-width: 767px) {
        .promotions-page .website-bar .website-section a.new.mini i {
          display: initial; } }
    .promotions-page .website-bar .website-section h3.tabnav {
      padding: 0px 30px 20px 30px; }
      @media (max-width: 1250px) {
        .promotions-page .website-bar .website-section h3.tabnav {
          font-size: 1.1em;
          padding: 0px 15px 20px 15px;
          text-align: center; } }
      @media (max-width: 1150px) {
        .promotions-page .website-bar .website-section h3.tabnav {
          font-size: 1em; } }
      @media (max-width: 520px) {
        .promotions-page .website-bar .website-section h3.tabnav {
          padding: 0px 15px 10px 15px;
          font-size: 1.1em; } }
      @media (max-width: 400px) {
        .promotions-page .website-bar .website-section h3.tabnav {
          padding: 0px 10px 10px 10px;
          font-size: 1.05em; } }
      @media (max-width: 365px) {
        .promotions-page .website-bar .website-section h3.tabnav {
          padding: 0px 5px 10px 5px;
          font-size: 1em; } }
      @media (max-width: 335px) {
        .promotions-page .website-bar .website-section h3.tabnav {
          font-size: 0.8em; } }
      .promotions-page .website-bar .website-section h3.tabnav a {
        color: inherit; }
      .promotions-page .website-bar .website-section h3.tabnav .lb {
        display: none;
        line-height: 0px; }
        @media (max-width: 1000px) {
          .promotions-page .website-bar .website-section h3.tabnav .lb {
            display: block; } }
    .promotions-page .website-bar .website-section h3.tabnav.active {
      border-bottom: 3px solid #ea5329;
      color: #ea5329; }
    .promotions-page .website-bar .website-section h3 .popover.right {
      margin-left: 15px; }
.promotions-page .promotions-setup .website-section {
  margin-bottom: 0;
  padding-top: 0;
  border: none;
  background-color: transparent; }
  .promotions-page .promotions-setup .website-section .loader-wrapper .loader {
    margin: 0 auto;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite; }
.promotions-page .website-container {
  padding-right: 30%; }
  @media (max-width: 1700px) {
    .promotions-page .website-container {
      padding-right: 120px; } }
  @media (max-width: 1400px) {
    .promotions-page .website-container {
      padding-right: 100px; } }
  @media (max-width: 1200px) {
    .promotions-page .website-container {
      padding-right: 20px; } }
  @media (max-width: 1023px) {
    .promotions-page .website-container {
      padding-left: 10px;
      padding-right: 10px; } }
  .promotions-page .website-container h2 {
    margin-bottom: 20px;
    font-size: 2em;
    font-weight: lighter;
    color: #58585a; }
    @media (max-width: 1300px) {
      .promotions-page .website-container h2 {
        font-size: 1.8em; } }
    @media (max-width: 1200px) {
      .promotions-page .website-container h2 {
        font-size: 1.6em; } }
    @media (max-width: 767px) {
      .promotions-page .website-container h2 {
        margin-bottom: 15px;
        font-size: 1.5em; } }
  .promotions-page .website-container h2.channels {
    color: black;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0; }
  .promotions-page .website-container h3 {
    padding-bottom: 2px;
    color: #58585a; }
    @media (max-width: 1300px) {
      .promotions-page .website-container h3 {
        font-size: 1.2em; } }
  .promotions-page .website-container h3.addition {
    padding-bottom: 0;
    color: #a7a9ac;
    font-size: 1.2em; }
  .promotions-page .website-container .promotions-group {
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .promotions-page .website-container .promotions-group {
        margin-bottom: 30px; } }
    .promotions-page .website-container .promotions-group .legend {
      background-color: white;
      padding: 15px 15px;
      border-radius: 10px;
      font-weight: bold; }
      .promotions-page .website-container .promotions-group .legend .legend-group {
        margin-bottom: 15px; }
        .promotions-page .website-container .promotions-group .legend .legend-group span {
          padding-right: 15px;
          white-space: nowrap; }
          .promotions-page .website-container .promotions-group .legend .legend-group span img {
            width: 25px;
            margin-right: 5px;
            bottom: 2px;
            position: relative; }
          .promotions-page .website-container .promotions-group .legend .legend-group span img.pointer {
            width: 15px; }
          .promotions-page .website-container .promotions-group .legend .legend-group span span.key {
            padding: 0;
            color: black; }
        .promotions-page .website-container .promotions-group .legend .legend-group span.fixed-width {
          width: 200px;
          display: inline-block;
          padding: 0; }
      .promotions-page .website-container .promotions-group .legend .legend-group.spaced {
        line-height: 2.2; }
    .promotions-page .website-container .promotions-group h4 {
      display: block;
      color: #58585a; }
    .promotions-page .website-container .promotions-group h4.dark {
      color: #646567; }
    .promotions-page .website-container .promotions-group .promotions-item {
      display: inline-block;
      width: 33%;
      padding: 5px; }
      @media (max-width: 1023px) {
        .promotions-page .website-container .promotions-group .promotions-item {
          width: 33%; } }
      @media (max-width: 960px) {
        .promotions-page .website-container .promotions-group .promotions-item {
          width: 50%; } }
      @media (max-width: 767px) {
        .promotions-page .website-container .promotions-group .promotions-item {
          width: 100%; } }
      .promotions-page .website-container .promotions-group .promotions-item .action-div.btn-default {
        background: #9dbcb3;
        color: white;
        font-size: 1.2em;
        padding: 8px 18px;
        height: 70px;
        width: 100%;
        cursor: auto; }
        .promotions-page .website-container .promotions-group .promotions-item .action-div.btn-default span {
          cursor: pointer; }
        .promotions-page .website-container .promotions-group .promotions-item .action-div.btn-default a {
          color: white;
          text-decoration: none; }
        .promotions-page .website-container .promotions-group .promotions-item .action-div.btn-default .edit-promotion {
          margin-top: 8px;
          display: inline-block;
          margin-right: 15px; }
        .promotions-page .website-container .promotions-group .promotions-item .action-div.btn-default .runs {
          margin-top: 7px;
          font-size: 12px;
          color: #d2e0db; }
        .promotions-page .website-container .promotions-group .promotions-item .action-div.btn-default.other-things-to-highlight {
          height: 60px;
          display: flex;
          justify-content: center;
          align-items: center; }
      .promotions-page .website-container .promotions-group .promotions-item .btn-default {
        width: 100%;
        padding: 12px 5px;
        color: #646567;
        border-radius: 10px;
        font-size: 1.1em;
        font-weight: 600;
        line-height: 1em;
        -webkit-box-shadow: none;
        box-shadow: none;
        white-space: normal;
        position: relative; }
        @media (max-width: 1300px) {
          .promotions-page .website-container .promotions-group .promotions-item .btn-default {
            font-size: 1em; } }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default .button-content {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .button-content img.emoji {
            width: 25px;
            margin-right: 5px; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .button-content .mt-1 {
            margin-top: 10px; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .button-content.occasion {
            padding: 5px 0; }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default .button-content.flex-nowrap {
          flex-wrap: nowrap; }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default .promotion-name {
          margin-bottom: 10px; }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder {
          width: 100%;
          font-size: 0.9em; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .fa {
            position: relative;
            border-radius: 4px;
            top: 0;
            right: 0; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .fa-arrow-up {
            transform: rotate(-45deg); }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .pop-up-icon {
            background: #00a9de;
            color: white;
            font-size: 0.7em;
            border-radius: 2px;
            padding: 2px 4px; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .recurring-promotion-icon {
            font-size: 0.9em; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .fa-facebook-square {
            color: #415c98; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .fa-comment {
            background: #00b776;
            color: white; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .fa-envelope-o {
            background: #db4d4a;
            color: white; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder .fa-picture-o {
            background: #00a89e;
            color: white; }
          .promotions-page .website-container .promotions-group .promotions-item .btn-default .icons-holder span {
            padding-right: 5px; }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default .fa {
          padding: 2px;
          font-size: 1em;
          position: absolute;
          top: -1px;
          right: -1px;
          border-radius: 50%; }
          @media (max-width: 1200px) {
            .promotions-page .website-container .promotions-group .promotions-item .btn-default .fa {
              font-size: 1.1em; } }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default .fa-check {
          background-color: #2bb673;
          color: white; }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default img.legend-icon {
          height: 17px; }
      .promotions-page .website-container .promotions-group .promotions-item .btn-default:hover p {
        display: block;
        transform-origin: 100% 0%;
        z-index: 1000; }
      .promotions-page .website-container .promotions-group .promotions-item .btn-default p {
        display: none;
        text-align: left;
        background-color: white;
        padding: 15px;
        width: 300px;
        position: absolute;
        border-radius: 6px;
        border: 1px solid #e7e8e9;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        right: -4px;
        color: #58585a;
        font-size: 13px;
        line-height: 1.1;
        top: 60px;
        margin: 0;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 400; }
      .promotions-page .website-container .promotions-group .promotions-item .btn-default p:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: white;
        right: 10px;
        top: -20px; }
      .promotions-page .website-container .promotions-group .promotions-item .btn-default.active {
        border: 2px solid #2bb673;
        height: auto; }
        @media (max-width: 1200px) {
          .promotions-page .website-container .promotions-group .promotions-item .btn-default.active {
            height: auto; } }
        .promotions-page .website-container .promotions-group .promotions-item .btn-default.active.occasion {
          padding: 5px; }
      .promotions-page .website-container .promotions-group .promotions-item .btn-default.problem {
        display: inline-block; }
      .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper {
        display: flex;
        gap: 5px;
        margin-top: 6px; }
        @media (max-width: 1120px) {
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper {
            flex-direction: column; } }
        @media (max-width: 767px) {
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper {
            flex-direction: row; } }
        .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder {
          background-color: #f4f4f4;
          border-radius: 30px;
          display: flex;
          align-items: center;
          gap: 3px;
          padding: 3px 10px 3px 3px;
          flex-grow: 1; }
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder span {
            color: #646567;
            font-weight: 400;
            font-size: 12px; }
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .checkbox-label {
            display: flex;
            align-items: center; }
            .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .checkbox-label input[type=checkbox].active:before {
              color: #f4583c;
              font-size: 1.25em;
              margin-top: 0; }
            .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .checkbox-label .style {
              font-size: 13px;
              font-weight: 600;
              min-width: 100%;
              text-align: left;
              margin-left: -28px; }
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .switch-checkbox {
            height: 0;
            width: 0;
            visibility: hidden; }
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .label-switch-checkbox {
            flex-shrink: 0;
            cursor: pointer;
            text-indent: -9999px;
            width: 30px;
            height: 20px;
            background: #cdcdcd;
            display: block;
            border-radius: 20px;
            position: relative;
            margin-bottom: 0; }
            @media (max-width: 767px) {
              .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .label-switch-checkbox {
                transform: scale(0.8); } }
            .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .label-switch-checkbox:after {
              content: "";
              position: absolute;
              top: 3px;
              left: 3px;
              width: 14px;
              height: 14px;
              background: white;
              border-radius: 14px;
              transition: 0.3s; }
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .switch-checkbox:checked + .label-switch-checkbox {
            background: #2bb673; }
            .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .switch-checkbox:checked + .label-switch-checkbox:after {
              left: calc(100% - 3px);
              transform: translateX(-100%); }
          .promotions-page .website-container .promotions-group .promotions-item .switch-wrapper .switch-holder .label-switch-checkbox:active:after {
            width: 26px; }
    .promotions-page .website-container .promotions-group .promotions-item.channel {
      width: 24%; }
      @media (max-width: 850px) {
        .promotions-page .website-container .promotions-group .promotions-item.channel {
          width: 50%; } }
      @media (max-width: 767px) {
        .promotions-page .website-container .promotions-group .promotions-item.channel {
          width: 50%;
          margin: 0 auto;
          display: block; } }
      @media (max-width: 450px) {
        .promotions-page .website-container .promotions-group .promotions-item.channel {
          width: 75%; } }
    .promotions-page .website-container .promotions-group .more-holder {
      text-align: center;
      font-size: 1.2em;
      font-weight: 600; }
      .promotions-page .website-container .promotions-group .more-holder a {
        text-decoration: underline; }
  .promotions-page .website-container .promotions-group.list-promotions-group .website-section {
    padding: 15px 15px 10px 15px;
    margin-top: 20px; }
  .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center; }
    @media (max-width: 550px) {
      .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item {
        flex-direction: column; } }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .flex-content {
      width: 33%; }
      @media (max-width: 550px) {
        .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .flex-content {
          width: 100%;
          text-align: center; } }
      .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .flex-content p {
        margin-top: 5px; }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .flex-content:first-of-type p {
      font-size: 17px; }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .flex-content.text-center {
      text-align: center; }
      .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .flex-content.text-center p {
        margin-top: 7px; }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .btn-default {
      width: auto; }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .btn {
      padding: 3px 15px;
      font-size: 12px;
      float: right;
      font-weight: bold; }
      @media (max-width: 550px) {
        .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .btn {
          width: 200px;
          float: none;
          margin: 0 50px; } }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .btn-info {
      padding: 3px 25px;
      margin-right: 10px; }
      @media (max-width: 550px) {
        .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item .btn-info {
          dislpay: block;
          margin: 7px 0 0 0; } }
    .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item p {
      color: black;
      font-weight: bold; }
      .promotions-page .website-container .promotions-group.list-promotions-group .promotions-item p span {
        color: #93959e;
        font-weight: 400; }
  .promotions-page .website-container .promotions-group.list-promotions-group .preview-row {
    border-top: 1px solid #e9eaeb;
    padding: 5px 10px 0 10px; }
  .promotions-page .website-container .promotions-group.list-promotions-group h4 {
    font-weight: bold; }
  .promotions-page .website-container .promotions-btn {
    margin-top: 30px;
    text-align: center; }
    @media (max-width: 767px) {
      .promotions-page .website-container .promotions-btn {
        margin-top: 20px; } }
    .promotions-page .website-container .promotions-btn .btn-success {
      margin: 20px auto;
      font-size: 1.1em; }
.promotions-page .promotions-done .website-section {
  margin-bottom: 10px;
  padding: 20px 25px 15px 30px;
  border-color: transparent;
  position: relative; }
  .promotions-page .promotions-done .website-section .toggle-promotion-edit-icons {
    font-size: 2em;
    margin-left: 0.4em; }
  .promotions-page .promotions-done .website-section .required-field-character {
    color: #ff0808;
    padding: 3px; }
  @media (max-width: 767px) {
    .promotions-page .promotions-done .website-section {
      padding: 15px; } }
  .promotions-page .promotions-done .website-section .loader-wrapper .loader {
    margin: 0 auto;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite; }
  .promotions-page .promotions-done .website-section .name-image {
    display: flex;
    justify-content: normal;
    align-items: center; }
    .promotions-page .promotions-done .website-section .name-image img.emoji {
      width: 25px;
      margin-right: 5px;
      margin-bottom: 15px; }
    .promotions-page .promotions-done .website-section .name-image h4 {
      margin-top: 0; }
  .promotions-page .promotions-done .website-section hr {
    clear: both;
    margin: 10px 0; }
  .promotions-page .promotions-done .website-section .details-text-wrapper {
    min-height: 60px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    margin-bottom: 15px; }
    .promotions-page .promotions-done .website-section .details-text-wrapper p {
      margin: 10px 20px; }
  .promotions-page .promotions-done .website-section .fields-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column; }
    .promotions-page .promotions-done .website-section .fields-section label {
      margin-bottom: 0;
      margin-right: 5px; }
    .promotions-page .promotions-done .website-section .fields-section .no-radio-btn-label {
      margin-left: 19px; }
    .promotions-page .promotions-done .website-section .fields-section .link-button-bundle {
      margin-top: 15px; }
      .promotions-page .promotions-done .website-section .fields-section .link-button-bundle p {
        color: red;
        font-size: 10px;
        margin: 0 0;
        text-align: right; }
    .promotions-page .promotions-done .website-section .fields-section .website-promotion-bundle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
    .promotions-page .promotions-done .website-section .fields-section .website-promotion-bundle > div {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .promotions-page .promotions-done .website-section .fields-section .website-promotion-bundle > div .date-picker {
        padding: 1px 2px;
        width: 130px; }
  .promotions-page .promotions-done .website-section .event-date .input-group .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: auto; }
  .promotions-page .promotions-done .website-section .event-date .input-group .input-group-btn .btn {
    padding: 7px 40px;
    height: 33px; }
  .promotions-page .promotions-done .website-section .event-date .input-group .dropdown-menu {
    margin-left: -75px; }
  .promotions-page .promotions-done .website-section .event-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 2em 0; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .event-fields {
        justify-content: flex-start; } }
    .promotions-page .promotions-done .website-section .event-fields .form-control {
      flex: 1 120px;
      margin-left: 10px;
      max-width: 120px;
      height: 40px; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .event-fields .form-control {
          flex: 0.5 100px; } }
    .promotions-page .promotions-done .website-section .event-fields label:first-child {
      margin-left: 0; }
    .promotions-page .promotions-done .website-section .event-fields label {
      margin-left: 10px; }
    .promotions-page .promotions-done .website-section .event-fields .btn {
      padding: 7px 40px;
      height: 40px; }
  .promotions-page .promotions-done .website-section .fields-section.event-fields input {
    width: 110px; }
  .promotions-page .promotions-done .website-section .fields-section.event-fields .event-date input {
    width: 88px; }
  .promotions-page .promotions-done .website-section .fields-section.event-fields .event-date .btn {
    padding: 6px 12px; }
  .promotions-page .promotions-done .website-section .fields-section.event-fields label {
    display: inline; }
  .promotions-page .promotions-done .website-section .website-channel-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column; }
    .promotions-page .promotions-done .website-section .website-channel-holder .website-desc-choice-holder:hover .help-tip {
      display: inline-block; }
    .promotions-page .promotions-done .website-section .website-channel-holder .help-tip {
      display: none;
      position: relative;
      text-align: center;
      background-color: #898b8e;
      font-size: 14px;
      line-height: 24px;
      cursor: default;
      z-index: 1000; }
    .promotions-page .promotions-done .website-section .website-channel-holder .help-tip:hover p {
      display: block;
      transform-origin: 100% 0%; }
    .promotions-page .promotions-done .website-section .website-channel-holder .help-tip p {
      text-align: left;
      background-color: #58585a;
      padding: 15px;
      margin: 0;
      width: 300px;
      position: absolute;
      border-radius: 3px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      right: -10px;
      top: 25px;
      color: white;
      font-size: 13px;
      line-height: 1.1; }
      @media (max-width: 1024px) {
        .promotions-page .promotions-done .website-section .website-channel-holder .help-tip p {
          width: 130px; } }
    .promotions-page .promotions-done .website-section .website-channel-holder .help-tip p:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-bottom-color: #58585a;
      right: 10px;
      top: -12px; }
    .promotions-page .promotions-done .website-section .website-channel-holder .help-tip p:after {
      width: 100%;
      height: 5px;
      content: "";
      position: absolute;
      top: -40px;
      left: 0; }
    .promotions-page .promotions-done .website-section .website-channel-holder .website-details-holder {
      width: 60%; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .website-channel-holder .website-details-holder {
          width: 100%; } }
    .promotions-page .promotions-done .website-section .website-channel-holder textarea {
      border: 1px solid #e1cdc8;
      border-radius: 6px;
      padding: 5px;
      width: 100%;
      min-height: 70px;
      color: #58585a; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .website-channel-holder textarea {
          min-height: 120px; } }
    .promotions-page .promotions-done .website-section .website-channel-holder label {
      display: flex;
      flex: 1 0 33%; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .website-channel-holder label {
          margin-top: 0; } }
    .promotions-page .promotions-done .website-section .website-channel-holder input[type="text"], .promotions-page .promotions-done .website-section .website-channel-holder select {
      flex: 1 0 71%;
      margin-top: 1em;
      border: 1px solid #e1cdc8;
      border-radius: 6px; }
      @media (max-width: 1200px) {
        .promotions-page .promotions-done .website-section .website-channel-holder input[type="text"], .promotions-page .promotions-done .website-section .website-channel-holder select {
          flex: 1 0 73%; } }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .website-channel-holder input[type="text"], .promotions-page .promotions-done .website-section .website-channel-holder select {
          margin-top: unset; } }
    .promotions-page .promotions-done .website-section .website-channel-holder input.small-el, .promotions-page .promotions-done .website-section .website-channel-holder select.small-el {
      flex: 1 0 34%; }
      @media (max-width: 1500px) {
        .promotions-page .promotions-done .website-section .website-channel-holder input.small-el, .promotions-page .promotions-done .website-section .website-channel-holder select.small-el {
          flex: 1 0 32.5%; } }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .website-channel-holder input.small-el, .promotions-page .promotions-done .website-section .website-channel-holder select.small-el {
          flex: 1 0 31%; } }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .website-channel-holder input.small-el, .promotions-page .promotions-done .website-section .website-channel-holder select.small-el {
          flex: 1 0 18%;
          margin-left: 2px; } }
    .promotions-page .promotions-done .website-section .website-channel-holder label.small-el {
      flex: 0.5; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .website-channel-holder label.small-el {
          margin-bottom: 0.2em; } }
    .promotions-page .promotions-done .website-section .website-channel-holder .form-control.website-promotion-popup-template, .promotions-page .promotions-done .website-section .website-channel-holder .form-control {
      padding: 6px 10px; }
    .promotions-page .promotions-done .website-section .website-channel-holder .hide-promotion-desc-label {
      flex: 0.3 0 20%; }
    .promotions-page .promotions-done .website-section .website-channel-holder .website-promotion-type {
      margin-top: 7px;
      min-width: 300px; }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .website-channel-holder .website-promotion-type {
          min-width: auto;
          width: 100%; } }
    .promotions-page .promotions-done .website-section .website-channel-holder .date-picker {
      margin-top: 7px !important;
      min-width: 260px; }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .website-channel-holder .date-picker {
          width: 100%;
          min-width: auto; } }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .website-channel-holder .website-channel-type {
        width: 45%; } }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .website-channel-holder .website-channel-type {
        width: 100%; } }
    .promotions-page .promotions-done .website-section .website-channel-holder .website-header-holder .website-channel-dates-holder .margin-right-auto {
      margin-right: auto; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .website-channel-holder .website-header-holder .website-channel-dates-holder {
        width: 45%; } }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .website-channel-holder .website-header-holder .website-channel-dates-holder {
        width: 100%; } }
    .promotions-page .promotions-done .website-section .website-channel-holder .promotion-pop-up-layout-example-holder {
      margin-top: 1em; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .disable-section {
    opacity: 0.6;
    pointer-events: none; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .add-alt {
    right: 27px; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .img-holder img {
    padding: 0.5em 1em 1em 1em; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .promotion-images-holder {
    min-width: 150px; }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .promotion-images-holder .promotion-image {
      width: 130px;
      height: 130px; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .checkbox-holder {
    gap: 1em;
    align-items: center;
    margin-bottom: 1em; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .checkbox-holder {
        margin-bottom: 0; } }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .checkbox-holder input {
      margin-top: 0; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .divider {
    margin: 2em auto 2em -12px;
    width: 583px; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .divider {
        width: 100%; } }
  @media (max-width: 768px) {
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .image-and-textarea-holder {
      flex-wrap: wrap; } }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date {
    max-width: 160px;
    margin-right: 2em;
    min-width: 140px; }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .btn-group .btn-danger.btn {
      display: none; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date {
        width: 100%;
        max-width: 100%; } }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .input-group {
      border: 1px solid #e1cdc8; }
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .input-group .dropdown-menu {
        margin-left: -15px; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .input-group {
          width: 100%; } }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .btn-sm {
        width: auto !important;
        height: auto !important;
        padding: 10px !important; } }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .btn-default {
      height: 32px;
      padding: 0 30px;
      color: #6a6a6c; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .btn-default {
          width: 100%;
          margin: 0; } }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .input-group-btn {
        width: 50%; } }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .form-control {
      margin: 0;
      height: 32px; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .form-control {
          width: 100%; } }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .event-date .input-group {
      border: 1px solid #e1cdc8;
      border-radius: 5px; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .mr-1 {
    margin-right: 1em; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .mr-1 {
        margin-right: 1%; } }
  @media (max-width: 991px) {
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time-holder.date {
      width: 36%; } }
  @media (max-width: 768px) {
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time-holder.date {
      width: 100%; } }
  @media (max-width: 768px) {
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time-holder.mr-1 {
      width: 49%; } }
  @media (max-width: 991px) {
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time-holder {
      width: 30%; } }
  @media (max-width: 768px) {
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time-holder {
      width: 50%;
      margin-top: 1em; } }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time {
    padding: 10px;
    border: 1px solid #e1cdc8;
    border-radius: 5px;
    max-width: 185px; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-date-holder .time {
        max-width: 100%; } }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .text-inputs-holder {
    margin-left: 3em;
    width: 100%; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .text-inputs-holder {
        margin-left: auto; } }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .title-holder {
    margin-bottom: 1em; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text.sanitize-text p span {
    font-size: 1em !important; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text .ta-editor {
    height: auto;
    overflow: auto;
    font-family: inherit;
    margin: 5px 0 10px 0;
    padding: 8px;
    color: #58585a;
    border-color: #e1cdc8;
    box-shadow: none;
    border-radius: 5px;
    max-width: 100%;
    min-height: 70px; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text .ta-editor {
        min-height: 120px; } }
    .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text .ta-editor .ta-bind {
      min-height: 80px;
      outline: none !important;
      word-break: break-all; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text .btn {
    padding: 8px 16px;
    border-radius: 5px;
    border-color: #e1cdc8;
    color: #6a6a6c;
    padding: 6px 12px; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text .btn-group {
    margin-right: 5px; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text p {
    margin-top: 0; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text div[ng-model="html"] {
    outline: none; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .event-rich-text.focussed p {
    margin: 0; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .text-inputs-holder input.error {
    border: 1px solid red; }
  .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .text-inputs-holder input {
    max-width: 380px;
    border-color: #e1cdc8; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.website-event-channel-holder .text-inputs-holder input {
        max-width: 100%; } }
  @media (max-width: 991px) {
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .email-main-holder {
      flex-wrap: wrap; } }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .divider {
    width: 101.5%; }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .date-time-row {
    gap: 1em; }
    @media (max-width: 1100px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .date-time-row {
        align-items: end; } }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .date-time-row {
        flex-wrap: wrap; } }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .date-time-holder {
    gap: 3em;
    align-items: end;
    margin-bottom: 1.5em; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .date-time-holder {
        flex-wrap: wrap;
        gap: 1em; } }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder {
    width: 64%; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder {
        width: 100%; } }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder label {
      margin-top: 1em; }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder input, .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder textarea {
      border: 1px solid #e1cdc8;
      border-radius: 5px; }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder textarea {
      color: #58585a;
      min-height: 70px;
      width: 100%;
      padding: 10px;
      z-index: 1;
      max-width: 100%; }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .inputs-holder textarea {
          min-height: 120px; } }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .promotion-pop-up-layout-example-holder {
    width: 30%;
    margin-left: 3em; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .promotion-pop-up-layout-example-holder {
        width: 40%;
        margin-left: 0;
        margin-top: 1em; } }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .promotion-pop-up-layout-example-holder {
        width: 100%; } }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .promotion-pop-up-layout-example-holder a {
      color: #939598; }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .promotion-pop-up-layout-example-holder label {
      margin-top: 0; }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .col-3 {
    width: 50%; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .col-3 {
        width: 100%; } }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .form-control {
    padding: 5px 10px;
    border: 1px solid #e1cdc8;
    border-radius: 5px; }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .form-control.ng-invalid {
    border-color: red; }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .input-col-2 {
    gap: 1em;
    align-items: end; }
    @media (max-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .input-col-2 {
        flex-wrap: wrap; } }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .input-col-2 div {
      width: 100%; }
  .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .email-label-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 317px; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .email-label-wrapper {
        max-width: 350px; } }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .email-label-wrapper .email-style-link .fa {
      background-color: #e9590c;
      color: white;
      border-radius: 50%;
      padding: 3px;
      font-size: 10px; }
    .promotions-page .promotions-done .website-section .social-fields.email-channel-holder .email-label-wrapper .email-style-link span:last-of-type {
      vertical-align: middle; }
  .promotions-page .promotions-done .website-section .social-fields {
    padding: 1em;
    margin: 2em 0 0;
    align-items: center;
    background-color: #fdfaf9;
    border: 2px solid #e6d5d0;
    border-radius: 5px;
    position: relative; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields {
        flex-wrap: wrap; } }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields {
        margin: 1em 0; } }
  .promotions-page .promotions-done .website-section .image-thumb-placeholder.has-image .image-controls-holder.pulled-up {
    top: 25px; }
  .promotions-page .promotions-done .website-section .ml-0 {
    margin-left: 0 !important; }
  .promotions-page .promotions-done .website-section .ml-auto {
    margin-left: auto; }
  .promotions-page .promotions-done .website-section .mt-2 {
    margin-top: 2em; }
  .promotions-page .promotions-done .website-section .gap-1 {
    gap: 0.5em; }
  .promotions-page .promotions-done .website-section .justify-space-between {
    justify-content: space-between; }
  .promotions-page .promotions-done .website-section .align-items-start {
    align-items: start; }
  .promotions-page .promotions-done .website-section .flex-column {
    flex-direction: column; }
  .promotions-page .promotions-done .website-section .flex {
    display: flex;
    width: 100%; }
  .promotions-page .promotions-done .website-section .flex-wrap {
    flex-wrap: wrap; }
  .promotions-page .promotions-done .website-section .flex.baseline {
    align-items: baseline; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .flex.baseline {
        display: block;
        width: 100%; } }
  .promotions-page .promotions-done .website-section label {
    color: #6a6a6c;
    font-weight: normal; }
  .promotions-page .promotions-done .website-section .optional-markup {
    color: #6a6a6c;
    ont-size: 0.75em; }
  .promotions-page .promotions-done .website-section .divider {
    width: 102%;
    height: 1px;
    background: #e1cdc8;
    margin: 0.7em auto 0.7em -12px; }
  .promotions-page .promotions-done .website-section .w-100 {
    width: 100%; }
  .promotions-page .promotions-done .website-section .flex-break {
    flex-basis: 100%;
    height: 0; }
  @media (max-width: 767px) {
    .promotions-page .promotions-done .website-section .flex-break-on-mobile {
      flex-basis: 100%;
      height: 0; } }
  .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder {
    padding: 1em;
    max-width: 65%; }
    @media (max-width: 1200px) {
      .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder {
        max-width: 75%; } }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder {
        max-width: 100%; } }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .show-on-mobile {
      display: none; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .show-on-mobile {
          display: inline-block; } }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .show-on-desktop {
      display: inline-block; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .show-on-desktop {
          display: none; } }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder input, .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder select, .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder textarea {
      border: 1px solid #e1cdc8;
      border-radius: 5px; }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder textarea {
      max-height: 70px;
      min-height: 70px;
      color: #58585a;
      font-size: 1em;
      font-weight: normal;
      padding: 10px;
      max-width: 100%; }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder textarea.ng-invalid, .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder input.ng-invalid {
      border-color: red; }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder label {
      display: inline-block;
      color: #6a6a6c; }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .promotion-images-holder .image-thumb-placeholder {
      margin-top: 5px; }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .schedule-posts-holder {
      display: flex;
      align-items: baseline; }
    .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder {
      gap: 2em; }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder {
          gap: 1em;
          flex-wrap: wrap; } }
      .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder .number-of-posts {
        width: 100%;
        margin-right: 0; }
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder .number-of-posts select {
          width: 100%; }
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder .number-of-posts .help-tip {
          margin-left: 5px;
          width: 18px;
          height: 18px;
          line-height: 18px; }
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder .number-of-posts .help-tip:before {
          font-size: 1.2em; }
      .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder .schedule-posts {
        width: 100%; }
        .promotions-page .promotions-done .website-section .social-fields.socials-holder .main-holder .date-holder .schedule-posts input {
          width: 100%; }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-disabled {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-disabled .channel-label {
      flex: 1 0 100%; }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-disabled .texting-channel-settings {
      flex: 1 0 10%; }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-disabled .disabled-feature-holder {
      flex: 1 0 56%;
      margin-top: -10px;
      position: relative; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-disabled .disabled-feature-holder {
          margin-top: 0; } }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .channel-label {
    margin-top: 0; }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder {
    padding: 1em; }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder input, .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder textarea, .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder select {
      border: 1px solid #e1cdc8;
      border-radius: 5px; }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder textarea {
      max-width: 100%; }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder textarea {
          width: 98%; } }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder textarea {
          width: 100%; } }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder textarea.ng-invalid {
      border-color: red; }
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .main-holder .form-control {
      padding: 5px 10px; }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .fields-row .date-picker {
    width: 80px; }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .number-of-posts .number-of-posts-label {
    margin-right: 10px; }
  @media (max-width: 991px) {
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .margin-l-m-1 {
      margin-left: 10px; } }
  @media (max-width: 767px) {
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-channel-settings {
      margin-left: 0; } }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .ml-6 {
    margin-left: 6em; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .ml-6 {
        margin-left: 0.6em; } }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .ml-7 {
    margin-left: 7em; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .ml-7 {
        margin-left: 1.5em; } }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .textarea-holder {
    width: 98%; }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .margin-left-auto {
    margin-left: auto; }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder input, .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder select, .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder .date-picker {
    width: 120px; }
  @media (max-width: 991px) {
    .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder {
      width: 100%; }
      .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder input, .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder select {
        position: absolute;
        right: 9%;
        margin-right: 0 !important;
        display: inline !important; } }
    @media (max-width: 991px) and (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .texting-form-holder {
        right: 13%; } }
  .promotions-page .promotions-done .website-section .social-fields.texting-channel-holder .auto-approve-text-holder .auto-approve-text {
    width: 120px;
    display: inline;
    margin-right: 10px; }
  .promotions-page .promotions-done .website-section .social-fields.disabled-feature {
    background-color: #f7f0ff;
    border: 2px solid #d3bdf9; }
    .promotions-page .promotions-done .website-section .social-fields.disabled-feature .form-control[disabled] {
      background-color: #faf6ff;
      color: #ada8b1; }
    .promotions-page .promotions-done .website-section .social-fields.disabled-feature .disabled-feature-holder {
      display: inline-block; }
    .promotions-page .promotions-done .website-section .social-fields.disabled-feature .disabled-promo-text {
      font-size: 1em;
      color: #6d2aea;
      margin-top: 10px; }
      .promotions-page .promotions-done .website-section .social-fields.disabled-feature .disabled-promo-text .enable-texting {
        color: #6d2aea;
        text-decoration: underline; }
    .promotions-page .promotions-done .website-section .social-fields.disabled-feature .disabled-promo-text-small {
      color: #6d2aea;
      margin-top: 10px;
      font-size: 0.86em; }
    .promotions-page .promotions-done .website-section .social-fields.disabled-feature label {
      color: black;
      opacity: 0.3; }
  .promotions-page .promotions-done .website-section .social-fields.flex-start {
    align-items: flex-start; }
  .promotions-page .promotions-done .website-section .social-fields.flex-wrap {
    flex-wrap: wrap; }
  .promotions-page .promotions-done .website-section .social-fields .second-promotion-section {
    width: 100%;
    padding: 15px; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields .second-promotion-section {
        flex-basis: 95%;
        padding-right: 0; } }
    @media (max-width: 540px) {
      .promotions-page .promotions-done .website-section .social-fields .second-promotion-section .flex-fields {
        display: block; }
        .promotions-page .promotions-done .website-section .social-fields .second-promotion-section .flex-fields label {
          display: block; } }
  .promotions-page .promotions-done .website-section .social-fields .form-control[readonly] {
    background-color: white;
    cursor: pointer; }
  .promotions-page .promotions-done .website-section .social-fields .mt-10 {
    margin-top: 10px; }
  .promotions-page .promotions-done .website-section .social-fields .img-holder {
    width: 100%;
    display: flex;
    gap: 1em;
    align-items: center;
    padding: 0 15px; }
    @media (min-width: 768px) {
      .promotions-page .promotions-done .website-section .social-fields .img-holder {
        display: none; } }
    .promotions-page .promotions-done .website-section .social-fields .img-holder .facebook-icon {
      padding-right: 20px;
      margin-left: 10px;
      height: 42px; }
    .promotions-page .promotions-done .website-section .social-fields .img-holder img {
      border-right: 1px solid #e6d5d1;
      padding-right: 10px;
      max-width: 5em;
      margin-bottom: 1em; }
    .promotions-page .promotions-done .website-section .social-fields .img-holder label {
      font-size: 15px; }
  .promotions-page .promotions-done .website-section .social-fields .no-posts {
    width: 100px !important;
    min-width: 100px !important; }
  .promotions-page .promotions-done .website-section .social-fields .flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px; }
  .promotions-page .promotions-done .website-section .social-fields .d-block {
    display: block !important; }
  .promotions-page .promotions-done .website-section .social-fields .channel-label {
    color: black;
    font-size: 16px; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .texting-description {
    font-size: 0.85em;
    margin: 8px 0 5px 0; }
    @media (max-width: 540px) {
      .promotions-page .promotions-done .website-section .social-fields .fields-row .texting-description {
        display: block;
        float: none !important; } }
    .promotions-page .promotions-done .website-section .social-fields .fields-row .texting-description.text-limit {
      background-color: #fff6e3;
      color: #3d3d3d;
      border-radius: 5px;
      padding: 5px 10px; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .text-area {
    width: 100%;
    margin-top: 8px; }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .social-fields .fields-row .text-area {
        width: 93%; } }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields .fields-row .text-area {
        width: 94%; } }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .text-area.text-error {
    border: 1px solid red; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row p {
    font-size: 0.9em; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .margin-top-0 {
    margin-top: 0; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .margin-0 {
    margin: 0; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .left-margin-10 {
    margin-left: 10px; }
    @media (max-width: 1072px) {
      .promotions-page .promotions-done .website-section .social-fields .fields-row .left-margin-10 {
        margin-left: 0; } }
  .promotions-page .promotions-done .website-section .social-fields .fields-row label {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: 10px 10px 3px 0; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .date-picker {
    display: inline-block;
    padding: 1px 2px;
    width: 180px;
    margin-bottom: 15px; }
    @media (max-width: 500px) {
      .promotions-page .promotions-done .website-section .social-fields .fields-row .date-picker {
        display: block;
        width: 65%;
        margin: 5px 0 15px; } }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .date-picker.ng-invalid {
    border-color: red; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .form-control.website-promotion-type {
    padding: 1px 2px;
    width: 80px;
    display: inline-block; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .form-control.website-promotion-type.ng-invalid-required {
    border-color: red; }
  .promotions-page .promotions-done .website-section .social-fields .fields-row .mid-label {
    width: auto;
    margin: 0 10px 10px 0; }
  .promotions-page .promotions-done .website-section .social-fields .number-of-posts.display-inline {
    display: inline; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts.display-inline a {
      padding: 6px 12px; }
  .promotions-page .promotions-done .website-section .social-fields .number-of-posts {
    margin-right: 5px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .number-of-posts-label {
      margin-right: 79px; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .number-of-posts-label {
          margin-right: 40px; } }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .starting-on-posts-label {
      margin-right: 64px; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .starting-on-posts-label {
          margin-right: 25px; } }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .text-post-time {
      display: inline;
      width: 100px;
      padding: 5px;
      margin-right: 10px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .inline-block {
      display: inline-block; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .form-control.number-of-posts-combo {
      padding: 5px 10px;
      width: 180px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .form-control.number-of-facebook-posts {
      width: 180px;
      margin-bottom: 15px; }
      @media (max-width: 500px) {
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .form-control.number-of-facebook-posts {
          width: 65%; } }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .error {
      border-color: red; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .form-control.number-of-emails-combo {
      display: inline;
      width: 120px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .form-control.number-of-emails-combo.no-segments-left {
      border-color: #d71f1f;
      color: #d71f1f; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .form-control.number-of-posts-combo.ng-invalid-required {
      border-color: red; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .help-tip {
      display: inline-block;
      position: relative;
      text-align: center;
      background-color: #898b8e;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      font-size: 14px;
      line-height: 26px;
      cursor: default;
      margin-left: 10px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .help-tip:before {
      content: "?";
      font-weight: bold;
      color: white; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .help-tip:hover p {
      display: block;
      transform-origin: 100% 0%;
      z-index: 1000; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .help-tip p {
      display: none;
      text-align: left;
      background-color: #58585a;
      padding: 15px;
      width: 300px;
      position: absolute;
      border-radius: 3px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      right: -4px;
      color: white;
      font-size: 13px;
      line-height: 1.1; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .help-tip p:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-bottom-color: #58585a;
      right: 10px;
      top: -12px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .help-tip p:after {
      width: 40px;
      height: 40px;
      content: "";
      position: absolute;
      top: -40px;
      right: 0; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .warning {
      background-color: rgba(215, 31, 31, 0.1);
      color: #3d3d3d;
      padding: 10px;
      margin: 10px 0; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper p {
        margin: 0; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .verification-holder {
          margin-top: 15px; } }
      .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .verification-holder .verification {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 10px;
        padding: 4px 10px;
        border-radius: 24px; }
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .verification-holder .verification.verifing {
          color: #ff4e01; }
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .verification-holder .verification.verified {
          background-color: rgba(51, 187, 119, 0.1);
          color: #33bb77; }
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .verification-holder .verification.not-verified {
          background-color: #f2f5f5;
          color: #727272; }
          .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .verification-holder .verification.not-verified img {
            max-width: 20px; }
      .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .stopped {
        height: 28px;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #d71f1f; }
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .flex-wrapper .stopped img {
          max-width: 20px; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting textarea {
      min-width: 100%;
      border-radius: 4px;
      border: 1px solid #a2a2a4; }
    .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .texting-reminder {
      background-color: #fff6e3;
      color: #3d3d3d;
      padding: 6px 10px;
      border-radius: 4px;
      border: 0;
      margin-top: 10px;
      border: 1px solid #bb8409; }
      .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .texting-reminder p {
        margin: 0;
        max-width: 600px; }
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .texting-reminder p span {
          color: #bb8409;
          font-weight: bold; }
      .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .texting-reminder.warning {
        background-color: rgba(215, 31, 31, 0.07); }
        .promotions-page .promotions-done .website-section .social-fields .number-of-posts .fields-row.texting .texting-reminder.warning p {
          max-width: 100%; }
  .promotions-page .promotions-done .website-section .social-fields .images-label-and-warning {
    display: inline-block;
    vertical-align: top; }
    .promotions-page .promotions-done .website-section .social-fields .images-label-and-warning span {
      color: red;
      font-size: 11px; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .help-tip {
    margin: 0 0 5px 10px; }
    .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .help-tip p {
      right: inherit;
      margin-top: 10px;
      left: -95px; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .help-tip p:before {
    left: 100px; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .mt-15 {
    margin-top: 15px; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 400px; }
    @media (max-width: 540px) {
      .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields {
        display: block; }
        .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields label {
          display: block; } }
    .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields select {
      align-self: flex-end; }
    .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields input[type="text"] {
      width: 175px; }
    .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields input[type="text"].ng-invalid-required {
      border-color: red; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .flex-fields.number-of-posts {
    margin-right: 0; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .fields-row input[type="text"].date-picker {
    width: 175px; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder label {
    display: inline; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .number-of-posts-label {
    margin-right: 16px; }
  @media (max-width: 767px) {
    .promotions-page .promotions-done .website-section .social-fields .email-channel-holder {
      display: inline-block; }
      .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .number-of-posts-label {
        margin-right: 25px;
        width: unset; } }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-schedule-label {
    margin-right: 10px; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-schedule-label {
        margin-right: 25px; } }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-desc-choice-holder:hover .email-tip {
    display: inline-block; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip {
    display: none;
    position: relative;
    text-align: center;
    background-color: #898b8e;
    font-size: 14px;
    line-height: 24px;
    cursor: default;
    z-index: 1000; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip:before {
    display: none; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip:hover p {
    display: block;
    transform-origin: 100% 0%; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip p {
    text-align: left;
    background-color: #58585a;
    padding: 15px;
    margin: 0;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -10px;
    top: 15px;
    color: white;
    font-size: 13px;
    line-height: 1.1; }
    @media (max-width: 1024px) {
      .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip p {
        width: 130px; } }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip p:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #58585a;
    right: 10px;
    top: -12px; }
  .promotions-page .promotions-done .website-section .social-fields .email-channel-holder .email-tip p:after {
    width: 100%;
    height: 5px;
    content: "";
    position: absolute;
    top: -40px;
    left: 0; }
  .promotions-page .promotions-done .website-section .social-fields .checkbox-label {
    display: flex;
    align-items: center; }
    .promotions-page .promotions-done .website-section .social-fields .checkbox-label input[type=checkbox].active:before {
      color: #f4583c;
      font-size: 1.25em;
      margin-top: 0; }
    .promotions-page .promotions-done .website-section .social-fields .checkbox-label .style {
      font-size: 13px;
      font-weight: 600;
      min-width: 100%;
      text-align: left;
      margin-left: -28px; }
  .promotions-page .promotions-done .website-section .social-fields .switch-checkbox {
    height: 0;
    width: 0;
    visibility: hidden; }
  .promotions-page .promotions-done .website-section .social-fields .label-switch-checkbox {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 30px;
    background: #cdcdcd;
    display: block;
    border-radius: 20px;
    position: relative;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .social-fields .label-switch-checkbox {
        transform: scale(0.8); } }
    .promotions-page .promotions-done .website-section .social-fields .label-switch-checkbox:after {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      width: 20px;
      height: 20px;
      background: white;
      border-radius: 14px;
      transition: 0.3s; }
  .promotions-page .promotions-done .website-section .social-fields .switch-checkbox:checked + .label-switch-checkbox {
    background: #29b5a8; }
    .promotions-page .promotions-done .website-section .social-fields .switch-checkbox:checked + .label-switch-checkbox:after {
      left: calc(100% - 5px);
      transform: translateX(-100%); }
  .promotions-page .promotions-done .website-section .social-fields .label-switch-checkbox:active:after {
    width: 26px; }
  .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder {
    display: inline-block;
    max-width: 100%; }
    .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder .small {
      font-size: 0.8em; }
    .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder .promotion-image {
      display: inline-block;
      width: 100px;
      height: 100px;
      margin: 4px; }
      .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder .promotion-image .image-thumb-placeholder {
        width: 100%;
        height: 100%;
        margin-top: 5px; }
        .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder .promotion-image .image-thumb-placeholder .image-controls-holder .image-control {
          cursor: pointer; }
  .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder.email-promotion-images-holder {
    margin-top: 0; }
    .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder.email-promotion-images-holder .image-thumb-placeholder {
      margin-top: 25px; }
    .promotions-page .promotions-done .website-section .social-fields .promotion-images-holder.email-promotion-images-holder .image-thumb-placeholder.invalid {
      border: 1px solid red; }
  .promotions-page .promotions-done .website-section .social-fields .social-media-wrapper label {
    display: inline; }
  .promotions-page .promotions-done .website-section .social-fields .social-media-wrapper .form-control.date-picker {
    display: inline;
    width: 180px;
    margin: 1px 0 15px 13px; }
    @media (max-width: 500px) {
      .promotions-page .promotions-done .website-section .social-fields .social-media-wrapper .form-control.date-picker {
        display: block;
        width: 65%;
        margin: 5px 0 15px; } }
  .promotions-page .promotions-done .website-section .post-on-days-off-holder label {
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
    line-height: 0; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .post-on-days-off-holder label {
        font-size: 0.9em;
        margin-bottom: 1em; } }
  .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder {
    margin-right: auto;
    width: 63%; }
    @media (max-width: 1340px) {
      .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder {
        width: auto; } }
    @media (max-width: 1130px) {
      .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder {
        width: 100%;
        margin-right: 0; } }
    .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder .divider {
      width: 102%;
      margin: 1em auto 1em -12px; }
    .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder .inputs-holder .title-holder {
      width: 49%; }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder .inputs-holder .title-holder {
          width: 45%; } }
      @media (max-width: 768px) {
        .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder .inputs-holder .title-holder {
          width: 100%; } }
    .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder .inputs-holder textarea {
      width: 100%;
      max-width: 100%;
      color: #58585a;
      z-index: 1; }
    .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder .inputs-holder input {
      width: 100%;
      margin: 0.5em 0 1em 0; }
    .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder label {
      margin: 0 0 10px 0; }
      @media (max-width: 991px) {
        .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder label {
          margin: 0.3em 0 10px 0; } }
    .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder small {
      display: block;
      padding-top: 15px;
      text-align: center; }
      .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder small a {
        color: #939598; }
    @media (max-width: 1024px) {
      .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder {
        margin-left: 0; } }
    @media (max-width: 991px) {
      .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder {
        flex-basis: 100%; }
        .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder label {
          margin-bottom: 1em; } }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder {
        width: 100%; }
        .promotions-page .promotions-done .website-section .promotion-pop-up-fields-holder label {
          margin-bottom: 0.3em; } }
  .promotions-page .promotions-done .website-section .promotion-pop-up-layout-example-img {
    max-width: 100%; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .promotion-pop-up-layout-example-img {
        width: 350px;
        max-width: 100%; } }
  .promotions-page .promotions-done .website-section .popup-bundle {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .promotions-page .promotions-done .website-section .fields-section.link-button {
    align-items: baseline; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .bundle-row {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .bundle-row .radio-label {
        display: flex;
        align-items: center;
        margin-right: 10px; }
        .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .bundle-row .radio-label input[type=radio] {
          margin: 0 4px 0 0; }
      .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .bundle-row .form-control {
        padding: 1px 5px; }
        .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .bundle-row .form-control option {
          padding: 0 !important; }
      .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .bundle-row .additional-fields.link-field {
        padding-left: 5px; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .additional-text {
      margin-top: 10px; }
      .promotions-page .promotions-done .website-section .fields-section.link-button .link-button-bundle .additional-text p {
        font-size: 1.1em;
        text-align: left;
        color: #939598; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .help-tip {
      display: inline-block;
      position: relative;
      text-align: center;
      background-color: #898b8e;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      font-size: 14px;
      line-height: 24px;
      cursor: default;
      margin-left: 1.3em; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .help-tip:before {
      content: "?";
      font-weight: bold;
      color: white;
      font-size: 1.2em; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .help-tip:hover p {
      display: block;
      transform-origin: 100% 0%;
      z-index: 1000; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .help-tip p {
      display: none;
      text-align: left;
      background-color: #58585a;
      padding: 15px;
      width: 300px;
      position: absolute;
      border-radius: 3px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      right: -4px;
      color: white;
      font-size: 13px;
      line-height: 1.1; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .help-tip p:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-bottom-color: #58585a;
      right: 10px;
      top: -12px; }
    .promotions-page .promotions-done .website-section .fields-section.link-button .help-tip p:after {
      width: 100%;
      height: 40px;
      content: "";
      position: absolute;
      top: -40px;
      left: 0; }
  .promotions-page .promotions-done .website-section .form-control {
    padding: 10px 5px;
    font-size: 1em;
    font-weight: normal;
    color: #58585a;
    border-color: #e9eaeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1px 0; }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .form-control {
        padding: 10px 15px; } }
  .promotions-page .promotions-done .website-section .custom-promotion-name.ng-invalid {
    border-color: red; }
  .promotions-page .promotions-done .website-section textarea.ng-invalid-required {
    border-color: red; }
  .promotions-page .promotions-done .website-section textarea::-webkit-input-placeholder, .promotions-page .promotions-done .website-section .custom-promotion-name::-webkit-input-placeholder {
    color: #a7a9ac;
    font-weight: 300;
    font-size: 1em; }
  .promotions-page .promotions-done .website-section textarea:-moz-placeholder, .promotions-page .promotions-done .website-section .custom-promotion-name:-moz-placeholder {
    color: #a7a9ac;
    font-weight: 300;
    font-size: 1em; }
  .promotions-page .promotions-done .website-section textarea::-moz-placeholder, .promotions-page .promotions-done .website-section .custom-promotion-name::-moz-placeholder {
    color: #a7a9ac;
    font-weight: 300;
    font-size: 1em; }
  .promotions-page .promotions-done .website-section textarea:-ms-input-placeholder, .promotions-page .promotions-done .website-section .custom-promotion-name:-ms-input-placeholder {
    color: #a7a9ac;
    font-weight: 300;
    font-size: 1em; }
  .promotions-page .promotions-done .website-section .custom-promotion-name {
    margin-bottom: 20px; }
  .promotions-page .promotions-done .website-section .social-checkbox {
    margin-top: 12px; }
  .promotions-page .promotions-done .website-section .additional-fields {
    width: 266px;
    display: inline-block; }
  .promotions-page .promotions-done .website-section .additional-fields.same-width {
    width: 300px; }
    @media (max-width: 500px) {
      .promotions-page .promotions-done .website-section .additional-fields.same-width {
        width: 200px; } }
    @media (max-width: 400px) {
      .promotions-page .promotions-done .website-section .additional-fields.same-width {
        width: 180px; } }
  .promotions-page .promotions-done .website-section .additional-fields.link-field:disabled {
    background-color: #ececec;
    color: #bebebe;
    font-weight: 300; }
  .promotions-page .promotions-done .website-section .additional-fields.link-field.ng-invalid-url, .promotions-page .promotions-done .website-section .additional-fields.ng-invalid-required {
    border-color: red; }
  .promotions-page .promotions-done .website-section .cta-link-type:disabled {
    background-color: #dddddd;
    color: #bbbbbb; }
  .promotions-page .promotions-done .website-section .preview-row {
    margin-top: 10px;
    text-align: left; }
    .promotions-page .promotions-done .website-section .preview-row div {
      display: inline-block;
      padding: 5px; }
      @media (max-width: 767px) {
        .promotions-page .promotions-done .website-section .preview-row div {
          display: block;
          padding: 0; } }
      .promotions-page .promotions-done .website-section .preview-row div a.btn-info {
        padding: 5px 10px;
        font-weight: 600;
        border-radius: 5px;
        margin: 2px 0 2px 1px;
        background-color: #e7e8e9;
        border-color: #e7e8e9;
        color: black; }
        @media (max-width: 767px) {
          .promotions-page .promotions-done .website-section .preview-row div a.btn-info {
            display: block;
            width: 200px;
            font-size: 0.9em;
            margin: 5px auto; } }
      .promotions-page .promotions-done .website-section .preview-row div a.btn-info.delete-promotion {
        background-color: #f03d26;
        border-color: #f03d26;
        color: white; }
      .promotions-page .promotions-done .website-section .preview-row div a.btn-info.delete-promotion:hover {
        color: white; }
      .promotions-page .promotions-done .website-section .preview-row div a.btn-info:hover {
        color: black; }
      .promotions-page .promotions-done .website-section .preview-row div a.btn-instagram {
        margin-left: 10px; }
        @media (max-width: 767px) {
          .promotions-page .promotions-done .website-section .preview-row div a.btn-instagram {
            margin: 5px auto; } }
    @media (max-width: 767px) {
      .promotions-page .promotions-done .website-section .preview-row div.pull-right {
        float: none !important; } }
  @media (max-width: 767px) {
    .promotions-page .promotions-done .website-section .preview-row.list-preview-row div {
      display: inline-block; } }
  @media (max-width: 550px) {
    .promotions-page .promotions-done .website-section .preview-row.list-preview-row div {
      display: block; } }
.promotions-page .collapsed-promotion-details {
  display: flex;
  justify-content: space-between;
  padding: 0 5px; }
  @media (max-width: 500px) {
    .promotions-page .collapsed-promotion-details {
      flex-wrap: wrap;
      justify-content: start;
      gap: 5px; } }
  .promotions-page .collapsed-promotion-details span {
    font-weight: 600; }
  .promotions-page .collapsed-promotion-details .flex-row {
    display: flex;
    align-items: center;
    margin: 0 5px;
    flex-wrap: wrap; }
  .promotions-page .collapsed-promotion-details .channel-icon {
    background-color: #fdfaf9;
    border: 1px solid #e1cdc8;
    max-width: 2.7em;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px; }
    .promotions-page .collapsed-promotion-details .channel-icon img {
      max-width: 37px; }
  .promotions-page .collapsed-promotion-details .channel-icon.facebook {
    padding: 5px 10px; }
  .promotions-page .collapsed-promotion-details .channel-icon.website {
    padding-left: 3px; }
  .promotions-page .collapsed-promotion-details .channel-icon.instagram {
    padding: 5px 6px; }
    .promotions-page .collapsed-promotion-details .channel-icon.instagram img {
      max-width: 27px; }
.promotions-page .emoji-alert {
  background-color: #fff0e2;
  border-radius: 5px;
  clear: both;
  margin-top: 8px;
  padding: 5px 10px; }
  .promotions-page .emoji-alert p {
    color: #3d3d3d;
    max-width: 90%;
    margin: auto;
    font-size: 12px;
    padding: 8px 0 4px;
    margin-top: 0 !important; }
  .promotions-page .emoji-alert a {
    color: #f23a00;
    font-weight: bold; }

.delivery-time-picker {
  top: auto;
  left: auto; }
  .delivery-time-picker li {
    margin-left: 5px; }
  .delivery-time-picker li:hover {
    background-color: #e7e8e9; }

.spot-category-modal .modal-header {
  height: 200px;
  border-radius: 5px;
  background-image: url("//static.spotapps.co/assets/admin/admin_pop_up.jpg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (max-width: 590px) {
    .spot-category-modal .modal-header {
      height: 150px; } }
  @media (max-width: 476px) {
    .spot-category-modal .modal-header {
      padding-bottom: 0; } }
.spot-category-modal .modal-footer {
  border: none;
  text-align: center;
  float: none;
  padding: 15px 25px; }
  .spot-category-modal .modal-footer .btn-submit {
    color: white;
    width: 100%;
    background-color: #f1592a; }
    @media (max-width: 590px) {
      .spot-category-modal .modal-footer .btn-submit {
        width: 100%; } }
.spot-category-modal .modal-body {
  padding: 15px 25px; }
  @media (max-width: 476px) {
    .spot-category-modal .modal-body {
      padding-top: 0; } }
  .spot-category-modal .modal-body .checkbox-holder {
    display: flex; }
    .spot-category-modal .modal-body .checkbox-holder input {
      margin-bottom: 20px; }
  .spot-category-modal .modal-body .text-holder {
    text-align: center;
    width: 510px;
    margin: 10px auto;
    max-width: 520px; }
    @media (max-width: 590px) {
      .spot-category-modal .modal-body .text-holder {
        width: 90%; } }
  .spot-category-modal .modal-body .dropdown-holder {
    display: inline;
    width: 100%; }
    .spot-category-modal .modal-body .dropdown-holder .btn-default {
      width: calc(100% - 30px);
      text-align: left; }
    .spot-category-modal .modal-body .dropdown-holder .btn-default.error {
      border: 1px solid red; }
    .spot-category-modal .modal-body .dropdown-holder .dropdown-menu {
      width: calc(100% - 75px);
      top: auto;
      left: 50px;
      padding: 5px 10px;
      height: 210px;
      overflow-y: scroll; }
      .spot-category-modal .modal-body .dropdown-holder .dropdown-menu li {
        color: #707070;
        cursor: pointer;
        padding: 4px; }
      .spot-category-modal .modal-body .dropdown-holder .dropdown-menu li:hover {
        color: white;
        background-color: #5795f1; }
  .spot-category-modal .modal-body .label-text {
    color: black;
    margin-left: 10px; }
  .spot-category-modal .modal-body .checkbox-holder {
    margin: 30px 0 35px 5px; }
  .spot-category-modal .modal-body .help-tip p {
    background-color: #ececec;
    color: black;
    left: 26px;
    margin-top: -3px;
    top: 0px; }
  .spot-category-modal .modal-body .help-tip p:before {
    display: none; }

.website-confirmation.promotion-details .modal-content .modal_request_website_embed .modal-footer {
  text-align: center; }
  .website-confirmation.promotion-details .modal-content .modal_request_website_embed .modal-footer .btn-success {
    float: none; }
.website-confirmation.promotion-details .modal-content .promotions-text {
  margin-bottom: 0;
  padding: 0 0 30px 0;
  border: none;
  background-color: transparent; }
.website-confirmation.promotion-details .modal-content .promotions-btn {
  margin-top: 30px;
  text-align: center; }
  @media (max-width: 767px) {
    .website-confirmation.promotion-details .modal-content .promotions-btn {
      margin-top: 20px; } }
  .website-confirmation.promotion-details .modal-content .promotions-btn .btn-success {
    margin: 20px auto;
    font-size: 1.1em; }

.website-components-editors.scripting-page h4 {
  display: inline-block;
  margin-right: 15px;
  margin-left: 10px; }
.website-components-editors.scripting-page .top-row {
  margin-bottom: 15px; }
.website-components-editors.scripting-page .btn-confirm {
  margin-top: 15px; }
.website-components-editors.scripting-page .error {
  color: red; }
  .website-components-editors.scripting-page .error p {
    padding-top: 10px;
    margin-bottom: 10px; }
.website-components-editors.scripting-page .top-row > h2 {
  padding-bottom: 15px; }

.website-components-editors .editor {
  min-height: 450px; }
.website-components-editors h2 {
  padding-bottom: 50px; }
.website-components-editors a {
  font-size: large; }
.website-components-editors strong {
  font-size: large; }

.account-paused .event-date .input-group {
  max-width: 300px; }
.account-paused .event-date .pause-until {
  display: inline-block; }

.free-new-features {
  margin-bottom: 20px; }
  .free-new-features .features {
    border: 1px solid #e7e8e9;
    border-radius: 5px; }
  .free-new-features .feature-container {
    border: none;
    border-top: 1px solid #e7e8e9;
    padding: 25px 15px 15px 20px;
    display: flex; }
    @media (max-width: 440px) {
      .free-new-features .feature-container {
        padding-left: 5px;
        padding-right: 5px; } }
    .free-new-features .feature-container .grey-link {
      color: #939598;
      width: 200px;
      padding: 5px 12px; }
    .free-new-features .feature-container .green-link {
      background-color: #29a89e;
      border-radius: 5px;
      padding: 5px 12px;
      border: 1px solid #29a89e;
      margin-right: 15px;
      color: white;
      width: 215px; }
    .free-new-features .feature-container .larger-button {
      width: 300px; }
    .free-new-features .feature-container .btn {
      font-weight: bold;
      margin-bottom: 3px; }
      @media (max-width: 1156px) {
        .free-new-features .feature-container .btn {
          display: block;
          max-width: 300px; } }
      @media (max-width: 500px) {
        .free-new-features .feature-container .btn {
          max-width: none;
          width: auto;
          white-space: normal; } }
    .free-new-features .feature-container .image-container {
      margin: 30px 15px 15px 15px; }
      @media (max-width: 400px) {
        .free-new-features .feature-container .image-container {
          margin: 40px 0 0 0; } }
      .free-new-features .feature-container .image-container i {
        padding-left: 7px;
        width: 80px; }
      .free-new-features .feature-container .image-container img {
        height: 80px;
        width: 80px; }
    .free-new-features .feature-container .feature-text {
      margin-left: 30px;
      flex-grow: 1; }
      @media (max-width: 440px) {
        .free-new-features .feature-container .feature-text {
          margin-left: 10px; } }
      .free-new-features .feature-container .feature-text strong {
        font-size: 15px; }
      .free-new-features .feature-container .feature-text p {
        margin-top: 15px; }
  .free-new-features .feature-container:last-of-type {
    padding-bottom: 22px; }
    @media (max-width: 1322px) {
      .free-new-features .feature-container:last-of-type {
        padding-bottom: 15px; } }
  .free-new-features .feature-container.no-border {
    border-top: none; }

.marketing-priorities {
  padding-bottom: 15px;
  margin-bottom: 20px; }
  .marketing-priorities .corona-section.sliders-section .row {
    margin-top: 10px; }
    .marketing-priorities .corona-section.sliders-section .row .slider-holder {
      margin-top: 15px; }
      .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-labels {
        margin-top: 10px;
        font-size: 0.8em;
        min-height: 10px;
        position: relative;
        color: #b7b9bb;
        font-weight: bold; }
        .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-labels .dont-promote {
          position: relative;
          z-index: 1000; }
          @media (max-width: 767px) {
            .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-labels .dont-promote {
              z-index: 999; } }
      .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-labels.add-margin {
        margin-top: 13px; }
      .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-title {
        font-weight: bold;
        font-size: 1.4em; }
        @media (max-width: 768px) {
          .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-title {
            font-size: 1.1em; } }
      .marketing-priorities .corona-section.sliders-section .row .slider-holder .slider-title.inline {
        display: inline-block; }
      .marketing-priorities .corona-section.sliders-section .row .slider-holder .enable-slider {
        color: #29a89e;
        margin-left: 15px;
        text-decoration: underline;
        font-weight: bold; }
    .marketing-priorities .corona-section.sliders-section .row .slider-holder:last-of-type {
      margin-bottom: 0; }
    .marketing-priorities .corona-section.sliders-section .row .slider-holder.save-holder {
      margin-top: 40px; }
    .marketing-priorities .corona-section.sliders-section .row .save-holder button {
      background-color: #00b776;
      border-color: #00b776;
      font-size: 1.1em; }
    .marketing-priorities .corona-section.sliders-section .row .save-holder button:hover, .marketing-priorities .corona-section.sliders-section .row .save-holder button:active {
      background-color: #29a89e;
      border-color: #29a89e; }
    .marketing-priorities .corona-section.sliders-section .row .show-more-holder {
      margin-top: 30px; }
      .marketing-priorities .corona-section.sliders-section .row .show-more-holder span {
        color: #29a89e;
        font-weight: bold;
        cursor: pointer;
        font-size: 1.1em; }
        @media (max-width: 768px) {
          .marketing-priorities .corona-section.sliders-section .row .show-more-holder span {
            font-size: 1em; } }
  .marketing-priorities .range {
    position: relative; }
    .marketing-priorities .range .slider {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 3px;
      background: #b7b9bb;
      outline: none;
      padding: 0;
      margin-top: 30px;
      z-index: 999999; }
      .marketing-priorities .range .slider input {
        z-index: 99999; }
    .marketing-priorities .range .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 20px;
      height: 20px;
      background: #b7b9bb;
      cursor: pointer;
      border-radius: 50%;
      border: 3px solid white;
      z-index: 99999;
      margin: 0; }
    .marketing-priorities .range .slider::-moz-range-thumb {
      width: 20px;
      height: 20px;
      background: #b7b9bb;
      cursor: pointer;
      border-radius: 50%;
      border: 3px solid white;
      z-index: 99999; }
    .marketing-priorities .range .slider.active::-moz-range-thumb {
      background: #29a89e; }
    .marketing-priorities .range .slider.active::-webkit-slider-thumb {
      background: #29a89e; }
    .marketing-priorities .range .sliderticks {
      display: flex;
      justify-content: space-between;
      position: absolute;
      width: 100%;
      top: -5px;
      z-index: -1; }
    .marketing-priorities .range .sliderticks p:first-child,
    .marketing-priorities .range .sliderticks p:last-child {
      height: 12px; }
    .marketing-priorities .range .sliderticks p {
      z-index: 1;
      position: relative;
      width: 2px;
      background: #b7b9bb;
      height: 5px;
      margin: 0; }
    .marketing-priorities .range .sliderticks p.active {
      background: #29a89e; }
    .marketing-priorities .range .promote-less {
      position: absolute;
      left: 0px; }
      .marketing-priorities .range .promote-less .fa {
        color: #d75840;
        font-size: 18px;
        margin-left: 2px;
        z-index: 1; }
    .marketing-priorities .range .promote-more {
      position: absolute;
      right: 0px; }
    .marketing-priorities .range .promote-more.add-margin {
      margin-top: 4px; }
  .marketing-priorities input[type=range]:disabled {
    background: #b7b9bb; }
  .marketing-priorities .disabled .slider::-moz-range-thumb {
    background: #b7b9bb; }
  .marketing-priorities .disabled .sliderticks p, .marketing-priorities .disabled .slider::-webkit-slider-thumb {
    background: #b7b9bb; }
  .marketing-priorities .corona-section {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .marketing-priorities .corona-section .row {
      margin-top: 15px; }
  .marketing-priorities .c-form-group {
    max-width: 900px; }
  .marketing-priorities .corona-info-text {
    padding-top: 10px; }
    .marketing-priorities .corona-info-text span {
      font-weight: bold; }
  .marketing-priorities .instructions-holder.first {
    margin-top: 20px; }
  .marketing-priorities .instructions-holder {
    margin-top: 25px; }
    .marketing-priorities .instructions-holder .container {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 20px;
      cursor: pointer;
      letter-spacing: inherit;
      font-size: 14px;
      font-weight: 700; }
      .marketing-priorities .instructions-holder .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
    .marketing-priorities .instructions-holder .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 5px;
      height: 20px;
      width: 20px;
      background-color: #eeeeee; }
    .marketing-priorities .instructions-holder .container:hover input ~ .checkmark {
      background-color: #cccccc; }
    .marketing-priorities .instructions-holder .container input:checked ~ .checkmark {
      background-color: #2196f3; }
    .marketing-priorities .instructions-holder .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .marketing-priorities .instructions-holder .container input:checked ~ .checkmark:after {
      display: block; }
    .marketing-priorities .instructions-holder .checkmark:after {
      left: 7px;
      top: 3px;
      width: 7px;
      height: 11px;
      border: solid white;
      border-width: 0 3px 3px 0;
      transform: rotate(45deg); }
    .marketing-priorities .instructions-holder input {
      margin-right: 20px; }
  .marketing-priorities .popup-wrapper {
    position: relative;
    display: inline-block; }
    .marketing-priorities .popup-wrapper .shopping-cart-popup {
      position: absolute;
      left: 150px;
      top: 0px;
      text-align: left;
      color: #ea5329;
      width: 150px; }
      .marketing-priorities .popup-wrapper .shopping-cart-popup a {
        text-decoration: underline; }
      @media (max-width: 1023px) {
        .marketing-priorities .popup-wrapper .shopping-cart-popup {
          display: none; } }

.contact-traces-page .catering-container {
  margin-top: 40px;
  margin-left: 50px;
  margin-right: auto; }
.contact-traces-page .table-hidden {
  padding-left: 15px; }
  .contact-traces-page .table-hidden .col-sm-7, .contact-traces-page .table-hidden col-xs-7 {
    padding: 0;
    word-wrap: break-word; }
.contact-traces-page .website-section {
  padding: 0 5px 5px 15px;
  background-color: white;
  border-radius: 10px; }
  .contact-traces-page .website-section table {
    word-wrap: break-word; }
    .contact-traces-page .website-section table th {
      padding: 20px 8px 15px 8px; }
    .contact-traces-page .website-section table td {
      padding: 8px;
      font-size: 13px; }

.notification-page .post-preview-container {
  padding-top: 0; }
.notification-page .catering-container {
  margin-top: 40px; }
  .notification-page .catering-container .notification-col-holder {
    padding: 10px; }
  .notification-page .catering-container .notification-col-holder:nth-child(5) {
    margin-top: -5px; }
  .notification-page .catering-container .details-form input {
    text-transform: uppercase;
    font-size: 14px !important; }
  .notification-page .catering-container .details-form input::-webkit-input-placeholder {
    font-size: 9px !important; }
  .notification-page .catering-container .details-form input::-moz-placeholder {
    font-size: 9px !important; }
  .notification-page .catering-container .details-form input:-ms-input-placeholder {
    font-size: 9px !important; }
  .notification-page .catering-container .details-form input:-moz-placeholder {
    font-size: 9px !important; }
.notification-page .register form .c-form-row .c-form-label {
  font-weight: normal;
  font-size: 15px; }
.notification-page .register h4 {
  font-size: 23px;
  color: #3a3a3c;
  font-weight: bold;
  margin: 20px 0 15px 10px; }
.notification-page .register .notification-col-holder h4 {
  font-size: 14px;
  margin: 5px 0 0 0; }
.notification-page .register form .c-form-row.switches {
  justify-content: flex-start; }
.notification-page .register form .c-form-row.switches.highlight {
  align-items: center;
  background-color: #fff4ed;
  margin: 0 -10px;
  padding: 5px 10px; }
  @media (max-width: 1200px) {
    .notification-page .register form .c-form-row.switches.highlight {
      flex-wrap: wrap; } }
  .notification-page .register form .c-form-row.switches.highlight .alert-msg {
    color: #ea5329;
    margin: 5px 0;
    font-size: 12px; }
.notification-page .register form .c-form-row .toggle-wrapper {
  width: 25%;
  flex-shrink: 0; }
.notification-page .register form .c-form-row .c-form-label {
  width: 150px;
  flex-shrink: 0; }
.notification-page .register form .notification-alert-holder .c-form-row.switches .toggle-wrapper {
  width: 30%; }
@media (max-width: 600px) {
  .notification-page .register form .notification-alert-holder .c-form-row.switches {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 15px; } }
.notification-page .register label {
  font-size: 15px;
  letter-spacing: 0;
  color: black; }
.notification-page select {
  width: 100px;
  padding: 4px;
  border-radius: 5px; }
.notification-page select.invalid {
  border-color: red; }
.notification-page .top-border-divider {
  border-top: 2px solid #e7e8e9;
  padding-top: 20px; }
.notification-page .btn-primary {
  background-color: #6d6e71;
  border: 1px solid #6d6e71;
  background: #6d6e71; }
.notification-page .notification-btn-holder {
  padding-top: 70px; }
  .notification-page .notification-btn-holder .btn-notification:hover {
    color: white;
    background-color: #ea5329; }
  .notification-page .notification-btn-holder .btn-notification.active {
    background-color: #ea5329;
    color: white; }
.notification-page .catering-page .details-form .btn {
  font-size: 15px !important; }
.notification-page .employees-holder {
  padding-left: 20px; }
  .notification-page .employees-holder .radio {
    padding-left: 20px; }
.notification-page .catering-container .form-control {
  display: inline;
  background-color: transparent;
  font-weight: normal;
  max-width: 100px;
  height: 30px;
  color: black; }
.notification-page .employees-container:first-child {
  padding-top: 10px; }
.notification-page .employees-info {
  word-break: break-all; }
.notification-page a {
  color: black; }
.notification-page a.knowledge-links {
  color: #ea5329; }

.modal-notifications h2 {
  font-size: 18px; }
.modal-notifications .subheader {
  color: #58585a;
  margin-top: 25px; }
.modal-notifications .modal-body .add-new-recipient {
  gap: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #f3f4f8;
  padding: 10px;
  border-radius: 5px;
  width: max-content;
  margin: 10px auto 20px; }
  @media (max-width: 540px) {
    .modal-notifications .modal-body .add-new-recipient {
      width: 100%;
      text-align: center; } }
  @media (max-width: 540px) {
    .modal-notifications .modal-body .add-new-recipient div {
      width: 49%; } }
  @media (max-width: 540px) {
    .modal-notifications .modal-body .add-new-recipient span {
      width: 100%; }
      .modal-notifications .modal-body .add-new-recipient span button {
        width: 50%; } }
  .modal-notifications .modal-body .add-new-recipient input {
    width: 135px; }
    @media (max-width: 540px) {
      .modal-notifications .modal-body .add-new-recipient input {
        width: 100%; } }
  .modal-notifications .modal-body .add-new-recipient button.disabled {
    background-color: #cdcfd5;
    border: 1px solid #cdcfd5; }

.banking-page {
  max-width: 570px;
  margin: 10px 20px 0 20px; }
  .banking-page h1 {
    margin: 30px auto 20px auto; }
  .banking-page h1:nth-of-type(2) {
    line-break: anywhere; }
  .banking-page .button-wrap {
    text-align: center;
    margin-top: 20px; }
    .banking-page .button-wrap button {
      cursor: pointer;
      background-image: url("//static.spotapps.co/assets/admin/stripe-blue-on-dark.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      border-width: 0;
      height: 33px;
      width: 190px; }

.modal-label-food-menu-item {
  border-radius: 20px; }
  .modal-label-food-menu-item h4 {
    font-size: 17px;
    margin-bottom: 25px; }
  .modal-label-food-menu-item .col-sm-12 {
    margin: 10px 0 35px; }
  .modal-label-food-menu-item .col-sm-12.label-row {
    margin: 0; }
    .modal-label-food-menu-item .col-sm-12.label-row .col-sm-4 .social-checkbox:before {
      top: 5px; }
  .modal-label-food-menu-item .modal-header {
    padding: 40px 15px 0 15px; }
  .modal-label-food-menu-item .modal-footer .btn-success {
    font-weight: bold;
    padding: 10px 55px;
    border-color: #2bb673;
    background-color: #2bb673; }
  .modal-label-food-menu-item .modal-header, .modal-label-food-menu-item .modal-footer {
    border: none; }
  .modal-label-food-menu-item .social-image {
    font-size: 20px;
    max-width: 50px;
    text-align: left;
    padding: 0 20px 0 5px; }
    .modal-label-food-menu-item .social-image i.fa-facebook-square {
      color: #3b5a9a; }
    .modal-label-food-menu-item .social-image i.fa-twitter {
      color: #23aae1; }
    .modal-label-food-menu-item .social-image i.fa-instagram {
      color: #cf3e72; }
    .modal-label-food-menu-item .social-image img {
      height: 20px;
      margin-bottom: 5px; }
  .modal-label-food-menu-item .social-checkbox {
    visibility: hidden;
    margin-top: 6px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .modal-label-food-menu-item .social-checkbox {
        visibility: visible;
        margin-top: 4px; } }
  .modal-label-food-menu-item .social-checkbox:before {
    content: "\f096";
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-size: 18px;
    color: #bdbec0;
    cursor: pointer; }
  .modal-label-food-menu-item .social-checkbox.active:before {
    content: "\f14a"; }
  .modal-label-food-menu-item .promote-headline {
    font-weight: bold; }
  .modal-label-food-menu-item .qr-label {
    margin-top: 35px; }
    .modal-label-food-menu-item .qr-label input.social-checkbox {
      margin-top: 7px; }
    .modal-label-food-menu-item .qr-label .qr-span {
      text-align: left;
      font-size: 17px;
      font-weight: bold;
      width: auto;
      line-height: 30px; }
      @media (max-width: 540px) {
        .modal-label-food-menu-item .qr-label .qr-span {
          font-size: 14px; } }
      @media (max-width: 360px) {
        .modal-label-food-menu-item .qr-label .qr-span {
          font-size: 13px; } }
  .modal-label-food-menu-item .labels-wrapper {
    width: 100%;
    padding: 0 15px;
    display: grid;
    align-items: baseline;
    grid-template-columns: 1fr 1fr 1fr; }
    @media (max-width: 540px) {
      .modal-label-food-menu-item .labels-wrapper {
        grid-template-columns: 1fr 1fr; } }
    .modal-label-food-menu-item .labels-wrapper .label-holder {
      padding-bottom: 4px; }
      .modal-label-food-menu-item .labels-wrapper .label-holder label {
        display: grid;
        grid-template-columns: 20px 40px auto;
        padding: 10px 0; }
        @media (max-width: 540px) {
          .modal-label-food-menu-item .labels-wrapper .label-holder label {
            grid-template-columns: 18px 28px auto; } }
        .modal-label-food-menu-item .labels-wrapper .label-holder label .social-checkbox {
          position: relative;
          margin-top: 0; }
      @media (max-width: 360px) {
        .modal-label-food-menu-item .labels-wrapper .label-holder .food-label-name {
          font-size: 11px; } }
  .modal-label-food-menu-item img {
    height: 15px; }
    @media (max-width: 991px) {
      .modal-label-food-menu-item img {
        height: 11px; } }

.modal-order-customization .instructions {
  text-align: left; }
  .modal-order-customization .instructions input {
    margin-top: 20px;
    width: 100%;
    border: 1px solid #dcddde;
    padding: 10px 15px;
    border-radius: 8px; }
  .modal-order-customization .instructions input::placeholder {
    color: #adaeb1;
    font-style: italic; }
.modal-order-customization .type-row a.orange, .modal-order-customization .modal-footer a.orange {
  background-color: #f15929;
  float: left; }
.modal-order-customization .type-row a.green, .modal-order-customization .modal-footer a.green {
  background-color: #39b549;
  float: right; }
.modal-order-customization .type-row a, .modal-order-customization .modal-footer a {
  padding: 8px 15px;
  color: white;
  font-weight: bold;
  border-radius: 6px; }
.modal-order-customization .type-row a.arrows, .modal-order-customization .modal-footer a.arrows {
  padding: 0; }
  .modal-order-customization .type-row a.arrows img, .modal-order-customization .modal-footer a.arrows img {
    height: 20px;
    width: 16px; }
.modal-order-customization .type-row a.arrows.margin-right, .modal-order-customization .modal-footer a.arrows.margin-right {
  margin-right: 16px; }
.modal-order-customization .modal-header, .modal-order-customization .modal-footer {
  padding: 20px;
  border: none; }
.modal-order-customization .modal-row:last-of-type {
  border-bottom: 1px solid #e8e9ea; }
.modal-order-customization .modal-row {
  padding: 15px 0;
  border-top: 1px solid #e8e9ea; }
.modal-order-customization .modal-header {
  text-align: center; }
.modal-order-customization .modal-body {
  color: #58585a;
  padding: 0 25px; }
  .modal-order-customization .modal-body .type .price-dollar {
    position: absolute;
    left: 20px;
    top: -2px;
    z-index: 2;
    color: #999999; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type .price-dollar {
        top: -1px; } }
  .modal-order-customization .modal-body .type label.type-name {
    width: 215px;
    font-size: 16px; }
    @media (max-width: 540px) {
      .modal-order-customization .modal-body .type label.type-name {
        font-size: 14px; } }
  .modal-order-customization .modal-body .type label.option-name {
    width: 245px;
    margin: 0 0 0 5px; }
  .modal-order-customization .modal-body .type label.option-name.rules {
    width: auto;
    margin: 0 0 0 0; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type label.option-name.rules {
        width: 23%; } }
  .modal-order-customization .modal-body .type label.option-name.rules.required {
    margin: 0 0 0 20px; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type label.option-name.rules.required {
        margin: 0; } }
  .modal-order-customization .modal-body .type label.size-name {
    width: 90px;
    margin: 0 0 0 15px; }
  .modal-order-customization .modal-body .type .option {
    margin: 10px 0 0 15px; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type .option {
        margin: 10px 0 0; } }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type .option label {
        width: 140px; } }
    .modal-order-customization .modal-body .type .option .form-control {
      height: 40px; }
    .modal-order-customization .modal-body .type .option .form-control.option-name {
      display: inline;
      width: 250px;
      font-style: italic;
      padding: 12px 12px 12px 15px; }
      @media (max-width: 767px) {
        .modal-order-customization .modal-body .type .option .form-control.option-name {
          width: 66%; } }
    .modal-order-customization .modal-body .type .option .form-control.price {
      display: inline;
      padding: 10px 5px 10px 15px;
      width: 80px;
      margin: 0 0 0 15px;
      @media(max-width: 540px) {
        padding: 10px 5px 10px 20px; }
 }
      @media (max-width: 767px) {
        .modal-order-customization .modal-body .type .option .form-control.price {
          width: 30%;
          margin: 0 0 0 3%; } }
    .modal-order-customization .modal-body .type .option .form-control.max-options {
      display: inline;
      width: 160px;
      margin: 0 0 0 15px; }
    .modal-order-customization .modal-body .type .option a i {
      color: lightgrey;
      font-size: 18px;
      margin-left: 5px; }
  .modal-order-customization .modal-body .type.type-collapsed label.type-name {
    width: auto;
    margin-right: 20px;
    margin-left: 5px; }
  .modal-order-customization .modal-body .type.type-collapsed a i {
    color: lightgrey;
    font-size: 18px;
    margin-left: 5px; }
  .modal-order-customization .modal-body .type.type-collapsed a.arrows {
    padding: 0; }
    .modal-order-customization .modal-body .type.type-collapsed a.arrows img {
      height: 20px;
      width: 16px; }
  .modal-order-customization .modal-body .type.type-collapsed a.arrows.margin-right {
    margin-right: 16px; }
  .modal-order-customization .modal-body .type-row.name-row input {
    display: inline;
    width: 250px; }
  .modal-order-customization .modal-body .type-row.name-row button {
    background: #f15929;
    font-weight: bold; }
  .modal-order-customization .modal-body .type-row.name-row a {
    display: inline;
    color: #818285;
    padding: 0 15px;
    font-weight: bold;
    text-decoration: underline; }
  .modal-order-customization .modal-body .type-row {
    padding: 15px 0; }
  .modal-order-customization .modal-body .type-row.name-row input.type-name {
    display: inline;
    width: 250px;
    font-style: italic;
    padding: 12px 12px 12px 15px;
    height: 40px; }
  .modal-order-customization .modal-body .type-row.name-row input.type-name.desc {
    width: 450px; }
  .modal-order-customization .modal-body .type-row.name-row button {
    float: none;
    padding: 10px 18px;
    margin-left: 13px;
    font-weight: bold;
    border-radius: 6px;
    vertical-align: top; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type-row.name-row button {
        display: block;
        width: 100%;
        margin: 10px auto;
        text-align: center; } }
  .modal-order-customization .modal-body .type.type-new a.orange {
    float: none; }
  .modal-order-customization .modal-body .type.type-new .form-control.type-name {
    display: inline;
    width: 280px;
    font-style: italic;
    margin-left: 5px; }
  .modal-order-customization .modal-body .type.type-new label.type-name {
    width: auto; }
  .modal-order-customization .modal-body .type.type-new button.orange {
    background: #f15929;
    float: none;
    padding: 7px 18px;
    font-weight: bold;
    border-radius: 6px;
    vertical-align: top;
    opacity: 1;
    width: 80px; }
  .modal-order-customization .modal-body .type.type-new p.type-name-error {
    color: red; }
  .modal-order-customization .modal-body .type.type-new .or-row {
    padding-top: 5px; }
  .modal-order-customization .modal-body .type.type-new .new-item-wrapper {
    overflow: hidden; }
  .modal-order-customization .modal-body .type-row.new-option {
    padding: 0; }
    .modal-order-customization .modal-body .type-row.new-option .option-price-tooltip {
      padding-top: 12px; }
    .modal-order-customization .modal-body .type-row.new-option .option-labels {
      padding-bottom: 12px; }
      @media (max-width: 767px) {
        .modal-order-customization .modal-body .type-row.new-option .option-labels label.option-name {
          width: 63%; } }
    .modal-order-customization .modal-body .type-row.new-option a.orange {
      float: none;
      padding: 12px 18px;
      margin-left: 13px; }
      @media (max-width: 767px) {
        .modal-order-customization .modal-body .type-row.new-option a.orange {
          display: block;
          margin: 10px auto;
          text-align: center; } }
    .modal-order-customization .modal-body .type-row.new-option a.orange.disabled {
      cursor: not-allowed;
      pointer-events: none;
      background-color: #ea5329; }
  .modal-order-customization .modal-body .type-row.rules .buttons {
    padding-top: 15px;
    text-align: right; }
    .modal-order-customization .modal-body .type-row.rules .buttons .btn {
      border-radius: 7px;
      width: 77px;
      padding: 7px 12px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .modal-order-customization .modal-body .type-row.rules .buttons .btn {
          width: 100%; } }
    .modal-order-customization .modal-body .type-row.rules .buttons .btn-success {
      background-color: #39b549;
      margin: 0 12px 0 8px; }
      @media (max-width: 767px) {
        .modal-order-customization .modal-body .type-row.rules .buttons .btn-success {
          margin: 0 auto; } }
    .modal-order-customization .modal-body .type-row.rules .buttons .btn-secondary {
      background-color: #939598; }
  .modal-order-customization .modal-body .type.type-expanded .option-expanded a.orange {
    float: none;
    padding: 12px 18px;
    margin-left: 13px; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type.type-expanded .option-expanded a.orange {
        display: block;
        margin: 10px auto;
        text-align: center; } }
  .modal-order-customization .modal-body .type.type-expanded .option-price-tooltip {
    color: #95979a;
    width: 120px;
    display: inline-block;
    margin-left: 15px; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type.type-expanded .option-price-tooltip {
        width: 30%;
        margin-left: 3%; } }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type.type-expanded .option-price-tooltip label {
        font-size: 11px; } }
  .modal-order-customization .modal-body .type.type-expanded .type-name {
    font-size: 17px; }
  .modal-order-customization .modal-body .type.type-expanded .form-control.size_price_dependant, .modal-order-customization .modal-body .type.type-expanded .form-control.required, .modal-order-customization .modal-body .type.type-expanded .form-control.max-options {
    display: inline;
    font-weight: bold;
    border-radius: 8px;
    border-color: #f3f3f4;
    background-color: #f3f3f4;
    margin: 0 0 0 15px;
    width: 120px; }
  .modal-order-customization .modal-body .type.type-expanded .form-control.size_price_dependant {
    float: right; }
  .modal-order-customization .modal-body .type.type-expanded .form-control.max-options {
    width: 240px; }
    @media (max-width: 767px) {
      .modal-order-customization .modal-body .type.type-expanded .form-control.max-options {
        width: 70%;
        margin-bottom: 15px; } }

.modal-window-item-customization .modal-dialog {
  width: max-content;
  min-width: 600px; }
  @media (max-width: 767px) {
    .modal-window-item-customization .modal-dialog {
      min-width: unset;
      width: 95%;
      margin: 10px auto; } }
  @media (max-width: 540px) {
    .modal-window-item-customization .modal-dialog .modal-title {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .modal-window-item-customization .modal-dialog .modal-footer a {
      text-align: center;
      margin: 10px 5px;
      display: block;
      float: none; } }
  @media (max-width: 767px) {
    .modal-window-item-customization .modal-dialog .modal-body .modal-row .form-control.type-name, .modal-window-item-customization .modal-dialog .modal-body .modal-row button.orange {
      width: 100%;
      margin: 5px auto; } }

.texting-permissions-page .offset-top.mt-4 {
  margin-top: 140px; }
  @media (max-width: 991px) {
    .texting-permissions-page .offset-top.mt-4 {
      margin-top: 170px; } }
.texting-permissions-page .texting-container {
  margin: 10px; }
  .texting-permissions-page .texting-container.pb-1 {
    padding-bottom: 10px; }
  .texting-permissions-page .texting-container h4.full-width {
    font-weight: bold; }

.texting-video-holder {
  background-color: white;
  padding: 30px 48px;
  border: 2px solid #dfdfdf;
  margin-bottom: 20px; }
  .texting-video-holder .activate-parties-video {
    color: #5d5e5e;
    display: block; }
    .texting-video-holder .activate-parties-video .video {
      border: 3px solid #7c7c7c;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
      .texting-video-holder .activate-parties-video .video .embed {
        width: 100%;
        display: block; }
        @media (min-width: 1921px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 280px; } }
        @media (max-width: 1920px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 280px; } }
        @media (max-width: 1376px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 280px; } }
        @media (max-width: 1170px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 280px; } }
        @media (max-width: 1024px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 200px; } }
        @media (max-width: 920px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 220px; } }
        @media (max-width: 768px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 240px; } }
        @media (max-width: 680px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 200px; } }
        @media (max-width: 420px) {
          .texting-video-holder .activate-parties-video .video .embed {
            height: 130px; } }
  .texting-video-holder .activate-parties-btn {
    background-color: #e85725;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 6px;
    margin: auto;
    margin-top: 20px;
    width: 55%; }
    @media (max-width: 768px) {
      .texting-video-holder .activate-parties-btn {
        width: 70%; } }
    @media (max-width: 680px) {
      .texting-video-holder .activate-parties-btn {
        width: 90%; } }
    @media (max-width: 420px) {
      .texting-video-holder .activate-parties-btn {
        width: 100%; } }
  .texting-video-holder .settings-holder {
    margin: 15px 0; }
    .texting-video-holder .settings-holder.red-box {
      background-color: #ffe4e4;
      margin: 0;
      padding: 15px 15px;
      width: 106%;
      max-width: 900px;
      right: 25px;
      bottom: -10px;
      position: relative; }
      @media (max-width: 1250px) {
        .texting-video-holder .settings-holder.red-box {
          width: calc(100% + 40px); } }
      .texting-video-holder .settings-holder.red-box .texting-status {
        color: #d71f1f;
        display: inline-block; }
      .texting-video-holder .settings-holder.red-box p {
        margin-bottom: 0; }
      .texting-video-holder .settings-holder.red-box div {
        display: inline-block; }
      .texting-video-holder .settings-holder.red-box span {
        font-weight: bold;
        color: #d71f1f; }
        .texting-video-holder .settings-holder.red-box span i {
          font-size: 1.2em;
          margin-left: 10px; }
    .texting-video-holder .settings-holder .w-20 {
      max-width: 200px; }
    .texting-video-holder .settings-holder h4 {
      margin-bottom: 10px; }

.website-page.voucher-page .tooltip-text-left {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  position: absolute;
  left: -150px;
  background-color: #f89e31;
  color: white;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 10;
  top: 50%;
  transform: translateY(-50%); }
  .website-page.voucher-page .tooltip-text-left .tooltip-msg {
    color: white; }
  .website-page.voucher-page .tooltip-text-left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -7px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #f89e31; }
@media (max-width: 768px) {
  .website-page.voucher-page .tooltip-text-left {
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px); }
    .website-page.voucher-page .tooltip-text-left::after {
      top: 100%;
      left: 50%;
      right: auto;
      margin-top: 0;
      transform: translateX(-50%);
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #f89e31;
      border-bottom: none; } }
.website-page.voucher-page .select-row.switch:hover .tooltip-text-left {
  visibility: visible;
  opacity: 1; }
.website-page.voucher-page .row {
  max-width: 1200px; }
  .website-page.voucher-page .row .tab-nav {
    display: flex;
    width: 100%;
    gap: 2px; }
    .website-page.voucher-page .row .tab-nav a.subsribers-tabs {
      flex: 1;
      text-align: center;
      padding: 14px 0;
      text-decoration: none;
      font-size: 16px;
      color: #555555;
      border-bottom: 2px solid transparent;
      transition: all 0.3s ease;
      background-color: white;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); }
      .website-page.voucher-page .row .tab-nav a.subsribers-tabs.tab-left {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
      .website-page.voucher-page .row .tab-nav a.subsribers-tabs.tab-right {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }
      .website-page.voucher-page .row .tab-nav a.subsribers-tabs.active {
        border-bottom: 2px solid #ea5329;
        color: #ea5329;
        cursor: default;
        pointer-events: none; }
      .website-page.voucher-page .row .tab-nav a.subsribers-tabs span.tab-content {
        display: inline-flex;
        align-items: center; }
        .website-page.voucher-page .row .tab-nav a.subsribers-tabs span.tab-content svg {
          width: 20px;
          height: 20px;
          flex-shrink: 0;
          fill: currentColor;
          transition: fill 0.3s ease;
          margin-right: 8px; }
.website-page.voucher-page .banner-subscribers .fade-in-banner {
  animation: fadeIn 1s ease-out; }
.website-page.voucher-page .banner-subscribers .voucher-loader {
  align-items: center;
  justify-content: center; }
  .website-page.voucher-page .banner-subscribers .voucher-loader .voucher-circle-loader {
    border: 9px solid rgba(0, 0, 0, 0.1);
    border-top: 9px solid #ea5329;
    position: relativ;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: variable-spin 0.9s linear infinite; }
.website-page.voucher-page .above-table .select-row .btn {
  width: 170px; }
.website-page.voucher-page .above-table .select-row .dropdown-menu {
  width: 170px; }
.website-page.voucher-page .above-table .select-row.vouchers .dropdown {
  border-radius: 10px; }
.website-page.voucher-page .above-table .select-row.vouchers .dropdown-menu {
  border-radius: 10px; }
.website-page.voucher-page .above-table .select-row.vouchers .btn.dropdown-toggle {
  border-radius: 30px; }
.website-page.voucher-page .above-table .select-row.vouchers input {
  border-radius: 30px;
  padding: 6px 20px; }
  .website-page.voucher-page .above-table .select-row.vouchers input::placeholder {
    font-style: normal; }
.website-page.voucher-page .above-table .select-row.vouchers .btn.dropdown-toggle span.caret {
  margin-top: 10px; }
.website-page.voucher-page .catering-container .btn-arrow {
  font-family: "Inter", sans-serif; }
.website-page.voucher-page .catering-container .table .btn {
  background-color: #2bb673;
  color: white;
  width: 180px;
  padding: 7px 12px; }
  @media (max-width: 378px) {
    .website-page.voucher-page .catering-container .table .btn {
      width: auto;
      white-space: break-spaces; } }
@media (max-width: 1370px) {
  .website-page.voucher-page .catering-container .table table td {
    word-break: break-word; } }
.website-page.voucher-page .catering-container .table table td:first-child, .website-page.voucher-page .catering-container .table table th:first-child {
  min-width: 30px;
  max-width: 30px; }
.website-page.voucher-page .catering-container .table table td:nth-child(2) {
  min-width: 170px;
  max-width: 240px; }
.website-page.voucher-page .catering-container .table table th {
  min-width: 100px; }
  @media (max-width: 1300px) {
    .website-page.voucher-page .catering-container .table table th {
      min-width: 70px; } }
  @media (max-width: 1250px) {
    .website-page.voucher-page .catering-container .table table th {
      min-width: 30px;
      padding: 15px 5px 9px 5px; } }
.website-page.voucher-page .catering-container .table table th:last-child {
  padding: 15px 8px 10px 8px; }
.website-page.voucher-page .catering-container .table table .fa-clock-o {
  color: #f89e31; }
.website-page.voucher-page .catering-container .table table .fa-check-circle-o {
  color: #4cbe84; }
.website-page.voucher-page .catering-container .table table .sent-text .fa-check-circle-o {
  color: black; }
.website-page.voucher-page .catering-container .table table .btn {
  background-color: #2bb673;
  color: white;
  padding: 8px 10px;
  width: 100%;
  white-space: normal; }
  @media (max-width: 1280px) {
    .website-page.voucher-page .catering-container .table table .btn {
      width: 97%;
      padding: 8px 6px; } }
.website-page.voucher-page .voucher-holder .website-container {
  padding: 120px 10% 60px 10%; }
  .website-page.voucher-page .voucher-holder .website-container .voucher-section-heading {
    color: #6d6e71;
    margin-left: 18px;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 1.4em; }
  .website-page.voucher-page .voucher-holder .website-container .website-section {
    color: #5d5e5e;
    margin-bottom: 15px; }
    .website-page.voucher-page .voucher-holder .website-container .website-section label.desc-row-1 {
      font-size: 20px;
      font-weight: 600;
      display: block; }
    .website-page.voucher-page .voucher-holder .website-container .website-section label {
      display: inline-block;
      font-weight: 400; }
    .website-page.voucher-page .voucher-holder .website-container .website-section .dropdown-menu li {
      padding-left: 15px; }
    .website-page.voucher-page .voucher-holder .website-container .website-section input[type=checkbox]:before {
      top: 3px; }
    .website-page.voucher-page .voucher-holder .website-container .website-section .checkbox-label span {
      font-size: 16px; }
    .website-page.voucher-page .voucher-holder .website-container .website-section .col-md-12 {
      padding-top: 10px; }
    .website-page.voucher-page .voucher-holder .website-container .website-section h4 {
      margin-bottom: 25px; }
    .website-page.voucher-page .voucher-holder .website-container .website-section .border-right:after {
      content: "";
      display: block;
      position: absolute;
      margin: auto;
      height: 80%;
      left: 93%;
      width: 1px;
      top: 12%;
      background: #75706e; }
      @media (max-width: 991px) {
        .website-page.voucher-page .voucher-holder .website-container .website-section .border-right:after {
          display: none; } }
    .website-page.voucher-page .voucher-holder .website-container .website-section .title {
      font-weight: bold; }
    .website-page.voucher-page .voucher-holder .website-container .website-section .options-row {
      position: relative; }
    .website-page.voucher-page .voucher-holder .website-container .website-section .options-row span, .website-page.voucher-page .voucher-holder .website-container .website-section .text-field span {
      padding-left: 0; }
  .website-page.voucher-page .voucher-holder .website-container .dropdown-menu {
    min-width: 250px;
    margin-top: 6px; }
  .website-page.voucher-page .voucher-holder .website-container .normal-text-input {
    font-weight: normal;
    display: inline-block;
    max-width: 170px; }
  .website-page.voucher-page .voucher-holder .website-container .bold-text {
    font-weight: bold; }
  .website-page.voucher-page .voucher-holder .website-container .normal-text {
    font-weight: normal; }
  .website-page.voucher-page .voucher-holder .website-container .edit-button {
    background-color: #f1592a;
    color: white;
    font-weight: bold;
    padding: 10px 15px; }
  .website-page.voucher-page .voucher-holder .website-container .edit-button:hover,
  .website-page.voucher-page .voucher-holder .website-container .edit-button:focus {
    color: white;
    font-weight: bold;
    background-color: #ff7f5c; }
  .website-page.voucher-page .voucher-holder .website-container .save-button {
    background-color: #2bb673;
    color: white;
    font-weight: bold;
    padding: 10px 15px; }
  .website-page.voucher-page .voucher-holder .website-container .save-button:hover,
  .website-page.voucher-page .voucher-holder .website-container .save-button:focus {
    color: white;
    font-weight: bold;
    background-color: #62e4a5; }
  .website-page.voucher-page .voucher-holder .website-container .btn-duration {
    background-color: white;
    border: 1px solid #cccccc;
    padding: 10px 15px; }
  .website-page.voucher-page .voucher-holder .website-container .edited-input {
    max-width: 50px;
    display: inline-block; }
  .website-page.voucher-page .voucher-holder .website-container .wider-box {
    max-width: 120px;
    background-color: white; }
  .website-page.voucher-page .voucher-holder .website-container div .text-field {
    font-weight: bold;
    margin-top: 15px;
    font-size: medium; }
  .website-page.voucher-page .voucher-holder .website-container .inline-box {
    display: inline; }
  .website-page.voucher-page .voucher-holder .website-container .dropdown-month-picker {
    background-color: white;
    border: 1px solid #d1d2d4; }
  .website-page.voucher-page .voucher-holder .website-container .inline-box {
    display: inline; }
  .website-page.voucher-page .voucher-holder .website-container .dropdown-month-picker {
    background-color: white; }
  .website-page.voucher-page .voucher-holder .website-container .edit-inputs input,
  .website-page.voucher-page .voucher-holder .website-container .edit-inputs p {
    display: inline-block; }
  .website-page.voucher-page .voucher-holder .website-container .edit-inputs p {
    width: 80%; }
  .website-page.voucher-page .voucher-holder .website-container .checkbox-label input[type=checkbox].active:before {
    color: #2bb673; }
  .website-page.voucher-page .voucher-holder .website-container .small-calendar {
    margin-top: 10px; }
    .website-page.voucher-page .voucher-holder .website-container .small-calendar .btn-sm {
      padding: 5px 15px; }
    .website-page.voucher-page .voucher-holder .website-container .small-calendar .dropdown-menu li {
      padding-left: 0; }
    .website-page.voucher-page .voucher-holder .website-container .small-calendar .edited-input {
      max-width: 110px;
      width: 110px;
      border: 1px solid #cccccc;
      padding: 7px;
      border-radius: 4px; }
    .website-page.voucher-page .voucher-holder .website-container .small-calendar .edited-input.ng-invalid {
      border-color: red; }

@keyframes variable-spin {
  0% {
    transform: rotate(0deg); }

  10% {
    transform: rotate(36deg); }

  35% {
    transform: rotate(90deg); }

  55% {
    transform: rotate(135deg); }

  75% {
    transform: rotate(225deg); }

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

@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.texting-preview-page.container-fluid {
  padding: 0; }
  .texting-preview-page.container-fluid span.text-transform-none {
    text-transform: none; }

.texting-preview-page h3.text-content {
  font-weight: normal;
  line-height: 1.3em; }
.texting-preview-page .reminder-box-mt {
  margin-top: 60px; }
.texting-preview-page h3.message-heading {
  font-weight: normal !important; }
.texting-preview-page .post-preview-content {
  word-break: break-word;
  margin-top: 5px; }
.texting-preview-page .post-preview-container.row {
  margin-left: 100px; }
  @media (max-width: 1280px) {
    .texting-preview-page .post-preview-container.row {
      margin-left: 20px; } }
  @media (max-width: 767px) {
    .texting-preview-page .post-preview-container.row {
      margin-left: 0; } }
.texting-preview-page .post-preview-holder .posts-filter-holder .nav-holder .nav-el {
  font-weight: normal; }
  .texting-preview-page .post-preview-holder .posts-filter-holder .nav-holder .nav-el a {
    font-size: 0.9em; }
    @media (max-width: 1000px) {
      .texting-preview-page .post-preview-holder .posts-filter-holder .nav-holder .nav-el a {
        font-size: 1em; } }
@media (max-width: 1000px) {
  .texting-preview-page .post-preview-container.row.usage-nav {
    margin-top: 50px; } }
.texting-preview-page .post-preview-container.row.usage-nav .website-page h3 {
  font-weight: normal; }
.texting-preview-page .post-preview-container.row.usage-nav .website-bar .website-section h3.tabnav a {
  color: #626262;
  font-size: 0.9em; }
.texting-preview-page .post-preview-container.row.usage-nav .website-bar .website-section h3.tabnav.active a {
  color: #ea5329; }
.texting-preview-page .post-preview-container {
  background-color: #f5f9f9; }
.texting-preview-page input[type=checkbox] {
  margin: 2px 0 0 10px; }
.texting-preview-page label {
  font-size: 0.9em;
  color: #808081; }
.texting-preview-page .dropdown-menu {
  left: auto;
  right: 0px;
  width: 293px; }
  .texting-preview-page .dropdown-menu .new-promotion-holder {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9eaeb; }
    .texting-preview-page .dropdown-menu .new-promotion-holder .btn-default {
      padding: 6px 20px;
      color: white;
      background-color: #25aae1;
      border-color: #25aae1; }
  .texting-preview-page .dropdown-menu p {
    color: #95979a;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em; }
  .texting-preview-page .dropdown-menu ul {
    list-style: none;
    padding-left: 0; }
  .texting-preview-page .dropdown-menu li {
    font-size: 14px;
    font-weight: bold; }
.texting-preview-page .display-flex {
  display: flex;
  position: relative; }
  .texting-preview-page .display-flex.disabled h3.message-heading {
    color: #58585a !important; }
  .texting-preview-page .display-flex.disabled .message-icon {
    background-color: #bdbec0; }
  .texting-preview-page .display-flex.disabled .stoped {
    display: flex;
    gap: 10px;
    color: #d71f1f;
    text-transform: uppercase;
    margin: 5px 25px 0 15px; }
.texting-preview-page .flex-wrap {
  flex-flow: wrap; }
.texting-preview-page .justify-center {
  justify-content: center; }
.texting-preview-page .align-items-baseline {
  align-items: baseline; }
.texting-preview-page .ml-1 {
  margin-left: 10px; }
.texting-preview-page .ml-5 {
  margin-left: 50px; }
  @media (max-width: 991px) {
    .texting-preview-page .ml-5 {
      margin-left: 0; } }
.texting-preview-page .ml-2 {
  margin-left: 20px; }
.texting-preview-page .mt-1 {
  margin-top: 10px; }
.texting-preview-page .mt-5 {
  margin-top: 50px; }
.texting-preview-page .mt-2 {
  margin-top: 20px; }
.texting-preview-page .mt-3 {
  margin-top: 30px; }
.texting-preview-page .mr-1 {
  margin-right: 10px; }
.texting-preview-page .post-preview-options.post-preview-holder {
  padding-bottom: 0; }
  @media (max-width: 1380px) {
    .texting-preview-page .post-preview-options.post-preview-holder {
      padding-left: 170px; } }
  @media (max-width: 1024px) {
    .texting-preview-page .post-preview-options.post-preview-holder {
      padding-left: 270px; } }
  @media (max-width: 767px) {
    .texting-preview-page .post-preview-options.post-preview-holder {
      padding: 0; } }
.texting-preview-page .post-preview-container .post-preview-options.post-preview-holder > div {
  width: 100%; }
.texting-preview-page .post-preview-holder.approval-controls.visible-controls .side-arrow {
  top: inherit; }
.texting-preview-page .preview-page {
  background: #f5f9f9; }
@media (max-width: 1024px) {
  .texting-preview-page .post-preview-holder .nav-holder {
    margin-left: 10px; } }
@media (max-width: 768px) {
  .texting-preview-page .post-preview-holder .nav-holder {
    align-items: center; } }
.texting-preview-page .post-preview-holder .nav-holder .fa-question-circle {
  font-size: 15px; }
.texting-preview-page .post-preview-holder .nav-holder .nav-el {
  padding: 10px;
  font-weight: bold; }
  @media (max-width: 1280px) {
    .texting-preview-page .post-preview-holder .nav-holder .nav-el {
      padding: 10px 0; } }
  @media (max-width: 768px) {
    .texting-preview-page .post-preview-holder .nav-holder .nav-el {
      font-size: 0.9em;
      padding: 9px 2px; } }
  .texting-preview-page .post-preview-holder .nav-holder .nav-el a {
    color: #535456; }
@media (max-width: 520px) {
  .texting-preview-page .post-preview-holder .nav-holder .nav-el.ml-2 {
    margin-left: 8px; } }
.texting-preview-page .post-preview-holder .nav-holder .active {
  border-bottom: 7px solid #df633b; }
  .texting-preview-page .post-preview-holder .nav-holder .active a {
    color: #df633b; }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.disliked .button.no .trigger {
  background-color: #cc3333; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.disliked .button.no .trigger:before {
    color: white; }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.liked .button.yes .trigger {
  background-color: #33bb77; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.liked .button.yes .trigger:before {
    color: white; }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow.texting-arrow {
  position: relative;
  margin-left: 0;
  left: 0;
  width: 50px; }
  @media (max-width: 485px) {
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .side-arrow.texting-arrow {
      display: none; } }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button {
  background-color: white;
  box-shadow: 0px 0px 11.9597px rgba(0, 0, 0, 0.1); }
  @media (max-width: 485px) {
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button {
      width: 55px;
      height: 55px; } }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger {
    background-color: rgba(234, 83, 41, 0.15); }
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger:hover {
      background-color: #cc3333;
      transition: background-color 0.3s ease; }
      .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger:hover:before {
        color: white; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger {
    background-color: rgba(51, 187, 119, 0.1); }
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:hover {
      background-color: #33bb77;
      transition: background-color 0.3s ease; }
      .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:hover:before {
        color: white; }
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:before {
      color: #33bb77; }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.loading-content {
  pointer-events: none; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.loading-content:hover {
    background-color: white !important; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.loading-content .trigger {
    background-color: #afafaf !important; }
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.loading-content .trigger:before {
      background-image: url("https://static.spotapps.co/assets/admin/loading_star.gif") !important;
      mix-blend-mode: normal; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb.loading-content a {
    color: #939598; }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb {
  width: auto;
  height: 65px;
  border-radius: 50px;
  top: -17px; }
  @media (max-width: 485px) {
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb {
      top: -8px;
      height: 55px; } }
  @media (max-width: 374px) {
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb {
      width: 55px;
      top: -12px; } }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb a {
    text-decoration: none;
    color: #3d3d3d; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .trigger {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: rgba(235, 165, 8, 0.2);
    margin-left: 10px; }
    @media (max-width: 485px) {
      .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .trigger {
        width: 45px;
        height: 45px;
        margin-left: 7px; } }
      @media (max-width: 485px) and (max-width: 374px) {
        .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .trigger {
          width: 40px;
          height: 40px; } }
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .trigger .loading-numb {
      position: absolute;
      background-color: #cc3333;
      color: white;
      border-radius: 50px;
      right: -5px;
      padding: 0 6px;
      font-size: 14px; }
    .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .trigger:before {
      mix-blend-mode: multiply; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .bulb-link {
    margin-left: 10px;
    margin-right: 20px;
    position: relative;
    top: -10px; }
    @media (max-width: 485px) {
      .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .bulb-link {
        margin-left: 7px;
        margin-right: 14px; } }
    @media (max-width: 400px) {
      .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .bulb-link {
        font-size: 11px;
        top: -12px; } }
    @media (max-width: 374px) {
      .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb .bulb-link {
        display: none; } }
.texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb:hover {
  background-color: #eba508;
  transition: background-color 0.5s ease; }
  .texting-preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb:hover .trigger {
    background-color: white; }
.texting-preview-page .btn-info {
  color: white;
  background-color: #25aae1;
  border-color: #25aae1;
  font-size: 0.9em;
  height: 30px;
  margin-top: 4px;
  width: 160px; }
  @media (max-width: 991px) {
    .texting-preview-page .btn-info {
      width: auto; } }
@media (max-width: 991px) {
  .texting-preview-page .new-post-button-desktop {
    display: none; } }
.texting-preview-page .new-post-button-mobile {
  display: none; }
  @media (max-width: 880px) {
    .texting-preview-page .new-post-button-mobile {
      display: inline-block; } }
.texting-preview-page .flex-pull-left {
  margin: 0 90px 0 20px;
  gap: 10px;
  display: flex;
  min-width: 50px; }
  @media (max-width: 991px) {
    .texting-preview-page .flex-pull-left {
      margin: 10px; } }
.texting-preview-page .post-preview-container .post-preview-options h3 {
  color: #6d6d6d;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  font-size: 17px; }
  @media (max-width: 767px) {
    .texting-preview-page .post-preview-container .post-preview-options h3 {
      font-size: 16px; } }
.texting-preview-page .post-preview-container .dropdown-menu h3 {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #6d6e71;
  font-size: 1.2em;
  font-weight: bold; }
.texting-preview-page h4 {
  font-size: 15px;
  font-weight: bold;
  color: #b8babb; }
.texting-preview-page h4.subtitle {
  color: #3b3e51;
  margin-bottom: 10px;
  font-size: 17px; }
.texting-preview-page .date-header {
  margin-top: 50px;
  padding: 5px; }
  .texting-preview-page .date-header span {
    text-transform: uppercase; }
  .texting-preview-page .date-header h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
    font-weight: normal; }
  .texting-preview-page .date-header p {
    font-size: 0.9em;
    margin: 0;
    color: #9a9b9e;
    font-weight: bold;
    font-family: "Lato", sans-serif; }
.texting-preview-page .message-icon {
  background-color: #2bb673;
  color: white;
  padding: 10px;
  border-radius: 10px;
  max-height: 50px; }
.texting-preview-page .message-holder label {
  display: flex;
  align-items: center;
  height: 20px;
  color: #2bb673;
  margin-left: 15px;
  margin-top: 2px; }
.texting-preview-page .message-holder .magic-checkbox:checked + label:before {
  border: #33bb77;
  background: #33bb77; }
.texting-preview-page .message-holder h3 {
  font-size: 1em; }
.texting-preview-page .message-holder h3.message-heading {
  color: #2bb673;
  width: 100%;
  margin: 0 25px 0 15px;
  font-weight: bold;
  font-size: 18px; }
.texting-preview-page .texting-timestamp {
  color: #bdbec0;
  font-size: 1em;
  margin-top: 10px; }
.texting-preview-page .text-post-preview-holder {
  width: 450px; }
  @media (max-width: 767px) {
    .texting-preview-page .text-post-preview-holder {
      width: auto;
      margin-top: 30px; } }
.texting-preview-page .post-preview-holder {
  width: 100%; }
.texting-preview-page .post-preview-holder.texting-btn-holder {
  text-align: left;
  margin-left: 0; }
.texting-preview-page .underline:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  width: 100%;
  background: #e9eaeb;
  margin-top: 15px; }
@media (max-width: 1230px) {
  .texting-preview-page .approve-messages-holder {
    display: none; } }
.texting-preview-page .message-scheduled-holder {
  padding-bottom: 10px;
  padding-left: 0; }
  @media (min-width: 768px) {
    .texting-preview-page .message-scheduled-holder {
      padding-left: 250px;
      webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; } }
  .texting-preview-page .message-scheduled-holder h3, .texting-preview-page .message-scheduled-holder h4 {
    padding-left: 25px; }
    @media (max-width: 1024px) {
      .texting-preview-page .message-scheduled-holder h3, .texting-preview-page .message-scheduled-holder h4 {
        padding-left: 15px; } }
    @media (max-width: 767px) {
      .texting-preview-page .message-scheduled-holder h3, .texting-preview-page .message-scheduled-holder h4 {
        padding-left: 55px; } }
  @media (max-width: 1024px) {
    .texting-preview-page .message-scheduled-holder {
      margin-left: 10px; } }
.texting-preview-page .edit-text-post-img {
  max-width: 20px; }
.texting-preview-page .edit-text-post {
  position: absolute;
  right: 0; }
.texting-preview-page .text-holder p {
  font-size: 1.1em; }

@media (max-width: 1000px) {
  .texting-preview-page .post-preview-container.row.usage-nav {
    margin-top: 0px !important; } }

.catering-page.texting-customer-list .preview-page .post-preview-container.texting-setting-page {
  min-height: 0;
  padding-top: 50px;
  padding-bottom: 0;
  margin-bottom: 0; }
.catering-page.texting-customer-list .preview-page .post-preview-container.usage-nav {
  padding-top: 50px; }
.catering-page.texting-customer-list .customer-length-desktop {
  float: right; }
.catering-page.texting-customer-list .no-consumers-holder {
  text-align: center;
  padding: 90px 25px; }
  .catering-page.texting-customer-list .no-consumers-holder p {
    max-width: 325px;
    margin: auto;
    color: #555555;
    font-size: 0.9em; }
  .catering-page.texting-customer-list .no-consumers-holder a {
    color: #3f9fff;
    text-decoration: underline; }
  .catering-page.texting-customer-list .no-consumers-holder .no-inq {
    font-size: 1.1em;
    margin-top: 45px;
    margin-bottom: 7px; }
.catering-page.texting-customer-list.website-page h3 {
  font-weight: normal; }
.catering-page.texting-customer-list .website-bar .website-section h3.tabnav a {
  color: #626262;
  font-size: 0.9em; }
.catering-page.texting-customer-list .website-bar .website-section h3.tabnav.active a {
  color: #ea5329; }
.catering-page.texting-customer-list .website-bar .dropdown {
  display: inline; }
@media (max-width: 767px) {
  .catering-page.texting-customer-list .website-bar .dropdown {
    display: inline; } }
@media (min-width: 991px) {
  .catering-page.texting-customer-list .hide-on-desktop {
    display: none; }
  .catering-page.texting-customer-list .website-bar-mobile {
    display: none; }
  .catering-page.texting-customer-list .website-bar-desktop {
    display: block; }
    .catering-page.texting-customer-list .website-bar-desktop h3.tabnav {
      padding: 0px 15px 20px 15px; } }
@media (max-width: 991px) {
  .catering-page.texting-customer-list .website-bar .dropdown .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .catering-page.texting-customer-list .website-bar .dropdown .btn .fa {
    color: #f1592a; }
  .catering-page.texting-customer-list .above-table {
    margin-top: 40px; }
    .catering-page.texting-customer-list .above-table .texting-customer-list-search-box {
      width: 100%;
      border: 1px solid #e1e4e7;
      padding: 10px 7px;
      font-weight: 300; }
    .catering-page.texting-customer-list .above-table input:focus-visible, .catering-page.texting-customer-list .above-table input:focus, .catering-page.texting-customer-list .above-table input:active {
      outline-color: #f1592a;
      outline-width: 2px;
      outline-style: solid; }
    .catering-page.texting-customer-list .above-table input {
      color: #f1592a; }
    .catering-page.texting-customer-list .above-table input::placeholder {
      color: black;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1em; }
    .catering-page.texting-customer-list .above-table .customer-length-desktop {
      float: none;
      margin-top: 10px;
      margin-left: 5px;
      color: #f1592a;
      font-weight: lighter; }
  .catering-page.texting-customer-list .website-section.table {
    padding: 0; }
  .catering-page.texting-customer-list .customer-list-element-div {
    border-top: 1px solid #e1e4e7;
    border-bottom: 1px solid #e1e4e7;
    border-radius: 0;
    width: 100%;
    margin: 0;
    padding: 15px; }
  .catering-page.texting-customer-list .customer-list-mobile-view {
    border-top: 1px solid #e1e4e7;
    border-bottom: 1px solid #e1e4e7;
    border-radius: 0; }
  .catering-page.texting-customer-list .customer-name {
    font-size: 1.2em;
    font-weight: 400;
    color: #565656;
    margin-bottom: 0;
    padding-bottom: 3px; }
  .catering-page.texting-customer-list .customer-email {
    font-weight: 300;
    color: #565656;
    margin-bottom: 0; }
  .catering-page.texting-customer-list .customer-phone {
    font-weight: 300;
    color: #565656;
    margin-bottom: 0; }
  .catering-page.texting-customer-list .customer-list-holder {
    padding: 0px; }
  .catering-page.texting-customer-list .website-bar-mobile {
    display: block;
    padding-top: 45px;
    box-shadow: 0px 1px 4px #939598; }
    .catering-page.texting-customer-list .website-bar-mobile .website-section {
      display: flex;
      margin: 0;
      padding: 10px 0px 0px 0px; }
      .catering-page.texting-customer-list .website-bar-mobile .website-section .tabnav {
        width: 100%;
        color: #f1592a;
        font-weight: 500; }
      .catering-page.texting-customer-list .website-bar-mobile .website-section .tabnav.active {
        font-weight: 600; }
      .catering-page.texting-customer-list .website-bar-mobile .website-section .tabnav:first-of-type {
        flex-basis: 120%; }
  .catering-page.texting-customer-list .website-bar-desktop {
    display: none; } }

.billing-page {
  background-color: #f3f3f4; }
  @media (max-width: 767px) {
    .billing-page h1 {
      font-size: 2.2em; } }
  .billing-page .page-holder h1 {
    font-size: 2.2em;
    color: black;
    margin-top: 25px;
    font-weight: 400; }
  .billing-page .page-holder .panel {
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    padding: 1.2em; }
  .billing-page .page-holder .panel-body .payment-header {
    margin-bottom: 1.1em; }
  .billing-page .page-holder .panel-body h2 {
    font-size: 1.5em;
    margin-bottom: 0.8em; }
  .billing-page .page-holder .panel-body .action-btn-holder {
    margin-top: 1em;
    position: relative;
    min-height: 40px; }
  .billing-page .page-holder .panel-body .badge {
    font-size: 0.7em;
    padding: 0.3em 0.7em 0.3em 0.4em;
    display: inline-block;
    min-width: 85px;
    text-align: center;
    vertical-align: baseline;
    background: transparent;
    word-spacing: 0.1em;
    font-weight: normal;
    margin-left: 0.6em; }
    @media (max-width: 767px) {
      .billing-page .page-holder .panel-body .badge {
        margin-left: -4px;
        margin-top: 5px; } }
    .billing-page .page-holder .panel-body .badge .fa {
      margin: 0 2px;
      font-size: 1.3em; }
      @media (max-width: 767px) {
        .billing-page .page-holder .panel-body .badge .fa {
          margin: 0; } }
  .billing-page .page-holder .panel-body .badge-success {
    color: #51ae7e; }
  .billing-page .page-holder .panel-body .badge-warning {
    color: #d97f2f; }
  .billing-page .page-holder .panel-body .badge-danger {
    color: #d93636; }
  .billing-page .page-holder .panel-body .sh-btn {
    border-color: #ea5329;
    background-color: #ea5329;
    color: white;
    padding: 5px 25px;
    border-radius: 5px; }
    .billing-page .page-holder .panel-body .sh-btn:focus, .billing-page .page-holder .panel-body .sh-btn:active {
      outline: none; }
  .billing-page .page-holder .panel-body .sh-btn.cancel {
    border-color: #909090;
    background-color: #909090; }
  .billing-page .page-holder .panel-body .payment-info-box {
    border-radius: 7px;
    background-color: #ecf0f6;
    border-color: #e1e9f2;
    border-width: 2px;
    border-style: solid;
    padding: 7px;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 35px; }
  .billing-page .page-holder .panel-body .border-bottom-payment {
    border-bottom: 3px solid #f3f3f4; }
  .billing-page .page-holder .panel-body .payment-options-holder {
    display: flex;
    padding-bottom: 1.6em; }
    @media (max-width: 767px) {
      .billing-page .page-holder .panel-body .payment-options-holder {
        flex-wrap: wrap; } }
  .billing-page .page-holder .panel-body .payment-option-button {
    display: flex;
    flex-grow: 2;
    justify-content: center;
    align-items: center;
    margin: 10px 20px 10px 0;
    height: 4em;
    font-size: 1em;
    background-color: #f3f3f4;
    border-radius: 5px;
    border-color: #f3f3f4;
    opacity: 0.65; }
    .billing-page .page-holder .panel-body .payment-option-button:focus {
      outline: none; }
    .billing-page .page-holder .panel-body .payment-option-button .fa {
      font-size: 2em;
      margin: 0 5px; }
    .billing-page .page-holder .panel-body .payment-option-button .svg-holder {
      width: 1.8em;
      margin: 0 5px;
      opacity: 0.65; }
    .billing-page .page-holder .panel-body .payment-option-button.icon-other {
      opacity: 0.45; }
    @media (min-width: 767px) {
      .billing-page .page-holder .panel-body .payment-option-button .payment-option-button:nth-child(2) {
        margin: 10px 0; } }
  .billing-page .page-holder .panel-body .payment-option-button.selected {
    border: 3px solid #ea5329;
    background-color: white;
    opacity: 1; }
    .billing-page .page-holder .panel-body .payment-option-button.selected .svg-holder {
      opacity: 1; }
  .billing-page .page-holder .panel-body .card-holder {
    padding-top: 1.6em; }
    .billing-page .page-holder .panel-body .card-holder h4 {
      margin: 10px 0;
      text-transform: uppercase;
      font-size: 1.1em;
      color: #212529; }
  .billing-page .page-holder .panel-body .card-details .badge-warning,
  .billing-page .page-holder .panel-body .card-details .badge-danger {
    font-size: 1em;
    margin-left: 0;
    word-spacing: 0.1em;
    margin: 1.5em 0; }
    .billing-page .page-holder .panel-body .card-details .badge-warning .fa,
    .billing-page .page-holder .panel-body .card-details .badge-danger .fa {
      font-size: 1.1em; }
  .billing-page .page-holder .panel-body .card-details p {
    margin-bottom: 0; }
  .billing-page .page-holder .panel-body .card-details span {
    font-weight: 700; }
  .billing-page .page-holder .panel-body .form-holder {
    padding-top: 1.6em;
    width: 80%; }
    @media (max-width: 767px) {
      .billing-page .page-holder .panel-body .form-holder {
        width: 100%; } }
    .billing-page .page-holder .panel-body .form-holder h2 {
      font-size: 1.2em; }
    .billing-page .page-holder .panel-body .form-holder p {
      margin-bottom: 1.6em; }
    .billing-page .page-holder .panel-body .form-holder label {
      font-size: 0.9em;
      font-weight: 400; }
    .billing-page .page-holder .panel-body .form-holder .magic-checkbox:checked + label::before {
      border: #ea5329;
      background: #ea5329; }
    .billing-page .page-holder .panel-body .form-holder .form-row {
      display: flex;
      flex-direction: row;
      margin-bottom: 1em;
      align-items: baseline; }
    .billing-page .page-holder .panel-body .form-holder .ml-3 {
      margin-left: 30px; }
    .billing-page .page-holder .panel-body .form-holder .account-type .magic-checkbox + label::before {
      border-radius: 10px; }
    .billing-page .page-holder .panel-body .form-holder .input-group {
      width: 45%; }
      @media (max-width: 767px) {
        .billing-page .page-holder .panel-body .form-holder .input-group {
          width: 100%; } }
  .billing-page .page-holder .admin-section {
    margin-top: 30px;
    padding: 0; }
    .billing-page .page-holder .admin-section .panel-body {
      padding: 0; }
    .billing-page .page-holder .admin-section .admin-header {
      border-bottom: 1px solid #c9c9c9; }
      .billing-page .page-holder .admin-section .admin-header .content {
        display: flex;
        align-items: center;
        margin: 20px; }
        .billing-page .page-holder .admin-section .admin-header .content h4 {
          margin-left: 20px;
          font-size: 18px;
          font-weight: bold; }
    .billing-page .page-holder .admin-section .admin-content {
      margin: 20px; }
      .billing-page .page-holder .admin-section .admin-content .customers-ids {
        display: flex;
        font-size: 15px;
        align-items: center;
        margin-bottom: 15px; }
        .billing-page .page-holder .admin-section .admin-content .customers-ids:last-child {
          margin-bottom: 0; }
        .billing-page .page-holder .admin-section .admin-content .customers-ids a {
          margin-left: 20px;
          font-weight: bold;
          color: #0c7cff; }
        .billing-page .page-holder .admin-section .admin-content .customers-ids .sh-btn {
          color: white;
          margin-left: 20px; }

.address-autocomplete-holder .mbaa-results-list {
  display: none; }
.address-autocomplete-holder .mbaa-results-list.mbaa-fill {
  display: block;
  list-style: none;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 4px; }
  .address-autocomplete-holder .mbaa-results-list.mbaa-fill .mbaa {
    padding: 5px 12px;
    cursor: pointer;
    color: #555555; }
  .address-autocomplete-holder .mbaa-results-list.mbaa-fill .mbaa:hover {
    background-color: #eeeeee; }

.instagram-upgrade-modal.upper-banner-modal {
  background-color: #e7e6f6;
  background-image: url("https://static.spotapps.co/assets/admin/instagram_upgrade_background_3.jpg");
  background-position: left center;
  background-repeat: no-repeat; }
  .instagram-upgrade-modal.upper-banner-modal .title-container-modal {
    margin-top: 30px; }
    .instagram-upgrade-modal.upper-banner-modal .title-container-modal h3 {
      font-size: 30px;
      margin-bottom: 10px; }
      @media (max-width: 360px) {
        .instagram-upgrade-modal.upper-banner-modal .title-container-modal h3 {
          font-size: 24px; } }
    .instagram-upgrade-modal.upper-banner-modal .title-container-modal p {
      font-size: 14px; }

.instagram-floating-body-modal {
  height: auto;
  padding: 20px 25px; }
  @media (max-width: 360px) {
    .instagram-floating-body-modal h4.title {
      font-size: 20px; } }
  @media (max-width: 540px) {
    .instagram-floating-body-modal p.subtitle {
      width: 85%; } }
  .instagram-floating-body-modal .footer {
    padding: 0; }
    .instagram-floating-body-modal .footer button {
      width: 300px;
      max-width: 100%; }

.thank-you-modal-instagram .upper-banner-modal {
  background-color: #e7e6f6;
  background-image: url("https://static.spotapps.co/assets/admin/instagram_upgrade_background_3.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  height: 150px; }
  .thank-you-modal-instagram .upper-banner-modal .title-container-modal {
    margin-top: 35px; }
.thank-you-modal-instagram h4.title {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin: 20px 0 30px; }

.instagram-not-connected-modal .modal-body p {
  color: black;
  margin-bottom: 25px; }
.instagram-not-connected-modal .modal-footer .btn {
  background-color: #d20068; }

.safety-update-modal .modal-body p {
  font-size: 16px; }
.safety-update-modal .modal-footer .btn {
  min-width: 110px;
  border-radius: 6px; }

.btn-yes, .btn-no {
  padding: 2px 12px;
  font-size: 12px; }

.btn-yes {
  background: #e8561e !important; }

.btn-no {
  background: #58595b !important;
  border-color: #58595b; }

.documents-page .website-bar h1 {
  padding-left: 5%;
  font-size: 2em; }
  @media (max-width: 1200px) {
    .documents-page .website-bar h1 {
      font-size: 1.6em; } }
  @media (max-width: 991px) {
    .documents-page .website-bar h1 {
      font-size: 1.3em; } }
  @media (max-width: 767px) {
    .documents-page .website-bar h1 {
      font-size: 1em;
      padding-left: 50px; } }

.help-tip {
  display: inline-block;
  position: relative;
  text-align: center;
  background-color: #898b8e;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 26px;
  cursor: default; }

.help-tip:before {
  content: "?";
  font-weight: bold;
  color: white; }

.help-tip:hover p {
  display: block;
  transform-origin: 100% 0%;
  z-index: 1000; }

.help-tip p {
  margin-top: 5px;
  display: none;
  text-align: left;
  background-color: #58585a;
  padding: 15px;
  width: 300px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  left: -4px;
  color: white;
  font-size: 13px;
  line-height: 1.1; }

.help-tip p:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #58585a;
  left: 10px;
  top: -12px; }

.help-tip p:after {
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  top: -40px;
  right: 0; }

.event-planer-cancellation-page.instagram-cancellation .info {
  text-align: left;
  width: 615px; }
  @media (max-width: 920px) {
    .event-planer-cancellation-page.instagram-cancellation .info {
      width: 500px;
      font-size: 0.9em; } }
  @media (max-width: 767px) {
    .event-planer-cancellation-page.instagram-cancellation .info {
      width: 90%;
      font-size: 1em; } }
  .event-planer-cancellation-page.instagram-cancellation .info h1 {
    text-align: center;
    font-size: 1.7em; }
    @media (max-width: 920px) {
      .event-planer-cancellation-page.instagram-cancellation .info h1 {
        font-size: 1.6em; } }
    @media (max-width: 767px) {
      .event-planer-cancellation-page.instagram-cancellation .info h1 {
        font-size: 1.7em; } }
    @media (max-width: 600px) {
      .event-planer-cancellation-page.instagram-cancellation .info h1 {
        font-size: 1.5em; } }
  .event-planer-cancellation-page.instagram-cancellation .info p {
    font-size: 1.2em; }
    @media (max-width: 600px) {
      .event-planer-cancellation-page.instagram-cancellation .info p {
        font-size: 1.1em; } }
.event-planer-cancellation-page.instagram-cancellation .button-holder {
  display: flex;
  width: 615px; }
  @media (max-width: 920px) {
    .event-planer-cancellation-page.instagram-cancellation .button-holder {
      width: 500px; } }
  @media (max-width: 767px) {
    .event-planer-cancellation-page.instagram-cancellation .button-holder {
      width: 90%; } }
  @media (max-width: 480px) {
    .event-planer-cancellation-page.instagram-cancellation .button-holder {
      flex-direction: column; } }
  .event-planer-cancellation-page.instagram-cancellation .button-holder .cta-btn {
    font-weight: normal;
    padding: 10px 0;
    font-size: 1.1em;
    width: 48%; }
    @media (max-width: 767px) {
      .event-planer-cancellation-page.instagram-cancellation .button-holder .cta-btn {
        font-size: 1em; } }
    @media (max-width: 480px) {
      .event-planer-cancellation-page.instagram-cancellation .button-holder .cta-btn {
        width: 100%; } }
    .event-planer-cancellation-page.instagram-cancellation .button-holder .cta-btn:first-child {
      margin-right: 4%; }
      @media (max-width: 480px) {
        .event-planer-cancellation-page.instagram-cancellation .button-holder .cta-btn:first-child {
          margin-right: 0; } }
  .event-planer-cancellation-page.instagram-cancellation .button-holder .keep.cta-btn {
    background-color: #ea5329; }
.event-planer-cancellation-page.instagram-cancellation .no-mb {
  margin-bottom: 0; }

.event-planer-cancellation-page.table-management-cancellation-page h2 {
  font-size: 1.4em;
  text-align: left;
  color: #3b3e51;
  font-weight: bold;
  margin-bottom: 8px;
  letter-spacing: 0.44px; }
  .event-planer-cancellation-page.table-management-cancellation-page h2 i {
    letter-spacing: 0.44px; }
.event-planer-cancellation-page.table-management-cancellation-page .content p {
  font-size: 1em; }
@media (max-width: 700px) {
  .event-planer-cancellation-page.table-management-cancellation-page .content h1 {
    font-size: 1.4em; } }
.event-planer-cancellation-page.table-management-cancellation-page .cta-holder {
  display: flex;
  flex-wrap: wrap;
  gap: 2em; }
  @media (max-width: 700px) {
    .event-planer-cancellation-page.table-management-cancellation-page .cta-holder {
      gap: 0;
      justify-content: center; } }
  .event-planer-cancellation-page.table-management-cancellation-page .cta-holder .cta-btn {
    padding: 0.9em;
    font-weight: normal; }
    .event-planer-cancellation-page.table-management-cancellation-page .cta-holder .cta-btn.keep:hover {
      background: #d54716; }

.event-planer-cancellation-page .main-content {
  display: flex;
  justify-content: center;
  align-items: center; }
.event-planer-cancellation-page .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 7em;
  padding: 1em; }
  .event-planer-cancellation-page .content .highlight {
    color: #584fd6;
    font-weight: bold; }
  .event-planer-cancellation-page .content h1 {
    color: black;
    font-size: 1.8em;
    font-weight: bold; }
  .event-planer-cancellation-page .content p {
    font-size: 1.3em;
    margin-bottom: 1em; }
  .event-planer-cancellation-page .content .small-text {
    font-size: 1.1em; }
  .event-planer-cancellation-page .content img {
    max-width: 150px; }
  .event-planer-cancellation-page .content .divider {
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    margin-top: 1em;
    margin-bottom: 1.5em; }
.event-planer-cancellation-page .info {
  text-align: center;
  width: 60%;
  position: relative; }
  @media (max-width: 768px) {
    .event-planer-cancellation-page .info {
      width: 100%; } }
.event-planer-cancellation-page .cta-btn {
  width: 22em;
  padding: 0.5em;
  margin-top: 0.7em;
  border: unset;
  border-radius: 0.4em;
  font-weight: lighter;
  transition: 0.4s; }
.event-planer-cancellation-page .cta-btn.cancel {
  background-color: #f1f1f1;
  color: #707070; }
  .event-planer-cancellation-page .cta-btn.cancel:hover {
    background-color: #e9e9e9; }
.event-planer-cancellation-page .cta-btn.keep {
  background-color: #e85725;
  color: white; }
  .event-planer-cancellation-page .cta-btn.keep:hover {
    background-color: #3e33d0; }

.modal-fb-not-connected {
  text-align: center; }
  .modal-fb-not-connected .modal-header {
    padding: 5px 20px;
    border-bottom: 0; }
    .modal-fb-not-connected .modal-header .modal-title {
      color: #2e2e2e; }
  .modal-fb-not-connected .modal-body {
    padding-top: 0; }
    .modal-fb-not-connected .modal-body p {
      color: #333333; }
      .modal-fb-not-connected .modal-body p b {
        color: #2e2e2e; }
  .modal-fb-not-connected .modal-footer {
    text-align: center;
    padding-top: 0;
    border-top: 0; }
    .modal-fb-not-connected .modal-footer .facebook {
      font-size: 16px;
      padding: 7px 20px; }
  .modal-fb-not-connected .book-meeting-container {
    display: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #b0b2bb;
  -webkit-text-shadow: 0 1px 0 #b0b2bb;
  text-shadow: 0 1px 0 #b0b2bb;
  line-height: 1; }

.toast-close-button:hover,
.toast-close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em; }

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none; }

.toast-top-right {
  top: 90px;
  right: 20px; }
  @media (max-width: 340px) {
    .toast-top-right {
      right: 10px; } }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: black; }

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px;
  background-position: right 15px center; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast-info {
  background-color: white; }

.toast-title {
  margin-bottom: 10px;
  color: #ea5329;
  font-weight: bold; }

.toast-message {
  margin-bottom: 20px; }
  .toast-message .inquiry-link {
    cursor: pointer; }
  .toast-message .inquiry-link:hover {
    color: #ea5329; }

.toast-now {
  position: absolute;
  font-weight: bold;
  color: black;
  right: 10px;
  opacity: 0.6; }

.toast-footer {
  position: absolute;
  width: 96%;
  bottom: 10px;
  color: #ea5329; }
  .toast-footer a {
    color: #ea5329;
    text-decoration: underline;
    font-weight: bold; }

.facebook-error-msg {
  background-color: #fdfaf9;
  border: 1px solid #e6d5d0;
  padding: 15px;
  display: flex;
  border-radius: 4px;
  align-items: center; }
  @media (max-width: 560px) {
    .facebook-error-msg {
      flex-direction: column;
      justify-content: center;
      text-align: center; }
      .facebook-error-msg p {
        padding: 0 4%; } }
  .facebook-error-msg.half-width {
    max-width: 630px;
    width: 100%; }
  .facebook-error-msg.full-width {
    width: 95%;
    margin: 0 auto 30px; }
  .facebook-error-msg.flex-center-col {
    flex-direction: column;
    text-align: center; }
    .facebook-error-msg.flex-center-col p {
      padding: 0 2%; }
  .facebook-error-msg.fb-fix-margin {
    margin-top: 70px; }
  .facebook-error-msg.promo-fix-marging {
    position: inherit;
    margin-bottom: 0px;
    width: 100%; }
    @media (max-width: 767px) {
      .facebook-error-msg.promo-fix-marging {
        margin-bottom: 10px; } }
  .facebook-error-msg i {
    color: #ffb818;
    font-size: 35px;
    padding-right: 15px;
    align-self: flex-start;
    margin-top: 5px; }
    @media (max-width: 560px) {
      .facebook-error-msg i {
        align-self: center;
        padding-right: 0; } }
    .facebook-error-msg i.fb-icon-center {
      align-self: center;
      padding-right: 0; }
  .facebook-error-msg p {
    margin: 0 !important;
    color: black; }
  .facebook-error-msg .heading {
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px; }
  .facebook-error-msg .aditional-text {
    padding-top: 8px; }
  .facebook-error-msg .log-btn {
    color: white;
    background-color: #4267b2;
    max-width: 215px;
    margin-left: 25px; }
    .facebook-error-msg .log-btn.btn-top-margin {
      margin-top: 13px;
      margin-left: 0; }
    @media (max-width: 560px) {
      .facebook-error-msg .log-btn {
        margin: 13px 0; } }

.btn-primary-flat {
  background-color: #e9590c;
  border: 1px solid #e9590c;
  color: white;
  display: inline-flex; }
  .btn-primary-flat:hover {
    background-color: #c03f0c;
    border-color: #c03f0c;
    color: white; }

.modal_preview_email .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.2rem; }

.modal-window-gpt-generate .modal-body {
  padding: 0; }
.modal-window-gpt-generate .modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #bdbdbd; }
  .modal-window-gpt-generate .modal-container:last-child {
    border-bottom: none; }
  .modal-window-gpt-generate .modal-container .box {
    display: flex;
    align-items: center;
    padding: 15px;
    width: 100%;
    transition: background-color 0.3s ease;
    cursor: pointer; }
  .modal-window-gpt-generate .modal-container:hover {
    background-color: #d5fde9; }
    .modal-window-gpt-generate .modal-container:hover .circle {
      background-color: #0d904f;
      border: 2px solid #0d904f; }
    .modal-window-gpt-generate .modal-container:hover .checkmark {
      color: white; }
  .modal-window-gpt-generate .modal-container .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    margin-right: 15px;
    border: 2px solid #bdbdbd; }
  .modal-window-gpt-generate .modal-container .checkmark {
    color: #bdbdbd;
    font-size: 16px; }
  .modal-window-gpt-generate .modal-container .content {
    flex: 1;
    font-size: 1.1em;
    margin-bottom: 5px; }
  .modal-window-gpt-generate .modal-container .title {
    font-weight: bold; }
  .modal-window-gpt-generate .modal-container .title.new {
    color: #0d904f; }
.modal-window-gpt-generate .modal-container.active .box {
  background-color: #d5fde9; }
  .modal-window-gpt-generate .modal-container.active .box .circle {
    background-color: #0d904f;
    border: 2px solid #0d904f; }
  .modal-window-gpt-generate .modal-container.active .box .checkmark {
    color: white; }

.pos-nudge-box-events {
  position: relative;
  right: 11px;
  bottom: -15px; }
  .pos-nudge-box-events .nudge-promo-box {
    width: calc(100% + 21px); }
  .pos-nudge-box-events h3 {
    padding: 0 !important; }

.nudge-promo-box.specials-nudge-request {
  position: relative;
  left: -14px;
  bottom: 5px;
  width: calc(100% + 20px); }
  @media (max-width: 767px) {
    .nudge-promo-box.specials-nudge-request {
      left: 0;
      width: 100%;
      margin-top: 20px; } }
  .nudge-promo-box.specials-nudge-request h3 {
    padding-bottom: 0; }

.food-menu-page .nudge-promo-box.promo-food-menu {
  display: none; }

.nudge-promo-box.promo-food-menu {
  width: calc(100% + 60px);
  position: relative;
  left: -30px; }
  .nudge-promo-box.promo-food-menu .video-box {
    width: 120px; }
    .nudge-promo-box.promo-food-menu .video-box img {
      height: auto; }
    @media (max-width: 600px) {
      .nudge-promo-box.promo-food-menu .video-box {
        display: none; } }
  .nudge-promo-box.promo-food-menu .content-box {
    margin-left: 20px;
    flex-direction: column; }
    @media (max-width: 600px) {
      .nudge-promo-box.promo-food-menu .content-box {
        margin-left: 0; } }
    .nudge-promo-box.promo-food-menu .content-box:before {
      display: none; }
    .nudge-promo-box.promo-food-menu .content-box .text-box {
      text-align: center;
      margin-bottom: 10px; }

.nudge-fix-1 {
  border-top: 20px solid white !important; }

.nudge-promo-box.social-nudge-request {
  width: 100%;
  position: relative;
  top: -19px; }

.nudge-promo-box.events-nudge-request {
  position: relative;
  left: -10px;
  bottom: -10px;
  width: calc(100% + 20px); }
  .nudge-promo-box.events-nudge-request h3 {
    padding: 0 !important; }

.texting-verification-pending.events-nudge-request, .events-nudge-request.texting-nudge {
  position: relative;
  left: -10px;
  bottom: 0;
  width: calc(100% + 20px); }
  .texting-verification-pending.events-nudge-request.mobile-view, .events-nudge-request.texting-nudge.mobile-view {
    bottom: -15px; }
  @media (max-width: 1220px) {
    .texting-verification-pending.events-nudge-request .content-box .btn-box a, .events-nudge-request.texting-nudge .content-box .btn-box a {
      font-size: 14px; } }

.nudge-promo-box.inquiry-event-planner {
  border: 1px solid #e0effb;
  width: calc(100% - 70px);
  background-color: #e0effb; }
  @media (max-width: 900px) {
    .nudge-promo-box.inquiry-event-planner {
      flex-direction: column;
      width: calc(100% - 30px); } }
  .nudge-promo-box.inquiry-event-planner .content-box {
    background-color: #e0effb; }
  .nudge-promo-box.inquiry-event-planner .video-box {
    width: 70px;
    padding: 10px 0 0;
    margin: 0 25px 0 15px; }
    @media (max-width: 900px) {
      .nudge-promo-box.inquiry-event-planner .video-box {
        display: block;
        margin: 10px auto 0; } }
    .nudge-promo-box.inquiry-event-planner .video-box img {
      width: 90% !important;
      padding-top: 0; }
  .nudge-promo-box.inquiry-event-planner .content-box {
    margin-left: 0;
    padding: 15px; }
    @media (max-width: 900px) {
      .nudge-promo-box.inquiry-event-planner .content-box {
        flex-direction: column; }
        .nudge-promo-box.inquiry-event-planner .content-box .text-box {
          text-align: center;
          margin-right: 0;
          width: 100%; }
          .nudge-promo-box.inquiry-event-planner .content-box .text-box p {
            padding-bottom: 10px; }
        .nudge-promo-box.inquiry-event-planner .content-box .btn-box {
          margin: 15px auto 0; } }
    .nudge-promo-box.inquiry-event-planner .content-box .text-box a {
      font-weight: bold;
      color: black;
      border-bottom: 1px solid #ea5329;
      text-decoration: none; }
    .nudge-promo-box.inquiry-event-planner .content-box .text-box p {
      color: black !important;
      font-size: 14px; }
    .nudge-promo-box.inquiry-event-planner .content-box .btn-box {
      background-color: transparent;
      min-width: auto; }
      @media (max-width: 900px) {
        .nudge-promo-box.inquiry-event-planner .content-box .btn-box {
          margin: 15px auto 0; } }
      .nudge-promo-box.inquiry-event-planner .content-box .btn-box .btn-insta-upg {
        width: auto;
        padding: 6px 20px;
        font-size: 14px; }
    .nudge-promo-box.inquiry-event-planner .content-box:before {
      display: none; }

.nudge-promo-box.promotion-nudge-request,
.texting-verification-pending.promotion-nudge-request,
.texting-verification-pending.promotion-nudge-request {
  position: relative;
  left: -14px;
  bottom: -14px;
  width: calc(100% + 28px); }

.nudge-promo-box.texting-nudge {
  background-color: #cbffe4; }
  .nudge-promo-box.texting-nudge .content-box {
    min-width: 270px; }
    @media (max-width: 900px) {
      .nudge-promo-box.texting-nudge .content-box {
        align-items: center; } }
  .nudge-promo-box.texting-nudge .btn-box {
    background-color: transparent !important;
    min-width: auto; }
    .nudge-promo-box.texting-nudge .btn-box .btn-insta-upg {
      box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25); }
      @media (max-width: 1100px) {
        .nudge-promo-box.texting-nudge .btn-box .btn-insta-upg {
          font-size: 13px !important; } }
      @media (max-width: 420px) {
        .nudge-promo-box.texting-nudge .btn-box .btn-insta-upg {
          padding: 8px 15px; } }

.nudge-promo-box {
  display: inline-flex;
  align-items: center;
  background-color: #e7e6f6;
  border-radius: 5px;
  width: calc(100% + 28px); }
  .nudge-promo-box .video-box {
    width: 80px; }
    @media (max-width: 420px) {
      .nudge-promo-box .video-box {
        display: none; } }
    .nudge-promo-box .video-box img {
      width: 100% !important;
      margin: 0px 5px;
      padding-top: 5px; }
  .nudge-promo-box .content-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #584fd6;
    color: white;
    margin-left: 31px;
    padding: 20px;
    border-radius: 5px;
    width: 100%;
    max-width: 100%; }
    @media (max-width: 420px) {
      .nudge-promo-box .content-box {
        margin-left: 0; } }
    .nudge-promo-box .content-box:before {
      content: "";
      position: absolute;
      left: -18px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent;
      border-right: 18px solid #584fd6; }
      @media (max-width: 480px) {
        .nudge-promo-box .content-box:before {
          display: none; } }
    @media (max-width: 900px) {
      .nudge-promo-box .content-box {
        flex-direction: column;
        align-items: flex-start; } }
    .nudge-promo-box .content-box .text-box {
      text-align: left;
      margin-right: 15px; }
      .nudge-promo-box .content-box .text-box h3, .nudge-promo-box .content-box .text-box p {
        color: white !important; }
      @media (max-width: 900px) {
        .nudge-promo-box .content-box .text-box {
          text-align: center; } }
      .nudge-promo-box .content-box .text-box h3 {
        color: white;
        font-size: 1.2em; }
      .nudge-promo-box .content-box .text-box p {
        margin: 5px 0 0;
        font-size: 1em; }
    .nudge-promo-box .content-box .btn-box {
      background: #453f9e;
      border-radius: 5px;
      padding: 0 4px 4px;
      text-align: center;
      min-width: 250px; }
      @media (max-width: 900px) {
        .nudge-promo-box .content-box .btn-box {
          margin-top: 14px;
          min-width: 100%; } }
      .nudge-promo-box .content-box .btn-box p {
        margin: 4px auto;
        font-size: 14px;
        color: white !important; }
      .nudge-promo-box .content-box .btn-box .btn-insta-upg {
        display: block;
        color: white;
        background-color: #ea5329;
        padding: 8px 25px;
        font-size: 15px;
        text-decoration: none; }
        @media (max-width: 420px) {
          .nudge-promo-box .content-box .btn-box .btn-insta-upg {
            justify-content: center;
            width: 100%; } }
        .nudge-promo-box .content-box .btn-box .btn-insta-upg:hover {
          background-color: #fa5329; }

.instagram-upgrade-modal-1.modal-header, .texting-upgrade-box.modal-header {
  padding: 0;
  position: relative; }
  .instagram-upgrade-modal-1.modal-header .close, .texting-upgrade-box.modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    z-index: 2; }
.instagram-upgrade-modal-1 .instagram-header, .texting-upgrade-box .instagram-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 18px;
  background-color: #e7e6f6;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border: 1px solid #cbc5ff; }
  .instagram-upgrade-modal-1 .instagram-header.mob-header, .texting-upgrade-box .instagram-header.mob-header {
    padding-bottom: 0; }
    @media (max-width: 480px) {
      .instagram-upgrade-modal-1 .instagram-header.mob-header .text-box, .texting-upgrade-box .instagram-header.mob-header .text-box {
        width: 100%; }
        .instagram-upgrade-modal-1 .instagram-header.mob-header .text-box h1, .texting-upgrade-box .instagram-header.mob-header .text-box h1 {
          color: #584fd6;
          font-size: 28px; }
        .instagram-upgrade-modal-1 .instagram-header.mob-header .text-box p, .texting-upgrade-box .instagram-header.mob-header .text-box p {
          background-color: white;
          color: #584fd6;
          font-size: 20px;
          padding: 20px 0;
          margin-bottom: 0; }
        .instagram-upgrade-modal-1 .instagram-header.mob-header .text-box .mobile-bold, .texting-upgrade-box .instagram-header.mob-header .text-box .mobile-bold {
          font-weight: bold; } }
  @media (max-width: 480px) {
    .instagram-upgrade-modal-1 .instagram-header, .texting-upgrade-box .instagram-header {
      border: none;
      border-radius: 0; } }
  .instagram-upgrade-modal-1 .instagram-header .video-holder, .texting-upgrade-box .instagram-header .video-holder {
    width: 50px;
    margin-top: 10px; }
    .instagram-upgrade-modal-1 .instagram-header .video-holder img, .texting-upgrade-box .instagram-header .video-holder img {
      width: 100%; }
  .instagram-upgrade-modal-1 .instagram-header .text-box, .texting-upgrade-box .instagram-header .text-box {
    text-align: center;
    width: 90%; }
    .instagram-upgrade-modal-1 .instagram-header .text-box h1, .texting-upgrade-box .instagram-header .text-box h1 {
      font-size: 26px;
      font-weight: 700;
      margin-top: 10px;
      color: #3b3e51; }
      @media (max-width: 480px) {
        .instagram-upgrade-modal-1 .instagram-header .text-box h1, .texting-upgrade-box .instagram-header .text-box h1 {
          font-size: 23px;
          color: #584fd6; } }
    .instagram-upgrade-modal-1 .instagram-header .text-box p, .texting-upgrade-box .instagram-header .text-box p {
      font-size: 15px;
      color: #3b3e51; }
      @media (max-width: 480px) {
        .instagram-upgrade-modal-1 .instagram-header .text-box p, .texting-upgrade-box .instagram-header .text-box p {
          font-size: 14px;
          color: #584fd6;
          margin: 10px auto; } }
.instagram-upgrade-modal-1 .arrow-pdown, .texting-upgrade-box .arrow-pdown {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  top: -1px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 16px solid #cbc5ff;
  position: relative; }
  .instagram-upgrade-modal-1 .arrow-pdown::before, .texting-upgrade-box .arrow-pdown::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -14px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 15px solid #e7e6f6;
    position: relative; }
  @media (max-width: 480px) {
    .instagram-upgrade-modal-1 .arrow-pdown, .texting-upgrade-box .arrow-pdown {
      display: none; } }
.instagram-upgrade-modal-1 .content-box, .texting-upgrade-box .content-box {
  width: 500px;
  max-width: 90%;
  margin: 20px auto 0;
  border-radius: 8px;
  border: 2px solid #cbc5ff;
  padding: 15px;
  position: relative;
  z-index: 1; }
  .instagram-upgrade-modal-1 .content-box .item, .texting-upgrade-box .content-box .item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 5px;
    background: #e7e6f6;
    padding: 10px; }
    .instagram-upgrade-modal-1 .content-box .item:last-child, .texting-upgrade-box .content-box .item:last-child {
      margin-bottom: 0; }
    .instagram-upgrade-modal-1 .content-box .item .icon, .texting-upgrade-box .content-box .item .icon {
      margin-right: 15px; }
.instagram-upgrade-modal-1 .footer-content, .texting-upgrade-box .footer-content {
  display: block;
  margin: 15px auto 20px; }
  .instagram-upgrade-modal-1 .footer-content .text-content, .texting-upgrade-box .footer-content .text-content {
    display: block;
    width: 360px;
    max-width: 90%;
    margin: 25px auto;
    font-size: 18px;
    line-height: 1.5em; }
  .instagram-upgrade-modal-1 .footer-content .price-text, .texting-upgrade-box .footer-content .price-text {
    font-size: 19px;
    margin: 20px auto; }
  .instagram-upgrade-modal-1 .footer-content .price-color, .texting-upgrade-box .footer-content .price-color {
    color: #584fd6; }
  .instagram-upgrade-modal-1 .footer-content .btn.btn-insta-upg, .texting-upgrade-box .footer-content .btn.btn-insta-upg {
    color: white;
    background-color: #ea5329;
    padding: 8px 40px 8px 40px;
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25);
    font-weight: 600;
    font-size: 15px; }
    @media (max-width: 600px) {
      .instagram-upgrade-modal-1 .footer-content .btn.btn-insta-upg, .texting-upgrade-box .footer-content .btn.btn-insta-upg {
        justify-content: center;
        width: 90%; } }
    .instagram-upgrade-modal-1 .footer-content .btn.btn-insta-upg:hover, .texting-upgrade-box .footer-content .btn.btn-insta-upg:hover {
      background-color: #fa5329; }
  .instagram-upgrade-modal-1 .footer-content .unsubscribe, .texting-upgrade-box .footer-content .unsubscribe {
    margin-top: 25px;
    color: #707070;
    font-size: 11px; }
    .instagram-upgrade-modal-1 .footer-content .unsubscribe a, .texting-upgrade-box .footer-content .unsubscribe a {
      color: #707070;
      text-decoration: underline; }
@media (max-width: 480px) {
  .instagram-upgrade-modal-1 .mobile-bold, .texting-upgrade-box .mobile-bold {
    font-weight: bold; } }
.instagram-upgrade-modal-1 .close, .texting-upgrade-box .close {
  font-weight: lighter;
  font-size: 26px; }

.texting-upgrade-box.no-segments-left .content-box.texting {
  justify-content: center; }

@media (max-width: 450px) {
  .instagram-upgrade-modal-cancellation {
    font-size: 0.8em; } }
.instagram-upgrade-modal-cancellation .close {
  position: absolute;
  right: 15px;
  top: 15px; }
.instagram-upgrade-modal-cancellation .instagram-header {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .instagram-upgrade-modal-cancellation .instagram-header .icon {
    margin-bottom: 20px; }
.instagram-upgrade-modal-cancellation .instagram-content {
  text-align: center;
  margin-top: 13px;
  margin-bottom: 20px;
  font-size: 1.2em; }
  .instagram-upgrade-modal-cancellation .instagram-content.not-cancelled {
    margin: 25px auto 30px; }
.instagram-upgrade-modal-cancellation .red-text {
  color: #ef2626;
  font-size: 1.9em;
  font-weight: 700;
  text-transform: uppercase; }
  .instagram-upgrade-modal-cancellation .red-text.small {
    font-size: 1.7em; }
  .instagram-upgrade-modal-cancellation .red-text.alert-new {
    display: block;
    color: #3d3d3d; }
.instagram-upgrade-modal-cancellation .blue-text {
  color: #584fd6;
  font-size: 1.7em;
  font-weight: 600; }
.instagram-upgrade-modal-cancellation .btn-insta-ok {
  padding: 8px 25px 8px 25px;
  width: 150px;
  background-color: #584fd6;
  color: white;
  box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25); }

.texting-modal .modal-dialog {
  width: 1024px; }
  @media (max-width: 1050px) {
    .texting-modal .modal-dialog {
      width: 90%;
      font-size: 0.9em; } }
  @media (max-width: 767px) {
    .texting-modal .modal-dialog {
      width: 95%;
      margin: 10px auto;
      font-size: 1em; } }
  .texting-modal .modal-dialog .texting-package h1 {
    font-weight: normal; }
    @media (max-width: 1050px) {
      .texting-modal .modal-dialog .texting-package h1 {
        font-size: 1.8em; } }
  @media (max-width: 1050px) {
    .texting-modal .modal-dialog .texting-upgrade-box .content-box.texting .item-texting, .texting-modal .modal-dialog .texting-package {
      margin-right: 5px;
      padding: 25px 10px; } }
  .texting-modal .modal-dialog .texting-package.expert {
    padding-top: 50px; }
  @media (max-width: 900px) {
    .texting-modal .modal-dialog .texting-package .best-value {
      text-align: center;
      width: 80%; } }
  @media (max-width: 767px) {
    .texting-modal .modal-dialog .texting-package .best-value {
      width: auto; } }

.texting-upgrade-box.texting-package-setting {
  margin-bottom: 35px; }
  @media (max-width: 1250px) {
    .texting-upgrade-box.texting-package-setting {
      font-size: 1em; } }
  .texting-upgrade-box.texting-package-setting .content-box.texting {
    flex-wrap: wrap; }
    @media (max-width: 1250px) {
      .texting-upgrade-box.texting-package-setting .content-box.texting {
        padding: 0; } }
    .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package {
      flex-basis: 23%; }
      @media (max-width: 1250px) {
        .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package {
          padding: 25px 6px;
          margin-right: 5px; } }
      @media (max-width: 1024px) {
        .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package {
          flex-basis: 49%;
          margin-bottom: 10px;
          margin-right: 10px; }
          .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package:nth-child(n+1) {
            margin-right: 0; } }
      @media (max-width: 600px) {
        .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package {
          flex-basis: 100%; } }
      .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package h1 {
        font-weight: normal; }
        @media (max-width: 1250px) {
          .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package h1 {
            font-size: 1.8em; } }
        @media (max-width: 600px) {
          .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package h1 {
            font-size: 2em; } }
      @media (max-width: 1250px) {
        .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package .best-value {
          text-align: center;
          width: 80%; } }
      @media (max-width: 1024px) {
        .texting-upgrade-box.texting-package-setting .content-box.texting .texting-package .best-value {
          width: auto; } }

.texting-upgrade-box .instagram-header .text-box p {
  font-size: 1.2em; }
.texting-upgrade-box .subheader {
  text-align: center;
  color: #3b3e51;
  font-size: 1.6em;
  font-weight: 600;
  margin: 10px auto 5px; }
  @media (max-width: 767px) {
    .texting-upgrade-box .subheader {
      font-size: 1.4em;
      width: 90%;
      margin: 10px auto; } }
.texting-upgrade-box .content-box.texting {
  border: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .texting-upgrade-box .content-box.texting .item-texting {
    position: relative;
    border: 1.5px solid #b4b0e9;
    border-radius: 5px;
    padding: 30px 10px 10px;
    flex-basis: 23%;
    margin-right: 15px; }
    @media (max-width: 767px) {
      .texting-upgrade-box .content-box.texting .item-texting {
        flex-basis: 49%;
        margin-bottom: 25px;
        margin-right: 10px; }
        .texting-upgrade-box .content-box.texting .item-texting:nth-child(n+3):nth-child(-n+4) {
          margin-bottom: 0; }
        .texting-upgrade-box .content-box.texting .item-texting:nth-child(n+1) {
          margin-right: 0; } }
    @media (max-width: 600px) {
      .texting-upgrade-box .content-box.texting .item-texting {
        flex-basis: 100%; }
        .texting-upgrade-box .content-box.texting .item-texting:nth-child(3) {
          margin-bottom: 25px !important; } }
    .texting-upgrade-box .content-box.texting .item-texting:last-child {
      margin-right: 0; }
    .texting-upgrade-box .content-box.texting .item-texting .circle-numb {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: -15px;
      left: 50%;
      border: 1px solid #b4b0e9;
      background-color: white;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      transform: translateX(-50%);
      color: #b4b0e9;
      font-weight: bold; }
    .texting-upgrade-box .content-box.texting .item-texting .item-header {
      font-size: 1.2em;
      font-weight: bold;
      margin-bottom: 10px; }
    .texting-upgrade-box .content-box.texting .item-texting .item-text {
      font-size: 1.2em; }
.texting-upgrade-box .button {
  display: block;
  width: 100%; }
  @media (max-width: 600px) {
    .texting-upgrade-box .button {
      width: 90%; } }
  .texting-upgrade-box .button .btn {
    padding: 8px 40px 8px 40px;
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25);
    font-weight: normal;
    font-size: 15px;
    width: 100%; }
    .texting-upgrade-box .button .btn.btn-texting-upg {
      color: white;
      background-color: #ea5329; }
    .texting-upgrade-box .button .btn.btn-texting-down {
      background: #6a6a6c;
      color: #e9eaeb; }

.texting-package {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px 18px;
  flex-basis: 23%;
  margin-right: 15px;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .texting-package {
      flex-basis: 49%;
      margin-bottom: 10px;
      margin-right: 10px; }
      .texting-package:nth-child(n+1) {
        margin-right: 0; } }
  @media (max-width: 600px) {
    .texting-package {
      flex-basis: 100%; } }
  .texting-package.active {
    pointer-events: none; }
    .texting-package.active h1 {
      color: white; }
    .texting-package.active .price {
      color: white; }
  .texting-package:last-child {
    margin-right: 0; }
  .texting-package:hover {
    transition: all 0.2s ease-out;
    cursor: pointer; }
    .texting-package:hover h1 {
      color: white; }
    .texting-package:hover .price {
      color: white; }
    .texting-package:hover .button {
      background-image: url("https://static.spotapps.co/assets/admin/texting_assets/selected_icon.png");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      height: 40px;
      width: 45px; }
      .texting-package:hover .button .btn-texting-upg {
        display: none; }
    @media (max-width: 768px) {
      .texting-package:hover h1 {
        color: #584fd6; }
      .texting-package:hover p, .texting-package:hover .month {
        color: black; }
      .texting-package:hover .price {
        color: #584fd6; }
      .texting-package:hover .button {
        width: 90%;
        margin: auto; }
        .texting-package:hover .button .btn-texting-upg {
          display: block; } }
  .texting-package h1 {
    color: #584fd6;
    margin: 20px 0 0;
    font-size: 2em;
    font-weight: bold; }
  .texting-package p {
    text-align: center;
    font-size: 1.1em; }
  .texting-package .best-value {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #33bb77;
    color: white;
    padding: 5px; }
  .texting-package .price {
    display: flex;
    font-size: 3.2em;
    font-weight: bold;
    color: #584fd6; }
    .texting-package .price span {
      font-size: 22px;
      margin-top: 10px;
      font-weight: normal; }
  .texting-package .month {
    line-height: 0;
    margin-bottom: 30px; }
  .texting-package.package-1 {
    background-color: #f5f4fc; }
    .texting-package.package-1:hover, .texting-package.package-1.active {
      background-color: #584fd6;
      color: white; }
    @media (max-width: 768px) {
      .texting-package.package-1:hover {
        background-color: #f5f4fc; } }
  .texting-package.package-2 {
    background-color: #edebfd; }
    .texting-package.package-2:hover, .texting-package.package-2.active {
      background-color: #584fd6;
      color: white; }
    @media (max-width: 768px) {
      .texting-package.package-2:hover {
        background-color: #edebfd; } }
  .texting-package.package-3 {
    background-color: #e2deff; }
    .texting-package.package-3:hover, .texting-package.package-3.active {
      background-color: #584fd6;
      color: white; }
    @media (max-width: 768px) {
      .texting-package.package-3:hover {
        background-color: #e2deff; } }
  .texting-package.package-4 {
    background-color: #d3ceff; }
    .texting-package.package-4:hover, .texting-package.package-4.active {
      background-color: #584fd6;
      color: white; }
    @media (max-width: 768px) {
      .texting-package.package-4:hover {
        background-color: #d3ceff; } }
  .texting-package.package-5 {
    background-color: #c3bbff; }
    .texting-package.package-5:hover, .texting-package.package-5.active {
      background-color: #584fd6;
      color: white; }
    @media (max-width: 768px) {
      .texting-package.package-5:hover {
        background-color: #c3bbff; } }
  .texting-package.expert {
    flex-direction: row;
    flex-basis: 100%;
    justify-content: space-around;
    padding-top: 50px; }
    @media (max-width: 767px) {
      .texting-package.expert {
        flex-direction: column;
        gap: 10px; } }
    .texting-package.expert .best-value {
      left: 0;
      right: 0;
      transform: translateX(0);
      text-align: center;
      min-width: 100%; }
    .texting-package.expert .button {
      flex-basis: 140px; }
      @media (max-width: 767px) {
        .texting-package.expert .button {
          flex-basis: auto; } }
    .texting-package.expert h1, .texting-package.expert p {
      margin: 0; }
    .texting-package.expert .price {
      display: flex;
      align-items: center; }
      .texting-package.expert .price span {
        margin: 0; }
      .texting-package.expert .price .month {
        font-size: 18px;
        font-weight: 400;
        color: #3b3e51;
        margin-left: 5px; }
      @media (max-width: 767px) {
        .texting-package.expert .price {
          flex-wrap: wrap;
          justify-content: center; }
          .texting-package.expert .price .month {
            line-height: initial;
            width: 100%;
            margin: 0 0 5px;
            text-align: center; } }
    .texting-package.expert:hover .price .month {
      color: white; }
  .texting-package.downgrade {
    background-color: #e9eaeb;
    color: #6a6a6c; }
    .texting-package.downgrade h1, .texting-package.downgrade .price {
      color: #6a6a6c; }
    .texting-package.downgrade:hover, .texting-package.downgrade.active {
      background-color: #e9eaeb;
      color: #6a6a6c; }
    .texting-package.downgrade:hover .button {
      background-image: none;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      height: auto;
      width: 100%; }
      @media (max-width: 600px) {
        .texting-package.downgrade:hover .button {
          width: 90%; } }
      .texting-package.downgrade:hover .button .btn-texting-upg {
        display: block; }
  .texting-package.active .button {
    background-image: url("https://static.spotapps.co/assets/admin/texting_assets/selected_icon.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 45px; }
    .texting-package.active .button .btn-texting-upg, .texting-package.active .button .btn-texting-down {
      display: none; }

.modal-content.downgrade-texting-modal .modal-header {
  border-bottom: 0; }
.modal-content.downgrade-texting-modal .title-container-modal {
  margin-top: 0; }
  .modal-content.downgrade-texting-modal .title-container-modal h3 {
    color: #584fd6;
    font-size: 26px; }
    .modal-content.downgrade-texting-modal .title-container-modal h3 img {
      width: 45px;
      margin: 0 0 20px 15px; }
  .modal-content.downgrade-texting-modal .title-container-modal h4 {
    margin-top: 20px; }

.promotions-page .texting-verification-pending.anchor-top {
  top: 69px; }
  @media (max-width: 1000px) {
    .promotions-page .texting-verification-pending.anchor-top {
      top: 73px; } }
  @media (max-width: 520px) {
    .promotions-page .texting-verification-pending.anchor-top {
      top: 66px; } }

.events-page .texting-verification-pending.anchor-top {
  top: 60px; }

.specials-page .texting-verification-pending.anchor-top {
  top: 70px; }
  @media (max-width: 767px) {
    .specials-page .texting-verification-pending.anchor-top {
      top: 60px; } }

.events-page .texting-verification-pending.events-nudge-request {
  bottom: -10px; }
  @media (max-width: 991px) {
    .events-page .texting-verification-pending.events-nudge-request {
      bottom: -15px; } }

.texting-verification-pending.texting-setting-page {
  z-index: 1001 !important; }
  @media (max-width: 767px) {
    .texting-verification-pending.texting-setting-page {
      z-index: 100 !important; } }

.texting-verification-pending {
  background-color: rgba(180, 176, 233, 0.3);
  color: #584fd6;
  width: 100%;
  text-align: center;
  padding: 5px;
  font-size: 14px; }
  @media (max-width: 767px) {
    .texting-verification-pending {
      font-size: 15px; } }
  .texting-verification-pending.verification.anchor-top {
    z-index: 99; }
    @media (max-width: 767px) {
      .texting-verification-pending.verification.anchor-top {
        z-index: 99; } }
  .texting-verification-pending.anchor-top {
    background-color: #dcdafc;
    position: fixed;
    top: 59px;
    margin: 0 -15px;
    text-align: left;
    padding-left: 30px;
    z-index: 99; }
    @media (max-width: 1024px) {
      .texting-verification-pending.anchor-top {
        padding-left: 0; } }
    @media (max-width: 520px) {
      .texting-verification-pending.anchor-top {
        top: 66px; } }
    @media (max-width: 400px) {
      .texting-verification-pending.anchor-top {
        top: 63px; } }
    .texting-verification-pending.anchor-top .position-holder {
      display: flex;
      align-items: center;
      padding: 0 35% 0 3%; }
      .texting-verification-pending.anchor-top .position-holder:hover .tooltips-info {
        display: block; }
      @media (max-width: 767px) {
        .texting-verification-pending.anchor-top .position-holder {
          padding: 0 30px; } }
      .texting-verification-pending.anchor-top .position-holder .info-icon {
        margin-right: 12px; }
        .texting-verification-pending.anchor-top .position-holder .info-icon img {
          width: 28px; }
      .texting-verification-pending.anchor-top .position-holder .provide-phone {
        padding: 4px 0; }
  .texting-verification-pending a {
    font-weight: bold;
    color: #584fd6;
    text-decoration: underline; }

.modal-texting-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 15px 15px;
  text-align: center;
  color: #3b3e51; }
  .modal-texting-success.upgraded {
    display: block; }
    .modal-texting-success.upgraded .heading {
      width: 100%;
      margin: 30px auto 0;
      border: 0; }
      .modal-texting-success.upgraded .heading .title {
        display: block;
        font-weight: bold; }
      .modal-texting-success.upgraded .heading p {
        font-size: 1.3em; }
      .modal-texting-success.upgraded .heading .content-holder {
        background-color: transparent; }
        .modal-texting-success.upgraded .heading .content-holder .text-holder p:last-of-type {
          display: inline-block; }
    .modal-texting-success.upgraded .button-holder .btn-confirm {
      background-color: #584fd6 !important;
      width: 150px; }
  .modal-texting-success .icon {
    width: 80px; }
  .modal-texting-success .heading {
    width: 80%; }
    @media (max-width: 600px) {
      .modal-texting-success .heading {
        width: 95%; } }
    .modal-texting-success .heading p {
      font-size: 1.1em; }
      @media (max-width: 600px) {
        .modal-texting-success .heading p {
          font-size: 1em; } }
    .modal-texting-success .heading .title {
      font-size: 1.8em;
      color: #584fd6;
      margin-bottom: 30px;
      margin-top: 10px; }
      @media (max-width: 600px) {
        .modal-texting-success .heading .title {
          font-size: 1.6em; } }
      @media (max-width: 440px) {
        .modal-texting-success .heading .title {
          font-size: 1.4em; } }
    .modal-texting-success .heading .verify {
      font-size: 1.3em; }
      @media (max-width: 600px) {
        .modal-texting-success .heading .verify {
          font-size: 1.2em; } }
  .modal-texting-success .phone-holder {
    width: 80%;
    background-color: #dcdafc;
    border: 1px solid #9747ff;
    border-radius: 5px;
    padding: 5px; }
    @media (max-width: 600px) {
      .modal-texting-success .phone-holder {
        width: 95%; } }
    .modal-texting-success .phone-holder.verify-phone {
      background-color: white;
      border: 1px solid white; }
      .modal-texting-success .phone-holder.verify-phone input {
        border: 1px solid #8a86ca; }
    .modal-texting-success .phone-holder p {
      width: 80%;
      margin: 10px auto;
      color: #9747ff; }
    .modal-texting-success .phone-holder input {
      width: 100%;
      border-radius: 5px;
      border: 1px solid #9747ff;
      background: white;
      color: 3B 3E 51;
      text-align: center;
      height: 43px;
      font-size: 1.2em; }
  .modal-texting-success .footer-content {
    margin-top: 20px; }
    @media (max-width: 600px) {
      .modal-texting-success .footer-content {
        width: 90%;
        margin: 10px auto; } }
    .modal-texting-success .footer-content.verify-phone {
      margin-top: 10px;
      width: 90%; }
    @media (max-width: 600px) {
      .modal-texting-success .footer-content .button-holder {
        display: flex;
        flex-direction: column; } }
    .modal-texting-success .footer-content .button-holder .btn {
      margin-top: 15px;
      padding: 8px 25px;
      font-size: 1.1em;
      box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25); }
    .modal-texting-success .footer-content .button-holder .btn-white {
      background-color: white;
      border: 1px solid #ea5329;
      color: #ea5329;
      margin-right: 10px;
      box-shadow: none; }
      @media (max-width: 600px) {
        .modal-texting-success .footer-content .button-holder .btn-white {
          width: 100%;
          margin-right: 0;
          order: 2; } }
    .modal-texting-success .footer-content .button-holder .btn-confirm {
      background-color: #ea5329;
      color: white; }
      @media (max-width: 600px) {
        .modal-texting-success .footer-content .button-holder .btn-confirm {
          width: 100%; } }
    .modal-texting-success .footer-content .unsubscribe {
      margin-top: 15px;
      color: #707070;
      font-size: 11px; }
      .modal-texting-success .footer-content .unsubscribe a {
        color: #707070;
        text-decoration: underline; }

.modal-texting-success.confirmed .heading .title {
  margin-bottom: 20px; }
.modal-texting-success.confirmed .icon img {
  width: 100%;
  margin-bottom: 20px; }
.modal-texting-success.confirmed .footer-content {
  margin-top: 0; }
  .modal-texting-success.confirmed .footer-content .btn-confirm {
    width: 150px;
    max-width: 100%;
    margin-bottom: 20px; }
    @media (max-width: 600px) {
      .modal-texting-success.confirmed .footer-content .btn-confirm {
        width: 100%;
        margin-bottom: 25px; } }
    .modal-texting-success.confirmed .footer-content .btn-confirm:hover {
      background-color: #dd3406; }
  .modal-texting-success.confirmed .footer-content .verify-pending {
    margin-top: 25px;
    color: #9747ff;
    padding: 5px;
    border-radius: 5px;
    background: #dcdafc; }
    .modal-texting-success.confirmed .footer-content .verify-pending.full-width {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0; }

.tooltips-info {
  position: absolute;
  display: none;
  width: 250px;
  z-index: 9999;
  background-color: white;
  padding: 8px;
  border-radius: 10px;
  bottom: -137px;
  margin-left: -6px;
  transform: translateX(-47%);
  color: #3b3e51;
  border: 1px solid #949494;
  line-height: 1.2em; }
  .tooltips-info:after {
    content: "";
    height: 20px;
    width: 20px;
    background: white;
    transform: rotate(45deg);
    position: absolute;
    top: -11px;
    left: 50%;
    border-top: 1px solid #949494;
    border-left: 1px solid #949494; }
    @media (max-width: 767px) {
      .tooltips-info:after {
        left: 22px; } }
  @media (max-width: 767px) {
    .tooltips-info {
      transform: translateX(-4%);
      font-size: 0.9em;
      bottom: -134px;
      z-index: 1; } }
  @media (max-width: 340px) {
    .tooltips-info {
      transform: translateX(-4%);
      font-size: 0.9em;
      bottom: -134px; } }

.mobile-inline .btn:hover .tooltips-info {
  display: block; }

.tooltips-info.party-setting {
  background-color: #edf5fc;
  border: 1px solid #edf5fc;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  width: fit-content;
  bottom: -100px;
  transform: translateX(-88%); }
  @media (max-width: 420px) {
    .tooltips-info.party-setting {
      width: 90vw;
      bottom: -115px; }
      .tooltips-info.party-setting p {
        white-space: break-spaces; } }
  .tooltips-info.party-setting::after {
    left: 88%;
    background-color: #edf5fc;
    border-top: 1px solid #edf5fc;
    border-left: 1px solid #edf5fc; }
  .tooltips-info.party-setting p {
    text-align: center; }

@media (max-width: 1220px) {
  .hidden-1220 {
    display: none; } }

@media (max-width: 960px) {
  .hidden-960 {
    display: none; } }

@media (max-width: 550px) {
  .hidden-550 {
    display: none; } }

textarea.disable-select {
  pointer-events: none; }

.upg-event-planner-modal {
  margin-top: 0; }
  @media (max-width: 460px) {
    .upg-event-planner-modal .mobile-heading-center {
      text-align: center; } }
  .upg-event-planner-modal.modal-header {
    padding-bottom: 0;
    border-bottom: none; }
  .upg-event-planner-modal .title-container-modal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 10px; }
    @media (max-width: 460px) {
      .upg-event-planner-modal .title-container-modal {
        flex-direction: column; } }
    .upg-event-planner-modal .title-container-modal .text-box {
      margin-left: 10px;
      color: #3b3e51; }
      .upg-event-planner-modal .title-container-modal .text-box h3 {
        font-size: 24px;
        margin-bottom: 0; }
      .upg-event-planner-modal .title-container-modal .text-box p {
        font-size: 16px;
        text-align: left; }
        @media (max-width: 460px) {
          .upg-event-planner-modal .title-container-modal .text-box p {
            text-align: center; } }
    .upg-event-planner-modal .title-container-modal .img-box {
      width: 90px; }
      .upg-event-planner-modal .title-container-modal .img-box img {
        width: 100%; }
  .upg-event-planner-modal .close {
    position: absolute;
    right: 10px;
    top: 10px; }
  .upg-event-planner-modal.floating-body-modal {
    padding: 0 20px 20px; }
    .upg-event-planner-modal.floating-body-modal .content-box {
      background-color: #e7e6f6;
      padding: 8px;
      margin-bottom: 10px;
      text-align: left; }
      .upg-event-planner-modal.floating-body-modal .content-box .title {
        font-weight: bold;
        font-size: 16px; }
    .upg-event-planner-modal.floating-body-modal .footer {
      text-align: center; }
      @media (max-width: 460px) {
        .upg-event-planner-modal.floating-body-modal .footer {
          padding: 20px 0; } }
      @media (max-width: 580px) {
        .upg-event-planner-modal.floating-body-modal .footer br {
          display: none; } }
      .upg-event-planner-modal.floating-body-modal .footer h3 {
        letter-spacing: 0.35px;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        color: #3b3e51; }
        @media (max-width: 460px) {
          .upg-event-planner-modal.floating-body-modal .footer h3 {
            font-size: 15px; } }
        .upg-event-planner-modal.floating-body-modal .footer h3 .blue {
          color: #584fd6; }
      .upg-event-planner-modal.floating-body-modal .footer p {
        font-size: 14px;
        text-align: center;
        color: #3b3e51;
        font-style: italic; }
      .upg-event-planner-modal.floating-body-modal .footer button {
        background-color: #e85725; }

@keyframes line-width-animate {
  0% {
    width: 0%; }

  100% {
    width: 100%; } }

@keyframes background-animate {
  0% {
    background: #2097ff;
    opacity: 1; }

  100% {
    background: #2097ff;
    opacity: 0; } }

.banner-text-segments-low {
  padding: 0;
  margin-bottom: 45px;
  border: 1px solid #ffdd55;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .banner-text-segments-low {
      margin-bottom: 35px; } }
  .banner-text-segments-low.fix-top {
    margin-top: 50px; }
  .banner-text-segments-low.texting-preview-counter {
    max-width: 600px; }
    .banner-text-segments-low.texting-preview-counter #progress-bar div {
      background-image: linear-gradient(90deg, #54c88e 0%, #ffdd55 65%, #ea9e09 85%, #d71f1f 97%, #d71f1f 100%);
      background-size: 600px 100%; }
      @media (max-width: 600px) {
        .banner-text-segments-low.texting-preview-counter #progress-bar div {
          background-size: 100vw 100%; } }
  .banner-text-segments-low.max-width {
    max-width: 450px; }
  .banner-text-segments-low.texting-settings-counter {
    max-width: fit-content; }
  .banner-text-segments-low.specials-counter #progress-bar div {
    background-size: calc(100vw - 255px) 100%; }
  @media (max-width: 767px) {
    .banner-text-segments-low.specials-counter {
      margin: 0.4em 1em 1em 1em; }
      .banner-text-segments-low.specials-counter #progress-bar div {
        background-size: calc(100vw - 10px) 100%; } }
  .banner-text-segments-low.events-counter #progress-bar div {
    background-size: calc(100vw - 5% - 250px) 100%; }
    @media (max-width: 1000px) {
      .banner-text-segments-low.events-counter #progress-bar div {
        background-size: calc(100vw - 270px) 100%; } }
  @media (max-width: 767px) {
    .banner-text-segments-low.events-counter {
      margin-top: 30px; }
      .banner-text-segments-low.events-counter #progress-bar div {
        background-size: calc(100vw - 10px) 100%; } }
  .banner-text-segments-low.green-counter {
    border: 1px solid #e1e1e1; }
    .banner-text-segments-low.green-counter .content-holder {
      background-color: white; }
      .banner-text-segments-low.green-counter .content-holder .text-holder .counter {
        background-color: #33bb77; }
  .banner-text-segments-low.yellow-counter .content-holder {
    background-color: #fffae8; }
    .banner-text-segments-low.yellow-counter .content-holder .text-holder .counter {
      background-color: #eba508; }
      .banner-text-segments-low.yellow-counter .content-holder .text-holder .counter.red-numb-counter {
        background-color: #d71f1f; }
  .banner-text-segments-low.red-counter {
    border: 1px solid #ffbfbf; }
    .banner-text-segments-low.red-counter .content-holder {
      background-color: #ffe4e4; }
      .banner-text-segments-low.red-counter .content-holder .text-holder .counter {
        background-color: #d71f1f; }
  .banner-text-segments-low .content-holder {
    display: flex;
    gap: 20px;
    padding: 15px;
    background-color: #fffae8; }
    @media (max-width: 991px) {
      .banner-text-segments-low .content-holder {
        flex-wrap: wrap;
        justify-content: center; } }
    @media (max-width: 560px) {
      .banner-text-segments-low .content-holder {
        flex-direction: column;
        align-items: center; } }
    .banner-text-segments-low .content-holder .text-holder {
      flex-grow: 1;
      flex-basis: 80%;
      overflow: hidden; }
      @media (max-width: 560px) {
        .banner-text-segments-low .content-holder .text-holder {
          text-align: center;
          padding: 15px 25px; } }
      .banner-text-segments-low .content-holder .text-holder p {
        margin: 0;
        display: inline-block;
        color: black;
        font-size: 1em; }
        @media (max-width: 480px) {
          .banner-text-segments-low .content-holder .text-holder p.add-block-p {
            display: block; } }
      .banner-text-segments-low .content-holder .text-holder p.counter-alert-text {
        display: block;
        padding-top: 10px; }
      .banner-text-segments-low .content-holder .text-holder p.add-block {
        display: block;
        padding-top: 10px; }
        @media (max-width: 767px) {
          .banner-text-segments-low .content-holder .text-holder p.add-block {
            padding-top: 0; } }
      @media (max-width: 860px) {
        .banner-text-segments-low .content-holder .text-holder p.add-block-responsive {
          width: 100%;
          margin-bottom: 10px; } }
      @media (max-width: 767px) {
        .banner-text-segments-low .content-holder .text-holder p.add-block-responsive {
          width: auto; } }
      @media (max-width: 560px) {
        .banner-text-segments-low .content-holder .text-holder p.add-block-responsive {
          width: 100%; } }
      .banner-text-segments-low .content-holder .text-holder .mt-10 {
        margin-top: 10px; }
      .banner-text-segments-low .content-holder .text-holder .counter {
        position: relative;
        display: inline-block;
        text-align: center;
        padding: 0 8px;
        background-color: #eba508;
        color: white;
        border-radius: 8px;
        border: 2.052px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0px 0px 3px 4px rgba(0, 0, 0, 0.15) inset;
        margin: 0 8px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2em; }
        @media (max-width: 860px) {
          .banner-text-segments-low .content-holder .text-holder .counter {
            margin-left: 0; } }
        @media (max-width: 767px) {
          .banner-text-segments-low .content-holder .text-holder .counter {
            margin-left: 8px;
            font-size: 16px; } }
        @media (max-width: 560px) {
          .banner-text-segments-low .content-holder .text-holder .counter {
            margin-left: 0;
            margin-bottom: 10px; } }
        .banner-text-segments-low .content-holder .text-holder .counter .loader {
          margin: 0 auto;
          border: 2px solid #f3f3f3;
          border-top: 2px solid #3498db;
          border-radius: 50%;
          width: 20px;
          height: 20px;
          animation: spin 2s linear infinite; }
        .banner-text-segments-low .content-holder .text-holder .counter.red-animate-numb-counter {
          transition: background-color 0.5s ease;
          animation: countColorChangeRed 300ms linear 1500ms;
          animation-fill-mode: forwards; }
        .banner-text-segments-low .content-holder .text-holder .counter.no-animate span:nth-child(1), .banner-text-segments-low .content-holder .text-holder .counter.no-animate span:nth-child(2) {
          animation: none;
          opacity: 0; }
        .banner-text-segments-low .content-holder .text-holder .counter.no-animate span:nth-child(3) {
          animation: countEnd 500ms linear;
          animation-fill-mode: forwards; }
        .banner-text-segments-low .content-holder .text-holder .counter span:nth-child(1) {
          position: absolute;
          animation: countStart 600ms linear 200ms;
          animation-fill-mode: forwards; }
        .banner-text-segments-low .content-holder .text-holder .counter span:nth-child(2) {
          position: absolute;
          opacity: 0;
          top: 20px;
          animation: countEnd 500ms linear 500ms, countStart 500ms linear 1500ms;
          animation-fill-mode: forwards; }
        .banner-text-segments-low .content-holder .text-holder .counter span:nth-child(3) {
          position: relative;
          opacity: 0;
          top: 20px;
          animation: countEnd 500ms linear 1500ms;
          animation-fill-mode: forwards; }
    .banner-text-segments-low .content-holder .upgrade-btn {
      align-self: center;
      color: white;
      background: #ea5329;
      min-width: 150px;
      height: fit-content;
      padding: 8px 30px;
      border: 0;
      border-radius: 5px; }
  .banner-text-segments-low #progress-bar {
    margin-bottom: 0;
    height: 8px;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #dfdfdf;
    background-color: #dfdfdf;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .banner-text-segments-low #progress-bar div {
      width: 0%;
      height: 100%;
      border-radius: 16px;
      background-image: linear-gradient(90deg, #54c88e 0%, #ffdd55 50%, #ea9e09 70%, #d71f1f 77%, #d71f1f 100%);
      background-size: 868px 100%;
      transition: width 200ms; }
      @media (max-width: 1170px) {
        .banner-text-segments-low #progress-bar div {
          background-size: calc(100vw - 300px) 100%; } }
      @media (max-width: 767px) {
        .banner-text-segments-low #progress-bar div {
          background-size: calc(100vw - 50px) 100%; } }

.banner-text-segments-low.no-segments-left {
  border-color: #ffbfbf; }
  .banner-text-segments-low.no-segments-left .content-holder {
    background-color: #ffe4e4; }
    .banner-text-segments-low.no-segments-left .content-holder p {
      color: black; }
    .banner-text-segments-low.no-segments-left .content-holder .counter {
      display: inline-block;
      background-color: #d71f1f;
      transition: background-color 0.5s ease;
      animation: countColorChangeGray 300ms linear 1500ms;
      animation-fill-mode: forwards; }
  .banner-text-segments-low.no-segments-left #progress-bar div {
    background-image: none;
    background-color: #d71f1f; }

.banner-text-segments-low.texting-settings {
  max-width: 900px;
  margin: 10px; }

.texting-channel-holder .banner-text-segments-low {
  margin: 0 -16px -16px -16px; }

.banner-text-segments-low.usage {
  border-radius: 3px;
  border: 1px solid gainsboro; }
  .banner-text-segments-low.usage .content-holder {
    flex-direction: column;
    align-items: center;
    background: white;
    padding: 15px 40px; }
    @media (max-width: 991px) {
      .banner-text-segments-low.usage .content-holder {
        padding: 15px; } }
    .banner-text-segments-low.usage .content-holder h1 {
      text-align: center;
      color: #3b3e51;
      font-size: 22px;
      font-weight: 700; }
      .banner-text-segments-low.usage .content-holder h1 svg {
        margin-bottom: 10px; }
    .banner-text-segments-low.usage .content-holder .text-holder {
      text-align: center; }
      .banner-text-segments-low.usage .content-holder .text-holder p {
        display: inline-block; }

.banner-text-segments-low.no-segments-left.usage .content-holder {
  background-color: #ffe4e4; }

.counter-holder-settings.promotions-counter {
  max-width: 100%;
  justify-content: space-between;
  align-items: end;
  position: relative;
  top: 0;
  right: 25px; }
  @media (max-width: 500px) {
    .counter-holder-settings.promotions-counter {
      max-width: 90%;
      margin: auto;
      right: 0; } }
  .counter-holder-settings.promotions-counter .banner-text-segments-low.green-counter {
    width: fit-content; }
  @media (max-width: 500px) {
    .counter-holder-settings.promotions-counter .banner-text-segments-low {
      width: 100%; } }
  .counter-holder-settings.promotions-counter .banner-text-segments-low #progress-bar div {
    background-size: 338px 100%; }
    @media (max-width: 600px) {
      .counter-holder-settings.promotions-counter .banner-text-segments-low #progress-bar div {
        background-size: 338px 100%; } }
  @media (max-width: 600px) {
    .counter-holder-settings.promotions-counter .banner-text-segments-low .content-holder {
      padding: 5px 0; }
      .counter-holder-settings.promotions-counter .banner-text-segments-low .content-holder .text-holder {
        padding: 10px; } }

.counter-holder-settings.promotions-counter-full {
  position: relative;
  top: 25px;
  left: -8px;
  width: calc(100% - 4px);
  max-width: 100%; }
  .counter-holder-settings.promotions-counter-full .banner-text-segments-low .promotion-text-full {
    width: 80%; }
    @media (max-width: 1700px) {
      .counter-holder-settings.promotions-counter-full .banner-text-segments-low .promotion-text-full {
        width: 100%; } }
  .counter-holder-settings.promotions-counter-full .banner-text-segments-low #progress-bar div {
    background-size: calc(100vw - 59% - 250px) 100%; }
    @media (max-width: 1700px) {
      .counter-holder-settings.promotions-counter-full .banner-text-segments-low #progress-bar div {
        background-size: calc(100vw - 11% - 370px) 100%; } }
    @media (max-width: 1200px) {
      .counter-holder-settings.promotions-counter-full .banner-text-segments-low #progress-bar div {
        background-size: calc(100vw - 9% - 270px) 100%; } }
    @media (max-width: 767px) {
      .counter-holder-settings.promotions-counter-full .banner-text-segments-low #progress-bar div {
        background-size: calc(100vw - 70px) 100%; } }
  @media (max-width: 480px) {
    .counter-holder-settings.promotions-counter-full .banner-text-segments-low .content-holder .text-holder {
      padding: 0 !important; } }

.counter-holder-settings {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  margin: 0 10px 10px; }
  .counter-holder-settings .banner-text-segments-low {
    margin-bottom: 0; }
    .counter-holder-settings .banner-text-segments-low #progress-bar div {
      background-size: 898px 100%; }
      @media (max-width: 1250px) {
        .counter-holder-settings .banner-text-segments-low #progress-bar div {
          background-size: calc(100vw - 320px) 100%; } }
      @media (max-width: 767px) {
        .counter-holder-settings .banner-text-segments-low #progress-bar div {
          background-size: calc(100vw - 50px) 100%; } }

.counter-holder-settings.texting-setting-counter {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 20px; }
  @media (max-width: 600px) {
    .counter-holder-settings.texting-setting-counter {
      flex-direction: column; }
      .counter-holder-settings.texting-setting-counter .banner-text-segments-low {
        width: 100%;
        margin-bottom: 30px; }
        .counter-holder-settings.texting-setting-counter .banner-text-segments-low .text-holder {
          padding: 10px 5px;
          text-align: center; } }
  .counter-holder-settings.texting-setting-counter .banner-text-segments-low #progress-bar div {
    background-size: 316px 100%; }
    @media (max-width: 600px) {
      .counter-holder-settings.texting-setting-counter .banner-text-segments-low #progress-bar div {
        background-size: calc(100vw - 50px) 100%; } }
  .counter-holder-settings.texting-setting-counter .subtitle {
    margin: 0; }

@keyframes countStart {
  from {
    opacity: 1;
    top: 0; }

  to {
    opacity: 0;
    top: -20px; } }

@keyframes countEnd {
  from {
    opacity: 0;
    top: 20px; }

  to {
    opacity: 1;
    top: 0; } }

@keyframes countColorChangeGray {
  from {
    background-color: #d71f1f; }

  to {
    background-color: #939598; } }

@keyframes countColorChangeRed {
  from {
    background-color: #eba508; }

  to {
    background-color: #d71f1f; } }

.texting-upgrade-package-modal .close {
  position: relative;
  top: -14px;
  right: 5px; }
.texting-upgrade-package-modal .modal-header.banner-text-segments-low {
  text-align: center;
  padding: 0 40px;
  margin-bottom: 0;
  border: 0; }
  @media (max-width: 600px) {
    .texting-upgrade-package-modal .modal-header.banner-text-segments-low {
      padding: 0 15px; }
      .texting-upgrade-package-modal .modal-header.banner-text-segments-low .alert-text {
        text-align: left;
        margin-bottom: 5px; } }
  .texting-upgrade-package-modal .modal-header.banner-text-segments-low h1 {
    color: #3b3e51;
    margin: 20px auto;
    font-size: 25px;
    font-weight: 700; }
    .texting-upgrade-package-modal .modal-header.banner-text-segments-low h1 svg {
      max-width: 40px; }
  .texting-upgrade-package-modal .modal-header.banner-text-segments-low .content-holder {
    background-color: transparent;
    display: block; }
    .texting-upgrade-package-modal .modal-header.banner-text-segments-low .content-holder .text-holder {
      max-width: 740px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .texting-upgrade-package-modal .modal-header.banner-text-segments-low .content-holder .text-holder {
          padding: 15px 0 0; } }
      .texting-upgrade-package-modal .modal-header.banner-text-segments-low .content-holder .text-holder p {
        margin-bottom: 10px; }
      .texting-upgrade-package-modal .modal-header.banner-text-segments-low .content-holder .text-holder p:last-of-type {
        display: inline-block; }
      .texting-upgrade-package-modal .modal-header.banner-text-segments-low .content-holder .text-holder .text-segments-left {
        font-weight: bold;
        font-size: 1.1em; }
  .texting-upgrade-package-modal .modal-header.banner-text-segments-low #progress-bar div {
    background-size: calc(100vw - 80px - 12%) 100%; }
    @media (max-width: 767px) {
      .texting-upgrade-package-modal .modal-header.banner-text-segments-low #progress-bar div {
        background-size: calc(100vw - 80px - 6%) 100%; } }
.texting-upgrade-package-modal .content-box.texting {
  justify-content: center; }

.texting-preview-page .post.disabled {
  color: #bdbec0 !important; }
  .texting-preview-page .post.disabled .message-holder h3.message-heading {
    color: #58585a; }
  .texting-preview-page .post.disabled .message-holder label {
    color: #d71f1f; }
    .texting-preview-page .post.disabled .message-holder label:before {
      border: 1px solid #d71f1f;
      background: transparent; }
  .texting-preview-page .post.disabled .fa-comment {
    background-color: #bdbec0; }
  .texting-preview-page .post.disabled .button .trigger {
    background-color: #f3f7f8 !important;
    pointer-events: none; }
    .texting-preview-page .post.disabled .button .trigger::before {
      color: #bdbec0 !important; }
  .texting-preview-page .post.disabled .button.lightbulb {
    pointer-events: none; }
    .texting-preview-page .post.disabled .button.lightbulb .trigger:before {
      background-image: url("https://static.spotapps.co/assets/admin/texting_assets/bulb_disabled_clear.png") !important; }
  .texting-preview-page .post.disabled .edit-text-post {
    pointer-events: none; }

@media (max-width: 600px) {
  .modal-body.recovery-user-info h3.text-center {
    font-size: 1.4em; } }

.recovery-user-info.verify-number .close,
.recovery-user-info.success .close {
  display: block; }

.recovery-user-info .close {
  display: none; }
.recovery-user-info.modal-header {
  text-align: center;
  border-bottom: none;
  padding-bottom: 0; }
.recovery-user-info .title-container-modal {
  font-weight: 800;
  margin-bottom: 10px;
  margin-top: 0; }
  .recovery-user-info .title-container-modal h3 {
    font-size: 1.7em;
    font-weight: 800;
    margin-bottom: 0; }
    @media (max-width: 600px) {
      .recovery-user-info .title-container-modal h3 {
        font-size: 1.7em; } }
    .recovery-user-info .title-container-modal h3.finish-validation {
      margin: 20px auto; }
      @media (max-width: 420px) {
        .recovery-user-info .title-container-modal h3.finish-validation {
          font-size: 1.6em; } }
      @media (max-width: 420px) {
        .recovery-user-info .title-container-modal h3.finish-validation {
          font-size: 1.4em; } }
  .recovery-user-info .title-container-modal .text-center {
    width: 90%;
    max-width: 430px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 1.1em; }
  .recovery-user-info .title-container-modal .img-box {
    width: 80px;
    margin: 0 auto; }
    .recovery-user-info .title-container-modal .img-box img {
      width: 100%; }
  .recovery-user-info .title-container-modal .circle-icon-box {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background: rgba(41, 168, 115, 0.19);
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    .recovery-user-info .title-container-modal .circle-icon-box img {
      width: 70%; }
.recovery-user-info.verify-number .modal-body {
  padding: 10px 20px 20px; }

.modal-body.recovery-user-info .text-center {
  color: #29a873;
  text-align: center; }
.modal-body.recovery-user-info.no-pt {
  padding-top: 0; }
.modal-body .loader-verify {
  width: 20px;
  height: 20px;
  border: 3px solid #f1f1f1;
  border-bottom-color: #ea5329;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: spin 1s linear infinite;
  z-index: 99999;
  margin: auto;
  left: 0;
  right: 0;
  top: 4px;
  bottom: 0;
  position: relative; }
.modal-body .field-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 5px; }
  .modal-body .field-box label {
    font-weight: 600;
    margin-bottom: 0;
    padding-left: 10px; }
  .modal-body .field-box input {
    border: 1px solid #cbcfd2;
    border-radius: 5px;
    padding: 10px;
    width: 65%; }
    @media (max-width: 420px) {
      .modal-body .field-box input {
        width: 60%; } }
  .modal-body .field-box input[disabled] {
    color: black;
    -webkit-text-fill-color: black; }
  .modal-body .field-box .validation-mark {
    position: absolute;
    z-index: 10;
    right: 9px;
    background-color: #e90000;
    color: white;
    padding: 1px 7px;
    border-radius: 50%;
    font-size: 0.8em; }
  .modal-body .field-box.verify_number {
    background-color: transparent;
    justify-content: center;
    width: fit-content;
    margin: auto; }
    .modal-body .field-box.verify_number input {
      width: 50px;
      max-width: 240px;
      height: 66px;
      margin-right: 10px;
      font-weight: 800;
      text-align: center;
      font-size: 1.8em; }
      .modal-body .field-box.verify_number input:last-child {
        margin-right: 0; }
    .modal-body .field-box.verify_number input::-webkit-input-placeholder {
      color: transparent; }
    .modal-body .field-box.verify_number .validation-number {
      color: #29a873;
      font-size: 1.6em;
      position: absolute;
      right: -20px; }
    .modal-body .field-box.verify_number .alert-msg-holder {
      position: absolute;
      right: -15px; }
    .modal-body .field-box.verify_number .verified {
      color: #29a873;
      font-size: 1.6em; }
    .modal-body .field-box.verify_number .not-verified {
      border: 1px solid #e90000; }
    .modal-body .field-box.verify_number span.not-verified {
      border: none;
      color: #e90000;
      font-size: 1.6em; }
.modal-body .check-box {
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-body .check-box label {
    margin-left: 15px;
    font-weight: 400;
    margin-bottom: 0; }
    @media (max-width: 465px) {
      .modal-body .check-box label {
        text-align: left; } }
    @media (max-width: 420px) {
      .modal-body .check-box label {
        width: 260px; } }
  .modal-body .check-box input[type="checkbox"] {
    position: relative;
    width: 21px;
    height: 21px;
    margin-top: 0;
    color: black;
    border: 1px solid #939598;
    border-radius: 5px;
    appearance: none;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); }
    .modal-body .check-box input[type="checkbox"]::before {
      position: absolute;
      content: "";
      display: block;
      top: 2px;
      left: 6px;
      width: 7px;
      height: 12px;
      border-style: solid;
      border-color: white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      opacity: 0; }
    .modal-body .check-box input[type="checkbox"]:checked {
      color: white;
      border-color: #29a873;
      background: #29a873; }
      .modal-body .check-box input[type="checkbox"]:checked::before {
        opacity: 1; }
    .modal-body .check-box input[type="checkbox"].required {
      border: 2px solid #ea5329; }
.modal-body .footer {
  padding: 10px 20px; }
  .modal-body .footer.verify_number {
    display: flex;
    gap: 15px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap; }
    .modal-body .footer.verify_number button {
      margin: 0 !important; }
  .modal-body .footer .loader {
    width: 20px;
    height: 20px;
    border: 3px solid white;
    border-bottom-color: #ea5329;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: spin 1s linear infinite;
    z-index: 99999;
    margin: auto;
    left: 0;
    right: 0;
    top: 4px;
    bottom: 0;
    position: relative; }
  .modal-body .footer .verification-code-sent {
    width: 100%;
    font-size: 1.2em;
    color: #29a873;
    background-color: #d5f4e7;
    border-radius: 5px;
    padding: 12px;
    margin: 20px auto 0;
    display: block;
    font-weight: 400; }
  .modal-body .footer button {
    display: inline-block;
    width: fit-content;
    padding: 12px;
    text-transform: none;
    max-width: 210px;
    width: 100%;
    background-color: #ea5329;
    font-weight: 400;
    font-size: 1.1em;
    margin: 15px 0.75rem 0 0;
    transition: all 0.05s ease; }
    @media (max-width: 600px) {
      .modal-body .footer button {
        display: block;
        margin: 10px auto; } }
    .modal-body .footer button:hover {
      opacity: 0.9; }
    .modal-body .footer button.orange {
      box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; }
    .modal-body .footer button.grey {
      background-color: #f1f1f1;
      color: #949598; }
    .modal-body .footer button:last-child {
      margin-right: 0.75rem; }
      @media (max-width: 600px) {
        .modal-body .footer button:last-child {
          margin: auto; } }

.modal-body.recovery-user-info.recovery-verification {
  padding: 0 0 20px; }

.inquiry-qr-code-flyer {
  position: relative;
  background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/section-background-dark.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 20px;
  color: white;
  padding: 30px 50px 15px;
  margin-bottom: 15px;
  overflow: hidden; }
  @media (max-width: 991px) {
    .inquiry-qr-code-flyer {
      padding: 30px 20px 15px; } }
  .inquiry-qr-code-flyer::after {
    content: "";
    position: absolute;
    bottom: -3%;
    right: 40px;
    height: 100%;
    width: 32%;
    background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/catering-section.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom; }
    @media (max-width: 991px) {
      .inquiry-qr-code-flyer::after {
        background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/phone.png);
        right: 0;
        width: 26%;
        height: 80%; } }
  .inquiry-qr-code-flyer .close {
    color: white;
    position: absolute;
    top: 20px;
    right: 2px;
    opacity: 1;
    font-weight: 300;
    font-size: 18px; }
  .inquiry-qr-code-flyer .text-holder {
    width: 60%;
    max-width: 490px;
    padding-top: 5px; }
    @media (max-width: 991px) {
      .inquiry-qr-code-flyer .text-holder {
        width: 78%; } }
    .inquiry-qr-code-flyer .text-holder h4 {
      line-height: 1.2;
      margin-bottom: 15px; }
  .inquiry-qr-code-flyer .button-holder {
    text-align: center; }
    .inquiry-qr-code-flyer .button-holder .btn {
      background-color: #f15a2c;
      color: white; }

.inquiry-qr-code-flyer.private-party:after {
  background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/private-party-section.png); }
  @media (max-width: 991px) {
    .inquiry-qr-code-flyer.private-party:after {
      background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/phone.png); } }

.inquiry-qr-code-flyer.job-listings:after {
  background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/jobs-section-v2.png); }
  @media (max-width: 991px) {
    .inquiry-qr-code-flyer.job-listings:after {
      background-image: url(https://static.spotapps.co/assets/admin/qr-code-nudge/phone.png); } }

.separate-top {
  margin-top: 10px; }

.preview-page .post-preview-container .post-preview-holder.texting-nav {
  padding: 0;
  margin: 0; }
  @media (max-width: 767px) {
    .preview-page .post-preview-container .post-preview-holder.texting-nav {
      padding: 0; } }
  @media (max-width: 767px) {
    .preview-page .post-preview-container .post-preview-holder.texting-nav .new-post-btn-holder {
      padding-left: 10px;
      padding-right: 10px; } }
  .preview-page .post-preview-container .post-preview-holder.texting-nav .posts-filter-holder {
    margin: 0; }
    @media (max-width: 767px) {
      .preview-page .post-preview-container .post-preview-holder.texting-nav .posts-filter-holder {
        padding-left: 0; } }
  .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder {
    position: relative;
    left: 250px;
    margin: 0;
    padding-right: 105px; }
    @media (max-width: 767px) {
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder {
        left: unset;
        right: 0;
        display: flex;
        justify-content: end; } }
    @media (max-width: 767px) {
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder.expanded {
        left: 50px;
        padding-right: 10px;
        width: 100vw; } }
    @media (max-width: 991px) {
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder {
        padding-right: 10px; } }
    .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .active:not(.nav-el) {
      border-bottom: 0px; }
    .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el {
      height: 60px;
      align-items: center;
      justify-content: center;
      display: flex;
      padding: 0 10px;
      flex-direction: column;
      gap: 5px;
      border-bottom: 5px solid transparent;
      text-decoration: none;
      transition: all 0.1s ease;
      color: #a0a0a0;
      font-weight: 400 !important;
      font-size: 16px !important; }
      @media (max-width: 1350px) {
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el {
          gap: 5px;
          padding: 0 5px;
          font-size: 14px !important; } }
      @media (max-width: 991px) {
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el {
          flex-direction: column;
          gap: 0;
          padding: 0; } }
      @media (max-width: 767px) {
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el {
          border: 0px;
          width: 30px;
          height: 30px;
          background-color: #ededed;
          border-radius: 50%; }
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el span {
            display: none; } }
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el:hover {
        text-decoration: none;
        color: #fc4c00;
        border-bottom: 3px solid #fc4c00; }
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-preview {
        height: 19px;
        width: 19px; }
        @media (max-width: 1024px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-preview {
            height: 16px;
            width: 16px; } }
        @media (max-width: 767px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-preview {
            width: 26px;
            height: 30px;
            border-radius: 0; } }
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-active {
        display: none; }
        @media (max-width: 767px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-active {
            filter: grayscale(100%) brightness(200%);
            padding: 4px; } }
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-inactive {
        display: inline-block; }
        @media (max-width: 767px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el .icon-inactive {
            padding: 4px; } }
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el.active, .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el:hover {
        color: #fc4c00;
        border-bottom: 5px solid #fc4c00; }
        @media (max-width: 767px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el.active, .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el:hover {
            border: 0px;
            background-color: #fc4c00;
            width: 30px;
            height: 30px;
            border-radius: 50%; } }
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el.active .icon-active, .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el:hover .icon-active {
          display: inline-block; }
          @media (max-width: 767px) {
            .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el.active .icon-active, .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el:hover .icon-active {
              padding: 5px;
              filter: brightness(0) invert(1); } }
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el.active .icon-inactive, .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .nav-el:hover .icon-inactive {
          display: none; }
    .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group {
      align-items: center;
      justify-content: center;
      gap: 3px; }
      @media (max-width: 991px) {
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group span {
          font-size: 12px; } }
      @media (max-width: 767px) {
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group {
          gap: 5px;
          padding-right: 0; } }
      @media (max-width: 440px) {
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group {
          gap: 3px; } }
      .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group button {
        display: flex;
        gap: 6px;
        width: max-content;
        margin-top: 0;
        align-items: center;
        justify-content: center; }
        @media (max-width: 1100px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group button {
            height: auto;
            border-radius: 50%;
            padding: 5px; }
            .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group button .new-post-button-desktop {
              display: none; } }
        @media (max-width: 991px) {
          .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group button {
            gap: 0; } }
        .preview-page .post-preview-container .post-preview-holder.texting-nav .nav-holder .secound-group button:hover {
          background-color: #008ab8; }

.preview-page .post-preview-container .post-preview-holder.texting-nav.texting-nav.not-prev-pg .secound-group {
  padding-left: 30px; }
  @media (max-width: 767px) {
    .preview-page .post-preview-container .post-preview-holder.texting-nav.texting-nav.not-prev-pg .secound-group {
      padding-left: 15px; } }
@media (max-width: 991px) {
  .preview-page .post-preview-container .post-preview-holder.texting-nav.texting-nav.not-prev-pg .nav-holder .nav-el {
    flex-direction: row;
    gap: 5px; } }

.preview-page .post-preview-container .nav-holder {
  position: fixed;
  top: 0;
  z-index: 101;
  width: calc(100vw - 50px);
  left: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  padding-right: 105px;
  height: 58px;
  box-shadow: rgba(33, 35, 38, 0.2) 0px 10px 10px -10px; }
  .preview-page .post-preview-container .nav-holder.expanded {
    width: calc(100vw - 250px); }
    @media (max-width: 767px) {
      .preview-page .post-preview-container .nav-holder.expanded {
        width: 100vw;
        left: 0; } }
  @media (max-width: 991px) {
    .preview-page .post-preview-container .nav-holder {
      padding-right: 10px; } }
  @media (max-width: 767px) {
    .preview-page .post-preview-container .nav-holder {
      width: 100vw;
      left: 0; } }
  .preview-page .post-preview-container .nav-holder .tooltip {
    width: 100%; }
  .preview-page .post-preview-container .nav-holder .secound-group {
    display: flex;
    gap: 30px; }
    @media (max-width: 1350px) {
      .preview-page .post-preview-container .nav-holder .secound-group {
        gap: 5px; } }
    .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder {
      max-width: 100%;
      width: 250px;
      margin: 0; }
      @media (max-width: 1350px) {
        .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder {
          width: 100px; } }
      @media (max-width: 767px) {
        .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder {
          width: max-content;
          padding: 0; } }
      .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .dropdown-menu {
        top: 45px; }
        @media (max-width: 1350px) {
          .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .dropdown-menu {
            left: -60px; } }
        @media (max-width: 767px) {
          .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder .dropdown-menu {
            top: 0;
            left: -90px; } }
      .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter {
        position: relative;
        max-width: 100%;
        width: 250px;
        background-color: white;
        border: 1px solid #d0d0d0;
        border-radius: 6px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        padding: 6px 8px; }
        @media (max-width: 1350px) {
          .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter {
            width: 100px; } }
        @media (max-width: 767px) {
          .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter {
            background-color: #ededed;
            border-radius: 50%;
            margin: 0;
            width: max-content;
            padding: 5px 7px; } }
        .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter .caret {
          position: absolute;
          right: 10px; }
          @media (max-width: 767px) {
            .preview-page .post-preview-container .nav-holder .secound-group .posts-filter-holder #dropdown-preview-filter .caret {
              display: none; } }
    .preview-page .post-preview-container .nav-holder .secound-group .btn-preview-pg {
      padding: 6px 8px; }
    .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons {
      position: relative;
      display: flex;
      gap: 10px; }
      @media (max-width: 1200px) {
        .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons {
          gap: 5px; }
          .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons span:not(.highlight) {
            display: none; }
          .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons span.highlight {
            position: absolute;
            top: -7px;
            margin-left: 10px; }
          .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .dropdown-new-post,
          .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-preview-pg {
            width: auto;
            padding: 6px;
            border-radius: 50%; } }
      .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .email-template-editor-action a {
        display: flex;
        gap: 5px; }
      .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info {
        display: flex;
        gap: 5px;
        align-items: center;
        background-color: #00ade6;
        border: 1px solid #00ade6; }
        .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info i {
          color: #ffc107; }
          @media (max-width: 1200px) {
            .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info i {
              border-radius: 50%;
              background-color: white; } }
        .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn-info:hover {
          background-color: #008ab8;
          border: 1px solid #008ab8; }
      .preview-page .post-preview-container .nav-holder .secound-group .editor-buttons .btn {
        height: fit-content; }
  .preview-page .post-preview-container .nav-holder .new-post-btn-holder {
    position: relative;
    top: 0;
    right: inherit;
    padding-left: 5px; }
    @media (max-width: 767px) {
      .preview-page .post-preview-container .nav-holder .new-post-btn-holder {
        padding-left: 60px; } }
  .preview-page .post-preview-container .nav-holder .post-preview-options.post-preview-holder {
    position: relative;
    width: auto;
    border-bottom: 0px;
    padding: 0; }
  .preview-page .post-preview-container .nav-holder .approve_posts_first_container {
    background-color: rgba(160, 160, 160, 0.2);
    position: relative;
    display: flex;
    padding: 5px;
    border-radius: 10px; }
    .preview-page .post-preview-container .nav-holder .approve_posts_first_container .fa-question-circle {
      position: absolute;
      right: -20px;
      top: 50%;
      transform: translateY(-50%); }
      @media (max-width: 991px) {
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .fa-question-circle {
          display: none; } }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .fa-question-circle sup {
        width: 100%; }
    .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn {
      color: #818181;
      padding: 5px 10px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px; }
      @media (max-width: 830px) {
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn {
          padding: 4px 8px;
          font-size: 12px; } }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn .icon {
        display: none;
        opacity: 0; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.disabled {
        pointer-events: none; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.active {
        background-color: white;
        color: #545454;
        pointer-events: none;
        border-radius: 5px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.active .icon {
          display: inline-block;
          opacity: 1; }
  .preview-page .post-preview-container .nav-holder .approve_posts_first_container .mobile-text {
    display: none; }
  .preview-page .post-preview-container .nav-holder .approve_posts_first_container .desk-text-btn {
    display: flex; }
  @media (max-width: 767px) {
    .preview-page .post-preview-container .nav-holder .approve_posts_first_container {
      border: 1px solid #d0d0d0;
      background-color: transparent;
      padding: 2px;
      border-radius: 5px;
      cursor: pointer;
      flex-direction: column;
      width: 185px; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn {
        display: none; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn:not(.active):before {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          border: 1px solid #d0d0d0;
          border-radius: 50%; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .aprove_btn.active {
          box-shadow: none; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .mobile-text {
        display: flex;
        padding: 5px;
        gap: 5px;
        align-items: center;
        justify-content: space-between;
        font-size: 12px; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .mobile-text .caret {
          color: #939598;
          transform: rotate(0); }
          .preview-page .post-preview-container .nav-holder .approve_posts_first_container .mobile-text .caret.show-dropdown {
            transform: rotate(180deg); }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container .desk-text-btn {
        display: none;
        position: absolute;
        flex-direction: column;
        width: calc(100% + 3px);
        background-color: white;
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        top: 37px;
        left: -2px; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container .desk-text-btn.show-dropdown {
          display: flex; }
          .preview-page .post-preview-container .nav-holder .approve_posts_first_container .desk-text-btn.show-dropdown .aprove_btn {
            display: flex;
            justify-content: flex-start; } }
  @media (max-width: 1300px) {
    .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve {
      border: 1px solid #d0d0d0;
      background-color: transparent;
      padding: 2px;
      border-radius: 5px;
      cursor: pointer;
      flex-direction: column;
      width: 185px;
      font-size: 0.9em; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .aprove_btn {
        display: none; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .aprove_btn:not(.active):before {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          border: 1px solid #d0d0d0;
          border-radius: 50%; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .aprove_btn.active {
          box-shadow: none; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .mobile-text {
        display: flex;
        padding: 5px;
        gap: 5px;
        align-items: center;
        justify-content: space-between;
        font-size: 12px; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .mobile-text .caret {
          color: #939598;
          transform: rotate(0); }
          .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .mobile-text .caret.show-dropdown {
            transform: rotate(180deg); }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .desk-text-btn {
        display: none;
        position: absolute;
        flex-direction: column;
        width: calc(100% + 3px);
        background-color: white;
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        top: 37px;
        left: -2px; }
        .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .desk-text-btn.show-dropdown {
          display: flex; }
          .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .desk-text-btn.show-dropdown .aprove_btn {
            display: flex;
            justify-content: flex-start; } }
  @media (max-width: 440px) {
    .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve {
      width: 130px; }
      .preview-page .post-preview-container .nav-holder .approve_posts_first_container.texting-approve .desk-text-btn {
        top: 52px; } }

.preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.disliked .button.no .trigger {
  background-color: #cc3333; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.disliked .button.no .trigger:before {
    color: white; }
.preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.liked .button.yes .trigger {
  background-color: #33bb77; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls.liked .button.yes .trigger:before {
    color: white; }
.preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button {
  background-color: white;
  box-shadow: 0px 0px 11.9597px rgba(0, 0, 0, 0.1); }
  @media (max-width: 485px) {
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button {
      width: 55px;
      height: 55px; } }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger {
    background-color: rgba(234, 83, 41, 0.15); }
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger:hover {
      background-color: #cc3333;
      transition: background-color 0.3s ease; }
      .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.no .trigger:hover:before {
        color: white; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger {
    background-color: rgba(51, 187, 119, 0.1); }
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:hover {
      background-color: #33bb77;
      transition: background-color 0.3s ease; }
      .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:hover:before {
        color: white; }
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.yes .trigger:before {
      color: #33bb77; }
.preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt {
  width: auto;
  height: 65px;
  border-radius: 50px;
  top: -17px;
  background-color: white;
  box-shadow: 0px 0px 11.9597px rgba(0, 0, 0, 0.1); }
  @media (max-width: 485px) {
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt {
      top: -8px;
      height: 55px; } }
  @media (max-width: 374px) {
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt {
      width: 55px;
      top: -12px; } }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt.new-design {
    height: 50px; }
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt.new-design .trigger {
      width: 34px;
      height: 34px; }
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt.new-design .trigger:before {
      background-size: 17px 25px;
      width: 17px;
      height: 25px; }
    .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt.new-design .bulb-link {
      top: 0;
      line-height: 1.5rem; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt a {
    text-decoration: none;
    color: #3d3d3d; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .disabled {
    cursor: not-allowed; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .trigger {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: rgba(235, 165, 8, 0.2);
    margin-left: 10px; }
    @media (max-width: 485px) {
      .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .trigger {
        width: 45px;
        height: 45px;
        margin-left: 7px; } }
      @media (max-width: 485px) and (max-width: 374px) {
        .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .trigger {
          width: 40px;
          height: 40px; } }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .trigger:before {
    background-image: url("https://static.spotapps.co/assets/admin/lightbulb.png");
    background-size: 30px 38px;
    display: inline-block;
    width: 30px;
    height: 38px;
    content: "";
    mix-blend-mode: multiply; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .bulb-link {
    margin-left: 10px;
    margin-right: 20px;
    position: relative;
    top: -10px; }
    @media (max-width: 485px) {
      .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .bulb-link {
        margin-left: 7px;
        margin-right: 14px; } }
    @media (max-width: 400px) {
      .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .bulb-link {
        font-size: 11px;
        top: -12px; } }
    @media (max-width: 374px) {
      .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt .bulb-link {
        display: none; } }
.preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt:hover {
  background-color: #eba508;
  transition: background-color 0.5s ease; }
  .preview-page .post-preview-container .post-preview-holder.approval-controls.visible-controls .button.lightbulb-gpt:hover .trigger {
    background-color: white; }

.notifications-loader {
  width: 100px;
  height: 24px;
  display: grid;
  animation: d1-0 1s infinite;
  margin: 15px auto; }
  .notifications-loader:before {
    content: "";
    grid-area: 1/1;
    background: radial-gradient(farthest-side, #ea5329 90%, transparent) left, radial-gradient(farthest-side, #ea5329 90%, transparent) right;
    background-size: 24px 24px;
    background-repeat: no-repeat; }
  .notifications-loader:after {
    content: "";
    grid-area: 1/1;
    background: radial-gradient(farthest-side, #ea5329 90%, transparent) left, radial-gradient(farthest-side, #ea5329 90%, transparent) right;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    transform: rotate(0) translate(38px) rotate(0);
    animation: inherit;
    animation-name: d1-1; }

@keyframes d1-0 {
  100% {
    transform: translate(38px); } }

@keyframes d1-1 {
  100% {
    transform: rotate(-0.5turn) translate(38px) rotate(0.5turn); } }

.light-gray-background {
  background: linear-gradient(#f2f4f5 87%, white 99%); }

.flag-upscale {
  max-width: 55px;
  max-height: 25px; }

.animate-moveLeftRight {
  animation: moveLeftRight 0.5s ease-in-out infinite; }

@keyframes moveLeftRight {
  0% {
    transform: translateX(0); }

  50% {
    transform: translateX(2px); }

  100% {
    transform: translateX(0); } }

.modal-tmt-container .modal-container.qr-modal .right-content {
  max-width: 500px;
  margin: auto; }
  .modal-tmt-container .modal-container.qr-modal .right-content .title {
    color: #3d3d3d;
    font-size: 18px;
    text-align: center;
    margin-top: 0; }
    @media (max-width: 480) {
      .modal-tmt-container .modal-container.qr-modal .right-content .title {
        font-size: 16px; } }
    .modal-tmt-container .modal-container.qr-modal .right-content .title p {
      margin: 15px auto;
      color: #3d3d3d; }
  .modal-tmt-container .modal-container.qr-modal .right-content .tmt-list {
    max-width: 420px;
    margin: auto; }
.modal-tmt-container .modal-container.qr-modal .right-content.job-listings {
  max-width: 100%; }
  .modal-tmt-container .modal-container.qr-modal .right-content.job-listings .tmt-list {
    max-width: 100%; }
.modal-tmt-container .modal-content {
  border: none; }
  .modal-tmt-container .modal-content .bubble-mesage {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    border-radius: 20px;
    border: 1px solid #ffd955;
    background: #fff2c6;
    padding: 4px 15px;
    margin-top: -53px;
    gap: 10px;
    color: #3d3d3d;
    @media(max-width: 460px) {
      font-size: 13px;
      padding: 4px 10px; }

    @media(max-width: 420px) {
      font-size: 12px;
      padding: 4px 5px; }

    @media(max-width: 360px) {
      max-width: 90%;
      margin-top: -56px; }
 }
  .modal-tmt-container .modal-content .important {
    font-weight: 600;
    color: #3d3d3d; }
  .modal-tmt-container .modal-content .modal-header {
    padding: 0;
    border-bottom: none; }
  .modal-tmt-container .modal-content .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    opacity: 0.6; }
    .modal-tmt-container .modal-content .close:hover {
      opacity: 1; }
  .modal-tmt-container .modal-content .modal-container {
    display: flex;
    flex-direction: column; }
  .modal-tmt-container .modal-content .left-content {
    width: 100%; }
    .modal-tmt-container .modal-content .left-content img {
      width: 100%; }
  .modal-tmt-container .modal-content .right-content {
    width: 100%;
    padding: 20px 30px;
    text-align: center;
    color: #3d3d3d; }
    .modal-tmt-container .modal-content .right-content .text-left {
      text-align: left; }
    .modal-tmt-container .modal-content .right-content .tmt-list {
      padding-left: 20px; }
      .modal-tmt-container .modal-content .right-content .tmt-list li {
        margin-bottom: 5px;
        color: #3d3d3d; }
    .modal-tmt-container .modal-content .right-content .title {
      font-weight: 600;
      font-size: 18px;
      margin: 15px auto;
      color: #2e2230; }
      @media (max-width: 400px) {
        .modal-tmt-container .modal-content .right-content .title {
          font-size: 16px; } }
      .modal-tmt-container .modal-content .right-content .title p {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 20px; }
    .modal-tmt-container .modal-content .right-content .button-holder {
      margin: 20px auto 5px;
      padding: 2px 20px;
      width: fit-content;
      background-color: #ea5329;
      border-radius: 5px;
      text-align: center;
      transition: all 0.2s ease-in-out;
      font-weight: bold; }
      .modal-tmt-container .modal-content .right-content .button-holder:hover {
        opacity: 0.8; }
      .modal-tmt-container .modal-content .right-content .button-holder .btn-confirm {
        color: white; }
  .modal-tmt-container .modal-content .footer {
    background-color: #defbe6;
    color: #179869;
    padding: 0; }
    .modal-tmt-container .modal-content .footer p {
      font-weight: 400;
      padding: 5px 0;
      margin: 0;
      text-align: center; }
.modal-tmt-container .close-link {
  display: block;
  margin: 15px auto 5px;
  color: #a5a5a5;
  font-size: 12px;
  text-decoration: underline; }
  .modal-tmt-container .close-link:hover {
    color: #757575; }

.fade-in-container {
  opacity: 0;
  -webkit-animation: fadeIn 3s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation: fadeIn 3s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation-fill-mode: forwards;
  opacity: 1; }

.width-16 {
  @media(min-width: 768px) {
    width: 16% !important; }
 }

.width-20 {
  @media(min-width: 768px) {
    width: 20% !important; }
 }

.width-26 {
  @media(min-width: 768px) {
    width: 26% !important; }
 }

.specials-banner {
  background-image: linear-gradient(270deg, rgba(224, 138, 91, 0) 45%, #df885b 70%), url("/img/specials_nudge_background.png");
  background-size: cover;
  margin: auto;
  max-width: 1920px;
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 37px 36px 28px 58px; }
  @media (max-width: 1170px) {
    .specials-banner {
      background-image: linear-gradient(360deg, rgba(224, 138, 91, 0) 45%, #df885b 60%), url("/img/specials_nudge_background.png");
      flex-wrap: wrap;
      justify-content: center;
      padding: 10px; } }
  .specials-banner.add-texting-padding {
    margin-top: 130px; }
  .specials-banner.fb-error {
    margin-top: 140px; }
    @media (max-width: 1377px) {
      .specials-banner.fb-error {
        margin-top: 160px; } }
    @media (max-width: 1089px) {
      .specials-banner.fb-error {
        margin-top: 180px; } }
    @media (max-width: 956px) {
      .specials-banner.fb-error {
        margin-top: 200px; } }
    @media (max-width: 835px) {
      .specials-banner.fb-error {
        margin-top: 69px; } }
  .specials-banner.fb-error.add-texting-padding {
    margin-top: 190px; }
    @media (max-width: 1377px) {
      .specials-banner.fb-error.add-texting-padding {
        margin-top: 210px; } }
    @media (max-width: 1089px) {
      .specials-banner.fb-error.add-texting-padding {
        margin-top: 230px; } }
    @media (max-width: 956px) {
      .specials-banner.fb-error.add-texting-padding {
        margin-top: 250px; } }
    @media (max-width: 835px) {
      .specials-banner.fb-error.add-texting-padding {
        margin-top: 108px; } }
    @media (max-width: 767px) {
      .specials-banner.fb-error.add-texting-padding {
        margin-top: 98px; } }
  .specials-banner .text-holder {
    max-width: 590px;
    text-align: left;
    padding: 2px 20px 15px 0px;
    color: white; }
    @media (max-width: 1357px) {
      .specials-banner .text-holder {
        margin-left: 10px;
        margin-top: 15px; } }
    .specials-banner .text-holder p {
      font: normal normal normal 17px/21px Lato;
      margin: 0;
      padding: 0; }
    .specials-banner .text-holder .bold-text {
      font: normal normal 900 17px/21px Lato; }
    .specials-banner .text-holder .mt-5 {
      margin-top: 50px; }
    .specials-banner .text-holder .mr-6 {
      margin-right: 60px; }
  .specials-banner .video-holder .video {
    box-shadow: 0px 3px 6px #000029;
    border: 4px solid white;
    border-radius: 3px;
    overflow: hidden; }
    .specials-banner .video-holder .video .embed {
      width: 100%;
      display: block;
      height: 168px; }

@-webkit-keyframes slide-from-right {
  to {
    -webkit-transform: translateX(0); } }

@keyframes slide-from-right {
  to {
    transform: translateX(0); } }

@-webkit-keyframes slide-from-left {
  to {
    -webkit-transform: translateX(0); } }

@keyframes slide-from-left {
  to {
    transform: translateX(0); } }

@-webkit-keyframes slide-out-right {
  from {
    -webkit-transform: translateX(0); }

  to {
    -webkit-transform: translateX(500%); } }

@keyframes slide-out-right {
  from {
    transform: translateX(0); }

  to {
    transform: translateX(500%);
    display: none; } }

.private-parties-landing {
  padding: 80px 3rem 3rem 3rem;
  color: black; }
  @media (max-width: 767px) {
    .private-parties-landing {
      padding: 80px 0 1rem; } }
  .private-parties-landing h2, .private-parties-landing h4 {
    font-weight: bold; }
  .private-parties-landing p {
    font-size: 16px; }
  .private-parties-landing a {
    max-width: 100%;
    text-wrap: wrap;
    white-space: initial; }
    @media (max-width: 540px) {
      .private-parties-landing a {
        width: 100%; } }
  .private-parties-landing h3 {
    padding: 0;
    font-size: 26px; }
    @media (max-width: 1200px) {
      .private-parties-landing h3 {
        font-size: 20px; } }
  .private-parties-landing .btn-primary {
    color: white;
    background: #f15a2c;
    border: 1px solid #f15a2c;
    border-radius: 4px;
    padding: 7px 15px;
    margin-left: 0;
    font-size: 16px; }
    .private-parties-landing .btn-primary.btn-google {
      min-width: fit-content;
      width: 280px;
      padding: 7px 35px !important; }
  .private-parties-landing .page-title {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    background: white;
    padding: 20px 0 20px 45px;
    margin-bottom: 5rem; }
    @media (max-width: 767px) {
      .private-parties-landing .page-title {
        left: 0;
        padding: 18px 10px 18px 55px;
        font-size: 18px; } }
  .private-parties-landing .photo-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: white;
    background: black;
    padding: 0 3rem;
    margin-bottom: 2rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right; }
    .private-parties-landing .photo-section h2 {
      font-size: 26px; }
    .private-parties-landing .photo-section h4 {
      font-size: 16px; }
    .private-parties-landing .photo-section.catering {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/catering.png); }
    .private-parties-landing .photo-section.parties {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/party.png); }
    .private-parties-landing .photo-section.jobs {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/jobs.png); }
    .private-parties-landing .photo-section.reservations {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/reservation_new.png); }
    @media (min-width: 1024px) {
      .private-parties-landing .photo-section {
        flex-direction: row;
        gap: 2rem;
        align-items: center; }
        .private-parties-landing .photo-section .header-section {
          max-width: 50%; } }
    @media (min-width: 1300px) {
      .private-parties-landing .photo-section .header-section {
        max-width: 35%; } }
    .private-parties-landing .photo-section .header-section {
      padding: 3rem 0; }
    .private-parties-landing .photo-section h2, .private-parties-landing .photo-section h4, .private-parties-landing .photo-section p {
      margin-bottom: 1rem; }
    .private-parties-landing .photo-section img {
      max-width: 100%; }
    .private-parties-landing .photo-section a {
      width: 100%; }
    .private-parties-landing .photo-section .phone-section {
      align-self: flex-end; }
      .private-parties-landing .photo-section .phone-section img {
        max-height: 250px; }
      @media (max-width: 1023px) {
        .private-parties-landing .photo-section .phone-section {
          align-self: center; } }
  .private-parties-landing .subtitle-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem;
    background: #fefaf9;
    opacity: 1;
    margin-bottom: 2rem; }
    .private-parties-landing .subtitle-section h4, .private-parties-landing .subtitle-section p {
      width: 490px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
    .private-parties-landing .subtitle-section.jobs h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .private-parties-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .private-parties-landing .subtitle-section.jobs {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .private-parties-landing .subtitle-section.reservations h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .private-parties-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .private-parties-landing .subtitle-section.reservations {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .private-parties-landing .subtitle-section .subtitle-element {
      flex: 1;
      border-radius: 4px;
      background: white;
      padding: 2rem;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      opacity: 1;
      width: calc(50% - 4rem); }
      @media (max-width: 1550px) {
        .private-parties-landing .subtitle-section .subtitle-element {
          width: calc(50% - 5rem); } }
      @media (max-width: 1165px) {
        .private-parties-landing .subtitle-section .subtitle-element {
          width: 100%; } }
      .private-parties-landing .subtitle-section .subtitle-element h4 {
        margin-bottom: 1rem;
        font-weight: bold; }
  .private-parties-landing .inquiries-list {
    padding: 1rem;
    margin-bottom: 4rem;
    text-align: center;
    background: #fefaf9; }
    .private-parties-landing .inquiries-list h3 {
      margin-bottom: 1rem; }
    .private-parties-landing .inquiries-list h5 {
      margin-bottom: 4rem;
      font-weight: bold;
      font-size: 16px; }
    .private-parties-landing .inquiries-list .inquiries-examples {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem; }
      @media (min-width: 1024px) {
        .private-parties-landing .inquiries-list .inquiries-examples {
          flex-direction: row;
          flex-wrap: wrap; } }
      .private-parties-landing .inquiries-list .inquiries-examples .inquiry-box {
        flex: 1;
        background: white;
        padding: 1rem;
        border: 2px solid transparent;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
        .private-parties-landing .inquiries-list .inquiries-examples .inquiry-box:hover {
          border: 2px solid #f15a2c; }
        @media (min-width: 1024px) {
          .private-parties-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1 1 30%;
            padding: 4rem 1rem 1rem 1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between; } }
        @media (min-width: 1300px) {
          .private-parties-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1; } }
  .private-parties-landing .video-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 4rem; }
    @media (min-width: 1024px) {
      .private-parties-landing .video-section {
        flex-direction: row;
        gap: 3rem; } }
    .private-parties-landing .video-section .video {
      max-width: 64rem; }
      @media (min-width: 1024px) {
        .private-parties-landing .video-section .video {
          flex-basis: 200%; } }
      .private-parties-landing .video-section .video iframe {
        height: 36rem;
        width: 100%; }
    @media (min-width: 1200px) {
      .private-parties-landing .video-section .video-text {
        padding: 3rem 6rem; } }
      @media (min-width: 1200px) and (min-width: 1600px) {
        .private-parties-landing .video-section .video-text div a {
          padding: 1rem 8rem; } }
    .private-parties-landing .video-section .video-text h3 {
      margin-bottom: 2rem; }
    .private-parties-landing .video-section .video-text p {
      margin-bottom: 2rem; }
  .private-parties-landing .carousel-container {
    text-align: center;
    padding: 1rem 1rem 2rem 1rem;
    background: #fefaf9;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .private-parties-landing .carousel-container h3 {
      margin-bottom: 1rem; }
    .private-parties-landing .carousel-container h5 {
      font-weight: bold;
      margin-bottom: 2rem; }
    .private-parties-landing .carousel-container .carousel-inner {
      min-height: 23rem;
      width: 800px;
      max-width: 100%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .private-parties-landing .carousel-container .carousel-inner {
          min-height: 15rem; } }
      .private-parties-landing .carousel-container .carousel-inner .carousel-item {
        padding: 2rem 4rem; }
        .private-parties-landing .carousel-container .carousel-inner .carousel-item .quote {
          font-size: 50px;
          color: #f15a2c;
          position: absolute; }
          @media (max-width: 767px) {
            .private-parties-landing .carousel-container .carousel-inner .carousel-item .quote {
              font-size: 30px; } }
          .private-parties-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
            top: 0;
            left: 0; }
            @media (max-width: 767px) {
              .private-parties-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
                top: 30px; } }
          .private-parties-landing .carousel-container .carousel-inner .carousel-item .quote:last-of-type {
            bottom: 0;
            right: 0; }
      .private-parties-landing .carousel-container .carousel-inner h6 {
        font-weight: bold;
        margin-bottom: 2rem;
        font-size: 16px; }
    .private-parties-landing .carousel-container .carousel-indicators {
      position: static;
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px; }
      .private-parties-landing .carousel-container .carousel-indicators li {
        border: 1px solid #707070;
        margin: 0 1.5rem; }
      .private-parties-landing .carousel-container .carousel-indicators .active {
        background: #707070 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        margin: 0 1.5rem; }
    .private-parties-landing .carousel-container .icons-container {
      margin-bottom: 2rem; }
      .private-parties-landing .carousel-container .icons-container i {
        color: #ebded9;
        margin: 0 0.5rem;
        font-size: 2rem;
        cursor: pointer; }
  .private-parties-landing .survey-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 2rem;
    padding: 1rem;
    color: white;
    background: linear-gradient(180deg, white, #e85725 70%, #e85725);
    border-radius: 8px; }
    @media (min-width: 1200px) {
      .private-parties-landing .survey-section {
        margin: 17rem 0 2rem;
        background: linear-gradient(72deg, #e85725, #e85725 40%, white);
        flex-direction: row;
        justify-content: space-between; } }
    .private-parties-landing .survey-section .text-holder {
      flex-basis: 40%;
      text-align: center;
      padding: 0 3rem; }
      @media (min-width: 1200px) {
        .private-parties-landing .survey-section .text-holder {
          text-align: left;
          padding: 5rem 3rem; } }
      @media (min-width: 1360px) {
        .private-parties-landing .survey-section .text-holder {
          padding: 5rem 0 5rem 4rem; } }
      .private-parties-landing .survey-section .text-holder h3 {
        padding-left: 2rem;
        margin-bottom: 1.5rem; }
        @media (min-width: 1360px) {
          .private-parties-landing .survey-section .text-holder h3 {
            padding-left: 0; } }
      .private-parties-landing .survey-section .text-holder ul {
        list-style-type: none;
        padding: 0; }
      .private-parties-landing .survey-section .text-holder li {
        margin-bottom: 1rem; }
      @media (min-width: 1200px) {
        .private-parties-landing .survey-section .text-holder ul {
          list-style-type: disc;
          padding-inline-start: 4rem; }
        .private-parties-landing .survey-section .text-holder li {
          margin-bottom: 1rem; } }
    .private-parties-landing .survey-section img {
      max-width: 300px; }
    .private-parties-landing .survey-section .survey-phone {
      display: none; }
    @media (min-width: 1200px) {
      .private-parties-landing .survey-section .survey-info {
        right: 3%;
        bottom: 5%;
        position: absolute;
        max-width: 270px; } }
    @media (min-width: 1350px) {
      .private-parties-landing .survey-section img {
        position: absolute; }
      .private-parties-landing .survey-section .survey-phone {
        display: inline;
        right: 290px;
        bottom: 0;
        max-width: 330px; }
      .private-parties-landing .survey-section .survey-info {
        right: 40px;
        bottom: 5%;
        max-width: 270px; } }

.catering-landing {
  padding: 80px 3rem 3rem 3rem;
  color: black; }
  @media (max-width: 767px) {
    .catering-landing {
      padding: 80px 0 1rem; } }
  .catering-landing h2, .catering-landing h4 {
    font-weight: bold; }
  .catering-landing p {
    font-size: 16px; }
  .catering-landing a {
    max-width: 100%;
    text-wrap: wrap;
    white-space: initial; }
    @media (max-width: 540px) {
      .catering-landing a {
        width: 100%; } }
  .catering-landing h3 {
    padding: 0;
    font-size: 26px; }
    @media (max-width: 1200px) {
      .catering-landing h3 {
        font-size: 20px; } }
  .catering-landing .btn-primary {
    color: white;
    background: #f15a2c;
    border: 1px solid #f15a2c;
    border-radius: 4px;
    padding: 7px 15px;
    margin-left: 0;
    font-size: 16px; }
    .catering-landing .btn-primary.btn-google {
      min-width: fit-content;
      width: 280px;
      padding: 7px 35px !important; }
  .catering-landing .page-title {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    background: white;
    padding: 20px 0 20px 45px;
    margin-bottom: 5rem; }
    @media (max-width: 767px) {
      .catering-landing .page-title {
        left: 0;
        padding: 18px 10px 18px 55px;
        font-size: 18px; } }
  .catering-landing .photo-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: white;
    background: black;
    padding: 0 3rem;
    margin-bottom: 2rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right; }
    .catering-landing .photo-section h2 {
      font-size: 26px; }
    .catering-landing .photo-section h4 {
      font-size: 16px; }
    .catering-landing .photo-section.catering {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/catering.png); }
    .catering-landing .photo-section.parties {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/party.png); }
    .catering-landing .photo-section.jobs {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/jobs.png); }
    .catering-landing .photo-section.reservations {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/reservation_new.png); }
    @media (min-width: 1024px) {
      .catering-landing .photo-section {
        flex-direction: row;
        gap: 2rem;
        align-items: center; }
        .catering-landing .photo-section .header-section {
          max-width: 50%; } }
    @media (min-width: 1300px) {
      .catering-landing .photo-section .header-section {
        max-width: 35%; } }
    .catering-landing .photo-section .header-section {
      padding: 3rem 0; }
    .catering-landing .photo-section h2, .catering-landing .photo-section h4, .catering-landing .photo-section p {
      margin-bottom: 1rem; }
    .catering-landing .photo-section img {
      max-width: 100%; }
    .catering-landing .photo-section a {
      width: 100%; }
    .catering-landing .photo-section .phone-section {
      align-self: flex-end; }
      .catering-landing .photo-section .phone-section img {
        max-height: 250px; }
      @media (max-width: 1023px) {
        .catering-landing .photo-section .phone-section {
          align-self: center; } }
  .catering-landing .subtitle-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem;
    background: #fefaf9;
    opacity: 1;
    margin-bottom: 2rem; }
    .catering-landing .subtitle-section h4, .catering-landing .subtitle-section p {
      width: 490px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
    .catering-landing .subtitle-section.jobs h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .catering-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .catering-landing .subtitle-section.jobs {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .catering-landing .subtitle-section.reservations h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .catering-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .catering-landing .subtitle-section.reservations {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .catering-landing .subtitle-section .subtitle-element {
      flex: 1;
      border-radius: 4px;
      background: white;
      padding: 2rem;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      opacity: 1;
      width: calc(50% - 4rem); }
      @media (max-width: 1550px) {
        .catering-landing .subtitle-section .subtitle-element {
          width: calc(50% - 5rem); } }
      @media (max-width: 1165px) {
        .catering-landing .subtitle-section .subtitle-element {
          width: 100%; } }
      .catering-landing .subtitle-section .subtitle-element h4 {
        margin-bottom: 1rem;
        font-weight: bold; }
  .catering-landing .inquiries-list {
    padding: 1rem;
    margin-bottom: 4rem;
    text-align: center;
    background: #fefaf9; }
    .catering-landing .inquiries-list h3 {
      margin-bottom: 1rem; }
    .catering-landing .inquiries-list h5 {
      margin-bottom: 4rem;
      font-weight: bold;
      font-size: 16px; }
    .catering-landing .inquiries-list .inquiries-examples {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem; }
      @media (min-width: 1024px) {
        .catering-landing .inquiries-list .inquiries-examples {
          flex-direction: row;
          flex-wrap: wrap; } }
      .catering-landing .inquiries-list .inquiries-examples .inquiry-box {
        flex: 1;
        background: white;
        padding: 1rem;
        border: 2px solid transparent;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
        .catering-landing .inquiries-list .inquiries-examples .inquiry-box:hover {
          border: 2px solid #f15a2c; }
        @media (min-width: 1024px) {
          .catering-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1 1 30%;
            padding: 4rem 1rem 1rem 1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between; } }
        @media (min-width: 1300px) {
          .catering-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1; } }
  .catering-landing .video-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 4rem; }
    @media (min-width: 1024px) {
      .catering-landing .video-section {
        flex-direction: row;
        gap: 3rem; } }
    .catering-landing .video-section .video {
      max-width: 64rem; }
      @media (min-width: 1024px) {
        .catering-landing .video-section .video {
          flex-basis: 200%; } }
      .catering-landing .video-section .video iframe {
        height: 36rem;
        width: 100%; }
    @media (min-width: 1200px) {
      .catering-landing .video-section .video-text {
        padding: 3rem 6rem; } }
      @media (min-width: 1200px) and (min-width: 1600px) {
        .catering-landing .video-section .video-text div a {
          padding: 1rem 8rem; } }
    .catering-landing .video-section .video-text h3 {
      margin-bottom: 2rem; }
    .catering-landing .video-section .video-text p {
      margin-bottom: 2rem; }
  .catering-landing .carousel-container {
    text-align: center;
    padding: 1rem 1rem 2rem 1rem;
    background: #fefaf9;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .catering-landing .carousel-container h3 {
      margin-bottom: 1rem; }
    .catering-landing .carousel-container h5 {
      font-weight: bold;
      margin-bottom: 2rem; }
    .catering-landing .carousel-container .carousel-inner {
      min-height: 23rem;
      width: 800px;
      max-width: 100%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .catering-landing .carousel-container .carousel-inner {
          min-height: 15rem; } }
      .catering-landing .carousel-container .carousel-inner .carousel-item {
        padding: 2rem 4rem; }
        .catering-landing .carousel-container .carousel-inner .carousel-item .quote {
          font-size: 50px;
          color: #f15a2c;
          position: absolute; }
          @media (max-width: 767px) {
            .catering-landing .carousel-container .carousel-inner .carousel-item .quote {
              font-size: 30px; } }
          .catering-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
            top: 0;
            left: 0; }
            @media (max-width: 767px) {
              .catering-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
                top: 30px; } }
          .catering-landing .carousel-container .carousel-inner .carousel-item .quote:last-of-type {
            bottom: 0;
            right: 0; }
      .catering-landing .carousel-container .carousel-inner h6 {
        font-weight: bold;
        margin-bottom: 2rem;
        font-size: 16px; }
    .catering-landing .carousel-container .carousel-indicators {
      position: static;
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px; }
      .catering-landing .carousel-container .carousel-indicators li {
        border: 1px solid #707070;
        margin: 0 1.5rem; }
      .catering-landing .carousel-container .carousel-indicators .active {
        background: #707070 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        margin: 0 1.5rem; }
    .catering-landing .carousel-container .icons-container {
      margin-bottom: 2rem; }
      .catering-landing .carousel-container .icons-container i {
        color: #ebded9;
        margin: 0 0.5rem;
        font-size: 2rem;
        cursor: pointer; }
  .catering-landing .survey-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 2rem;
    padding: 1rem;
    color: white;
    background: linear-gradient(180deg, white, #e85725 70%, #e85725);
    border-radius: 8px; }
    @media (min-width: 1200px) {
      .catering-landing .survey-section {
        margin: 17rem 0 2rem;
        background: linear-gradient(72deg, #e85725, #e85725 40%, white);
        flex-direction: row;
        justify-content: space-between; } }
    .catering-landing .survey-section .text-holder {
      flex-basis: 40%;
      text-align: center;
      padding: 0 3rem; }
      @media (min-width: 1200px) {
        .catering-landing .survey-section .text-holder {
          text-align: left;
          padding: 5rem 3rem; } }
      @media (min-width: 1360px) {
        .catering-landing .survey-section .text-holder {
          padding: 5rem 0 5rem 4rem; } }
      .catering-landing .survey-section .text-holder h3 {
        padding-left: 2rem;
        margin-bottom: 1.5rem; }
        @media (min-width: 1360px) {
          .catering-landing .survey-section .text-holder h3 {
            padding-left: 0; } }
      .catering-landing .survey-section .text-holder ul {
        list-style-type: none;
        padding: 0; }
      .catering-landing .survey-section .text-holder li {
        margin-bottom: 1rem; }
      @media (min-width: 1200px) {
        .catering-landing .survey-section .text-holder ul {
          list-style-type: disc;
          padding-inline-start: 4rem; }
        .catering-landing .survey-section .text-holder li {
          margin-bottom: 1rem; } }
    .catering-landing .survey-section img {
      max-width: 300px; }
    .catering-landing .survey-section .survey-phone {
      display: none; }
    @media (min-width: 1200px) {
      .catering-landing .survey-section .survey-info {
        right: 3%;
        bottom: 5%;
        position: absolute;
        max-width: 270px; } }
    @media (min-width: 1350px) {
      .catering-landing .survey-section img {
        position: absolute; }
      .catering-landing .survey-section .survey-phone {
        display: inline;
        right: 290px;
        bottom: 0;
        max-width: 330px; }
      .catering-landing .survey-section .survey-info {
        right: 40px;
        bottom: 5%;
        max-width: 270px; } }

.jobs-landing {
  padding: 80px 3rem 3rem 3rem;
  color: black; }
  @media (max-width: 767px) {
    .jobs-landing {
      padding: 80px 0 1rem; } }
  .jobs-landing h2, .jobs-landing h4 {
    font-weight: bold; }
  .jobs-landing p {
    font-size: 16px; }
  .jobs-landing a {
    max-width: 100%;
    text-wrap: wrap;
    white-space: initial; }
    @media (max-width: 540px) {
      .jobs-landing a {
        width: 100%; } }
  .jobs-landing h3 {
    padding: 0;
    font-size: 26px; }
    @media (max-width: 1200px) {
      .jobs-landing h3 {
        font-size: 20px; } }
  .jobs-landing .btn-primary {
    color: white;
    background: #f15a2c;
    border: 1px solid #f15a2c;
    border-radius: 4px;
    padding: 7px 15px;
    margin-left: 0;
    font-size: 16px; }
    .jobs-landing .btn-primary.btn-google {
      min-width: fit-content;
      width: 280px;
      padding: 7px 35px !important; }
  .jobs-landing .page-title {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    background: white;
    padding: 20px 0 20px 45px;
    margin-bottom: 5rem; }
    @media (max-width: 767px) {
      .jobs-landing .page-title {
        left: 0;
        padding: 18px 10px 18px 55px;
        font-size: 18px; } }
  .jobs-landing .photo-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: white;
    background: black;
    padding: 0 3rem;
    margin-bottom: 2rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right; }
    .jobs-landing .photo-section h2 {
      font-size: 26px; }
    .jobs-landing .photo-section h4 {
      font-size: 16px; }
    .jobs-landing .photo-section.catering {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/catering.png); }
    .jobs-landing .photo-section.parties {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/party.png); }
    .jobs-landing .photo-section.jobs {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/jobs.png); }
    .jobs-landing .photo-section.reservations {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/reservation_new.png); }
    @media (min-width: 1024px) {
      .jobs-landing .photo-section {
        flex-direction: row;
        gap: 2rem;
        align-items: center; }
        .jobs-landing .photo-section .header-section {
          max-width: 50%; } }
    @media (min-width: 1300px) {
      .jobs-landing .photo-section .header-section {
        max-width: 35%; } }
    .jobs-landing .photo-section .header-section {
      padding: 3rem 0; }
    .jobs-landing .photo-section h2, .jobs-landing .photo-section h4, .jobs-landing .photo-section p {
      margin-bottom: 1rem; }
    .jobs-landing .photo-section img {
      max-width: 100%; }
    .jobs-landing .photo-section a {
      width: 100%; }
    .jobs-landing .photo-section .phone-section {
      align-self: flex-end; }
      .jobs-landing .photo-section .phone-section img {
        max-height: 250px; }
      @media (max-width: 1023px) {
        .jobs-landing .photo-section .phone-section {
          align-self: center; } }
  .jobs-landing .subtitle-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem;
    background: #fefaf9;
    opacity: 1;
    margin-bottom: 2rem; }
    .jobs-landing .subtitle-section h4, .jobs-landing .subtitle-section p {
      width: 490px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
    .jobs-landing .subtitle-section.jobs h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .jobs-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .jobs-landing .subtitle-section.jobs {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .jobs-landing .subtitle-section.reservations h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .jobs-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .jobs-landing .subtitle-section.reservations {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .jobs-landing .subtitle-section .subtitle-element {
      flex: 1;
      border-radius: 4px;
      background: white;
      padding: 2rem;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      opacity: 1;
      width: calc(50% - 4rem); }
      @media (max-width: 1550px) {
        .jobs-landing .subtitle-section .subtitle-element {
          width: calc(50% - 5rem); } }
      @media (max-width: 1165px) {
        .jobs-landing .subtitle-section .subtitle-element {
          width: 100%; } }
      .jobs-landing .subtitle-section .subtitle-element h4 {
        margin-bottom: 1rem;
        font-weight: bold; }
  .jobs-landing .inquiries-list {
    padding: 1rem;
    margin-bottom: 4rem;
    text-align: center;
    background: #fefaf9; }
    .jobs-landing .inquiries-list h3 {
      margin-bottom: 1rem; }
    .jobs-landing .inquiries-list h5 {
      margin-bottom: 4rem;
      font-weight: bold;
      font-size: 16px; }
    .jobs-landing .inquiries-list .inquiries-examples {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem; }
      @media (min-width: 1024px) {
        .jobs-landing .inquiries-list .inquiries-examples {
          flex-direction: row;
          flex-wrap: wrap; } }
      .jobs-landing .inquiries-list .inquiries-examples .inquiry-box {
        flex: 1;
        background: white;
        padding: 1rem;
        border: 2px solid transparent;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
        .jobs-landing .inquiries-list .inquiries-examples .inquiry-box:hover {
          border: 2px solid #f15a2c; }
        @media (min-width: 1024px) {
          .jobs-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1 1 30%;
            padding: 4rem 1rem 1rem 1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between; } }
        @media (min-width: 1300px) {
          .jobs-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1; } }
  .jobs-landing .video-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 4rem; }
    @media (min-width: 1024px) {
      .jobs-landing .video-section {
        flex-direction: row;
        gap: 3rem; } }
    .jobs-landing .video-section .video {
      max-width: 64rem; }
      @media (min-width: 1024px) {
        .jobs-landing .video-section .video {
          flex-basis: 200%; } }
      .jobs-landing .video-section .video iframe {
        height: 36rem;
        width: 100%; }
    @media (min-width: 1200px) {
      .jobs-landing .video-section .video-text {
        padding: 3rem 6rem; } }
      @media (min-width: 1200px) and (min-width: 1600px) {
        .jobs-landing .video-section .video-text div a {
          padding: 1rem 8rem; } }
    .jobs-landing .video-section .video-text h3 {
      margin-bottom: 2rem; }
    .jobs-landing .video-section .video-text p {
      margin-bottom: 2rem; }
  .jobs-landing .carousel-container {
    text-align: center;
    padding: 1rem 1rem 2rem 1rem;
    background: #fefaf9;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .jobs-landing .carousel-container h3 {
      margin-bottom: 1rem; }
    .jobs-landing .carousel-container h5 {
      font-weight: bold;
      margin-bottom: 2rem; }
    .jobs-landing .carousel-container .carousel-inner {
      min-height: 23rem;
      width: 800px;
      max-width: 100%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .jobs-landing .carousel-container .carousel-inner {
          min-height: 15rem; } }
      .jobs-landing .carousel-container .carousel-inner .carousel-item {
        padding: 2rem 4rem; }
        .jobs-landing .carousel-container .carousel-inner .carousel-item .quote {
          font-size: 50px;
          color: #f15a2c;
          position: absolute; }
          @media (max-width: 767px) {
            .jobs-landing .carousel-container .carousel-inner .carousel-item .quote {
              font-size: 30px; } }
          .jobs-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
            top: 0;
            left: 0; }
            @media (max-width: 767px) {
              .jobs-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
                top: 30px; } }
          .jobs-landing .carousel-container .carousel-inner .carousel-item .quote:last-of-type {
            bottom: 0;
            right: 0; }
      .jobs-landing .carousel-container .carousel-inner h6 {
        font-weight: bold;
        margin-bottom: 2rem;
        font-size: 16px; }
    .jobs-landing .carousel-container .carousel-indicators {
      position: static;
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px; }
      .jobs-landing .carousel-container .carousel-indicators li {
        border: 1px solid #707070;
        margin: 0 1.5rem; }
      .jobs-landing .carousel-container .carousel-indicators .active {
        background: #707070 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        margin: 0 1.5rem; }
    .jobs-landing .carousel-container .icons-container {
      margin-bottom: 2rem; }
      .jobs-landing .carousel-container .icons-container i {
        color: #ebded9;
        margin: 0 0.5rem;
        font-size: 2rem;
        cursor: pointer; }
  .jobs-landing .survey-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 2rem;
    padding: 1rem;
    color: white;
    background: linear-gradient(180deg, white, #e85725 70%, #e85725);
    border-radius: 8px; }
    @media (min-width: 1200px) {
      .jobs-landing .survey-section {
        margin: 17rem 0 2rem;
        background: linear-gradient(72deg, #e85725, #e85725 40%, white);
        flex-direction: row;
        justify-content: space-between; } }
    .jobs-landing .survey-section .text-holder {
      flex-basis: 40%;
      text-align: center;
      padding: 0 3rem; }
      @media (min-width: 1200px) {
        .jobs-landing .survey-section .text-holder {
          text-align: left;
          padding: 5rem 3rem; } }
      @media (min-width: 1360px) {
        .jobs-landing .survey-section .text-holder {
          padding: 5rem 0 5rem 4rem; } }
      .jobs-landing .survey-section .text-holder h3 {
        padding-left: 2rem;
        margin-bottom: 1.5rem; }
        @media (min-width: 1360px) {
          .jobs-landing .survey-section .text-holder h3 {
            padding-left: 0; } }
      .jobs-landing .survey-section .text-holder ul {
        list-style-type: none;
        padding: 0; }
      .jobs-landing .survey-section .text-holder li {
        margin-bottom: 1rem; }
      @media (min-width: 1200px) {
        .jobs-landing .survey-section .text-holder ul {
          list-style-type: disc;
          padding-inline-start: 4rem; }
        .jobs-landing .survey-section .text-holder li {
          margin-bottom: 1rem; } }
    .jobs-landing .survey-section img {
      max-width: 300px; }
    .jobs-landing .survey-section .survey-phone {
      display: none; }
    @media (min-width: 1200px) {
      .jobs-landing .survey-section .survey-info {
        right: 3%;
        bottom: 5%;
        position: absolute;
        max-width: 270px; } }
    @media (min-width: 1350px) {
      .jobs-landing .survey-section img {
        position: absolute; }
      .jobs-landing .survey-section .survey-phone {
        display: inline;
        right: 290px;
        bottom: 0;
        max-width: 330px; }
      .jobs-landing .survey-section .survey-info {
        right: 40px;
        bottom: 5%;
        max-width: 270px; } }

.reservations-landing {
  padding: 80px 3rem 3rem 3rem;
  color: black; }
  @media (max-width: 767px) {
    .reservations-landing {
      padding: 80px 0 1rem; } }
  .reservations-landing h2, .reservations-landing h4 {
    font-weight: bold; }
  .reservations-landing p {
    font-size: 16px; }
  .reservations-landing a {
    max-width: 100%;
    text-wrap: wrap;
    white-space: initial; }
    @media (max-width: 540px) {
      .reservations-landing a {
        width: 100%; } }
  .reservations-landing h3 {
    padding: 0;
    font-size: 26px; }
    @media (max-width: 1200px) {
      .reservations-landing h3 {
        font-size: 20px; } }
  .reservations-landing .btn-primary {
    color: white;
    background: #f15a2c;
    border: 1px solid #f15a2c;
    border-radius: 4px;
    padding: 7px 15px;
    margin-left: 0;
    font-size: 16px; }
    .reservations-landing .btn-primary.btn-google {
      min-width: fit-content;
      width: 280px;
      padding: 7px 35px !important; }
  .reservations-landing .page-title {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    background: white;
    padding: 20px 0 20px 45px;
    margin-bottom: 5rem; }
    @media (max-width: 767px) {
      .reservations-landing .page-title {
        left: 0;
        padding: 18px 10px 18px 55px;
        font-size: 18px; } }
  .reservations-landing .photo-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: white;
    background: black;
    padding: 0 3rem;
    margin-bottom: 2rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right; }
    .reservations-landing .photo-section h2 {
      font-size: 26px; }
    .reservations-landing .photo-section h4 {
      font-size: 16px; }
    .reservations-landing .photo-section.catering {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/catering.png); }
    .reservations-landing .photo-section.parties {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/party.png); }
    .reservations-landing .photo-section.jobs {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/jobs.png); }
    .reservations-landing .photo-section.reservations {
      background-image: url(http://static.spotapps.co/assets/admin/landing_page/reservation_new.png); }
    @media (min-width: 1024px) {
      .reservations-landing .photo-section {
        flex-direction: row;
        gap: 2rem;
        align-items: center; }
        .reservations-landing .photo-section .header-section {
          max-width: 50%; } }
    @media (min-width: 1300px) {
      .reservations-landing .photo-section .header-section {
        max-width: 35%; } }
    .reservations-landing .photo-section .header-section {
      padding: 3rem 0; }
    .reservations-landing .photo-section h2, .reservations-landing .photo-section h4, .reservations-landing .photo-section p {
      margin-bottom: 1rem; }
    .reservations-landing .photo-section img {
      max-width: 100%; }
    .reservations-landing .photo-section a {
      width: 100%; }
    .reservations-landing .photo-section .phone-section {
      align-self: flex-end; }
      .reservations-landing .photo-section .phone-section img {
        max-height: 250px; }
      @media (max-width: 1023px) {
        .reservations-landing .photo-section .phone-section {
          align-self: center; } }
  .reservations-landing .subtitle-section {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem;
    background: #fefaf9;
    opacity: 1;
    margin-bottom: 2rem; }
    .reservations-landing .subtitle-section h4, .reservations-landing .subtitle-section p {
      width: 490px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
    .reservations-landing .subtitle-section.jobs h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .reservations-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .reservations-landing .subtitle-section.jobs {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .reservations-landing .subtitle-section.reservations h4 {
      font-weight: bold; }
    @media (min-width: 1166px) {
      .reservations-landing .subtitle-section {
        flex-direction: row;
        gap: 9rem; }
        .reservations-landing .subtitle-section.reservations {
          flex-direction: column;
          gap: 2rem;
          padding: 3rem; } }
    .reservations-landing .subtitle-section .subtitle-element {
      flex: 1;
      border-radius: 4px;
      background: white;
      padding: 2rem;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      opacity: 1;
      width: calc(50% - 4rem); }
      @media (max-width: 1550px) {
        .reservations-landing .subtitle-section .subtitle-element {
          width: calc(50% - 5rem); } }
      @media (max-width: 1165px) {
        .reservations-landing .subtitle-section .subtitle-element {
          width: 100%; } }
      .reservations-landing .subtitle-section .subtitle-element h4 {
        margin-bottom: 1rem;
        font-weight: bold; }
  .reservations-landing .inquiries-list {
    padding: 1rem;
    margin-bottom: 4rem;
    text-align: center;
    background: #fefaf9; }
    .reservations-landing .inquiries-list h3 {
      margin-bottom: 1rem; }
    .reservations-landing .inquiries-list h5 {
      margin-bottom: 4rem;
      font-weight: bold;
      font-size: 16px; }
    .reservations-landing .inquiries-list .inquiries-examples {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem; }
      @media (min-width: 1024px) {
        .reservations-landing .inquiries-list .inquiries-examples {
          flex-direction: row;
          flex-wrap: wrap; } }
      .reservations-landing .inquiries-list .inquiries-examples .inquiry-box {
        flex: 1;
        background: white;
        padding: 1rem;
        border: 2px solid transparent;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
        .reservations-landing .inquiries-list .inquiries-examples .inquiry-box:hover {
          border: 2px solid #f15a2c; }
        @media (min-width: 1024px) {
          .reservations-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1 1 30%;
            padding: 4rem 1rem 1rem 1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between; } }
        @media (min-width: 1300px) {
          .reservations-landing .inquiries-list .inquiries-examples .inquiry-box {
            flex: 1; } }
  .reservations-landing .video-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 4rem; }
    @media (min-width: 1024px) {
      .reservations-landing .video-section {
        flex-direction: row;
        gap: 3rem; } }
    .reservations-landing .video-section .video {
      max-width: 64rem; }
      @media (min-width: 1024px) {
        .reservations-landing .video-section .video {
          flex-basis: 200%; } }
      .reservations-landing .video-section .video iframe {
        height: 36rem;
        width: 100%; }
    @media (min-width: 1200px) {
      .reservations-landing .video-section .video-text {
        padding: 3rem 6rem; } }
      @media (min-width: 1200px) and (min-width: 1600px) {
        .reservations-landing .video-section .video-text div a {
          padding: 1rem 8rem; } }
    .reservations-landing .video-section .video-text h3 {
      margin-bottom: 2rem; }
    .reservations-landing .video-section .video-text p {
      margin-bottom: 2rem; }
  .reservations-landing .carousel-container {
    text-align: center;
    padding: 1rem 1rem 2rem 1rem;
    background: #fefaf9;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .reservations-landing .carousel-container h3 {
      margin-bottom: 1rem; }
    .reservations-landing .carousel-container h5 {
      font-weight: bold;
      margin-bottom: 2rem; }
    .reservations-landing .carousel-container .carousel-inner {
      min-height: 23rem;
      width: 800px;
      max-width: 100%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .reservations-landing .carousel-container .carousel-inner {
          min-height: 15rem; } }
      .reservations-landing .carousel-container .carousel-inner .carousel-item {
        padding: 2rem 4rem; }
        .reservations-landing .carousel-container .carousel-inner .carousel-item .quote {
          font-size: 50px;
          color: #f15a2c;
          position: absolute; }
          @media (max-width: 767px) {
            .reservations-landing .carousel-container .carousel-inner .carousel-item .quote {
              font-size: 30px; } }
          .reservations-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
            top: 0;
            left: 0; }
            @media (max-width: 767px) {
              .reservations-landing .carousel-container .carousel-inner .carousel-item .quote:first-of-type {
                top: 30px; } }
          .reservations-landing .carousel-container .carousel-inner .carousel-item .quote:last-of-type {
            bottom: 0;
            right: 0; }
      .reservations-landing .carousel-container .carousel-inner h6 {
        font-weight: bold;
        margin-bottom: 2rem;
        font-size: 16px; }
    .reservations-landing .carousel-container .carousel-indicators {
      position: static;
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px; }
      .reservations-landing .carousel-container .carousel-indicators li {
        border: 1px solid #707070;
        margin: 0 1.5rem; }
      .reservations-landing .carousel-container .carousel-indicators .active {
        background: #707070 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        margin: 0 1.5rem; }
    .reservations-landing .carousel-container .icons-container {
      margin-bottom: 2rem; }
      .reservations-landing .carousel-container .icons-container i {
        color: #ebded9;
        margin: 0 0.5rem;
        font-size: 2rem;
        cursor: pointer; }
  .reservations-landing .survey-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 2rem;
    padding: 1rem;
    color: white;
    background: linear-gradient(180deg, white, #e85725 70%, #e85725);
    border-radius: 8px; }
    @media (min-width: 1200px) {
      .reservations-landing .survey-section {
        margin: 17rem 0 2rem;
        background: linear-gradient(72deg, #e85725, #e85725 40%, white);
        flex-direction: row;
        justify-content: space-between; } }
    .reservations-landing .survey-section .text-holder {
      flex-basis: 40%;
      text-align: center;
      padding: 0 3rem; }
      @media (min-width: 1200px) {
        .reservations-landing .survey-section .text-holder {
          text-align: left;
          padding: 5rem 3rem; } }
      @media (min-width: 1360px) {
        .reservations-landing .survey-section .text-holder {
          padding: 5rem 0 5rem 4rem; } }
      .reservations-landing .survey-section .text-holder h3 {
        padding-left: 2rem;
        margin-bottom: 1.5rem; }
        @media (min-width: 1360px) {
          .reservations-landing .survey-section .text-holder h3 {
            padding-left: 0; } }
      .reservations-landing .survey-section .text-holder ul {
        list-style-type: none;
        padding: 0; }
      .reservations-landing .survey-section .text-holder li {
        margin-bottom: 1rem; }
      @media (min-width: 1200px) {
        .reservations-landing .survey-section .text-holder ul {
          list-style-type: disc;
          padding-inline-start: 4rem; }
        .reservations-landing .survey-section .text-holder li {
          margin-bottom: 1rem; } }
    .reservations-landing .survey-section img {
      max-width: 300px; }
    .reservations-landing .survey-section .survey-phone {
      display: none; }
    @media (min-width: 1200px) {
      .reservations-landing .survey-section .survey-info {
        right: 3%;
        bottom: 5%;
        position: absolute;
        max-width: 270px; } }
    @media (min-width: 1350px) {
      .reservations-landing .survey-section img {
        position: absolute; }
      .reservations-landing .survey-section .survey-phone {
        display: inline;
        right: 290px;
        bottom: 0;
        max-width: 330px; }
      .reservations-landing .survey-section .survey-info {
        right: 40px;
        bottom: 5%;
        max-width: 270px; } }

.modal-window-confirm-delete-food .modal-footer .disable {
  pointer-events: none;
  filter: grayscale(1); }

.simple-circle-loader {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid white;
  position: absolute;
  margin: 1px 0 0 -24px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  @-webkit-keyframes spin {}
  @keyframes spin {} }

.frequency-loader {
  border: 3px solid rgba(0, 0, 0, 0.7);
  border-top: 3px solid #ff5b15;
  position: absolute;
  margin: 1px 0 0 -24px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  @-webkit-keyframes spin {}
  @keyframes spin {} }

.simple-circle-loader-orange {
  border: 3px solid rgba(0, 0, 0, 0.3);
  border-top: 3px solid #ff5b15;
  position: relative;
  margin: 0;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  @-webkit-keyframes spin {}
  @keyframes spin {} }
  .simple-circle-loader-orange.google-sync-loader-size {
    width: 72px;
    height: 72px;
    left: calc(50% - 36px); }

.reservation-deposit-loader-size {
  width: 18px;
  height: 18px; }

.page-loader {
  width: 100%;
  text-align: center;
  padding-top: 30%; }
  .page-loader .page-loader-size {
    width: 72px;
    height: 72px;
    margin-left: -250px; }
    @media (max-width: 767px) {
      .page-loader .page-loader-size {
        margin-left: 0px; } }

.simple-circle-loader-white {
  border: 3px solid rgba(255, 255, 255, 0.6);
  border-top: 3px solid #ff5b15;
  position: relative;
  margin: 0;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  @-webkit-keyframes spin {}
  @keyframes spin {}
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; }

.food-menu-desktop-view .website-bar, .food-menu-page.landing-page .website-bar {
  min-height: 65px; }

@media (max-width: 550px) {
  .food-menu-mobile-view .website-bar, .food-menu-page.landing-page .website-bar {
    min-height: 55px; } }

.food-menu-page.landing-page {
  padding-top: 100px; }
  .food-menu-page.landing-page .menus-wrapper {
    max-width: 900px;
    width: 100%;
    padding: 20px 0;
    border-radius: 5px;
    background-color: white;
    margin-left: 50px;
    margin-bottom: 20px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); }
    @media (max-width: 1300px) {
      .food-menu-page.landing-page .menus-wrapper {
        margin-left: 0; } }
    .food-menu-page.landing-page .menus-wrapper h2 {
      font-size: 1.5em;
      font-weight: bold;
      display: flex;
      align-items: center;
      margin-left: 15px; }
      @media (max-width: 767px) {
        .food-menu-page.landing-page .menus-wrapper h2 {
          font-size: 1.1em;
          justify-content: center;
          margin-left: 0; } }
      .food-menu-page.landing-page .menus-wrapper h2 svg {
        height: 26px;
        width: 26px;
        margin-right: 7px; }
        @media (max-width: 767px) {
          .food-menu-page.landing-page .menus-wrapper h2 svg {
            height: 20px;
            width: 20px; } }
    .food-menu-page.landing-page .menus-wrapper .item-wraper {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 20px 15px 15px; }
      .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-basis: calc(50% - 5px);
        padding: 5px 10px;
        border: 1px solid #cecece;
        border-radius: 10px;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease; }
        @media (max-width: 1023px) {
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item {
            flex-direction: column;
            flex-basis: 100%; }
            .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item .icon-holder {
              align-self: flex-start; }
            .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item .btn-holder {
              align-self: flex-end; } }
        @media (max-width: 767px) {
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 5px; } }
        @media (max-width: 600px) {
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item {
            flex-basis: 100%; } }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item:hover {
          background: #fff9f6;
          border: 1px solid #ff6918;
          outline: 4px solid rgba(255, 105, 24, 0.15); }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item:hover p {
            color: #ff6918;
            border-bottom: 1px solid #ff6918;
            font-weight: 700; }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item:hover .btn-edit p {
            display: inline-block !important; }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item:hover .btn-create p {
            display: inline-block !important; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item.no-items p {
          color: #a9a6aa; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item.no-items .icon-holder img {
          opacity: 0.5;
          filter: grayscale(1); }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item.no-items:hover {
          background: #f4f4f4;
          border: 1px solid #cecece;
          outline: 4px solid rgba(169, 166, 170, 0.3); }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .menu-item.no-items:hover p {
            color: #5e5660;
            border-color: #5e5660; }
      .food-menu-page.landing-page .menus-wrapper .item-wraper .icon-holder {
        display: flex;
        align-items: center;
        flex-basis: 50%; }
        @media (max-width: 767px) {
          .food-menu-page.landing-page .menus-wrapper .item-wraper .icon-holder {
            flex-basis: 80%; } }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .icon-holder p {
          text-transform: capitalize;
          margin-bottom: 0;
          margin-left: 1em;
          color: #5e5660;
          font-size: 1.1em;
          font-weight: 500;
          cursor: pointer; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .icon-holder img {
          width: 40px;
          height: 40px;
          cursor: pointer; }
      .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder svg {
          fill: #ff6918; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder a {
          text-decoration: none;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.5s ease; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .btn-print-pdf {
          gap: 5px;
          font-size: 13px;
          border: 1px solid rgba(255, 105, 24, 0.3);
          border-radius: 20px;
          padding: 3px 15px;
          color: #ff6918; }
          @media (max-width: 767px) {
            .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .btn-print-pdf {
              display: none; } }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .btn-print-pdf:hover {
            background: #ffe6da;
            border-color: #ffe6da; }
        .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .circle {
          width: 30px;
          height: 30px;
          padding: 5px;
          border-radius: 50%; }
          @media (max-width: 767px) {
            .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .circle {
              width: 40px;
              height: 40px; } }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .circle.btn-edit svg {
            width: 14px;
            height: 14px; }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .circle.btn-edit p {
            margin: 0px;
            font-size: 14px;
            font-weight: 700;
            border: none;
            display: none; }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .circle.btn-create svg {
            fill: #817585;
            width: 14px;
            height: 14px; }
          .food-menu-page.landing-page .menus-wrapper .item-wraper .btn-holder .circle.btn-create p {
            margin: 0px;
            font-size: 14px;
            font-weight: 700;
            border: none;
            display: none; }
    .food-menu-page.landing-page .menus-wrapper .new-menu-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      border-radius: 10px;
      border: 1px dashed #cecece;
      background: white;
      height: 35px;
      padding: 5px 0px;
      margin: 15px;
      font-size: 1.1em;
      text-decoration: none;
      color: #5e5660;
      transition: all 0.5s ease; }
      @media (max-width: 767px) {
        .food-menu-page.landing-page .menus-wrapper .new-menu-btn {
          height: auto; } }
      .food-menu-page.landing-page .menus-wrapper .new-menu-btn svg {
        fill: #817585; }
      .food-menu-page.landing-page .menus-wrapper .new-menu-btn:hover {
        border: 1px dashed #a89eab;
        box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.05); }
      .food-menu-page.landing-page .menus-wrapper .new-menu-btn span br {
        display: none; }
        @media (max-width: 540px) {
          .food-menu-page.landing-page .menus-wrapper .new-menu-btn span br {
            display: block; } }
  @media (max-width: 767px) {
    .food-menu-page.landing-page .website-bar .website-section {
      margin-left: 45px; }
      .food-menu-page.landing-page .website-bar .website-section h3.tabnav {
        display: inline-block; } }
  .food-menu-page.landing-page .simple-circle-loader {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 3px solid #ff6918;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
    @-webkit-keyframes spin {}
    @keyframes spin {}
    display: block;
    position: relative;
    margin: 0 auto; }

.float-right {
  float: right; }

.gray-button {
  background-color: silver; }

.printable-menu-logos-container .custom-file-input {
  display: none; }
.printable-menu-logos-container .upload-btn {
  margin: 20px 10px 20px 0; }
.printable-menu-logos-container #file-upload-label {
  font-weight: normal; }
.printable-menu-logos-container .btn-danger {
  margin-bottom: 20px;
  display: block; }
.printable-menu-logos-container .svgError {
  text-align: center; }
  .printable-menu-logos-container .svgError .title-error {
    font-size: 16px;
    font-weight: bold; }
.printable-menu-logos-container .img-holder {
  display: block;
  margin: 10px auto; }
  .printable-menu-logos-container .img-holder img {
    max-width: 300px;
    max-height: 200px; }

.orders-canada-landing {
  display: flex;
  flex-direction: column;
  margin-top: 6rem;
  text-align: center;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0px 35.3px 0px rgba(194, 194, 194, 0.5); }
  @media (min-width: 1166px) {
    .orders-canada-landing {
      flex-direction: row;
      justify-content: space-between;
      height: 35rem;
      margin: 20rem 4rem 0rem 4rem; } }
  @media (min-width: 1266px) {
    .orders-canada-landing {
      margin: 20rem 12rem 0rem 12rem; } }
  @media (min-width: 2300px) {
    .orders-canada-landing {
      margin: 20rem 48rem 0rem 48rem; } }
  .orders-canada-landing h1 {
    color: #1e1e1e;
    font-weight: bold;
    padding: 0;
    margin-bottom: 1rem; }
    @media (min-width: 1166px) {
      .orders-canada-landing h1 {
        font-size: 28px; } }
    @media (min-width: 1700px) {
      .orders-canada-landing h1 {
        font-size: 36px; } }
  .orders-canada-landing .cart-section {
    margin-bottom: 4rem; }
    .orders-canada-landing .cart-section img {
      max-width: 15rem;
      height: auto; }
  .orders-canada-landing .animation-container {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    transform: translateX(-500%);
    animation: slide-from-left 2s forwards; }
    @media (min-width: 1166px) {
      .orders-canada-landing .animation-container {
        padding-left: 4rem;
        text-align: left; } }
    @media (min-width: 1700px) {
      .orders-canada-landing .animation-container {
        flex-direction: row;
        align-items: center; } }
  .orders-canada-landing .picture-section {
    display: flex;
    justify-content: flex-end;
    margin-top: 4rem; }
    @media (min-width: 1166px) {
      .orders-canada-landing .picture-section {
        align-items: flex-end;
        margin-top: 0;
        flex-grow: 1; } }
    .orders-canada-landing .picture-section img {
      max-width: 90%; }
      @media (min-width: 1166px) {
        .orders-canada-landing .picture-section img {
          height: 34rem;
          width: auto;
          max-width: 100%; } }
      @media (min-width: 1266px) {
        .orders-canada-landing .picture-section img {
          height: 41rem; } }
      @media (min-width: 1700px) {
        .orders-canada-landing .picture-section img {
          height: 46rem; } }
    @media (min-width: 1166px) {
      .orders-canada-landing .picture-section .mobile {
        display: none; } }
    .orders-canada-landing .picture-section .desktop {
      display: none; }
      @media (min-width: 1166px) {
        .orders-canada-landing .picture-section .desktop {
          display: block; } }

.website-page.table-mmt-page .website-bar {
  padding-bottom: 0; }
  .website-page.table-mmt-page .website-bar .website-section {
    margin-left: 5%; }
    @media (max-width: 767px) {
      .website-page.table-mmt-page .website-bar .website-section {
        margin-left: 55px; }
        .website-page.table-mmt-page .website-bar .website-section h3 {
          padding: 3px;
          font-size: 16px; } }
        @media (max-width: 767px) and (max-width: 410px) {
          .website-page.table-mmt-page .website-bar .website-section h3 {
            font-size: 14px; } }
    .website-page.table-mmt-page .website-bar .website-section h3.tabnav {
      padding-bottom: 15px;
      margin-right: 30px; }
      .website-page.table-mmt-page .website-bar .website-section h3.tabnav a {
        color: #656565; }
      .website-page.table-mmt-page .website-bar .website-section h3.tabnav.active {
        color: #e85725;
        border-bottom: 3px solid #e85725; }
      @media (max-width: 991px) {
        .website-page.table-mmt-page .website-bar .website-section h3.tabnav {
          margin-right: 0; } }

.website-page.survey-page .website-bar {
  padding-bottom: 0; }
  .website-page.survey-page .website-bar .website-section {
    margin-left: 10%;
    margin-right: 80px;
    padding: 10px 15px 0px 15px; }
    @media (max-width: 1600px) {
      .website-page.survey-page .website-bar .website-section {
        margin-left: 1%; } }
    @media (max-widht: 1366px) {
      .website-page.survey-page .website-bar .website-section {
        margin-left: 0px; } }
    @media (max-width: 1050px) {
      .website-page.survey-page .website-bar .website-section {
        padding-top: 0px; } }
    @media (max-width: 767px) {
      .website-page.survey-page .website-bar .website-section {
        margin-left: 50px;
        margin-right: 10px; }
        .website-page.survey-page .website-bar .website-section h3 {
          padding: 3px;
          font-size: 16px; } }
        @media (max-width: 767px) and (max-width: 410px) {
          .website-page.survey-page .website-bar .website-section h3 {
            font-size: 14px; } }
.website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper {
  display: flex;
  gap: 15px; }
  .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper label {
    flex: 1 1 0;
    background: whitesmoke;
    padding: 15px 15px 15px 40px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    margin: 0;
    font-weight: 400;
    font-size: 1.2em; }
    .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper label input[type=radio] {
      accent-color: #ec6024;
      margin-left: -30px;
      margin-top: 0; }
    .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper label .link {
      color: #1983ff;
      display: block;
      margin-top: 15px; }
      .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper label .link .fa {
        margin-right: 2px; }
    .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper label.active {
      border-color: #ec6024;
      color: #1e1e1e; }
    @media (max-width: 767px) {
      .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper label {
        font-size: 1.1em; } }
  @media (max-width: 1023px) {
    .website-page.survey-page .website-container .reservation-section-new .survey-text-wrapper {
      flex-direction: column; } }
.website-page.survey-page .website-container .reservation-section-new .question-group {
  color: #1e1e1e;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid lightgrey;
  background: white; }
  .website-page.survey-page .website-container .reservation-section-new .question-group .section-name {
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-radius: 5px 5px 0px 0px; }
    .website-page.survey-page .website-container .reservation-section-new .question-group .section-name.expanded {
      background: #ffe1d4; }
    .website-page.survey-page .website-container .reservation-section-new .question-group .section-name h2 {
      font-size: 18px;
      font-weight: 600; }
      @media (max-width: 1023px) {
        .website-page.survey-page .website-container .reservation-section-new .question-group .section-name h2 {
          font-size: 16px; } }
    .website-page.survey-page .website-container .reservation-section-new .question-group .section-name .colapse {
      background: transparent;
      border: 0;
      height: 34px;
      width: 34px;
      padding: 5px; }
  .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper {
    display: flex;
    flex-direction: column; }
    .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label {
      padding: 10px 20px;
      align-items: flex-start;
      gap: 10px;
      font-size: 16px;
      border-bottom: 1px solid #ededed; }
      .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label:last-of-type {
        border-bottom: 0; }
      .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label input[type=checkbox] {
        position: relative; }
        .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label input[type=checkbox]:not(.active)::before {
          font-size: 22px; }
      .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label label {
        color: #656565;
        margin: 0;
        flex-grow: 1;
        font-weight: 400; }
      .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label.active label {
        color: #1e1e1e; }
      .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label:hover:not(.active) {
        background-color: whitesmoke; }
        .website-page.survey-page .website-container .reservation-section-new .question-group .questions-wrapper .checkbox-label:hover:not(.active) input[type=checkbox]:before {
          color: #ec6024; }
.website-page.survey-page .website-container .reservation-section-new.questions {
  position: relative; }
  .website-page.survey-page .website-container .reservation-section-new.questions .layout {
    position: absolute;
    top: 20px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: transparent;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    cursor: pointer; }
    .website-page.survey-page .website-container .reservation-section-new.questions .layout svg {
      height: 18px; }
    @media (max-width: 767px) {
      .website-page.survey-page .website-container .reservation-section-new.questions .layout {
        top: 60px;
        right: auto;
        left: 20px; } }
  @media (max-width: 767px) {
    .website-page.survey-page .website-container .reservation-section-new.questions .subtitle {
      margin-bottom: 60px; } }
.website-page.survey-page .website-container .reservation-section-new.survey-section {
  background: linear-gradient(90deg, white 43.89%, #ffe7de 88.28%);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 0; }
  .website-page.survey-page .website-container .reservation-section-new.survey-section .flex {
    flex-basis: 400px;
    flex-shrink: 0; }
    @media (max-width: 1023px) {
      .website-page.survey-page .website-container .reservation-section-new.survey-section .flex .content-holder {
        max-width: calc(100% - 80px); } }
    .website-page.survey-page .website-container .reservation-section-new.survey-section .flex .content-holder p {
      font-size: 15px;
      margin-bottom: 35px; }
      @media (max-width: 1440px) {
        .website-page.survey-page .website-container .reservation-section-new.survey-section .flex .content-holder p {
          margin-bottom: 10px; } }
  .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management {
    text-align: center; }
    .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management a {
      display: block;
      width: 300px;
      background: #ea580b;
      color: white;
      font-weight: 300;
      font-size: 15px;
      padding: 8px 10px;
      border-radius: 5px;
      border: 1px solid #ea580b;
      margin: 20px auto; }
      .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management a strong {
        font-size: 1.1em; }
      @media (max-width: 1440px) {
        .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management a {
          margin-top: 0; } }
      .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management a:hover {
        text-decoration: none; }
    .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management img {
      max-width: 100%;
      max-height: 300px; }
    .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management.active {
      margin-left: auto; }
      @media (max-width: 1100px) {
        .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management.active {
          margin-left: 0; } }
      .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management.active a {
        display: flex;
        align-items: center;
        font-weight: 600;
        margin: 8px 0 0;
        gap: 8px;
        width: max-content; }
        @media (max-width: 540px) {
          .website-page.survey-page .website-container .reservation-section-new.survey-section .waitlist-and-table-management.active a {
            margin: 8px auto 0; } }
  @media (max-width: 1440px) {
    .website-page.survey-page .website-container .reservation-section-new.survey-section {
      flex-direction: column; }
      .website-page.survey-page .website-container .reservation-section-new.survey-section .flex {
        flex-basis: auto; } }
  .website-page.survey-page .website-container .reservation-section-new.survey-section.active {
    padding-bottom: 20px;
    flex-direction: row; }
    @media (max-width: 1100px) {
      .website-page.survey-page .website-container .reservation-section-new.survey-section.active {
        flex-direction: column; } }
.website-page.survey-page .website-container .reservation-section-new .subtitle {
  margin-bottom: 0; }
  .website-page.survey-page .website-container .reservation-section-new .subtitle img {
    width: auto;
    height: 24px;
    margin: 0 5px 5px 0; }
.website-page.survey-page .website-container .reservation-section-new > p:first-of-type {
  color: #1e1e1e;
  font-size: 16px;
  margin-left: 35px;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .website-page.survey-page .website-container .reservation-section-new > p:first-of-type {
      margin-left: 0; } }
.website-page.survey-page .website-container .reservation-section-new p.disclaimer {
  color: #1e1e1e;
  margin: 15px auto 0;
  text-align: center;
  font-size: 15px; }
.website-page.survey-page .website-container .reservation-section-new .subtitle.create-survey {
  width: max-content; }
  @media (max-width: 767px) {
    .website-page.survey-page .website-container .reservation-section-new .subtitle.create-survey {
      margin-bottom: 60px !important; } }
.website-page.survey-page .website-container .survey-statistics-page .back-navigation {
  color: #ec6024;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 2rem; }
  .website-page.survey-page .website-container .survey-statistics-page .back-navigation a {
    text-decoration: none; }
.website-page.survey-page .website-container .survey-statistics-page .survey-statistics-header {
  display: flex;
  gap: 1rem;
  color: #1e1e1e;
  margin-bottom: 25px; }
  .website-page.survey-page .website-container .survey-statistics-page .survey-statistics-header h3 {
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 700;
    padding: 0; }
  .website-page.survey-page .website-container .survey-statistics-page .survey-statistics-header p {
    margin-top: 10;
    font-size: 16px; }
.website-page.survey-page .website-container .survey-statistics-page .survey-results-holder {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem; }
  @media (min-width: 750px) {
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1190px) {
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder {
      grid-template-columns: repeat(3, 1fr); } }
  .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result {
    padding: 1.5rem;
    background: white;
    border: 1px solid lightgrey;
    border-radius: 1rem; }
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .info-section {
      margin-bottom: 1.5rem; }
      .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .info-section h5 {
        margin-bottom: 1rem; }
      .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .info-section p {
        font-size: 14px;
        margin: 0;
        min-height: 4rem;
        color: #1e1e1e; }
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentages-section div.no-results {
      background: #dfdfdf !important; }
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentages-section > div:first-of-type {
      margin-bottom: 15px; }
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder {
      border-bottom: 1px solid lightgrey;
      display: flex;
      justify-content: space-between;
      padding: 1rem 0;
      align-items: center;
      color: #1e1e1e; }
      .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section {
        display: flex;
        gap: 1rem;
        align-items: center; }
        .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section .square {
          display: inline-block;
          width: 14px;
          height: 14px; }
          .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section .square.poor {
            background: #b2161a; }
          .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section .square.fair {
            background: #e95a29; }
          .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section .square.good {
            background: #ffaf3a; }
          .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section .square.very-good {
            background: #a2d54f; }
          .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .rating-section .square.excellent {
            background: #27b43a; }
      .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder .survey-result .percentage-holder .inactive {
        color: #939598; }
.website-page.survey-page .website-container .survey-statistics-page .survey-results-holder.inactive {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  opacity: 0.6; }
  @media (min-width: 750px) {
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder.inactive {
      flex-direction: row; }
      .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder.inactive .survey-result {
        flex-basis: 49%;
        flex-grow: 1; } }
  @media (min-width: 1190px) {
    .website-page.survey-page .website-container .survey-statistics-page .survey-results-holder.inactive .survey-result {
      flex-basis: 32%;
      flex-grow: 0; } }
.website-page.survey-page .website-container .survey-statistics-page .inactive-questions {
  border: 1px solid lightgrey;
  border-radius: 0.5rem;
  background: #eeeded;
  padding: 1rem 1rem 0 1rem; }
  .website-page.survey-page .website-container .survey-statistics-page .inactive-questions .toggle-results {
    padding-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    cursor: pointer; }
    .website-page.survey-page .website-container .survey-statistics-page .inactive-questions .toggle-results h4 {
      margin: 0;
      padding: 0;
      font-size: 16px;
      color: #ec6024;
      font-weight: 500; }
.website-page.survey-page .layout-holder {
  position: fixed;
  bottom: 0;
  right: 0;
  max-height: 0;
  transition: max-height 1s ease-out;
  cursor: pointer; }
  .website-page.survey-page .layout-holder.show {
    max-height: 80vh; }
  .website-page.survey-page .layout-holder img {
    max-height: 80vh; }
.website-page.survey-page .survey-statistics {
  padding-top: 90px;
  padding-right: 10%; }

.modal-reservation-refund {
  text-align: center; }
  .modal-reservation-refund .modal-header {
    display: none; }
  .modal-reservation-refund .modal-body h3 {
    margin-top: 10px; }
  .modal-reservation-refund .modal-body p {
    font-size: 1.1em;
    margin: 30px auto; }
  .modal-reservation-refund .modal-body .btn-refund {
    color: white;
    background-color: #00b86d;
    transition: all 0.2s ease;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 30px;
    width: fit-content;
    margin: 0 auto 10px;
    cursor: pointer; }
    .modal-reservation-refund .modal-body .btn-refund:hover {
      background-color: #00a06d; }
    .modal-reservation-refund .modal-body .btn-refund.disabled {
      pointer-events: none;
      background-color: gray; }

.waitlist-landing .website-bar {
  padding-bottom: 0; }
  .waitlist-landing .website-bar .website-section {
    margin-left: 5%; }
    .waitlist-landing .website-bar .website-section h3 {
      padding-bottom: 20px; }
      .waitlist-landing .website-bar .website-section h3.active {
        border-bottom: 3px solid; }
      .waitlist-landing .website-bar .website-section h3:hover {
        color: #e85725;
        border-bottom: 3px solid; }
      @media (max-width: 500px) {
        .waitlist-landing .website-bar .website-section h3 {
          font-size: 14px;
          padding: 5px 5px 15px; } }
      .waitlist-landing .website-bar .website-section h3 a {
        color: #656565; }
    @media (max-width: 767px) {
      .waitlist-landing .website-bar .website-section {
        margin-left: 50px; } }
.waitlist-landing .waitlist-tables-header {
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px; }
  @media (min-width: 650px) {
    .waitlist-landing .waitlist-tables-header {
      margin-left: 5%; } }
  .waitlist-landing .waitlist-tables-header h3.website-heading {
    font-size: 18px;
    width: auto;
    color: #656565; }
    @media (max-width: 850px) {
      .waitlist-landing .waitlist-tables-header h3.website-heading {
        font-size: 16px;
        padding: 20px 10px; } }
    @media (max-width: 500px) {
      .waitlist-landing .waitlist-tables-header h3.website-heading {
        font-size: 14px;
        padding: 20px 5px; } }
.waitlist-landing h3.active {
  color: #e85725;
  border-bottom: 3px solid #e85725; }

.turnaround-time-config-cat-party .highlight-section .flex.time-around {
  gap: 10px; }
  .turnaround-time-config-cat-party .highlight-section .flex.time-around span {
    width: fit-content !important;
    margin-right: 10px; }
  .turnaround-time-config-cat-party .highlight-section .flex.time-around .minimum-span {
    width: 215px !important;
    margin-right: 0; }
    @media (max-width: 1300px) {
      .turnaround-time-config-cat-party .highlight-section .flex.time-around .minimum-span {
        width: 175px !important; } }
    @media (max-width: 991px) {
      .turnaround-time-config-cat-party .highlight-section .flex.time-around .minimum-span {
        width: 100% !important; } }
  .turnaround-time-config-cat-party .highlight-section .flex.time-around .switch-holder span {
    margin-left: 10px; }
  .turnaround-time-config-cat-party .highlight-section .flex.time-around .hours-options {
    max-width: 60px;
    margin: 0;
    padding: 6px 8px 4px 9px;
    height: inherit;
    border: 1px solid #f6d8cf;
    border-radius: 4px; }
  .turnaround-time-config-cat-party .highlight-section .flex.time-around select {
    background-color: white;
    border: 1px solid #f6d8cf;
    color: #58585a;
    font-weight: bold;
    width: 110px;
    padding: 8px 6px 6px;
    border-radius: 4px;
    appearance: none; }
@media (max-width: 1059px) {
  .turnaround-time-config-cat-party .highlight-section .flex-field.timing .img-holder {
    height: 75px !important; } }
.turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder {
  position: relative; }
  @media (max-width: 1059px) {
    .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder {
      flex-wrap: wrap; } }
  @media (max-width: 991px) {
    .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder {
      margin-top: 20px; } }
  @media (max-width: 1600px) {
    .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder span.minutes {
      width: 185px !important; } }
  @media (max-width: 1200px) {
    .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder span.minutes {
      width: 115px !important; } }
  @media (max-width: 1059px) {
    .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder span.minutes {
      position: absolute;
      bottom: -20px;
      left: -8px;
      width: 100% !important; } }
  @media (max-width: 991px) {
    .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder span.minutes {
      margin-top: 5px;
      position: relative;
      bottom: 0; } }
  .turnaround-time-config-cat-party .highlight-section .flex-field.timing .content-holder select.sh-input {
    width: 225px !important;
    appearance: none;
    background-color: white; }

.min-height-content.orange-background {
  min-height: auto;
  padding-bottom: 0;
  background: linear-gradient(45deg, #d2633a 22.89%, #d15649 41.73%); }

.spot-unavailable {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .spot-unavailable .container-unavailable {
    position: relative;
    background: white;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    color: #1e1e1e;
    max-width: 90rem;
    margin-bottom: 1.5rem; }
    @media (min-width: 760px) {
      .spot-unavailable .container-unavailable {
        gap: 0.8rem; } }
    .spot-unavailable .container-unavailable .contact-support-button {
      padding: 1rem 2rem;
      border-radius: 0.5rem;
      background: #ed5121;
      color: white;
      min-width: 28rem;
      font-size: 1.8rem;
      font-weight: 700; }
    .spot-unavailable .container-unavailable .page-bottom-padding {
      display: none; }
    .spot-unavailable .container-unavailable .warning-holder {
      position: relative; }
      @media (min-width: 760px) {
        .spot-unavailable .container-unavailable .warning-holder {
          position: absolute;
          top: -12.5%;
          left: calc(50% - 40px ); } }
    .spot-unavailable .container-unavailable p {
      line-height: 22px;
      font-size: 16px; }
    .spot-unavailable .container-unavailable.info-section {
      padding: 1rem;
      margin-top: 70px; }
      .spot-unavailable .container-unavailable.info-section h3 {
        font-weight: 800;
        line-height: 38px;
        font-size: 22px; }
        @media (min-width: 760px) {
          .spot-unavailable .container-unavailable.info-section h3 {
            font-size: 26px; } }
      @media (min-width: 768px) {
        .spot-unavailable .container-unavailable.info-section {
          padding: 7rem 5rem 3rem 5rem; } }
    .spot-unavailable .container-unavailable.contact-section {
      padding: 1rem; }
      @media (min-width: 760px) {
        .spot-unavailable .container-unavailable.contact-section {
          padding: 3rem 4rem; } }
      .spot-unavailable .container-unavailable.contact-section .icons-holder {
        display: flex;
        justify-content: center;
        gap: 3rem; }
      .spot-unavailable .container-unavailable.contact-section .circle-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        background-color: #f0f0f0; }

.waitlist-modal-landing {
  padding: 0;
  background: #f5f6f7; }
  .waitlist-modal-landing .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
    opacity: 1;
    z-index: 1; }
    .waitlist-modal-landing .close span {
      display: block;
      background-color: #ea580b;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 27px; }
  .waitlist-modal-landing .modal-body {
    width: 90%;
    padding: 0;
    margin: 0 auto 30px;
    border: 1px solid #e5e5e6;
    border-top: 0;
    background: #fdfaf9;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
    @media (max-width: 991px) {
      .waitlist-modal-landing .modal-body {
        width: 100%; } }
    .waitlist-modal-landing .modal-body .btn {
      font-size: 18px;
      padding: 10px 25px;
      min-width: 220px;
      border-radius: 5px; }
      @media (max-width: 767px) {
        .waitlist-modal-landing .modal-body .btn {
          font-size: 16px; } }
    .waitlist-modal-landing .modal-body .hero-section {
      position: relative;
      background: white;
      border-radius: 5px;
      filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
      margin-bottom: 50px; }
      .waitlist-modal-landing .modal-body .hero-section .banner-wrapper {
        position: relative;
        color: white;
        background-color: #161417;
        background-image: url(https://static.spotapps.co/assets/admin/waitlist/nudge_back.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
        padding: 50px 15px;
        border-radius: 5px; }
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder {
          max-width: max-content;
          margin: 0 auto;
          text-align: center; }
          .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder h1 {
            color: white;
            font-size: 24px;
            font-weight: 700;
            line-height: 1.4;
            margin-bottom: 20px; }
            .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder h1 span {
              font-size: 1.5em; }
          .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder p {
            color: white;
            font-size: 18px;
            line-height: 1.4;
            font-weight: 300; }
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .tablet {
          position: absolute;
          max-width: 25%;
          max-height: 65%;
          bottom: 5%;
          left: 2%; }
      .waitlist-modal-landing .modal-body .hero-section .upgrade {
        position: relative;
        padding: 20px 40px; }
        .waitlist-modal-landing .modal-body .hero-section .upgrade .text-holder {
          color: #1e1e1e;
          width: max-content; }
          .waitlist-modal-landing .modal-body .hero-section .upgrade .text-holder h2 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px; }
        .waitlist-modal-landing .modal-body .hero-section .upgrade .btn.btn-orange {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: white;
          text-transform: capitalize;
          background: #ed380e; }
      .waitlist-modal-landing .modal-body .hero-section .girl {
        position: absolute;
        right: 15px;
        bottom: 0;
        height: 100%; }
      @media (max-width: 1200px) {
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .tablet {
          max-width: 20%; }
        .waitlist-modal-landing .modal-body .hero-section .girl {
          height: 80%; }
        .waitlist-modal-landing .modal-body .hero-section .upgrade .btn.btn-orange {
          transform: translate(-35%, -50%); } }
      @media (max-width: 1023px) {
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder h1 {
          font-size: 20px; }
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder p {
          font-size: 16px; }
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .tablet {
          max-width: 15%; }
        .waitlist-modal-landing .modal-body .hero-section .girl {
          height: 65%; }
        .waitlist-modal-landing .modal-body .hero-section .upgrade .btn.btn-orange {
          position: initial;
          transform: translate(0); } }
      @media (max-width: 767px) {
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .text-holder h1 {
          font-size: 17px; }
        .waitlist-modal-landing .modal-body .hero-section .banner-wrapper .tablet {
          display: none; }
        .waitlist-modal-landing .modal-body .hero-section .girl {
          display: none; }
        .waitlist-modal-landing .modal-body .hero-section .upgrade {
          padding: 20px;
          text-align: center; }
          .waitlist-modal-landing .modal-body .hero-section .upgrade .text-holder {
            width: 100%; }
          .waitlist-modal-landing .modal-body .hero-section .upgrade .btn.btn-orange {
            font-size: 16px; } }
    .waitlist-modal-landing .modal-body .content-wrapper {
      max-width: 90%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 50px; }
      .waitlist-modal-landing .modal-body .content-wrapper .section-one {
        display: flex;
        gap: 20px; }
        .waitlist-modal-landing .modal-body .content-wrapper .section-one .item {
          display: flex;
          padding: 30px 10px 20px 10px;
          flex-direction: column;
          align-items: center;
          gap: 25px;
          flex: 1 0 0;
          border-radius: 5px;
          background: #ffdfd0;
          color: #1e1e1e; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-one .item img {
            max-width: 80%;
            max-height: 200px; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-one .item h2 {
            text-align: center;
            font-weight: 600;
            font-size: 25px; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-one .item p {
            font-size: 18px;
            padding: 0 20px;
            text-align: center;
            margin-top: auto; }
          @media (max-width: 1200px) {
            .waitlist-modal-landing .modal-body .content-wrapper .section-one .item h2 {
              font-size: 20px; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-one .item p {
              font-size: 16px; } }
        @media (max-width: 991px) {
          .waitlist-modal-landing .modal-body .content-wrapper .section-one {
            flex-direction: column; } }
      .waitlist-modal-landing .modal-body .content-wrapper .section-two {
        display: flex;
        padding: 40px 40px 0;
        gap: 30px;
        justify-content: space-between;
        border-radius: 5px;
        background: linear-gradient(270deg, #ff854c 13.05%, #d25848 68.61%); }
        .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder {
          color: white; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder h2 {
            font-size: 26px; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder p {
            font-size: 20px;
            font-weight: 300;
            margin: 15px 0; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder p.disclaimer {
              font-size: 16px; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder .btn-white {
            color: #e75834;
            background: white; }
        .waitlist-modal-landing .modal-body .content-wrapper .section-two .img-holder {
          max-width: 35%;
          height: fit-content;
          align-self: flex-end; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-two .img-holder img {
            max-width: 100%; }
        @media (max-width: 1320px) {
          .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder h2 {
            font-size: 19px; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder p {
            font-size: 15px; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder p.disclaimer {
              font-size: 14px; } }
        @media (max-width: 1023px) {
          .waitlist-modal-landing .modal-body .content-wrapper .section-two {
            flex-direction: column;
            align-items: center; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-two .text-holder {
              text-align: center; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-two .img-holder {
              align-self: center;
              max-width: 300px; } }
      .waitlist-modal-landing .modal-body .content-wrapper .section-three {
        display: flex;
        flex-direction: column;
        gap: 30px; }
        .waitlist-modal-landing .modal-body .content-wrapper .section-three > div {
          display: flex;
          gap: 30px;
          justify-content: space-between;
          align-items: center; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .img-holder {
            max-width: 45%; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .img-holder img {
              max-width: 100%; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder {
            flex-basis: 45%; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder h2 {
              font-size: 25px;
              font-weight: 600;
              margin-bottom: 30px; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder ul {
              padding-left: 10px;
              list-style: inside; }
              .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder ul li {
                font-size: 16px; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder p {
              font-size: 16px;
              margin: 0; }
            .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder .btn {
              background-color: #ed380e;
              color: white;
              margin: 20px 0; }
          .waitlist-modal-landing .modal-body .content-wrapper .section-three > div.right {
            flex-direction: row-reverse;
            padding: 30px 0;
            border-top: 1px solid #b5b5b5;
            border-bottom: 1px solid #b5b5b5; }
          @media (max-width: 1023px) {
            .waitlist-modal-landing .modal-body .content-wrapper .section-three > div {
              flex-direction: column; }
              .waitlist-modal-landing .modal-body .content-wrapper .section-three > div.right {
                flex-direction: column; }
              .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder {
                text-align: center; }
                .waitlist-modal-landing .modal-body .content-wrapper .section-three > div .text-holder h2 {
                  font-size: 20px; } }
    .waitlist-modal-landing .modal-body .youtube-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 35px;
      background: #ffdfd0;
      padding: 35px 50px;
      margin-top: 50px; }
      .waitlist-modal-landing .modal-body .youtube-section .text-holder {
        color: #1e1e1e; }
        .waitlist-modal-landing .modal-body .youtube-section .text-holder h2 {
          font-size: 25px;
          font-weight: 600;
          margin-bottom: 20px; }
        .waitlist-modal-landing .modal-body .youtube-section .text-holder h3 {
          font-size: 16px;
          margin: 30px 0 10px; }
      .waitlist-modal-landing .modal-body .youtube-section .video-holder {
        background-color: white;
        border-radius: 5px;
        border: 6px solid white;
        border-bottom: 2px solid white; }
        .waitlist-modal-landing .modal-body .youtube-section .video-holder iframe {
          max-width: 100%; }
      @media (max-width: 1200px) {
        .waitlist-modal-landing .modal-body .youtube-section {
          flex-direction: column; }
          .waitlist-modal-landing .modal-body .youtube-section .text-holder {
            text-align: center; } }
      @media (max-width: 767px) {
        .waitlist-modal-landing .modal-body .youtube-section {
          padding: 30px 10px; } }
    .waitlist-modal-landing .modal-body .last-section {
      text-align: center;
      padding: 40px 20px;
      background-color: white; }
      .waitlist-modal-landing .modal-body .last-section .btn {
        color: white;
        text-transform: capitalize;
        background: #ed380e;
        margin-bottom: 25px; }
      .waitlist-modal-landing .modal-body .last-section .downgrade {
        color: #a4a4a4;
        text-decoration: underline;
        cursor: pointer; }

.request-table-waitlist-confirmation-modal {
  background: linear-gradient(180deg, #f6f6f7 43.96%, #f6f6f7 91.92%);
  border: 0; }
  .request-table-waitlist-confirmation-modal .upper-banner-modal {
    background-image: url(https://static.spotapps.co/assets/admin/waitlist/confirmation_back.png);
    background-size: cover;
    background-position: center;
    color: white;
    height: auto;
    padding: 20px 30px 50px; }
    .request-table-waitlist-confirmation-modal .upper-banner-modal .close {
      color: white;
      opacity: 1;
      font-weight: 300;
      font-size: 28px;
      margin-top: -15px;
      margin-right: -15px; }
    .request-table-waitlist-confirmation-modal .upper-banner-modal .title-container-modal {
      margin-top: 0; }
      .request-table-waitlist-confirmation-modal .upper-banner-modal .title-container-modal p {
        font-weight: 300;
        font-size: 16px; }
  .request-table-waitlist-confirmation-modal .modal-body {
    padding: 30px; }
    .request-table-waitlist-confirmation-modal .modal-body .info {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .request-table-waitlist-confirmation-modal .modal-body .info .item {
        display: flex;
        gap: 20px;
        align-items: center;
        background-color: white;
        padding: 15px;
        border-radius: 5px; }
        .request-table-waitlist-confirmation-modal .modal-body .info .item p {
          margin-bottom: 0; }
    .request-table-waitlist-confirmation-modal .modal-body .footer {
      text-align: center;
      background-color: transparent;
      margin-top: 20px; }
      .request-table-waitlist-confirmation-modal .modal-body .footer .btn {
        display: block;
        width: 300px;
        max-width: 100%;
        margin: 0 auto 20px;
        background: #e75834;
        color: white; }
      .request-table-waitlist-confirmation-modal .modal-body .footer small a {
        text-decoration: underline; }

.payment-method-delinquent-modal {
  border: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .payment-method-delinquent-modal .modal-header {
    position: relative;
    height: 70px;
    background-color: #d60000;
    margin-bottom: 50px; }
    .payment-method-delinquent-modal .modal-header svg {
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translateX(-50%);
      max-width: 100px; }
    .payment-method-delinquent-modal .modal-header .close {
      color: white;
      opacity: 1;
      font-weight: 300;
      margin-top: -10px;
      margin-right: -10px; }
  .payment-method-delinquent-modal .modal-body {
    color: #1e1e1e;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 15px 35px; }
    .payment-method-delinquent-modal .modal-body h1 {
      color: #d60000;
      font-size: 30px;
      font-weight: 800;
      padding: 0;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .payment-method-delinquent-modal .modal-body h1 {
          font-size: 26px; } }
    .payment-method-delinquent-modal .modal-body p {
      font-size: 16px;
      max-width: 530px;
      margin: 0 auto; }
    .payment-method-delinquent-modal .modal-body .button-holder {
      margin: 20px auto; }
      .payment-method-delinquent-modal .modal-body .button-holder .btn {
        font-size: 16px;
        color: white;
        background: #ed5121;
        min-width: 250px;
        padding: 10px 20px;
        border-radius: 5px; }
  .payment-method-delinquent-modal .modal-footer {
    background: #ededed;
    text-align: center; }
    .payment-method-delinquent-modal .modal-footer p {
      font-size: 16px;
      margin-bottom: 0; }
      .payment-method-delinquent-modal .modal-footer p a {
        color: #0c50ff;
        text-decoration: underline; }

.website-page.contact-form-inquiries {
  width: 95%;
  max-width: 1200px; }
  .website-page.contact-form-inquiries .website-container {
    padding: 70px 0 60px 5%; }
    @media (max-width: 1280px) {
      .website-page.contact-form-inquiries .website-container {
        padding-top: 90px; } }
    .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form {
      display: flex;
      gap: 10px;
      background: linear-gradient(90deg, white 50.05%, #ffcdc6 78.65%);
      padding: 0 15px; }
      @media (max-width: 991px) {
        .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form {
          flex-direction: column;
          padding: 15px 10% 0; } }
      @media (max-width: 460px) {
        .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form {
          padding: 15px 15px 0; } }
      .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box {
        min-width: 400px; }
        @media (max-width: 991px) {
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box {
            min-width: auto;
            width: 100%;
            text-align: center; } }
        .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .checkbox-holder {
          padding-bottom: 20px; }
        .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header {
          display: none; }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.active {
            display: block; }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.inactive {
            display: block;
            padding-top: 0;
            text-align: left; }
            @media (max-width: 767px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.inactive .content-holder {
                max-width: calc(100% - 80px); } }
            .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.inactive h4 {
              margin-top: 5px; }
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.inactive h4 span.red {
                font-weight: 800;
                color: #f03d26; }
            .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.inactive p {
              font-size: 1.1em;
              color: #333333;
              max-width: 90%; }
              @media (max-width: 991px) {
                .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header.inactive p {
                  max-width: 100%; } }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header h1 {
            font-size: 1.6em;
            font-weight: bold;
            color: black; }
            @media (max-width: 767px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header h1 {
                font-size: 1.3em; } }
            @media (max-width: 480px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header h1 {
                font-size: 1.2em; } }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header h3 {
            font-size: 1.2em;
            font-weight: 400;
            color: black;
            opacity: 60%; }
            @media (max-width: 767px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header h3 {
                font-size: 1.1em; } }
            @media (max-width: 480px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .left-box .header h3 {
                font-size: 1em; } }
      .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box {
        flex-basis: 800px;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end; }
        @media (max-width: 991px) {
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box {
            flex-basis: auto;
            justify-content: center;
            margin-left: 42px; } }
        .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .phone-holder {
          position: relative;
          top: 6px;
          align-self: flex-end; }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .phone-holder::after {
            content: "";
            display: block;
            position: absolute;
            background-image: url("https://static.spotapps.co/assets/admin/contact_for_inquiries/what_your_customer_text.png");
            background-repeat: no-repeat;
            background-size: contain;
            width: 179px;
            height: 90px;
            top: 27px;
            right: -185px; }
            @media (max-width: 1440px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .phone-holder::after {
                height: 70px; } }
            @media (max-width: 1200px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .phone-holder::after {
                height: 80px;
                width: 85px;
                right: 185px;
                background-image: url("https://static.spotapps.co/assets/admin/contact_for_inquiries/what_your_customer_text_mob.png"); } }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .phone-holder img {
            width: 250px; }
            @media (max-width: 1440px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .phone-holder img {
                width: 200px; } }
        .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder {
          position: relative;
          width: 400px;
          text-align: right; }
          @media (max-width: 1440px) {
            .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder {
              width: 290px; } }
          @media (max-width: 1200px) {
            .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder {
              display: none; } }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder::after {
            content: "";
            display: block;
            position: absolute;
            background-image: url("https://static.spotapps.co/assets/admin/contact_for_inquiries/to_host.png");
            background-repeat: no-repeat;
            background-size: contain;
            width: 220px;
            height: 58px;
            bottom: 87px;
            left: 20px; }
            @media (max-width: 1440px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder::after {
                width: 170px;
                bottom: 60px;
                left: 15px; } }
          .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder img {
            width: 260px; }
            @media (max-width: 1440px) {
              .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new.customize-form .right-box .person-holder img {
                width: 210px; } }
    .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new .contact-checkbox-form .label-switch-checkbox {
      text-indent: initial;
      margin-bottom: 10px;
      height: 22px;
      width: 40px; }
      .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new .contact-checkbox-form .label-switch-checkbox:after {
        width: 12px;
        height: 12px; }
      .website-page.contact-form-inquiries .website-container .website-section.new-reservations .reservation-section-new .contact-checkbox-form .label-switch-checkbox span {
        position: absolute;
        width: max-content;
        top: 3px;
        left: 55px; }

#google-business-sync-modal .disable-btn {
  background-color: #cccccc; }
#google-business-sync-modal .error-msg {
  color: #d80000;
  font-size: 1.2em; }
#google-business-sync-modal .animate-left {
  position: relative;
  animation: animate-move-left 1s ease forwards; }
#google-business-sync-modal .animate-right {
  position: relative;
  animation: animate-move-right 1s ease forwards; }

@keyframes animate-move-left {
  0% {
    left: 0; }

  100% {
    left: 85px; } }

@keyframes animate-move-right {
  0% {
    right: 0; }

  100% {
    right: 85px; } }

.scan-app-modal-body {
  position: relative;
  z-index: 0;
  background: linear-gradient(180deg, #31313e 0%, #3b3b52 50%, #5c5c98 100%);
  border: 1px solid transparent;
  box-shadow: none;
  border-bottom: 1px solid #5c5c98;
  border-top: #31313e;
  -webkit-box-shadow: none;
  border-radius: 6px; }
  .scan-app-modal-body:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://static.spotapps.co/assets/admin/web_app_modal_icons_backgroung_2.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    filter: brightness(1.05);
    z-index: 0; }
  .scan-app-modal-body > * {
    position: relative;
    z-index: 1; }

.modal-sh-app-scan-qr .modal-content {
  border-radius: 10px; }
  .modal-sh-app-scan-qr .modal-content .close {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 1;
    color: white;
    font-weight: 400;
    text-shadow: none; }
  .modal-sh-app-scan-qr .modal-content .divider {
    margin: 5px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .modal-sh-app-scan-qr .modal-content .content-box {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    @media(max-width: 640px) {
      padding: 0; }
 }
    .modal-sh-app-scan-qr .modal-content .content-box.flex-reverse {
      flex-direction: row-reverse; }
    .modal-sh-app-scan-qr .modal-content .content-box .left-content {
      display: flex;
      flex-basis: 55%;
      align-items: flex-start;
      flex-direction: column;
      justify-content: space-between;
      color: white;
      @media(max-width: 640px) {
        margin: auto;
        flex-basis: 100%; }
 }
      .modal-sh-app-scan-qr .modal-content .content-box .left-content .title-holder {
        display: flex;
        align-items: center;
        justify-content: left;
        gap: 15px;
        margin-bottom: 10px;
        @media(max-width: 640px) {
          justify-content: center;
          flex-direction: column;
          h1, .subtitle {
            text-align: center; } }
 }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .title-holder .sh-logo {
          width: 60px; }
          .modal-sh-app-scan-qr .modal-content .content-box .left-content .title-holder .sh-logo img {
            width: 100%;
            position: relative;
            top: 2px; }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .title-holder h1 {
          font-size: 1.5em;
          font-weight: 500;
          color: white;
          padding-bottom: 0;
          line-height: 1.3;
          @media(max-width: 640px) {
            font-size: 1.7em; }
 }
          .modal-sh-app-scan-qr .modal-content .content-box .left-content .title-holder h1 .extra-bold {
            font-weight: 800; }
      .modal-sh-app-scan-qr .modal-content .content-box .left-content .subtitle {
        color: white;
        @media(max-width: 640px) {
          font-size: 1.2em; }
 }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .subtitle h2 {
          padding-bottom: 10px;
          font-size: 1.2em;
          font-weight: 700; }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .subtitle p {
          font-size: 1.1em;
          padding-right: 50px;
          font-weight: 500;
          margin: 0; }
      .modal-sh-app-scan-qr .modal-content .content-box .left-content .content {
        @media(max-width: 640px) {
          text-align: center; }
 }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .content h3 {
          font-weight: bold;
          font-size: 1.2em;
          margin-top: 10px;
          margin-bottom: 10px; }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .content p {
          font-size: 1.2em;
          font-weight: 700;
          @media(max-width: 640px) {
            width: 100%; }
 }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .content ul {
          padding-left: 20px;
          padding-top: 20px; }
          .modal-sh-app-scan-qr .modal-content .content-box .left-content .content ul li {
            font-size: 1.1em;
            margin-bottom: 1.1em;
            font-weight: 500; }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .content .white-box {
          background-color: rgba(255, 255, 255, 0.8);
          border-radius: 7px;
          padding: 10px;
          text-align: left; }
          .modal-sh-app-scan-qr .modal-content .content-box .left-content .content .white-box p {
            font-size: 1.1em;
            margin-bottom: 0;
            width: fit-content; }
        .modal-sh-app-scan-qr .modal-content .content-box .left-content .content .download-app {
          display: block;
          max-width: 220px; }
          .modal-sh-app-scan-qr .modal-content .content-box .left-content .content .download-app img {
            max-width: 100%;
            height: auto; }
    .modal-sh-app-scan-qr .modal-content .content-box .right-content {
      flex-basis: 30%;
      @media(max-width: 640px) {
        margin: auto; }
 }
      .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder {
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 8px;
        text-align: center;
        padding: 8px; }
        .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder img {
          width: 230px; }
        .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder .qr-svg {
          background-color: white;
          padding: 10px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
          .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder .qr-svg svg {
            width: 210px;
            height: 210px; }
        .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder .img-footer {
          width: 230px;
          background-color: #1e1e1e; }
          .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder .img-footer img {
            display: block;
            width: 80%;
            margin: 0 auto; }
        .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder .step {
          font-size: 16px;
          margin-bottom: 5px; }
        .modal-sh-app-scan-qr .modal-content .content-box .right-content .box-holder .flex {
          display: flex;
          align-items: center;
          gap: 8px;
          justify-content: center;
          margin-bottom: 12px; }
    .modal-sh-app-scan-qr .modal-content .content-box .girl {
      max-width: 200px;
      position: relative;
      left: 40%; }

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 2px white; }

  25% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6); }

  50% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }

  75% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6); }

  100% {
    box-shadow: 0 0 0 2px white; } }

@keyframes playStopTmtAnimate {
  0% {
    content: url("http://static.spotapps.co/assets/admin/circle_stop_icon.png");
    opacity: 1; }

  20% {
    content: url("http://static.spotapps.co/assets/admin/circle_stop_icon.png");
    opacity: 0.85; }

  40% {
    content: url("http://static.spotapps.co/assets/admin/circle_play_icon.png");
    opacity: 1; }

  100% {
    content: url("http://static.spotapps.co/assets/admin/circle_play_icon.png");
    opacity: 1; } }

.side-menu-loader {
  pointer-events: none; }
  .side-menu-loader .simple-circle-loader {
    position: relative;
    margin-left: 0; }

.new-inquiries-list .border-right {
  border-right: 1px solid #dadada; }

.next-step-arrow {
  animation: bounce 0.6s;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

@keyframes bounce {
  0% {
    transform: translate3d(-2.5px, 0, 0); }

  100% {
    transform: translate3d(2.5px, 0, 0); } }

.inactive-link {
  cursor: default;
  pointer-events: none; }

@keyframes collapse-section-animation {
  0% {
    max-height: 0;
    overflow: hidden; }

  100% {
    max-height: 100px;
    overflow: visible; } }

.details-collapse-animation {
  max-height: 0;
  overflow: hidden;
  animation: collapse-section-animation 0.5s ease-out forwards; }

@media (max-width: 767px) {
  .popover.bottom {
    left: 20px !important;
    display: block !important; }
    .popover.bottom .arrow {
      left: 20px !important; } }

.catering-page.website-page .website-section.notification-top-bar {
  margin: 0 auto;
  padding: 0;
  max-width: 1050px;
  width: 100%; }
  @media (max-width: 1350px) {
    .catering-page.website-page .website-section.notification-top-bar {
      padding: 0 35px; } }
  .catering-page.website-page .website-section.notification-top-bar h3 {
    padding-left: 25px; }
  .catering-page.website-page .website-section.notification-top-bar .margin-fix {
    margin: 0 -35px; }
    @media (max-width: 1350px) {
      .catering-page.website-page .website-section.notification-top-bar .margin-fix {
        margin: 0 -20px;
        padding: 0; } }

.website-bar.no-padding {
  padding-top: 5px; }
  @media (max-width: 840px) {
    .website-bar.no-padding {
      padding-top: 0; } }
  @media (max-width: 767px) {
    .website-bar.no-padding {
      padding-top: 0; } }

.catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1050px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 35px;
  padding-right: 0;
  display: flex;
  gap: 30px; }
  @media (max-width: 1350px) {
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav {
      gap: 20px;
      padding-left: 35px;
      margin-left: 0;
      padding-top: 0; } }
  @media (max-width: 991px) {
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav {
      gap: 15px; } }
  @media (max-width: 840px) {
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav {
      gap: 5px;
      padding-top: 0;
      height: 60px; } }
  @media (max-width: 767px) {
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav {
      padding-left: 60px !important;
      padding-top: 0; } }
  .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav.setting-page {
    max-width: none;
    padding-left: 35px; }
    @media (max-width: 1220px) {
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav.setting-page .flag {
        display: none !important; } }
  .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav.other-inqury-page {
    max-width: none;
    padding-left: 35px; }
  .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav {
    position: relative;
    padding: 0;
    display: flex !important;
    align-items: flex-end;
    border-bottom: 3px solid transparent; }
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav.active, .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav:hover {
      border-bottom: 3px solid #ea5329; }
    @media (max-width: 840px) {
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav {
        align-items: center; } }
    @media (max-width: 767px) {
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav {
        height: 60px; } }
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .tab-icon {
      margin-right: 0; }
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .tab-text {
      font-size: 16px;
      font-weight: 500; }
      @media (max-width: 1140px) {
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .tab-text {
          font-size: 14px; } }
      @media (max-width: 380px) {
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .tab-text {
          font-size: 11px; } }
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav a {
      display: flex;
      flex-wrap: nowrap;
      gap: 5px;
      padding-top: 6px;
      padding-bottom: 15px;
      transition: all 200ms ease;
      border-bottom: 3px solid transparent; }
      @media (max-width: 1140px) {
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav a {
          flex-direction: column;
          padding-bottom: 3px; } }
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav a:hover {
        text-decoration: none; }
    @media (max-width: 1200px) {
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .flag {
        display: none !important; } }
    @media (max-width: 840px) {
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav.with-icon.active {
        border-bottom: 3px solid transparent !important; }
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav.with-icon.active a {
          background-color: #d26439; }
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav.with-icon.active img {
          filter: invert(1); }
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav.with-icon a:hover {
        border-bottom: 3px solid transparent;
        background-color: #d26439; }
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav.with-icon a:hover img {
          filter: invert(1); } }
    .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .survey-bubble {
      position: absolute;
      top: 45px;
      background-color: #ffe4da;
      border-radius: 10px;
      box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px, rgba(0, 0, 0, 0.2) 0px 3px 7px -3px;
      padding: 15px;
      text-align: left;
      width: 230px;
      font-weight: 400;
      left: 50%;
      transform: translateX(-50%);
      font-size: 15px; }
      @media (max-width: 1140px) {
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .survey-bubble {
          top: 66px; } }
      @media (max-width: 1100px) {
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .survey-bubble {
          font-size: 14px; } }
      @media (max-width: 420px) {
        .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .survey-bubble {
          left: -40%; } }
      .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .survey-bubble .arrow-up {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ffe4da;
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%); }
        @media (max-width: 420px) {
          .catering-page.website-page .website-bar .website-section.inquiries-new.inquiries-new-nav h3.tabnav .survey-bubble .arrow-up {
            left: 75%; } }

.website-page .website-bar.fix-z-index {
  z-index: 999; }
.website-page .website-bar .singe-btn.notification-settings-btn {
  position: absolute;
  right: 80px;
  top: 15px;
  min-width: fit-content !important; }
  @media (max-width: 1200px) {
    .website-page .website-bar .singe-btn.notification-settings-btn {
      right: 36px; } }
  @media (max-width: 840px) {
    .website-page .website-bar .singe-btn.notification-settings-btn {
      height: auto;
      padding: 5px; } }
  @media (max-width: 767px) {
    .website-page .website-bar .singe-btn.notification-settings-btn {
      right: 0; } }
  .website-page .website-bar .singe-btn.notification-settings-btn span {
    font-size: 14px;
    font-weight: 500; }
    @media (max-width: 1100px) {
      .website-page .website-bar .singe-btn.notification-settings-btn span {
        font-size: 12px; } }
  @media (max-width: 991px) {
    .website-page .website-bar .singe-btn.notification-settings-btn img {
      height: 18px; } }
  @media (max-width: 767px) {
    .website-page .website-bar .singe-btn.notification-settings-btn img {
      height: 22px; } }

.website-page.waitlist-landing .website-section.inquiries-new h3.tabnav {
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 767px) {
    .website-page.waitlist-landing .website-section.inquiries-new h3.tabnav {
      font-size: 14px; } }

.inquiry_comment .in-active {
  transition: all 0.2s ease;
  opacity: 0; }
.inquiry_comment .active {
  transition: all 0.2s ease;
  opacity: 1; }

.texting-compliance-modal.modal-padding-m {
  padding: 18px; }
  .texting-compliance-modal.modal-padding-m .modal-title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .texting-compliance-modal.modal-padding-m .modal-title img {
      margin: 0 15px 0 2px; }
    .texting-compliance-modal.modal-padding-m .modal-title h3 {
      font-size: 20px;
      margin: 0 0 15px; }
      @media (max-width: 767px) {
        .texting-compliance-modal.modal-padding-m .modal-title h3 {
          font-size: 18px; } }
    .texting-compliance-modal.modal-padding-m .modal-title p {
      font-size: 12pt;
      margin: 0 0 15px 0; }
      @media (max-width: 767px) {
        .texting-compliance-modal.modal-padding-m .modal-title p {
          font-size: 11pt; } }
  .texting-compliance-modal.modal-padding-m .modal-label {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .texting-compliance-modal.modal-padding-m .modal-label .flex-align-center {
      display: flex;
      align-items: center; }
    .texting-compliance-modal.modal-padding-m .modal-label input.largerCheckbox {
      width: 19px;
      height: 19px;
      margin: 0 20px 0 4px;
      cursor: pointer; }
      .texting-compliance-modal.modal-padding-m .modal-label input.largerCheckbox:disabled {
        cursor: not-allowed; }
    .texting-compliance-modal.modal-padding-m .modal-label label.modal-label-text {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .texting-compliance-modal.modal-padding-m .modal-label label.modal-label-text {
          font-size: 16px; } }
      .texting-compliance-modal.modal-padding-m .modal-label label.modal-label-text:hover {
        cursor: pointer; }

.texting-post-modal {
  color: #3d3d3d; }
  .texting-post-modal .modal-header {
    border-bottom: 0;
    padding-bottom: 0; }
  .texting-post-modal .modal-body {
    padding-top: 0; }
  .texting-post-modal .reminder {
    background: #ffefe3;
    padding: 15px 30px;
    margin: -15px -15px 0; }
    .texting-post-modal .reminder p {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 500; }
      .texting-post-modal .reminder p span {
        font-weight: bold;
        color: #bb8409; }
  .texting-post-modal .title-verification-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; }
    .texting-post-modal .title-verification-wrapper h1 {
      color: #3d3d3d;
      font-size: 18px;
      font-weight: 700; }
    .texting-post-modal .title-verification-wrapper p {
      margin-bottom: 0; }
    .texting-post-modal .title-verification-wrapper .verification-holder .verification {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 10px;
      padding: 4px 10px;
      border-radius: 24px; }
      .texting-post-modal .title-verification-wrapper .verification-holder .verification.verifing {
        color: #ff4e01; }
      .texting-post-modal .title-verification-wrapper .verification-holder .verification.verified {
        background-color: rgba(51, 187, 119, 0.1);
        color: #33bb77; }
      .texting-post-modal .title-verification-wrapper .verification-holder .verification.not-verified {
        background-color: #f2f5f5;
        color: black; }
        .texting-post-modal .title-verification-wrapper .verification-holder .verification.not-verified img {
          max-width: 20px; }
  .texting-post-modal .texting-description {
    max-width: 100%;
    font-size: 12px;
    margin-bottom: 5px; }
  .texting-post-modal textarea {
    resize: none;
    background-color: #f5f7fa;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    height: 70px;
    padding: 5px 10px;
    border: 1px solid #dadada;
    border-radius: 5px; }
  .texting-post-modal .warning-wrapper {
    text-align: center;
    background-color: rgba(215, 31, 31, 0.2);
    color: black;
    padding: 4px 8px;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #ea8a8a; }
    .texting-post-modal .warning-wrapper p {
      margin: 0; }
  .texting-post-modal .limit {
    text-align: center; }
  .texting-post-modal .flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px; }
    .texting-post-modal .flex .buttons-holder {
      margin: 10px 0;
      overflow: hidden; }
      @media (max-width: 640px) {
        .texting-post-modal .flex .buttons-holder {
          display: flex;
          justify-content: center;
          gap: 10px; } }
  .texting-post-modal .date-picker-holder p {
    text-align: center; }
  .texting-post-modal .date-picker-holder .date-picker {
    display: flex;
    gap: 11px; }
    .texting-post-modal .date-picker-holder .date-picker .input-group input {
      max-width: 150px;
      background-color: #f5f7fa;
      border: 1px solid #dadada;
      border-radius: 4px; }
    .texting-post-modal .date-picker-holder .date-picker .input-group.time {
      width: 90px; }
  .texting-post-modal .date-picker-holder .text-bold {
    font-weight: 700; }
  .texting-post-modal .btn-save {
    width: 290px;
    background-color: #33bb77; }
  .texting-post-modal .emoji-alert {
    background-color: #f5f7fa;
    color: #7b8f96;
    padding: 10px 40px;
    margin: 20px -15px -15px; }
    .texting-post-modal .emoji-alert p {
      margin-bottom: 0; }
      .texting-post-modal .emoji-alert p a {
        text-decoration: underline; }
  .texting-post-modal .form-control.phone {
    text-align: center; }

.gradient-spinner {
  position: relative;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  background: conic-gradient(from 90deg at 50% 50%, rgba(39, 174, 96, 0) 0deg, rgba(31, 144, 255, 0) 0.04deg, #ff4e01 360deg);
  border-radius: 20px;
  animation: 2s rotate-gradient-spinner infinite linear; }
  .gradient-spinner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 12px;
    width: 12px;
    background: white;
    border-radius: 24px; }
  .gradient-spinner::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 4px;
    background: #ff4e01;
    border-radius: 10px; }

@keyframes rotate-gradient-spinner {
  0% {
    transform: rotate(0deg); }

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

.texting_reminder_compliant {
  background-color: #fff6e3;
  padding: 10px 25px 10px 0;
  max-width: 600px;
  margin-bottom: 20px; }
  .texting_reminder_compliant p {
    color: #3d3d3d;
    margin: 0 0 0 20px;
    line-height: 1.5em; }
    .texting_reminder_compliant p span {
      font-weight: 700;
      color: #bb8409; }
    @media (max-width: 640px) {
      .texting_reminder_compliant p {
        text-align: center; } }
  .texting_reminder_compliant.max-width {
    max-width: 450px;
    padding: 10px 10px 10px 0; }

.message-holder.post-preview-content .panel-body .alert-compliant {
  display: flex;
  gap: 10px;
  background-color: #f2f5f5;
  color: black;
  padding: 5px 15px 5px 5px;
  border-radius: 20px;
  width: fit-content;
  margin-bottom: 20px; }
  .message-holder.post-preview-content .panel-body .alert-compliant p {
    margin: 0; }
.message-holder.post-preview-content .panel-body .alert-compliant-msg {
  background-color: rgba(215, 31, 31, 0.07);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px; }
  .message-holder.post-preview-content .panel-body .alert-compliant-msg p {
    margin: 0; }

.menu-food-page.social-alert .message-content .content-body span.social-status-queued, span.social-status-queued {
  color: #3d3d3d; }

.container-fluid:not(.no-sidebar-back):before {
  width: 250px;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #31323f;
  padding: 8px;
  overflow: hidden;
  z-index: 102;
  position: fixed;
  display: block; }
  @media (max-width: 767px) {
    .container-fluid:not(.no-sidebar-back):before {
      display: none; } }

.anim-main-sidebar {
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@keyframes slideInLeft {
  from {
    transform: translateX(-100%); }

  to {
    transform: translateX(0); } }

@keyframes slideOutRight {
  from {
    transform: translateX(0); }

  to {
    transform: translateX(-300%); } }

.slideInLeft {
  animation: slideInLeft 1.5s forwards; }

.slideOutRight {
  animation: slideOutRight 2.5s forwards; }

.wizard-popover {
  position: fixed;
  top: 60px;
  left: 260px;
  z-index: 999;
  width: 200px;
  background-color: #31323f;
  color: white;
  padding: 8px;
  border-radius: 8px; }
  .wizard-popover.calendar-page {
    left: 60px; }
  @media (max-width: 767px) {
    .wizard-popover {
      left: 5px;
      transition: left 0.5s ease, right 0.5s ease, width 0.3s ease; }
      .wizard-popover.calendar-page {
        left: 5px; }
      .wizard-popover.mobile-nav-expanded {
        left: 255px;
        right: 5px;
        width: auto; } }
  .wizard-popover .header-section {
    display: flex;
    justify-content: space-between; }
    .wizard-popover .header-section svg {
      cursor: pointer; }

.social-wizard-popover {
  position: fixed;
  top: 50px;
  z-index: 1000;
  width: 270px;
  background-color: #31323f;
  color: white;
  padding: 6px 4px;
  border-radius: 6px; }
  .social-wizard-popover.calendar-page {
    left: 50px; }
  @media (max-width: 767px) {
    .social-wizard-popover {
      visibility: hidden;
      opacity: 0; } }
  .social-wizard-popover.expanded {
    left: 250px; }
  .social-wizard-popover .header-section {
    display: flex;
    justify-content: space-between; }
    .social-wizard-popover .header-section span {
      font-weight: bold;
      font-size: 12px; }
    .social-wizard-popover .header-section img {
      cursor: pointer;
      height: 20px; }

#main-sidebar {
  width: 50px;
  left: 0;
  background-color: #31323f;
  padding: 8px;
  overflow: hidden; }
  #main-sidebar .scroll-bar {
    position: absolute;
    padding: 8px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -1px;
    border: 1px solid #31323f;
    overflow-y: visible;
    overflow-x: hidden;
    scrollbar-width: none; }
  #main-sidebar.calendar {
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease; }
  @media (max-width: 767px) {
    #main-sidebar {
      visibility: hidden;
      opacity: 0; }
      #main-sidebar.sidebar-is-open {
        visibility: visible;
        opacity: 1; } }
  #main-sidebar .svg-icon {
    margin: 5px 4px; }
  #main-sidebar .spots-holder.sidebar-item {
    display: flex;
    flex-direction: column;
    min-height: 45px;
    padding-bottom: 14px;
    margin: 6px 0; }
    #main-sidebar .spots-holder.sidebar-item > * {
      display: none;
      webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    #main-sidebar .spots-holder.sidebar-item .spot-name {
      margin-bottom: 0; }
    #main-sidebar .spots-holder.sidebar-item .spot-list-holder {
      display: none; }
  #main-sidebar .sidebar-item {
    padding: 6px 0;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    #main-sidebar .sidebar-item .sidebar-section-header {
      display: flex;
      gap: 6px;
      align-items: center;
      color: #9495a3;
      padding: 4px; }
      #main-sidebar .sidebar-item .sidebar-section-header .rocket-icon {
        border: 2.5px solid rgba(99, 102, 241, 0.5);
        border-radius: 50%;
        width: 28px;
        height: 28px;
        flex-shrink: 0; }
      #main-sidebar .sidebar-item .sidebar-section-header > a {
        display: flex;
        gap: 5px;
        align-items: center;
        color: #9495a3;
        width: 100%;
        text-decoration: none; }
        #main-sidebar .sidebar-item .sidebar-section-header > a .google-connect-icon {
          width: 16px;
          margin: 0 4px 0 auto;
          filter: brightness(0) saturate(100%) invert(67%) sepia(5%) saturate(781%) hue-rotate(198deg) brightness(90%) contrast(79%); }
      #main-sidebar .sidebar-item .sidebar-section-header:hover, #main-sidebar .sidebar-item .sidebar-section-header.active, #main-sidebar .sidebar-item .sidebar-section-header.expanded, #main-sidebar .sidebar-item .sidebar-section-header.tooltip-active {
        cursor: pointer;
        border-radius: 4px;
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
        #main-sidebar .sidebar-item .sidebar-section-header:hover .svg-icon, #main-sidebar .sidebar-item .sidebar-section-header.active .svg-icon, #main-sidebar .sidebar-item .sidebar-section-header.expanded .svg-icon, #main-sidebar .sidebar-item .sidebar-section-header.tooltip-active .svg-icon {
          filter: invert(100%) brightness(1000%) contrast(100%); }
        #main-sidebar .sidebar-item .sidebar-section-header:hover > a, #main-sidebar .sidebar-item .sidebar-section-header.active > a, #main-sidebar .sidebar-item .sidebar-section-header.expanded > a, #main-sidebar .sidebar-item .sidebar-section-header.tooltip-active > a {
          color: white;
          text-decoration: none; }
          #main-sidebar .sidebar-item .sidebar-section-header:hover > a .google-connect-icon, #main-sidebar .sidebar-item .sidebar-section-header.active > a .google-connect-icon, #main-sidebar .sidebar-item .sidebar-section-header.expanded > a .google-connect-icon, #main-sidebar .sidebar-item .sidebar-section-header.tooltip-active > a .google-connect-icon {
            filter: invert(100%) brightness(1000%) contrast(100%); }
          #main-sidebar .sidebar-item .sidebar-section-header:hover > a .virtual-host-icon, #main-sidebar .sidebar-item .sidebar-section-header.active > a .virtual-host-icon, #main-sidebar .sidebar-item .sidebar-section-header.expanded > a .virtual-host-icon, #main-sidebar .sidebar-item .sidebar-section-header.tooltip-active > a .virtual-host-icon {
            filter: none; }
        #main-sidebar .sidebar-item .sidebar-section-header:hover .expand-btn img, #main-sidebar .sidebar-item .sidebar-section-header.active .expand-btn img, #main-sidebar .sidebar-item .sidebar-section-header.expanded .expand-btn img, #main-sidebar .sidebar-item .sidebar-section-header.tooltip-active .expand-btn img {
          filter: invert(100%) brightness(1000%) contrast(100%); }
      #main-sidebar .sidebar-item .sidebar-section-header span, #main-sidebar .sidebar-item .sidebar-section-header button, #main-sidebar .sidebar-item .sidebar-section-header .google-connect-icon, #main-sidebar .sidebar-item .sidebar-section-header .gif-img {
        overflow: hidden;
        display: none;
        white-space: nowrap;
        webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    #main-sidebar .sidebar-item .sidebar-section-links {
      display: none; }
    #main-sidebar .sidebar-item .icon-holder {
      position: relative; }
      #main-sidebar .sidebar-item .icon-holder .red-dot {
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #dc4a39;
        border-radius: 50%; }
        #main-sidebar .sidebar-item .icon-holder .red-dot.inquiries {
          top: 6px;
          right: 0; }
        #main-sidebar .sidebar-item .icon-holder .red-dot.marketing {
          top: 2px;
          right: 0; }
  #main-sidebar.expanded {
    width: 250px; }
    #main-sidebar.expanded .spots-holder {
      border-bottom: 1px solid white; }
      #main-sidebar.expanded .spots-holder > * {
        display: block; }
      #main-sidebar.expanded .spots-holder .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer; }
      #main-sidebar.expanded .spots-holder .spot-name {
        flex-grow: 1;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px; }
        #main-sidebar.expanded .spots-holder .spot-name > span {
          display: inline-block; }
          #main-sidebar.expanded .spots-holder .spot-name > span.scrolling {
            padding-left: 100%;
            animation: marquee 5s linear infinite; }
    #main-sidebar.expanded .sidebar-item .sidebar-section-header span, #main-sidebar.expanded .sidebar-item .sidebar-section-header button, #main-sidebar.expanded .sidebar-item .sidebar-section-header .google-connect-icon, #main-sidebar.expanded .sidebar-item .sidebar-section-header .gif-img {
      display: block; }
      #main-sidebar.expanded .sidebar-item .sidebar-section-header span .simple-circle-loader, #main-sidebar.expanded .sidebar-item .sidebar-section-header button .simple-circle-loader, #main-sidebar.expanded .sidebar-item .sidebar-section-header .google-connect-icon .simple-circle-loader, #main-sidebar.expanded .sidebar-item .sidebar-section-header .gif-img .simple-circle-loader {
        right: 16px; }
    #main-sidebar.expanded .sidebar-item.expanded {
      background-color: #27272f;
      padding: 10px 8px;
      margin: 0 -8px; }
      #main-sidebar.expanded .sidebar-item.expanded .flex {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      #main-sidebar.expanded .sidebar-item.expanded .spot-list-holder {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 8px 0; }
        #main-sidebar.expanded .sidebar-item.expanded .spot-list-holder .spot-list-item a {
          display: block;
          padding: 3px 7px;
          color: #9495a3;
          text-decoration: none;
          border-radius: 4px; }
          #main-sidebar.expanded .sidebar-item.expanded .spot-list-holder .spot-list-item a:hover {
            color: white;
            background-color: rgba(255, 255, 255, 0.1);
            text-decoration: none; }
      #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-header {
        margin-bottom: 10px; }
        #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-header:hover, #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-header.active, #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-header.expanded {
          background-color: rgba(255, 255, 255, 0.1);
          color: white; }
      #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0 4px; }
        #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a {
          display: flex;
          gap: 5px;
          align-items: center;
          color: #9495a3;
          padding: 4px;
          border-radius: 4px;
          white-space: nowrap;
          text-decoration: none !important; }
          #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a .tmt-show-icons .stop-icon {
            opacity: 0.85; }
          #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a .tmt-show-icons.animate .stop-icon {
            animation: playStopTmtAnimate 2s infinite 2s; }
          #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a:hover, #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a.active {
            color: white;
            background-color: rgba(255, 255, 255, 0.1);
            text-decoration: none; }
            #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a:hover .svg-icon, #main-sidebar.expanded .sidebar-item.expanded .sidebar-section-links a.active .svg-icon {
              filter: invert(100%) brightness(1000%) contrast(100%); }
    #main-sidebar.expanded .side-menu-notifications {
      background-color: #dc4a39;
      color: white;
      font-size: 12px;
      padding: 1px 4px;
      border-radius: 4px;
      margin-left: auto; }
  #main-sidebar .svg-icon {
    width: 18px;
    height: 18px;
    filter: invert(60%) sepia(6%) saturate(500%) hue-rotate(198deg) brightness(97%) contrast(95%);
    flex-shrink: 0;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  #main-sidebar .expand-btn {
    background-color: transparent;
    border: 0;
    margin-left: auto; }
    #main-sidebar .expand-btn img {
      filter: invert(60%) sepia(6%) saturate(500%) hue-rotate(198deg) brightness(97%) contrast(95%); }
      #main-sidebar .expand-btn img.section-expand {
        display: block; }
      #main-sidebar .expand-btn img.section-collapse {
        display: none; }
    #main-sidebar .expand-btn.expanded img {
      display: none; }
      #main-sidebar .expand-btn.expanded img.section-collapse {
        display: block; }
  @media (max-width: 767px) {
    #main-sidebar {
      width: 0;
      padding: 0;
      webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #main-sidebar .spot-name {
        padding-left: 0; }
      #main-sidebar.expanded {
        z-index: 1000;
        width: 250px;
        padding: 8px; } }

@keyframes marquee {
  0% {
    transform: translateX(0); }

  100% {
    transform: translateX(-100%); } }

@media (max-width: 767px) {
  .toggle-close-main-sidebar {
    position: fixed;
    left: 0;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .toggle-close-main-sidebar.sidebar-expanded {
      top: 0;
      right: 0;
      bottom: 0;
      left: 250px;
      background-color: #31323f;
      opacity: 0.4;
      z-index: 999; }

  .business-info-spot-banner {
    position: relative;
    margin-left: 40px;
    display: inline-block;
    margin-top: 12px;
    width: calc(100% - 60px); } }
.apps-ios-app-sidenav-button:focus {
  text-decoration: none; }

.modal-sh-app-scan-qr.mobile .modal-content {
  background: none;
  border: none; }
.modal-sh-app-scan-qr.mobile .modal-dialog {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%; }
.modal-sh-app-scan-qr.mobile .modal-header {
  border-bottom: 0px solid transparent;
  padding: 0;
  min-height: auto; }
  .modal-sh-app-scan-qr.mobile .modal-header .close {
    font-size: 2.2em;
    font-weight: 300;
    right: 0;
    top: 0;
    opacity: 1; }

.ios-modal {
  background: linear-gradient(0.4deg, #31313e 10.1%, #3b3b52 58.73%, #5c5c98 95.63%);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  z-index: 10000; }
  .ios-modal:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://static.spotapps.co/assets/admin/web_app_modal_icons_backgroung_mobile_1.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    filter: brightness(1.05);
    z-index: 0; }
  .ios-modal > * {
    position: relative;
    z-index: 1; }
  .ios-modal h1 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 1.2rem;
    line-height: 1.2em;
    color: black;
    padding-bottom: 5px;
    color: white; }
  .ios-modal h2 {
    font-size: 18px;
    font-weight: 600;
    color: black;
    line-height: 1.5em;
    color: white; }
  .ios-modal p {
    font-size: 17px;
    font-weight: 300;
    margin: 12px auto;
    color: white; }
  .ios-modal .sh-logo {
    margin: auto;
    width: 68px; }
  .ios-modal .ios-btn-link {
    color: white;
    background-color: black;
    font-size: 17px;
    font-weight: 300;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    width: max-content;
    margin: auto; }
    .ios-modal .ios-btn-link svg {
      width: 22px;
      height: 22px; }

.modal-social-media-frame.modal {
  overflow-y: hidden; }
.modal-social-media-frame > .modal-dialog {
  width: 100%;
  margin: 0; }

.modal-studio-nudge .modal-dialog {
  width: 100%;
  height: 100%;
  max-width: 690px;
  margin: 0 auto;
  display: flex;
  align-items: end;
  justify-content: center; }
  @media (min-width: 768px) {
    .modal-studio-nudge .modal-dialog {
      align-items: center; } }
.modal-studio-nudge .modal-content {
  border: unset;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
  @media (min-width: 768px) {
    .modal-studio-nudge .modal-content {
      border-radius: 0.375rem; } }

.modal-bday-club-setup-wizzard-wrapper {
  z-index: 99999; }
  .modal-bday-club-setup-wizzard-wrapper .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important; }
    .modal-bday-club-setup-wizzard-wrapper .modal-dialog .modal-content {
      height: 100%;
      background-color: #f7f7fb; }

.qr-flyer-page #helpDropDownMenuButton {
  display: flex;
  margin-block: 0;
  margin-right: 0; }

.analitic-enabled-ms {
  margin-top: 66px !important;
  transition: none !important; }
  @media (max-width: 767px) {
    .analitic-enabled-ms {
      margin-top: 72px !important; } }

.remove-page-top-padding {
  padding-top: 0 !important; }

#helpDropDownMenuButton.analitic-enabled {
  margin-top: 66px; }

@media (max-width: 650px) {
  .analitic-enabled.website-banner-nudge {
    margin-top: 150px !important; } }

.remove-page-top-padding .events-page .new-event-container .website-section tbody .event-td.event-add-cancel .cancel-add {
  top: 66px; }

.specials-dropdown {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .specials-dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 5px;
    background-color: white;
    color: black;
    border-width: 1px;
    border-color: #d1d5db;
    border-style: solid;
    padding: 8px;
    border-radius: 6px;
    font-size: 13px; }
    .specials-dropdown .dropdown-toggle[aria-expanded=true] .fa-angle-down {
      transform: rotate(180deg); }
    .specials-dropdown .dropdown-toggle .fa-angle-down {
      color: #9ca3af; }
  .specials-dropdown .dropdown-menu {
    margin-top: 0;
    padding: 8px;
    border-radius: 10px;
    min-width: auto;
    right: 0; }
    .specials-dropdown .dropdown-menu li {
      margin-bottom: 2px; }
      .specials-dropdown .dropdown-menu li a {
        font-size: 13px;
        padding: 4px;
        color: #4b5563; }
        .specials-dropdown .dropdown-menu li a:hover {
          color: #333333;
          background-color: #f5f6f7; }
      .specials-dropdown .dropdown-menu li.active a {
        background-color: #f5f6f7;
        color: #333333; }