body.coming-soon label {
  font-size: 12px;
  margin-bottom: 3px !important;
  display: block;
}
body fieldset {
  background-color: #fbfbfb;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 2px 0px 0px #fff;
}
body fieldset .legend {
  font-weight: bold;
  display: block;
  background-color: #f5f5f5;
  color: #003366;
  padding: 10px 15px;
  border-radius: 0px;
  text-transform: capitalize;
}
body fieldset .legend .image-reqs {
  padding: 20px 0px;
}
body fieldset .legend .image-reqs p {
  margin-bottom: 5px;
  text-transform: initial;
  font-weight: normal;
  color: #666;
}
body fieldset .ad-specs {
  font-size: 12px;
}
@media (max-width: 550px) {
  body fieldset .ad-specs > * {
    flex-basis: 50% !important;
  }
}
body fieldset .ads-container .ad-container {
  position: relative;
  margin-bottom: 20px;
  z-index: 2;
}
body fieldset .ads-container .ad-container:nth-child(even):before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -10px;
  top: -10px;
  left: -10px;
  background-color: #f8f8f8;
  border-radius: 5px;
  z-index: -1;
}
body fieldset .ads-container .ad-container .ad-row > div {
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  body fieldset .ads-container .ad-container .ad-row > * {
    flex-basis: 50% !important;
  }
}
body fieldset .ads-container .ad-container .ad-row div:first-child {
  padding-right: 10px;
}
body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload {
  min-width: initial;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload {
    justify-content: space-between;
  }
  body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload > * {
    flex-basis: initial !important;
  }
}
body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload .ad-thumb {
  border: solid 1px #ccc;
  flex-basis: initial;
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  margin-bottom: 0px;
}
body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload .ad-upload {
  margin-bottom: 0px;
}
body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload label {
  background-color: #eee;
  padding: 3px 10px;
  border-radius: 5px;
}
body fieldset .ads-container .ad-container .ad-row .ad-thumb-upload label input {
  position: absolute;
  visibility: hidden;
}
body fieldset .ads-container .ad-container .ad-expiration-activation {
  text-align: center;
}
@media (max-width: 550px) {
  body fieldset .ads-container .ad-container .ad-expiration-activation > * {
    flex-basis: initial !important;
  }
}
body fieldset .ads-container .ad-container .ad-expiration-activation .expiration {
  background-color: #eee;
  padding: 3px 10px;
  border-radius: 5px;
  flex-grow: 1;
}
body fieldset .ads-container .ad-container .ad-expiration-activation .activation {
  margin-bottom: 0px;
  flex-grow: 1;
}
body fieldset .ads-container .ad-container .ad-expiration-activation .activation label {
  width: 100%;
  color: #999;
  padding: 3px 10px;
  background-color: #eee;
  display: block;
  border-radius: 5px;
}
body fieldset .ads-container .ad-container .ad-expiration-activation .activation input {
  position: absolute;
  visibility: hidden;
}
body fieldset .ads-container .ad-container .ad-expiration-activation .activation input:checked + label {
  background-color: green;
  color: white;
}
body fieldset .cat-banner {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
}
body fieldset .cat-banner > div {
  padding-right: 20px;
  border-radius: 0px;
  margin: 0px;
  text-align: left;
}
body fieldset .cat-banner > div .admin-checkbox {
  margin: 0px;
}
body fieldset .cat-banner > div .admin-checkbox label {
  margin: 0px;
  padding: 0px 20px;
  min-height: 60px;
  display: flex;
  align-items: center;
}
body fieldset .cat-banner > div .admin-checkbox label.file-ready {
  background-color: green;
}
body fieldset .cat-banner > div .admin-checkbox label i {
  font-size: 21px;
}
@media (max-width: 767px) {
  body fieldset .cat-banner {
    flex-wrap: wrap;
  }
  body fieldset .cat-banner > div {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0px;
    text-align: center;
  }
  body fieldset .cat-banner > div img {
    max-width: 100%;
    max-height: initial;
  }
}
body fieldset .cat-banner > div.remove-cat {
  width: 0px;
}
body fieldset .cat-banner.home-banner-container > div {
  width: 100%;
}
body fieldset .cat-banner i.remove-image {
  position: absolute;
  right: initial;
  left: -10px;
}
body fieldset .cat-banner img {
  max-height: 60px;
  max-width: 150px;
}
body fieldset .cat-banner select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100%;
  border-radius: 5px;
  background-color: #eee;
  padding: 10px;
  padding-right: 25px;
  border-width: 0px;
  text-transform: capitalize;
  background-image: url("/imgs/arrow-down.png");
  background-size: 10%;
  background-position: 90% center;
  background-repeat: no-repeat;
}
body fieldset .cat-banner-expiration {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #ccc;
}
@media (max-width: 767px) {
  body fieldset + .call_out {
    display: none;
  }
}
body .call_out {
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #fff;
  margin-left: 20px !important;
  margin-right: 20px !important;
}
@media (max-width: 550px) {
  body .call_out {
    margin-top: 20px;
  }
}
body .call_out .link_button {
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
}
body .call_out a {
  color: #003366;
}
body.mobile .call_out {
  display: none;
}
body.mobile .mobile-only .call_out, body.mobile .mobile-only {
  display: block;
}
body #purchase-ads .call_out {
  margin: 0px !important;
  margin-bottom: 20px !important;
}
body .admin-checkbox,
body .link_button {
  bottom: 0px;
  right: 0px;
  border-radius: 50px;
  margin: auto;
  width: 100%;
  white-space: nowrap;
}
body .admin-checkbox + input[type=file],
body .link_button + input[type=file] {
  visibility: hidden;
  position: absolute;
}
body #content .radio [type=checkbox],
body #content .checkbox [type=checkbox] {
  position: absolute;
  opacity: 0;
}
body #content .radio [type=checkbox]:checked + label,
body #content .checkbox [type=checkbox]:checked + label {
  color: #fff;
  background-color: #003366;
  text-transform: uppercase;
}
body #content .radio label,
body #content .checkbox label {
  padding: 10px 20px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1254901961);
  color: #f5f5f5;
  text-transform: uppercase;
  border-radius: 5px;
}
body form.styled {
  max-width: 450px;
  margin: auto;
}
body form.styled .title {
  font-size: 24px;
  margin-bottom: 40px;
  text-transform: capitalize;
}
body form.styled .input-group {
  margin-bottom: 20px;
  position: relative;
}
body form.styled .input-group label {
  margin-bottom: 10px;
  margin-left: 3px;
}
body form.styled .input-group input {
  display: block;
  width: 100%;
}
body form.styled .input-group input[type=password], body form.styled .input-group input[type=email], body form.styled .input-group input[type=text] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-radius: 5px;
  width: 100%;
}
body form.styled .input-group input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #003366;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  border: none;
  padding: 10px;
}
body form.styled .input-group textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-radius: 5px;
  width: 100%;
  font-family: inherit;
}
body form.styled .error {
  color: red !important;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 11px;
}
body #social-media .error {
  position: absolute;
  right: 5px;
  top: 10px;
}
body .categories span a {
  font-size: 12px;
  background: none;
  border: 0px;
  padding: 0px;
  margin-right: 10px;
}
body .profile-card {
  margin-bottom: 20px;
}
body .profile-card h5 {
  margin-bottom: 10px;
}
body .profile-card .card {
  box-shadow: 0px 10px 20px #babac6;
}
body .profile-card .card .card-content {
  background-color: white;
  padding: 20px;
}
body .admin-checkbox {
  text-align: center;
  margin: 20px auto;
}
body .button input {
  visibility: hidden;
  position: absolute;
}
body .button label {
  display: inline-block;
  background-color: #eee;
  color: #888;
  cursor: pointer;
  padding: 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin-right: 20px;
  text-align: center;
}
body .button :checked + label {
  background-color: #003366;
  color: #fff;
  font-weight: bold;
}
body .mobile-only {
  display: none;
}
@media (max-width: 767px) {
  body .mobile-only {
    display: block;
  }
}
body .mobile-only .call_out {
  margin-top: 20px;
}
body .buy-button input {
  display: block;
  width: 100%;
}
body .buy-button input.add_to_cart {
  background-color: #003366;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0px;
  color: white;
  padding: 10px;
  border-radius: 3px;
}
body .buy-button div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: flex-start;
}
body .buy-button div input {
  margin-left: 10px;
}
body #cart {
  display: none;
  position: fixed;
  left: 40px;
  bottom: 0px;
  right: 40px;
  padding: 10px;
  z-index: 90;
  background-color: rgba(0, 0, 0, 0.5);
}
body #cart-button {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 20px;
  z-index: 95;
  border: solid 1px #ccc;
  padding: 10px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 21px;
  width: 40px;
  height: 40px;
}

:root {
  font-size: 14px;
}

