:root {
  --color-gold: #D0B931;
  --color-gold-pastel: #9c8851;
  --color-dark-strong: #181817;
}
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 216px;
  font-family: "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9rem;
}

body.login,
body.wizard {
  background-color: #181817;
  height: 100%;
  margin: 0;
  color: #FFF;
}

[role="main"] {
  padding-top: 80px; /* Space for fixed navbar */
  margin-left: 180px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > main {
  padding-top: 100px;
}

body.wizard > main {
  padding-top: 0;
}

body.choice-your-city > .container,
body.login > .container,
body.wizard > .container {
  padding: 15px;
}

.login a,
.wizard a {
  color: #FFF;
}

.establishment-register a {
  display: contents;
}

.bg-dark-strong {
  background-color: var(--color-dark-strong);
}

.bg-dark-ligth {
  background-color: #282828;
}

.bg-dark-strong.navbar-dark .navbar-nav .nav-link {
  color: #FFF;
}

.bg-dark-strong.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.bg-dark-strong .navbar-brand {
  padding: 0;
}

.bg-gray {
  background-color: #282828;
}

.text-gold {
  color: var(--color-gold);
}

.text-gold path {
  fill: var(--color-gold);
}

.text-muted path {
  fill: #6c757d;
}

.text-black {
  color: #000;
}

.btn-gold {
  color: #000;
  background: #000; /* Old browsers */
  background: -moz-linear-gradient(top, #f2d36c 0%, #8f8129 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f2d36c 0%, #8f8129 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2d36c 0%, #8f8129 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d36c', endColorstr='#8f8129', GradientType=0); /* IE6-9 */
  border-top: none;
  border-bottom: 1px solid #8f8129;
  transition: none;
}

.btn-gold.btn:not(:disabled):not(.disabled).active,
.btn-gold.btn:not(:disabled):not(.disabled):active {
  background: #f2d36c;
  color: var(--color-dark-strong);
}

.login .btn-gold {
  color: var(--color-gold);
  background: transparent; /* Old browsers */
  border: 1px solid var(--color-gold);
  transition: none;
}

.btn-gold.focus, .btn-gold:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 185, 49, .4);
}

.btn-home,
.btn-home:hover {
  border: 3px solid var(--color-gold);
  border-radius: 6px;
  text-align: center;
  font-size: 22px;
  padding: 10px 0;
  color: #D0B931 !important;
  text-decoration: none;
}

.btn-gift-buy {
  border: 2px solid var(--color-gold);
  border-radius: 5px;
  padding: 15px 20px;
}

.btn-white {
  background: #FFF;
  color: #000 !important;
}

.btn-blue {
  background: #243970;
  color: #FFF !important;
}

.btn-transparent-white {
  background: transparent;
  color: #FFF !important;
  border: 2px solid #FFF;
}

.btn-favorite {
  display: inline-block;
  position: absolute;
  right: 6%;
  top: 6%;
  cursor: pointer;
}

.btn-black {
  background-color: #000;
  color: #FFF;
}

.btn-plus {
  padding-right: 40px;
}

.btn-plus::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  position: absolute;
  color: var(--color-gold);
  right: 22px;
  top: 2px;
  font-size: 22px;
}

.btn-default {
  border-color: #DFDFDF !important;
}

.line-gold {
  border-bottom: 1px solid var(--color-gold);
}