body {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: white;
  transition: opacity 0.8s ease;
  top: 0px !important;
  line-height: 1.4;
  /* @group General Layout */
  /* @end */
  /* @group Home	 */
  /* @end */
  /* @group Register/Login Form */
  /*.admin #categories > label:hover,*/
  /* @end */
  /* @group Profile */
  /* @end */
  /* @end */
  /* @group Coupon Module */
  /* @end */
  /* @group Business card module */
  /* @end */
  /* @group Footer */
}
body:not(.coming-soon) {
  opacity: 0;
}
body p {
  line-height: 1.4;
}
body.body-loaded {
  opacity: 1;
}
body.close-animation {
  opacity: 0;
}
body * {
  -webkit-overflow-scrolling: touch;
}
body.modal_open {
  overflow: hidden;
}
body #loader {
  display: none;
  width: 80px;
  height: 80px;
  position: fixed;
  margin: auto;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999;
  box-shadow: 0 0 25px #000;
  border-radius: 50%;
  overflow: hidden;
  border: solid 10px #003366;
}
body pre {
  font-size: 12px;
  margin: 20px;
}
body .color_green {
  color: green;
}
body .color_blue {
  color: #003366;
}
body .bootstrap-iso .btn-primary {
  background-color: #003366;
  border: 0px;
}
@media (max-width: 550px) {
  body .bootstrap-iso .btn-primary {
    font-size: 12px;
  }
}
body .bootstrap-iso .btn-block {
  display: block;
}
body.mobile-.standalone nav {
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  top: 0px;
}
body.mobile-.standalone nav #app-install {
  display: none;
}
body .business-name {
  text-transform: capitalize !important;
}
body nav {
  position: fixed;
  position: sticky;
  top: 0px;
  width: 100%;
  background-color: #fff;
  z-index: 90;
  margin-bottom: 10px;
}
body nav a#cart-icon {
  position: relative;
}
body nav a#cart-icon span {
  display: none;
  background-color: red;
  border: solid 1px #fff;
  position: absolute;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  right: -5px;
  top: -5px;
}
body nav:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
  top: 100%;
}
body nav .nav-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px;
  margin: auto;
  max-width: 1200px;
}
body nav .nav-logo > div {
  margin-right: 15px;
}
body nav .nav-logo > div a {
  margin: 0px 5px;
}
body nav #menu-icon {
  font-size: 21px;
  color: #003366;
  z-index: 999999;
}
body nav h1 {
  margin: 0px;
  text-align: left;
  padding-left: 10px;
}
body nav h1 a {
  position: relative;
  display: block;
  margin: 0px;
}
body nav h1 a img {
  margin: auto;
  height: 30px;
}
body nav #install-app {
  border: solid 1px #003366;
  border-radius: 3px;
  padding: 6px 15px;
  background-color: #003366;
  color: white !important;
}
body nav #install-app:hover {
  background-color: white;
  color: #003366 !important;
}
body nav #log-in-out a {
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  color: #003366;
}
body nav #log-in-out a i {
  font-size: 21px;
  vertical-align: middle;
}
body nav #log-in-out a + a + a i {
  font-size: 17px;
}
body nav #nav-select {
  width: 100%;
  overflow: hidden;
  height: 45px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-width: 1px 0px;
  position: relative;
}
body nav #nav-select #scroll {
  display: flex;
  overflow-x: scroll;
  padding-bottom: 40px;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
body nav #nav-select #scroll a {
  color: #003366;
  margin-left: 15px;
  padding-right: 10px;
  white-space: nowrap;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
body #cart-container {
  position: fixed;
  left: 100%;
  overflow: auto;
  bottom: 0px;
  background-color: #fff;
  transition: all 0.25s linear;
  z-index: 9999;
  opacity: 0;
  border-left: solid 1px #ccc;
  width: 100%;
  max-width: 300px;
}
body #cart-container .cart-business-logo {
  width: 30px;
  height: 30px;
  display: inline;
  border-radius: 1000px;
}
body #cart-container #cart-items {
  margin-bottom: 30px;
}
body #cart-container .cart-group + .cart-group {
  border-top: solid 4px #eeeeee;
  padding-top: 1rem;
}
body #cart-container .cart-group .h6 a {
  color: #003366;
  text-decoration: none;
}
body #cart-container .cart-item {
  position: relative;
}
body #cart-container .cart-item + .cart-item {
  border-top: solid 1px #eee;
  padding-top: 1rem;
}
body #cart-container .cart-item + .cart-item .remove_item {
  top: 34px;
}
body #cart-container .cart-item input {
  width: inherit;
}
body #cart-container .cart-item span.remove_item {
  position: absolute;
  right: 100%;
  top: 18px;
  height: 7px;
  width: 7px;
  line-height: 0;
  padding: 0px;
  margin: 0px;
}
body #cart-container .cart-item img {
  border: solid 1px #eee;
}
body #cart-container .cart-item .cart_order_item_list {
  list-style: none;
  margin: 10px 0px;
}
body #cart-container .cart-item .cart_order_item_list li {
  border-bottom: dashed 1px #999999;
  padding: 3px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body #cart-container #cart-checkout {
  position: relative;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #eee;
}
body #cart-container.open {
  opacity: 1;
  transform: translateX(-100%);
}
body #cart-container.open + .toggle-cart {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 125px;
  z-index: 90;
}
body.iPhone .home.banner {
  margin-top: 90px;
}
body.holiday .nav-logo h1 a:after {
  content: "";
  background-size: contain;
  position: absolute;
  top: 0px;
  left: calc(100% - 3px);
  padding: 8px;
}
body.holiday .nav-logo h1 a.valentines:after {
  background-image: url("/imgs/local-logo-hearts.png");
}
body.holiday .nav-logo h1 a.cincodemayo:after {
  background-image: url("/imgs/local-logo-cinco-de-mayo.png");
}
body.holiday .nav-logo h1 a.halloween:after {
  background-image: url("/imgs/local-logo-halloween.png");
}
body.holiday .home-banner a.banner-logo.holiday:after {
  content: "";
  background-size: contain;
  position: absolute;
  top: 0px;
  left: calc(100% - 5px);
  padding: 20px;
}
body.holiday .home-banner a.banner-logo.holiday.valentines:after {
  background-image: url("/imgs/local-logo-hearts.png");
}
body.holiday .home-banner a.banner-logo.holiday.cincodemayo:after {
  background-image: url("/imgs/local-logo-cinco-de-mayo.png");
}
body.holiday .home-banner a.banner-logo.holiday.halloween:after {
  background-image: url("/imgs/local-logo-halloween.png");
}
body .home-banner {
  margin: 10px auto;
  overflow: hidden;
  margin-bottom: 20px;
}
body .home-banner span {
  font-size: 21px;
}
body .home-banner #background-map {
  background-image: url("../templates/comingsoon/images/coming-soon-cicero.jpg");
  background-position: center bottom;
  background-size: cover;
  padding: 50px 20px;
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  border: solid 1px #ccc;
}
body .home-banner #background-map .cat-dropdown {
  position: relative;
  margin-top: 30px;
  display: inline-block;
  width: initial;
}
body .home-banner #background-map .cat-dropdown i {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  height: 20px;
  width: 40px;
  font-size: 21px;
  color: #fff;
}
body .home-banner #background-map a {
  display: block;
  position: relative;
}
@media (max-width: 550px) {
  body .home-banner #background-map a {
    max-width: 90%;
    margin: auto;
  }
}
body .home-banner #background-map select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px;
  border-radius: 5px;
  padding-right: 40px;
  background-color: #003366;
  color: #fff;
  text-transform: capitalize;
}
@media screen and (max-width: 600px) {
  body .home-banner #background-map {
    padding: 50px 20px;
  }
}
body .home-banner #content-container {
  max-width: 400px;
  text-align: center;
  width: 100%;
}
body .home-banner #slogan svg {
  width: 100%;
  height: auto;
}
body .home-banner #nav-select {
  margin-top: 40px;
  width: 100%;
}
body #nav-select {
  position: relative;
  /*max-width: 300px;
  margin: 10px auto;*/
  width: calc(100% - 290px);
}
body #page-container {
  flex-grow: 1;
  max-width: 99.9%;
}
body #content {
  padding: 0px 0px 40px;
  margin: auto;
}
body.mobile-.standalone > #content, body.mobile-.standalone #page-container {
  margin-top: 0px;
}
body.mobile-.standalone.profile #page-container, body.mobile-.standalone.edit-profile #page-container {
  margin-top: 0px;
}
body #content.admin-form {
  margin-top: 100px;
}
body.iPhone #content {
  /* margin-top: 150px!important; */
}
body.register #content, body.logged-in #content {
  margin-top: 0px;
}
body.edit-profile.mobile- #content.admin-form, body.register.mobile- #content.admin-form {
  height: inherit;
}
body.mobile- #content.admin-form {
  margin-top: 0px;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
body.mobile- #content.admin-form .site-width {
  width: 100%;
}
body .plain-page {
  margin-top: 30px !important;
}
body .plain-page h3 {
  margin-bottom: 10px;
}
body .plain-page .instructions {
  margin-left: 20px;
}
body .plain-page .instructions ol {
  margin-left: 40px;
  line-height: 2;
}
body .plain-page #page-install-app.CS {
  align-items: center;
  justify-content: center;
}
@media (max-width: 550px) {
  body .plain-page #page-install-app img {
    max-width: 250px;
    margin: auto;
  }
}
body #form-title,
body #page-title {
  font-size: 21px;
  text-transform: capitalize;
}
@media (max-width: 550px) {
  body #form-title {
    text-align: left;
    font-size: 18px;
  }
}
body #slider {
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: -20px;
}
body.home .row {
  /* border-bottom: 1px solid $eee; */
  padding-bottom: 30px;
}
body.home .bg-color + .bg-color {
  margin-top: 40px;
}
body.home .bg-color .row {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
body.home #all {
  padding-top: 50px;
}
body.home #popular .business-card:nth-child(1) .visits span:before {
  content: "Most ";
}
body.home #popular .business-card:nth-child(2) .visits span:before {
  content: "Middle-Most ";
}
body.home #popular .business-card:nth-child(3) .visits span:before {
  content: "Least ";
}
body.home #popular .business-card .visits span:before {
  display: none;
}
body.home.es #popular .business-card:nth-child(1) .visits span:after {
  content: " Mas Altas ";
}
body.home.es #popular .business-card:nth-child(2) .visits span:after {
  content: " Promedio ";
}
body.home.es #popular .business-card:nth-child(3) .visits span:after {
  content: " Mas Bajas ";
}
body #slider .slick-list {
  width: 90%;
  overflow: visible !important;
  margin: auto;
}
body #slider .slick-slide {
  box-sizing: border-box;
  /* padding: 0px 10px; */
  outline: none;
}
body #slider .slick-dots {
  bottom: 0px;
}
body #slider .slick-list {
  width: 100%;
  max-width: 1200px;
}
body #slider.single-slide .slick-slide {
  padding: 0px;
}
@media screen and (max-width: 550px) {
  body #slider.single-slide .slick-list {
    width: inherit;
  }
  body #slider.single-slide .slick-slide {
    padding: 0px 0px;
  }
}
body.admin {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,f0f2f5+100 */
}
body.admin #welcome-admin {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 15px 0px;
}
body.admin #welcome-logo {
  max-width: 100px;
  border: solid 3px #fff;
  overflow: hidden;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1254901961);
}
body.admin #title-visits {
  flex-grow: 2;
}
body.admin.mobile #welcome-logox {
  float: left;
  margin-right: 10px;
  margin-left: 15px;
}
body.admin #logout {
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 20px 0px;
}
body.admin #stats {
  justify-content: center;
}
body.admin #stats h5 {
  color: #999999;
}
body.admin #back-to-edit {
  margin-bottom: 20px;
}
body.admin .checkbox {
  align-items: center;
}
body.admin #content .form.form-admin {
  max-width: 1000px;
  width: 100%;
}
body.admin #content .form.form-admin fieldset {
  border: 0px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-radius: 3px;
  background-color: transparent;
  margin-bottom: 0px;
  box-shadow: none;
}
body.admin #content .form.form-admin fieldset .legend {
  text-transform: uppercase;
  padding: 15px 0px 15px;
  background-color: transparent;
}
body.admin #content .form.form-admin fieldset .legend .toggle-fieldset {
  flex-grow: 1;
}
body.admin #content .form.form-admin .side {
  min-width: 200px;
  position: relative;
  display: none !important;
}
body.admin #content .form.form-admin .side #admin-nav {
  display: flex;
  margin-bottom: 30px;
  list-style: none;
  justify-content: center;
}
body.admin #content .form.form-admin .side #admin-nav li {
  margin: 0px 7px;
  position: relative;
  border-bottom: solid 2px rgba(0, 0, 0, 0.1254901961);
  padding: 0px 5px 5px;
  cursor: pointer;
}
body.admin #content .form.form-admin .side #admin-nav li:hover {
  border-bottom-color: #003366;
  color: #003366;
}
body.admin #content .form.form-admin .side #admin-nav li * {
  text-align: center;
  display: block;
  text-decoration: none;
  text-transform: capitalize;
}
body.admin #content .form.form-admin .side #admin-nav li i {
  font-size: 21px;
  margin-bottom: 10px;
}
body.admin #content .form.form-admin .side #admin-nav li:last-child {
  border-bottom-color: #6b4141;
}
body.admin #content .form.form-admin #daily-deals .input-group:not(.bs) {
  margin-bottom: 0px;
}
body.admin #content .form.form-admin .repeat-item:not(.update) {
  position: relative;
}
body.admin #content .form.form-admin .repeat-item:not(.update):first-child .repeat-remove {
  display: none;
}
body.admin #content .form.form-admin .repeat-item:not(.update) + .repeat-item {
  border-top: solid 5px #eee;
  padding-top: 20px;
  margin-top: 20px;
}
body.admin #content .form.form-admin .repeat-item:not(.update) .image-upload-label.size-error {
  background-color: red;
}
body.admin #content .form.form-admin .repeat-item:not(.update) .image-upload-label + input[type=file] {
  visibility: hidden;
  position: absolute;
}
body.admin #content .form.form-admin div:not(#cards) .special + .special {
  border-top: solid 1px #eeeeee;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer-handle {
  display: flex;
  padding: 0px 0px 0px;
  align-items: center;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer-handle > i {
  margin-right: 10px;
  font-size: 15px;
  color: #003366;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer-handle .special-title {
  flex-grow: 1;
  margin-bottom: 0px;
  cursor: pointer;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer-handle .icon {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.1254901961);
  background-color: transparent;
  cursor: move;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer-handle .icon:hover {
  color: #666666;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer {
  padding: 0px;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content {
  margin: 15px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label {
  width: 100%;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label div {
  margin-bottom: 10px;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-image {
  max-width: 250px;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-image img {
  margin: auto;
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-description {
  width: calc(100% - 270px);
}
body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-description textarea {
  height: 300px;
}
@media (max-width: 550px) {
  body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-image, body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-description {
    width: 100%;
    max-width: initial;
  }
  body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-image img, body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-description img {
    width: 50%;
  }
  body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-image textarea, body.admin #content .form.form-admin div:not(#cards) .special .drawer .drawer-content label.special-description textarea {
    height: 200px;
  }
}
body.admin #content .form.form-admin #cards .card.item {
  min-width: 260px;
}
body.admin #content .form.form-admin #cards + .special {
  border-top: solid 1px #eeeeee;
}
body.admin #content .form.form-admin #cards .drawer-handle {
  display: flex;
  padding: 0px 0px 0px;
  align-items: center;
}
body.admin #content .form.form-admin #cards .drawer-handle > i {
  margin-right: 10px;
  font-size: 15px;
  color: #003366;
}
body.admin #content .form.form-admin #cards .drawer-handle .special-title {
  flex-grow: 1;
  margin-bottom: 0px;
  cursor: pointer;
}
body.admin #content .form.form-admin #cards .drawer-handle .icon {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.1254901961);
  background-color: transparent;
  cursor: move;
}
body.admin #content .form.form-admin #cards .drawer-handle .icon:hover {
  color: #666666;
}
body.admin #content .form.form-admin #cards label {
  display: block;
}
body.admin #content .form.form-admin #cards label .image-controls > input {
  opacity: 0;
  position: absolute;
  width: 0px;
  height: 0px;
}
body.admin #content .form.form-admin #cards label .image-controls .CS {
  align-items: center;
  margin: 10px 10px 0px !important;
  padding: 0px !important;
}
body.admin #content .form.form-admin #cards label .image-controls .CS > * {
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}
body.admin #content .form.form-admin #cards label .image-controls .CS > * .link_button {
  margin: 0px;
}
body.admin #content .form.form-admin #cards label.special-image {
  margin: 0px;
}
body.admin #content .form.form-admin #cards label.special-image img {
  margin: auto;
}
body.admin #content .form.form-admin #cards label + label {
  margin: 10px 10px 0px;
}
body.admin #content .form.form-admin #cards .card-controls {
  text-align: center;
  margin: 0px !important;
  margin-top: 10px !important;
  padding: 0px;
}
body.admin #content .form.form-admin .row-display .input-group:not(.bs) {
  display: flex;
  align-items: center;
}
body.admin #content .form.form-admin .row-display .input-group:not(.bs) label {
  width: 100px;
  min-width: 100px;
  white-space: nowrap;
  margin: 0px;
  position: relative;
}
body.admin #content .form.form-admin .row-display .input-group:not(.bs) label i {
  vertical-align: middle;
  margin-right: 5px;
}
body.admin #content .form.form-admin .row-display .input-group:not(.bs) label .error {
  position: absolute;
  top: 100%;
  font-size: 13px;
  left: 0px;
}
body.admin #content .form.form-admin .row-display .input-group:not(.bs) input {
  flex-grow: 1;
}
@media (max-width: 415px) {
  body.admin #content .form.form-admin .row-display .input-group:not(.bs) {
    flex-direction: column;
  }
  body.admin #content .form.form-admin .row-display .input-group:not(.bs) label, body.admin #content .form.form-admin .row-display .input-group:not(.bs) input {
    flex-grow: 2;
    width: 100% !important;
    margin-bottom: 5px;
  }
}
body.admin #content .form.form-admin #account-settings .input-group:not(.bs) label {
  width: 230px;
}
@media screen and (max-width: 550px) {
  body.admin #content .form.form-admin .side #admin-nav {
    position: relative;
    margin-bottom: 20px;
    flex-wrap: wrap;
    padding: 0px;
  }
  body.admin #content .form.form-admin .side #admin-nav li {
    margin-bottom: 20px;
  }
  body.admin #content .form.form-admin .side #admin-nav li i {
    font-size: 12px;
  }
  body.admin #content .form.form-admin .side #admin-nav li span {
    font-size: 12px;
  }
}
@media (max-width: 550px) {
  body.admin .form-submit button {
    width: 100%;
  }
}
body.admin #table-container {
  overflow: scroll;
}
body.admin #myTable .checked {
  text-align: center;
  color: red;
  vertical-align: middle;
}
body.admin #myTable .redeemed {
  background: aliceblue;
}
body.admin #myTable td .code {
  white-space: nowrap;
}
body.admin #myTable .col-product-name {
  width: 68%;
  min-width: 300px;
}
body.admin #myTable .col-checkboxes {
  width: 12%;
  min-width: 70px;
}
body.admin #grid-container {
  display: grid;
  grid-template-columns: auto auto max-content;
  background-color: #fff;
}
body.admin #grid-container div {
  border: solid 1px #eee;
  padding: 5px;
}
body.admin #grid-container .header {
  font-weight: bold;
  text-transform: capitalize;
}
body.admin #grid-container .deal-name {
  font-size: 14px;
  color: #003366;
}
body.admin #grid-container .product-info {
  display: grid;
  grid-template-columns: auto max-content max-content;
}
@media (max-width: 650px) {
  body.admin #grid-container {
    font-size: 12px;
    grid-template-columns: auto;
  }
  body.admin #grid-container .header {
    font-size: 14px;
  }
  body.admin #grid-container .col-date {
    border-bottom-width: 15px !important;
    border-bottom-color: #e2eaf2;
  }
}
body.admin .add-button {
  background-color: #f5f5f5;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  color: rgba(0, 0, 0, 0.1254901961);
  font-size: 28px;
  cursor: pointer;
}
body.admin .local-modal {
  position: fixed;
  bottom: initial;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 600px;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 100%;
  background-color: #fff;
  z-index: 999;
  border: solid 1px #ccc;
  padding: 15px;
  border-radius: 15px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  transition: all 0.5s ease-in-out;
  padding-bottom: 40px;
}
body.admin .local-modal.active {
  top: 12%;
  bottom: 0;
  box-shadow: 0px 0px 15px #666;
}
body.admin .local-modal .color_swatch input {
  padding: 0px !important;
  width: 40px !important;
  height: 30px !important;
}
body.admin .local-modal select {
  width: 100%;
  padding: 5px;
}
body.admin .local-modal div:has(.doop-it) {
  margin-bottom: 10px;
  align-items: center;
}
body.admin .local-modal div:has(.doop-it) label {
  margin-bottom: 0px !important;
}
body.admin .local-modal .mb-4.pb-3 {
  border-bottom: solid 1px #ccc;
}
body.admin .local-modal .doop-it {
  background: #003366;
  padding: 5px 8px;
  border-radius: 5px;
  color: white;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-left: 10px;
}
body.admin .local-modal .input-group:has(.form-check-input) .doop-it,
body.admin .local-modal .input-group:has(.form-check-input) select,
body.admin .local-modal .input-group:has(.form-check-input) .doop-item-container {
  display: none;
}
body.admin .local-modal .input-group:has(.form-check-input:checked) .doop-it,
body.admin .local-modal .input-group:has(.form-check-input:checked) select,
body.admin .local-modal .input-group:has(.form-check-input:checked) .doop-item-container {
  display: block;
}
body.admin .local-modal .input-group label:not(.image-upload-label) {
  width: 100%;
  display: flex !important;
  justify-content: space-between;
}
body.admin .local-modal .doop-item-container {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
body.admin .local-modal .doop-item-container .doop-item {
  position: relative;
  gap: 5px;
}
body.admin .local-modal .doop-item-container .doop-item .delete-btn {
  position: absolute;
  background: white;
  border: solid 1px #ccc;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  padding: 10px;
  text-align: center;
  line-height: 0;
  right: -10px;
  z-index: 9;
}
body.admin.Android #content .form.form-admin .side-----, body.admin.iPhone #content .form.form-admin .side----- {
  z-index: 999;
  position: fixed;
  bottom: 68px;
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: hidden;
  max-height: 30px;
}
body.admin.Android #content .form.form-admin .side----- #admin-nav, body.admin.iPhone #content .form.form-admin .side----- #admin-nav {
  list-style: none;
  padding: 0px;
  display: flex;
  border: 1px solid #eeeeee;
  flex-wrap: nowrap;
  margin-bottom: 0px;
  overflow: scroll;
  padding-bottom: 50px;
  justify-content: flex-start;
  align-items: flex-start;
}
body.admin.Android #content .form.form-admin .side----- #admin-nav li, body.admin.iPhone #content .form.form-admin .side----- #admin-nav li {
  width: initial;
  text-align: center;
  font-size: 1px;
  cursor: pointer;
  color: #003366;
  border: none;
  margin: 0px;
  padding: 5px 10px;
  white-space: nowrap;
}
body.admin.Android #content .form.form-admin .side----- #admin-nav li i, body.admin.iPhone #content .form.form-admin .side----- #admin-nav li i {
  display: inline;
  font-size: 14px;
  vertical-align: middle;
}
body.admin.Android #content .form.form-admin .side----- #admin-nav li span, body.admin.iPhone #content .form.form-admin .side----- #admin-nav li span {
  font-size: 12px;
  display: inline;
  vertical-align: middle;
  padding-left: 5px;
}
body.admin.Android #content .form.form-admin .side----- #admin-nav li a, body.admin.iPhone #content .form.form-admin .side----- #admin-nav li a {
  text-decoration: none;
}
body.admin.Android #content .form.form-admin .side----- #admin-nav li + li, body.admin.iPhone #content .form.form-admin .side----- #admin-nav li + li {
  border-left: 1px solid #eeeeee;
}
body.admin.Android #content form > #admin-form-container > fieldset > .fields, body.admin.iPhone #content form > #admin-form-container > fieldset > .fields {
  display: none;
}
body.admin.Android #content form > #admin-form-container > fieldset > .fields fieldset, body.admin.iPhone #content form > #admin-form-container > fieldset > .fields fieldset {
  margin-bottom: 10px;
}
body.admin.Android footer, body.admin.iPhone footer {
  padding-bottom: 100px;
}
body [action="/register"] .fields {
  display: block !important;
}
body .accordion {
  margin: 20px 0px;
}
body .accordion h2 {
  margin-bottom: 0px !important;
}
body .modals {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 999;
  visibility: hidden;
  transition: all 0.5s ease;
  opacity: 0;
}
body .modals.active {
  opacity: 1;
  visibility: visible;
}
body .modals .default-logo {
  aspect-ratio: 1.618/1;
  -o-object-fit: cover;
     object-fit: cover;
}
body.public .local-modal {
  position: fixed;
  max-width: 600px;
  overflow-y: scroll;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  top: 100%;
  background-color: #fff;
  z-index: 999;
  border: solid 1px #ccc;
  padding: 15px;
  border-radius: 15px;
  transition: all 0.5s ease-in-out;
  z-index: 999;
  opacity: 0;
  bottom: initial;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 40px;
}
body.public .local-modal.active {
  top: 12%;
  box-shadow: 0px 0px 15px #666;
  opacity: 1;
  bottom: 0;
}
body.public .local-modal .open-close-modal {
  position: fixed;
  max-width: 630px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  translate: 0 -30px;
  z-index: 999;
}
body.public .local-modal .open-close-modal i {
  font-size: 32px;
  background-color: white;
  border-radius: 100%;
}
body.public .local-modal .text-end h3 b {
  white-space: nowrap;
}
body.public .local-modal .item-attr-title {
  margin-bottom: 10px;
}
body.public .local-modal #color-swatches span {
  border: solid 2px #ccc;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