.escolha-sua-cidade {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rounded-1 {
  border-radius: 1%;
}

.rounded-2 {
  border-radius: 2%;
}

.rounded-3 {
  border-radius: 3%;
}

.rounded-4 {
  border-radius: 4%;
}

.height-1 {
  height: 1px;
}

.w-5px {
  width: 5px;
}

.w-10px {
  width: 10px;
}

.w-15px {
  width: 15px;
}

.w-20px {
  width: 20px;
}

.border-gray {
  border: 1px solid #282828;
}

.border-right-muted {
  border-right: 1px solid #444;
}

.border-bottom-gray {
  border-bottom: 1px solid #444;
}

.form-control > option {
  color: #000;
}

.login .form-control > option,
.wizard .form-control > option {
  color: #FFF;
}

.form-control:focus {
  border-bottom: 1px solid var(--color-gold);
}

.form-control:disabled, .form-control[readonly] {
  background: transparent;
}

.select2-container--krajee .select2-selection {
  background-color: var(--color-dark-strong);
  border-radius: 0;
  border: 0;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
  border: 0;
}

.select2-container--krajee .select2-selection--single .select2-selection__rendered {
  color: #FFF;
}

.loading-input {
  background: var(--color-dark-strong) url('../images/spinner.svg') center right no-repeat !important;
  background-size: 30px auto !important;
}

.field-payment-gift_commission .radio-inline,
.field-payment-fee_card .radio-inline,
.field-payment-fee_deposit .radio-inline,
.field-shipping-delivery .radio-inline,
.field-shipping-delivery_integration .radio-inline {
  margin-right: 30px;
}

.login .form-control,
.login .form-control:focus,
.wizard .form-control,
.wizard .form-control:focus {
  background: var(--color-dark-strong);
  border: none;
  color: #FFF;
  box-shadow: none;
}

.help-block.help-block-error {
  color: var(--color-gold);
  font-size: .9rem;
}

.establishment-featured .description {
  position: relative;
  height: 30px;
  margin-top: -60px;
  padding: 0 0 0 20px;
  text-shadow: 2px 2px #000;
}

.establishment-featured .link-gold {
  color: var(--color-gold)
}

.slick-dots li button {
  height: 30px;
  width: 30px;
}

.slick-dots li.slick-active button:before {
  color: #F5A623;
}

.slick-dots li button:before {
  font-size: 16px;
  color: #FFF;
}

.menu-minha-conta a.active {
  color: var(--color-gold);
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 90px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar a {
  color: #FFF;
}

.sidebar .nav-link {
  border-left: 5px solid var(--color-dark-strong);
  padding: .8rem 1rem;
}

.sidebar .nav-link.active {
  border-left: 5px solid var(--color-gold);
}

.modal-content {
  background: #000;
  border: 1px solid var(--color-gold);
}

.modal-header {
  border-bottom-color: var(--color-gold);
}

.modal-footer {
  border-top-color: var(--color-gold);
}

.establishment-register > .list-inline-item i {
  font-size: 26px;
  color: #6C757D;
}

.establishment-register > .list-inline-item.active i {
  color: var(--color-gold);
}

.establishment-register > .list-inline-item {
  width: 64px;
}

.establishment-register > .list-inline-item:last-child {
  width: auto;
}

.establishment-register > .list-inline-item::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  content: "\f105";
  color: #4B4B4B;
  font-size: 20px;
  margin-left: 20px;
  top: 6px;
}

.establishment-register > .list-inline-item:last-child::after {
  margin: 0;
  display: none;
}

.textarea-dark,
.textarea-dark:focus {
  background: var(--color-dark-strong);
  border-radius: 0;
  border: 0;
}

.textarea-dark::-webkit-input-placeholder {
  font-size: 18px;
}

.textarea-dark:-ms-input-placeholder {
  font-size: 18px;
}

.textarea-dark:-ms-input-placeholder {
  font-size: 18px;
}

.textarea-dark::-moz-placeholder {
  font-size: 18px;
}

.textarea-dark::placeholder {
  font-size: 18px;
}

.color-button {
  width: 14px;
  height: 14px;
  font-size: 0;
  margin: 2px;
  float: left;
  cursor: pointer;
}

.geo-map-toolbar .btn-group > .btn-success.active {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .5);
}

.geo-map-toolbar .btn-group > .btn-danger.active {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);
}

.geo-map-toolbar .btn-group label > input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

/* The location pointed to by the popup tip. */
.popup-tip-anchor {
  height: 0;
  position: absolute;
  /* The max width of the info window. */
  width: 200px;
}

/* The bubble is anchored above the tip. */
.popup-bubble-anchor {
  position: absolute;
  width: 100%;
  bottom: /* TIP_HEIGHT= */ 18px;
  left: 0;
}

/* Draw the tip. */
.popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: /* TIP_HEIGHT= */ 8px solid white;
}

/* The popup bubble itself. */
.popup-bubble-content {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the info window. */
  background-color: white;
  padding: 15px;
  border-radius: 5px;
  font-family: sans-serif;
  overflow-y: auto;
  max-height: 160px;
  width: 310px;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
}

.irs-min, .irs-max {
  color: #FFF;
}

.irs-from, .irs-to, .irs-single,
.irs-bar, .irs-bar-edge {
  color: #000;
  background: var(--color-gold);
  border-top: 1px solid var(--color-gold);
  border-bottom: 1px solid var(--color-gold);
}

.toast-top-right {
  top: 80px !important;
}

.bootstrap-dialog-message {
  color: #FFF;
}

.swal2-popup {
  background-color: var(--color-dark-strong) !important;
  border: 1px solid var(--color-gold);
}

.swal2-popup .swal2-title {
  color: var(--color-gold);
}

.swal2-popup .swal2-content {
  color: #FFF;
}

.swal2-icon.swal2-warning {
  color: var(--color-gold);
  border-color: var(--color-gold);;
}

.swal2-popup .swal2-confirm.swal2-styled {
  background-color: var(--color-gold) !important;
  color: var(--color-dark-strong);
}

.swal2-popup .swal2-confirm.swal2-styled:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px var(--color-dark-strong), 0 0 0 4px rgba(50, 100, 150, .4);
  box-shadow: 0 0 0 2px var(--color-dark-strong), 0 0 0 4px rgba(50, 100, 150, .4);
}