body.public .local-modal #color-swatches span:has(input:checked) {
  border-color: black;
}
body.public .local-modal #color-swatches span span.space {
  border: solid 3px white;
  width: 46px;
  height: 46px;
}
body.public .local-modal #color-swatches span span.space input {
  visibility: hidden;
  position: absolute;
}
body.public .local-modal #color-swatches span span.space input + label {
  width: 60px;
  height: 60px;
  display: inline-block;
}
body.public .local-modal #color-swatches span span.space input:checked + label {
  border-color: #003366;
}
body.public .local-modal #size_options span {
  border: solid 2px #ccc;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
body.public .local-modal #size_options span:has(input:checked) {
  border-color: black;
}
body.public .local-modal #size_options span input {
  visibility: hidden;
  position: absolute;
}
body.public .local-modal #size_options span input + label {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.public .local-modal #size_options span input:checked + label {
  border-color: #003366;
}
body.public .local-modal #weight_options span,
body.public .local-modal .input_options span {
  border: solid 2px #ccc;
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
body.public .local-modal #weight_options span:has(input:checked),
body.public .local-modal .input_options span:has(input:checked) {
  border-color: black;
}
body.public .local-modal #weight_options span input,
body.public .local-modal .input_options span input {
  visibility: hidden;
  position: absolute;
}
body.public .local-modal #weight_options span input + label,
body.public .local-modal .input_options span input + label {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.public .local-modal #weight_options span input:checked + label,
body.public .local-modal .input_options span input:checked + label {
  border-color: #003366;
}
body.public .local-modal .cart_options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.public .local-modal .cart_option {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.public .local-modal .cart_option + .cart_option {
  margin-top: 5px;
  padding-top: 5px;
  border-top: dashed 1px #ccc;
}
body.public .local-modal .cart_option.__dim_option {
  width: 100%;
}
body.public .local-modal .cart_option.__dim_option label {
  justify-content: center;
}
body.public .local-modal .cart_option input {
  margin: 0px;
  outline: none;
}
body.public .local-modal .cart_option input:focus, body.public .local-modal .cart_option input:checked {
  box-shadow: none;
  border-color: #ccc;
  outline: none !important;
}
body.public .local-modal .cart_option label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-right: 10px;
}
body.public .local-modal .cart_option label b {
  white-space: nowrap;
}
body.public .local-modal .cart_option ._input:checked + label {
  background-color: #003366;
  color: white;
}
body.public .local-modal .cart_option span {
  margin: 0px;
}
body.public .local-modal .slash-price {
  color: red;
  text-decoration: line-through;
  margin-right: 10px;
}
body .open-close-modal {
  cursor: pointer;
}
body.admin nav {
  margin-bottom: 20px;
}
body.admin h2.title {
  text-align: left;
  margin: 30px auto;
  font-size: 32px;
  max-width: 430px;
  line-height: 1;
}
body.admin #content {
  padding: 0px 5px;
}
@media (max-width: 320px) {
  body.admin #content {
    padding: 0px 10px;
  }
}
body.admin.mobile #content {
  padding: 0px 0px;
}
body.admin.mobile #content fieldset {
  padding-left: 10px;
  padding-right: 10px;
}
body.admin.mobile #content fieldset .toggle-fieldset:after {
  content: "\f107";
  right: 10px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
body.admin #content form {
  max-width: 450px;
  margin: auto;
}
body.admin #content form#payment-form {
  max-width: 900px;
  margin: auto;
}
body.admin #content form#payment-form .form-row {
  max-width: 450px;
  margin: auto;
}
body.admin #content fieldset {
  background-color: #fbfbfb;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 2px 0px 0px #fff;
}
body.admin #content .legend {
  font-weight: bold;
  display: block;
  background-color: #f5f5f5;
  color: #003366;
  padding: 10px 15px;
  border-radius: 0px;
  text-transform: capitalize;
}
body.admin #content input:not(.bs) {
  -webkit-appearance: none;
  padding: 10px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  opacity: 1;
  border-radius: 5px;
}
body.admin #content input[type=checkbox]:not(.bs) {
  -webkit-appearance: checkbox;
}
body.admin #content input[type=radio] {
  -webkit-appearance: radio;
  width: 20px;
  height: 20px;
  margin: 0px;
  margin-right: 10px;
  vertical-align: middle;
}
body .input-label {
  position: absolute;
  top: -6px;
  left: 5px;
  background-color: #fff;
  padding: 0px 5px;
  color: #666;
}
body .radios {
  margin: 20px 0px;
}
body .radio-container {
  display: flex !important;
  justify-content: space-between;
}
body .radios input {
  width: initial !important;
  margin-right: 10px;
  opacity: 0 !important;
  position: absolute;
}
body .radio-container span {
  width: 49%;
}
body .radio-container label {
  display: block;
  color: rgba(0, 0, 0, 0.1254901961);
  border: solid 1px #999999;
  background-color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  font-size: 18px;
}
body .radio-container :checked + label {
  color: white;
  background-color: #003366;
  font-weight: bold;
  box-shadow: 0px 0px 5px #888;
}
body .radio-container label i {
  color: rgba(0, 0, 0, 0.1254901961);
  font-size: 16px;
  margin-right: 5px;
}
body .radio-container :checked + label i {
  color: white;
}
body.admin #content .input-group:not(.bs) {
  margin-bottom: 20px;
  position: relative;
}
body.admin #content .input-group:not(.bs) #login-password {
  position: relative;
}
body.admin #content .input-group:not(.bs) #login-password i {
  position: absolute;
  right: 10px;
  top: 0px;
  bottom: 0px;
  height: 20px;
  margin: auto;
  color: #003366;
  font-size: 20px;
}
body.admin .table-striped td {
  white-space: normal;
}
body.admin .table-striped td.striped div {
  margin-left: -7px;
  margin-right: -5px;
}
body.admin .table-striped td.striped div + div {
  margin-top: 3px;
  padding-top: 3px;
}
body.admin .table-striped td.striped p {
  margin-bottom: 0px;
  font-size: 12px;
}
body.admin #content .input-group:not(.bs) > * {
  display: block;
}
body.admin #content .input-group:not(.bs) label {
  margin-bottom: 10px;
  margin-left: 3px;
}
body.admin #content .input-group:not(.bs) input {
  width: 100%;
}
body.admin #content .input-group:not(.bs) textarea {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
  border-radius: 5px;
  padding: 10px;
  outline: none;
  font-size: 14px;
  height: 100px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
body.admin #content .error {
  color: red !important;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 11px;
}
body.admin .text-red {
  color: red;
}
body .success {
  color: green;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
  font-weight: bold;
  width: 80%;
}
body.admin #business-info-fields .input-group:not(.bs) {
  flex-direction: column;
}
body.admin #business-info-fields #business-logo-label {
  display: flex;
}
body.admin #business-info-fields #business-logo-label label {
  flex-grow: 1;
}
body.admin #business-info-fields #business-logo-label i {
  font-size: 21px;
}
body.admin #business-info-fields #business-logo {
  text-align: center;
}
body.admin #business-info-fields #logo-preview {
  max-width: initial;
  margin: auto;
}
body.admin #business-info-fields #ciceroil60804 {
  position: absolute;
  bottom: 1px;
  right: 0px;
  padding: 10px 30px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: rgba(0, 0, 0, 0.1254901961);
  height: 39px;
  min-width: 150px;
}
body.admin #business-info-fields #admin-address {
  display: flex;
}
body.admin #categories input[type=checkbox]:not(.bs) {
  display: none !important;
}
body.admin #categories > label {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  color: #999999;
  display: inline-block !important;
  border-radius: 3px;
  padding: 2px 5px;
  text-transform: capitalize;
}
body.admin #categories input:checked + label {
  background-color: #003366;
  color: #fff;
}
body.admin #categories .input-group:not(.bs) {
  margin-top: 20px;
}
body.admin .special {
  border: 7px dashed #003366;
  border: 0px;
  padding: 15px 0px;
  position: relative;
  clear: both;
}
body.admin .special input {
  margin-bottom: 5px;
}
body.admin .item {
  position: relative;
}
body.admin .item i {
  /*display: none;*/
  font-size: 21px;
  right: -10px;
  border-radius: 100%;
  top: -10px;
  cursor: pointer;
  color: #999999;
}
body.admin .item i.fa-arrows-alt-v {
  cursor: grab;
}
body.admin #content input[type=file] {
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  border-radius: 10px;
  margin: 8px 0px;
  background-color: #fff;
  max-width: 100%;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
}
body.admin button {
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  margin: auto;
  margin-top: 10px;
  margin-right: 20px;
  background-color: #003366;
  color: #fff;
}
body.admin [type=submit] {
  background-color: #003366;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
body.admin #ads input[type=file] {
  margin-top: 0px;
}
body.admin #ads .input-group:not(.bs) + .input-group:not(.bs) {
  border-top: 1px solid rgba(0, 0, 0, 0.1254901961);
  padding-top: 20px;
}
@media (max-width: 767px) {
  body.admin #ads .fields {
    padding-bottom: 30px;
  }
}
body #update-group {
  margin: 0px !important;
  margin-bottom: 0px !important;
  position: fixed !important;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 90;
}
body #update-group .legend.Update,
body #update-group .legend.Save {
  display: none;
}
body #update-group .input-group:not(.bs) {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0px !important;
}
body #update-group .input-group:not(.bs) div input:not(.bs) {
  position: absolute;
}
body #update-group .input-group:not(.bs) .----label {
  display: inline-block;
  background-color: #c5c5c5;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  text-transform: uppercase;
  margin-right: 20px;
  text-align: center;
  margin-bottom: 0px !important;
}
body #update-group .input-group:not(.bs) :checked + .---label {
  background-color: green;
  color: #fff;
  font-weight: bold;
}
body #update-group .input-group:not(.bs) > div button {
  margin: auto;
  padding: 10px;
  font-size: 16px;
}
@media screen and (max-width: 550px) {
  body #update-group .input-group:not(.bs) {
    justify-content: space-between;
  }
  body #update-group .input-group:not(.bs) > div {
    width: 48%;
  }
  body #update-group .input-group:not(.bs) > div label, body #update-group .input-group:not(.bs) > div button {
    width: 100% !important;
    font-size: 12px !important;
    padding: 10px;
    line-height: 1.4;
    margin: 0px !important;
  }
}
body #update-group #publish-control {
  margin-right: 10px;
}
body #update-group #publish-control .form-check {
  position: relative;
  margin-bottom: 0px;
}
body #update-group #publish-control #publish-switch {
  box-shadow: none;
  min-width: 180px;
  height: 39px;
  background-color: #eee;
  margin-top: 0px;
}
body #update-group #publish-control #publish-switch + .toggle-labels {
  text-align: center;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0px;
  white-space: nowrap;
  font-size: 12px;
  height: 13px;
  margin: auto !important;
  width: 100% !important;
  padding: 0px !important;
}
body #update-group #publish-control #publish-switch + .toggle-labels span {
  color: black;
  display: none;
}
body #update-group #publish-control #publish-switch + .toggle-labels span.active {
  display: none;
}
body #update-group #publish-control #publish-switch + .toggle-labels span.not-active {
  display: block;
  color: gray;
  left: initial;
  right: 10px;
  text-align: left;
  text-indent: 35px;
}
body #update-group #publish-control #publish-switch:checked {
  background-color: #003366;
}
body #update-group #publish-control #publish-switch:checked + .toggle-labels span.active {
  display: block;
  color: white;
  text-align: left;
}
body #update-group #publish-control #publish-switch:checked + .toggle-labels span.not-active {
  display: none;
}
body #update-group #publish-control #publish-switch .toggle-labels {
  position: relative;
  top: 0;
  left: 0px;
  color: black;
}
@media (max-width: 550px) {
  body #update-group #publish-control .form-check {
    padding-left: 2.5em;
  }
}
@media screen and (max-width: 950px) {
  body.admin #content #update-group {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    z-index: 10;
  }
  body.admin #content #update-group > .input-group > div {
    width: 100%;
  }
  body.admin #content form {
    width: 100%;
  }
  body.admin #content #update-group .legend {
    display: none;
  }
  body.admin #content #update-group .input-group:not(.bs), body.admin #content #update-group .input-group:not(.bs) button {
    margin: 0px auto;
    background-color: #003366;
    padding: 10px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 5px;
  }
  body.admin.mobile- #content #update-group .input-group:not(.bs), body.admin #content #update-group .input-group:not(.bs) {
    background-color: #fff;
    border-top: 1px solid #eeeeee;
    border-radius: 0px;
    padding: 10px 10px 20px;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
body.profile #content {
  padding-top: 50px;
  max-width: 990px;
}
body.profile #content #main-info {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 760px) {
  body.profile #content #main-info {
    flex-direction: column;
  }
}
body.profile #content #main-info #b-logo {
  width: 38%;
}
body.profile #content #main-info #b-logo img {
  width: 100%;
}
@media screen and (max-width: 760px) {
  body.profile #content #main-info #b-logo {
    width: auto;
    margin: 0px;
    margin-bottom: 20px;
  }
  body.profile #content #main-info #b-logo img {
    width: 100%;
  }
}
body.profile #content #main-info #gen-info {
  width: 60%;
  vertical-align: top;
  display: flex;
}
body.profile #content #main-info #gen-info #information {
  width: 100%;
}
@media screen and (max-width: 760px) {
  body.profile #content #main-info #gen-info {
    width: auto;
  }
}
body.profile #content #information,
body.profile #content #map-container {
  overflow: hidden;
  border: solid 1px #ccc;
  border-radius: 5px;
}
body.profile #content {
  padding-top: 0px;
  max-width: 990px;
}
body.profile #content #main-info {
  display: block;
  justify-content: initial;
}
@media screen and (max-width: 760px) {
  body.profile #content #main-info {
    flex-direction: column;
  }
}
body.profile #content #main-info #b-logo {
  width: 200px;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
  margin-bottom: -50px;
  z-index: 10;
  position: relative;
  border: solid 5px #ffffff;
  box-shadow: 0px 0px 10px #ccc;
}
body.profile #content #main-info #b-logo img {
  width: 100%;
}
@media screen and (max-width: 760px) {
  body.profile #content #main-info #b-logo img {
    width: 100%;
  }
}
body.profile #content #main-info #gen-info {
  width: initial;
  vertical-align: top;
  display: flex;
}
body.profile #content #main-info #gen-info #information {
  text-align: center;
  padding-top: 75px;
  display: flex;
  flex-direction: column;
  margin: auto;
}
body.profile #content #main-info #gen-info #information .business-description {
  max-width: 500px;
  margin: 10px auto 30px;
}
body.profile #content #main-info #gen-info #information #categories {
  max-width: 500px;
  margin: auto;
}
@media screen and (max-width: 760px) {
  body.profile #content #main-info #gen-info {
    width: auto;
  }
}
@media screen and (max-width: 550px) {
  body #deals-info > div {
    margin-bottom: 30px;
  }
}
body #profile > div {
  margin-bottom: 60px;
}
body #information {
  background-color: white;
  padding: 20px;
  box-shadow: 0px 10px 20px #babac6;
}
body .link_button {
  background-color: #003366;
  text-align: center;
  padding: 10px;
  display: block;
  margin-top: 10px;
  text-decoration: none;
  color: #fff;
}
body #profile h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
body #profile #categories {
  margin: 10px 0px;
}
body #profile #views {
  margin: 10px 0px 0px;
  color: #999999;
  font-size: 12px;
}
body #profile #address,
body #profile #city {
  text-transform: uppercase;
}
body #profile #phone,
body #profile #email,
body #profile #website {
  margin: 5px 0px;
}
body .categories span a,
body #profile #categories span a {
  display: inline-block;
  text-decoration: none;
  color: #003366;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: capitalize;
  margin-right: 10px;
  background-color: #f5f5f5;
}
body .categories span a.checked,
body #profile #categories span a.checked {
  color: #555555;
  border-radius: 50px;
  padding: 2px 10px;
}
body #social {
  text-align: center;
  margin-top: 20px;
}
body #social .card-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
body #social .card-content a {
  display: inline-block;
  font-size: 40px;
  margin: 0px 5px;
  color: #003366;
  position: relative;
}
body #social .card-content a.copylink:after {
  content: "Copy Link";
  position: absolute;
  left: -2px;
  top: calc(100% + 2px);
  font-size: 10px;
  white-space: nowrap;
}
body #social .card-content a.copied:after {
  content: "Link Copied!";
  left: -7px;
}
body #social .card-content a img {
  width: 40px;
}
body .categories span a {
  font-size: 12px;
}
@media (max-width: 550px) {
  body .categories span a {
    font-size: 10px;
  }
}
body .section-title {
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
body #profile #description {
  line-height: 1.8;
  margin: 20px 0px;
}
body .profile-info {
  margin-bottom: 20px;
}
body .profile-infos {
  justify-content: center;
}
body #profile .no-content-yet {
  border-radius: 5px;
  padding: 20px;
  background-color: #eeeeee;
  text-align: center;
  margin-bottom: 20px;
}
body #profile .profile-section {
  margin-bottom: 20px;
}
body #profile .profile-section + .profile-section {
  padding-top: 20px;
  border-top: solid 1px rgba(0, 0, 0, 0.1254901961);
}
body #social-profiles h5 {
  margin-bottom: 10px;
}
body #social-profiles div {
  display: flex;
}
body #social-profiles div a i {
  color: #003366;
  font-size: 21px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  body.profile #content {
    padding-top: 0px;
  }
  body #profile > div {
    width: inherit;
    display: block;
    margin-left: 0px;
  }
  body #profile #gen-info {
    display: flex;
    max-width: initial;
    justify-content: space-between;
  }
}
@media (max-width: 500px) {
  body #profile #gen-info {
    flex-direction: column;
  }
  body #profile #gen-info > div {
    width: 100% !important;
    margin-left: 0px !important;
  }
  body .profile-infos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  body .profile-info {
    width: 50%;
    margin-bottom: 20px;
  }
}
body .banner-ad {
  margin: 20px auto;
  max-width: 990px;
}
body .banner-ad .banner-default {
  border: solid 1px #ccc;
}
body .banner-ad .banner-default a {
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 550px) {
  body .banner-ad .banner-default a {
    flex-wrap: wrap;
  }
}
body .banner-ad .banner-default a .banner-logo img {
  width: 100%;
  max-width: 150px;
  width: auto;
}
@media (max-width: 550px) {
  body .banner-ad .banner-default a .banner-logo img {
    max-width: 100%;
  }
}
@media (max-width: 550px) {
  body .banner-ad .banner-default a .banner-logo {
    max-width: 50%;
  }
}
body .banner-ad .banner-default a .banner-info {
  padding: 15px;
  flex-grow: 1;
}
body .banner-ad .banner-default a .banner-info h3 {
  text-transform: capitalize;
}
@media (max-width: 550px) {
  body .banner-ad .banner-default a .banner-info {
    max-width: 50%;
  }
  body .banner-ad .banner-default a .banner-info h3 {
    line-height: 1.2 !important;
  }
}
body .banner-ad .banner-default a .banner-cta {
  text-align: center;
  padding: 10px;
}
body .banner-ad .banner-default a .banner-cta .link_button {
  background-color: #003366;
  text-align: center;
  padding: 10px;
  color: white;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 550px) {
  body .banner-ad .banner-default a .banner-cta .link_button {
    margin: 0px;
    border-radius: 0px;
  }
}
@media (max-width: 550px) {
  body .banner-ad .banner-default a .banner-cta {
    width: 100%;
    padding: 0px;
  }
}
@media (max-width: 550px) {
  body .banner-ad .banner-default {
    margin: 0px 0px;
    border-radius: 10px;
    overflow: hidden;
  }
}
body .special {
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
}
body .special label {
  margin-bottom: 10px;
  display: block;
}
body .special.today .margin {
  display: flex;
  flex-direction: column;
}
body .special.today .margin p {
  flex-grow: 2;
}
body .special.other-day .day-description {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body .special.other-day .day-description .margin {
  position: relative;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body .special.other-day .day-description .margin p {
  flex-grow: 2;
}
body .special.new-item .trash-new {
  text-align: right;
  padding-top: 0px;
  width: 100%;
  margin-bottom: 10px;
}
body #daily_specials {
  scroll-snap-align: start;
  scroll-margin-top: 120px;
}
body #daily_specials .daily-specials-title {
  margin: 20px 0px;
  font-weight: bold;
}
body #daily_specials .special {
  margin-bottom: 15px;
}
body .special.today {
  background-color: #e2eaf2;
}
body .special.today .special-title {
  text-align: center;
  color: #003366;
}
body .special.today .day-description > div {
  margin-bottom: 0px;
}
body .special .day-description .margin {
  padding: 15px;
}
body #other-days .special {
  margin-bottom: 15px;
}
body .day {
  text-align: center;
  background-color: #003366;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px !important;
}
body .special-title {
  font-weight: bold;
  margin-bottom: 10px;
}
body .coupon .margin a {
  text-decoration: none;
}
@media (max-width: 550px) {
  body .item-count {
    visibility: visible;
  }
}
body:not(.mobile) #admin-form-container fieldset {
  border: solid 1px rgba(0, 0, 0, 0.1254901961) !important;
  background-color: white !important;
  padding: 20px;
  margin-bottom: 20px !important;
}
body:not(.mobile) #admin-form-container fieldset#update-group {
  margin-bottom: 0px !important;
}
body #dollar_deals {
  scroll-snap-align: start;
  scroll-margin-top: 120px;
}
body #dollar_deals h5 {
  position: relative;
}
body #dollar_deals h5 i.fas {
  position: absolute;
  right: 0;
}
body [data-info] {
  display: none;
}
body #coupons {
  justify-content: flex-start !important;
}
body .coupon {
  border: 3px dashed rgba(0, 0, 0, 0.1254901961);
}
body .coupon img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
body .coupon .margin {
  margin: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 33px;
}
body .coupon .coupon-desc {
  margin: 5px 0px 20px;
  flex-grow: 2;
  font-size: 12px;
}
body .coupon .image-prices {
  position: relative;
}
body .coupon .image-prices .bootstrap-iso.prices {
  position: absolute;
  bottom: 0px;
  margin: auto;
  left: 0;
  right: 0;
  margin-bottom: -23px;
}
body .coupon .image-prices .bootstrap-iso .row {
  padding-bottom: 0px !important;
  justify-content: center;
}
body .coupon .image-prices .bootstrap-iso .row.justify-content-center .col-5:nth-child(1) {
  visibility: hidden;
  position: absolute;
}
body .coupon .image-prices .bootstrap-iso .col-5 {
  text-align: center;
  color: #003366;
  font-size: 12px;
}
body .coupon .image-prices .bootstrap-iso .col-5:nth-child(1) div {
  background: #e2eaf2;
  color: #555555;
  text-decoration: line-through;
}
@media (max-width: 550px) {
  body .coupon h6 {
    font-size: 12px;
  }
}
body .coupon .coupon-price {
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
  background-color: #003366;
  color: #fff;
  padding: 5px;
  border-radius: 500px;
  width: 80px;
  text-align: center;
  margin: 0px auto 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: solid 2px white;
  box-shadow: 0px 2px 5px #666;
}
body .coupon .coupon-price.home-coupon-price {
  margin-top: -50px;
}
body .coupon .coupon-price.line-through {
  text-decoration: line-through;
  background-color: #999;
}
body .coupon .coupon-title {
  text-transform: capitalize;
  margin-top: 0px;
  margin-bottom: 5px;
  line-height: 1;
}
body .coupon .coupon-title a {
  text-decoration: none;
}
@media (max-width: 550px) {
  body .coupon .coupon-title a {
    font-size: 14px;
  }
}
body .coupon .btn {
  border-radius: 150px !important;
}
body .product_add_to_cart .item-quantity {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
body .product_add_to_cart .item-quantity .number-control {
  position: absolute;
  background-color: #e2eaf2;
  border-radius: 3px;
  top: 1px;
  left: 1px;
  bottom: 1px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding-bottom: 3px;
  cursor: pointer;
}
body .product_add_to_cart .item-quantity .number-control.plus {
  left: initial;
  right: 1px;
}
body .product_add_to_cart .item_quantity {
  border-radius: 5px;
  border: solid 1px #ccc;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
body .product_add_to_cart small {
  font-size: 10px;
  color: #666;
}
body .product_add_to_cart .add_to_cart {
  width: 100%;
}
body .profile-card .coupon {
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
}
body .profile-card .coupon .margin {
  padding: 15px;
  margin: 0px;
  padding-top: 30px;
}
body .coupon-price {
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
}
body .coupon-price + span {
  white-space: nowrap;
  display: block;
  text-align: center;
  font-size: 12px;
}
body .coupon-title {
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1;
}
body #cart-checkout {
  padding: 10px;
  background: #eee;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-radius: 10px;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
}
body #cart-checkout.ready---- {
  top: calc(100% - 55px);
  bottom: auto;
  box-shadow: 0px 0px 10px #999999;
}
body #cart-checkout.open---- {
  top: auto;
  bottom: 0px;
}
body .hider.site-width {
  padding: 0px;
  max-width: 100vw;
  width: initial !important;
}
@media (max-width: 790px) {
  body .hider.site-width {
    overflow: hidden;
    padding: 0px;
    margin: 0px -10px;
  }
}
body .hider.site-width .CS,
body .hider.site-width .business-cards {
  scroll-snap-type: x mandatory;
}
@media (max-width: 790px) {
  body .hider.site-width .CS,
  body .hider.site-width .business-cards {
    overflow: hidden;
    overflow-x: auto;
    flex-wrap: nowrap;
    margin-bottom: -85px;
    padding-bottom: 100px;
    padding-left: 10px;
  }
  body .hider.site-width .CS:after,
  body .hider.site-width .business-cards:after {
    content: "";
    width: 1px;
    height: 1px;
    min-width: 1px;
    display: block;
  }
}
body .hider.site-width .CS > .card,
body .hider.site-width .CS .business-card,
body .hider.site-width .business-cards > .card,
body .hider.site-width .business-cards .business-card {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: solid 1px #ccc;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  box-shadow: 0px 2px 5px #ccc;
  overflow: hidden;
  scroll-snap-align: center;
  scroll-margin-right: 10px;
}
@media (max-width: 790px) {
  body .hider.site-width .CS > .card,
  body .hider.site-width .CS .business-card,
  body .hider.site-width .business-cards > .card,
  body .hider.site-width .business-cards .business-card {
    margin: 0px;
    margin-right: 10px;
    min-width: 75vw;
    min-width: 200px;
    min-width: 275px;
  }
}
body .hider.site-width.category-group {
  margin-bottom: 20px;
}
body .hider.site-width.category-group .margin {
  margin: 0;
  padding: 15px;
}
@media (max-width: 500px) {
  body #all .business-cards .business-card {
    flex-direction: row;
    min-height: 130px;
  }
  body #all .business-cards .business-card .business-logo {
    width: 33%;
    min-width: 33%;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom: 0px;
  }
  body #all .business-cards .business-card .business-logo a {
    height: 100%;
  }
}
body .business-cards .business-card {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: solid 1px #ccc;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  box-shadow: 0px 2px 5px #ccc;
}
body .business-cards .business-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,f0f2f5+100 */
}
body .business-cards .business-name {
  /*margin-bottom: auto;*/
  text-transform: capitalize;
}
@media (max-width: 550px) {
  body .business-cards .business-name a {
    font-size: 14px;
  }
}
body .business-cards .business-info .categories {
  flex-grow: 2;
  margin-bottom: 5px;
}
@media (max-width: 550px) {
  body .business-cards .business-info .categories {
    margin-left: -3px;
  }
}
body .business-cards .business-info .categories span {
  background: #eee;
  border-radius: 100px;
  padding: 4px 10px 2px;
  padding-bottom: 4px;
  display: inline-block;
  margin-bottom: 5px;
}
body .business-cards .business-info .categories span a {
  color: #555555;
  background-color: transparent;
  padding: 0px;
  margin: 0;
}
body .business-cards > div.none {
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1254901961);
}
body .business-cards > div:before {
  position: absolute;
  padding: 10px;
  box-shadow: 0px 20px 50px #babac6;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 80%;
  bottom: 0px;
  z-index: -1;
}
body .business-cards .business-logo {
  background-color: #003366;
  background-size: cover;
  /*background-color: #DAE5EB;*/
  border-bottom: 1px solid #eeeeee;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body .business-cards .business-logo a {
  display: block;
  height: 0px;
  padding-bottom: 61.8%;
  overflow: hidden;
}
body .business-cards .business-logo img:not(.category) {
  opacity: 0;
}
body .business-cards .business-logo img.category {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/0.681;
  width: 100%;
}
body .business-cards .business-info {
  padding: 15px;
}
body .business-cards h2 {
  margin: 0px !important;
}
body .business-cards h2.thanks {
  margin: 30px 0px !important;
}
body .business-cards h2 a {
  text-decoration: none;
  display: block;
  line-height: 1.2 !important;
}
body .business-cards h3.with-icon {
  padding-left: 50px;
  position: relative;
  padding-top: 5px;
}
body .business-cards h3.with-icon i {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0px;
  margin: auto;
  font-size: 60px;
  height: 60px;
}
body .business-cards .business-card .visits {
  font-size: 12px;
  color: #999999;
}
@media screen and (max-width: 550px) {
  body .business-cards .business-card {
    margin-bottom: 20px;
  }
}
body.terms-conditions #page-container #content {
  padding-top: 30px;
}
body.terms-conditions #page-container #content ul, body.terms-conditions #page-container #content ol {
  margin-bottom: 40px;
}
body.error-404 {
  background-color: #eeeeee;
}
body.error-404 .message {
  background-color: #fff;
  border-radius: 8px;
  padding: 40px;
  display: inline-block;
  box-shadow: inset 0px 0px 10px #eeeeee;
  border: solid 1px rgba(0, 0, 0, 0.1254901961);
}
body.error-404 .logo-404 {
  width: 100%;
  max-width: 300px;
  margin: auto;
}
body.error-404 h1 {
  font-size: 10vw;
  text-align: center;
  font-weight: 900;
}
body .footer-hider {
  overflow: hidden;
  height: 80px;
  padding: 20px 0px;
  background-color: #fff;
}
body .footer-hider #footer-logos {
  text-align: center;
  padding: 0px 20px;
  white-space: nowrap;
  padding-bottom: 50px;
  max-width: 100%;
  overflow-x: auto;
}
body .footer-hider #footer-logos div {
  display: inline-block;
}
body .footer-hider #footer-logos div + div {
  margin-left: 20px;
}
body .footer-hider #footer-logos div a img {
  height: 30px;
}
body .footer-container {
  background-color: #f8f8f8;
}
body.logged-in .footer-container {
  padding-bottom: 45px;
}
body footer {
  padding: 40px 0px 50px;
  width: 100%;
  bottom: 0px;
}
body footer img {
  max-width: 200px;
  margin: 0 auto 20px;
}
body footer .categories {
  max-width: 500px;
  margin: auto;
  margin-bottom: 50px;
}
body footer .categories h6 {
  color: #fff;
  margin-bottom: 10px;
}
body footer .categories span a {
  background-color: #fff;
  color: #003366;
}
body footer ul {
  padding: 0px;
  margin: 10px 0px;
}
body footer ul li {
  display: inline-block;
  margin-right: 15px;
}
body footer ul li a {
  text-decoration: none;
}
body footer#register-learn {
  padding: 20px;
}
body .admin footer {
  padding: 40px 0px 100px;
}
body #admin-forms {
  margin: auto;
  max-width: 900px;
}
body #admin-forms #new_business * {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}
body #admin-forms #new_business div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body #admin-forms #new_business div div {
  max-width: 150px;
}
body #admin-forms #new_business div input {
  max-width: 700px;
  margin: auto;
}
body .light-modal {
  --lm-body-bg: #ffffff;
  --lm-close-bg: #003366;
}
body div.light-modal-close-btn:first-child,
body div.light-modal-close-btn:nth-child(2) {
  display: none;
  margin-left: 30px;
}

@media (display-mode: standalone) {
  nav #app-install {
    display: none;
  }
}
.image-upload-label {
  margin-left: 0px !important;
  margin-top: 10px;
}
.image-upload-label.size-error {
  background-color: red !important;
}
.image-upload-label input[type=file],
.image-upload-label + input[type=file] {
  visibility: hidden;
  position: absolute;
}
.image-upload-label i {
  font-size: initial !important;
}

.image-previewer {
  width: 100%;
  max-width: 250px;
}
.image-previewer img {
  border-radius: 5px;
}

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

.repeat-item {
  background: #fff;
}
.repeat-item canvas {
  max-width: 75px;
  border-radius: 5px;
}

.Published-status {
  color: green;
}

.Draft-status {
  color: maroon;
}

#business_hours .day-of-week {
  width: 45px;
  font-size: 12px;
}
#business_hours select.form-select.hours-dropdown {
  font-size: 12px;
}

#appointment_only + div #appointment_only_btn {
  background-color: rgba(0, 0, 0, 0.1254901961) !important;
}
#appointment_only:checked + div + .row {
  display: none;
}
#appointment_only:checked + div #appointment_only_btn {
  background-color: #003366 !important;
}

@media (min-width: 768px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
    *width: 100%;
  }
}
@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.2857142857%;
    *width: 14.2857142857%;
  }
}
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.2857142857%;
    *width: 14.2857142857%;
  }
}
.form-switch {
  padding-left: 0px !important;
  margin-right: 20px;
  vertical-align: middle;
}
.form-switch.inline-block {
  display: inline-block !important;
}
.form-switch input {
  margin-right: 10px;
  margin-left: 0px !important;
  margin-top: 0px !important;
  height: 1.5em !important;
  width: 3em !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.form-switch input:checked {
  background-color: #003366 !important;
}
.form-switch input.bigger {
  height: 2.5em !important;
  width: 4em !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.form-switch label {
  display: inline !important;
  vertical-align: middle;
}

.alert a {
  color: inherit;
  text-decoration: none;
}
.alert a:hover {
  color: inherit;
}

body.mobile #page-container #register-alert {
  padding-top: 10px;
}

.spam-button {
  border-radius: 4px;
  background-color: #003366;
  padding: 5px 30px;
  margin-bottom: 30px;
  display: inline-block;
  color: white;
  cursor: pointer;
}

main#profile {
  margin: auto;
}
main#profile #categories {
  margin: 20px 0px 30px;
}
main #profile-header {
  margin-bottom: 40px;
}
main #profile-header .background-image {
  min-height: 250px;
  background-size: cover;
  margin-bottom: -120px;
  background-position: center;
  background-color: #003366;
  background-repeat: no-repeat;
}
main #profile-header .business-logo {
  margin-bottom: 10px;
}
main #profile-header .business-logo img {
  box-shadow: 0px 0px 20px rgba(0, 51, 102, 0.5);
  border: solid 10px white;
  border-radius: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 200px;
  overflow: hidden;
}
main #profile-header .business-info {
  display: flex;
  justify-content: space-between;
}
main #profile-header .business-info #social {
  margin: 0px;
}
main #profile-header #social .card-content {
  padding-left: 15px;
  justify-content: flex-start;
}
main section {
  border: solid 1px #ccc;
  border-radius: 5px;
  overflow: hidden;
}
main section + section {
  margin-top: 20px;
}
main section .section-content {
  padding: 20px;
}
main section .section-header {
  background-color: #f9fafd;
}
main section .section-header > * {
  margin-bottom: 0px;
}

#upgrade-panel {
  padding-top: 50px;
}

#packages #packages-container {
  margin-top: 50px;
  margin-bottom: 50px;
}
#packages #packages-container input {
  visibility: hidden;
  position: absolute;
}
#packages label .card:has(input:checked) {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 51, 102, 0.05);
}
#packages svg {
  max-width: 15px;
}

.bootstrap-iso .alert-local {
  background-color: #003366;
  border-radius: 5px;
  color: white;
}

#what-is.fullscreen {
  position: fixed !important;
  top: 20px !important;
  width: 50vw !important;
  height: initial !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  z-index: 9999 !important;
  box-shadow: 0px 0px 15px black;
  max-height: 90vh;
  aspect-ratio: 1/1.77 !important;
}
#what-is.fullscreen .close-video {
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #003366;
  color: white;
  font-size: 30px;
  z-index: 9999999;
}
#what-is.fullscreen video {
  max-width: 100% !important;
  height: 100% !important;
  background-color: white !important;
}

.modal {
  position: fixed;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
  width: 80%;
  height: 500px;
  max-width: 400px;
  max-height: 600px;
  margin: auto;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
}
.modal.hidden {
  top: 300%;
}
.modal .modal-container {
  background-color: #003366;
  padding: 40px;
  color: white;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 0px 15px #003366;
}
.modal h3 {
  color: white;
  margin-bottom: 50px;
}
.modal .close-modal {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 30px;
}
.modal .btn {
  color: white;
  border: solid 1px white !important;
  width: 100%;
  text-align: center;
  margin: 10px 0px;
}

@media (max-width: 550px) {
  #paidCustomers tr.btn-reveal-trigger {
    display: grid;
  }
}

.skiptranslate iframe {
  bottom: 0 !important;
  top: initial !important;
  width: 30px;
}

#disabled .mobile.iPhone #page-container, #disabled .mobile.Android #page-container {
  padding-top: 60px !important;
}
#disabled .mobile.iPhone #page-container .nav-logo, #disabled .mobile.Android #page-container .nav-logo {
  justify-content: center;
}
#disabled .mobile.iPhone #page-container .nav-logo h1, #disabled .mobile.Android #page-container .nav-logo h1 {
  padding: 0px;
}
#disabled .mobile.iPhone #page-container .nav-logo #log-in-out, #disabled .mobile.Android #page-container .nav-logo #log-in-out {
  position: fixed;
  bottom: 0px;
  background-color: #fff;
  right: 0px;
  left: 0px;
  text-align: center;
  padding: 15px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-around;
  margin: 0px !important;
  align-items: center;
}
#disabled .mobile.iPhone #page-container #nav-select, #disabled .mobile.Android #page-container #nav-select {
  position: fixed;
  bottom: 65px;
  background-color: #fff;
}
#disabled .mobile.iPhone #page-container #cart-container, #disabled .mobile.Android #page-container #cart-container {
  bottom: 110px;
  top: 61px !important;
}
#disabled .mobile.iPhone.profile, #disabled .mobile.Android.profile {
  padding-top: 15px;
}
#disabled .mobile.iPhone.admin #nav-select, #disabled .mobile.Android.admin #nav-select {
  display: none;
}
#disabled .mobile.iPhone .footer-container, #disabled .mobile.Android .footer-container {
  margin-bottom: 60px;
}

.mobile #nav-select {
  height: 37px;
}
.mobile #nav-select #scroll {
  margin-top: 9px;
}
.mobile #nav-select #scroll a {
  font-size: 12px;
}/*# sourceMappingURL=style.css.map */