.restaurants-flagging-panel {
  position: fixed !important;
  bottom: 0;
  left: 15px;
  right: 15px;
  padding: 0 20px 10px 20px !important;
  background: #FFF;
  box-shadow: 0 -10px 25px 0 rgba(89, 89, 89, 0.15);
  width: 1182px;
  max-width: 100%;
  margin: auto;
  box-sizing: border-box;
  z-index: 100;
  max-height: 65%;
  overflow-y: auto;
  display: none;
}

.restaurant-full__fixed .restaurants-flagging-panel {
  display: block;
  position: relative !important;
  box-shadow: none;
  max-height: calc(65vh - 65px);
  width: auto;
  left: 0;
  right: 0;
}

.restaurant-full__fixed .restaurants-flagging-panel .send-order {
  display: none;
}

.restaurant-full__fixed .restaurants-flagging-panel.opened-restaurants .send-order,
.restaurant-full__fixed .restaurants-flagging-panel.opened-specialists .send-order {
  display: block;
}

@media (min-width: 961px) {
  .restaurants-flagging-panel {
    display: block;
  }
}

.restaurants-flagging-panel .flag-throbber {
  display: none !important;
}

.restaurants-flagging-panel .flagging-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;

  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1000;
}

.flagged-panel-dropdown-trigger {
  cursor: pointer;
  white-space: nowrap;
}

.restaurants-flagging-panel .send-order {
  text-decoration: none;
  white-space: nowrap;
  background-color: #565656;
  color: #fffefe;
  border-radius: 2px;
  max-width: 253px;
  width: auto;
  margin-left: 30px;
  font-weight: 400;
}

a.flagged-panel-favourites-link,
.flagged-panel-favourites-info {
  font-size: 16px;
  color: rgba(31, 28, 26, .5);
  text-decoration: none;
  transition: .3s all;
}

.flagged-panel-dropdown .flagged-panel-favourites-info {
  margin-bottom: 15px;
}

.flagged-panel-favourites-link i {
  transform: rotate(-90deg);
  display: inline-block;
  vertical-align: middle;
  font-size: larger;
  color: #565656;
}

.flagged-panel-favourites-info {
  font-size: 12px;
  color: #000;
}

@media (min-width: 960px) {
  .flagged-panel-favourites-info {
    max-width: 40%;
    margin-left: 30px;
  }
}

@media (max-width: 959px) {
  .flagged-panel-favourites-info {
    text-align: center;
    margin-top: 15px;
  }
}

a.flagged-panel-favourites-link:hover {
  color: rgba(31, 28, 26, 1);
}

.restaurants-flagging-panel .send-order strong {
  font-size: 20px;
}

.restaurants-flagging-panel-icon {
  margin-right: 9px;
  color: #755D4D;
  vertical-align: middle;
  font-size: 25px;
  font-weight: bold;
  position: relative;
  top: -3px;
}

.flagged-info {
  color: rgba(31, 28, 26, 0.50);
  font-size: 16px;
  font-family: "Playfair Display", sans-serif;
  letter-spacing: .8px;
  white-space: nowrap;
}

.flagged-info a {
  color: rgba(31, 28, 26, 0.50);
  text-decoration: none;
}

.flagged-panel-favourites-link {
  font-family: "Playfair Display", sans-serif;
}

.flagged-info strong {
  color: #000;
  font-weight: 600;
}

.flagged-info span {
  font-size: 20px;
  position: relative;
  display: inline-block;
}

.flagged-info span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-bottom: 1px solid #000;
}

body.has-flagged-panel {
  padding-bottom: 70px;
}

.restaurants-flagging-panel-modal-icon {
  display: none;
}

.overflowHidden {
  overflow:hidden !important;
}

.flagged-panel-dropdown {
  /*overflow-x: scroll;*/
  margin-top: 19px;
  display: none;
}

.flagged-panel-dropdown .view {
  height: 100%;
  overflow-y: auto;
}

.restaurants-flagging-panel.opened-restaurants .flagged-panel-dropdown-restaurants,
.restaurants-flagging-panel.opened-specialists .flagged-panel-dropdown-specialists {
  display: block;
}
.flagged-info-dropdown-icon {
  display: inline-block;
  transform-origin: center;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 10px;
}
.restaurants-flagging-panel.opened .flagged-info-dropdown-icon,
.restaurants-flagging-panel.opened-restaurants .flagged-panel-dropdown-trigger-restaurants .flagged-info-dropdown-icon,
.restaurants-flagging-panel.opened-specialists .flagged-panel-dropdown-trigger-specialists .flagged-info-dropdown-icon {
  transform: rotate(180deg);
}

.restaurants-flagging-panel .views-field-title,
.restaurants-flagging-panel .views-field-label {
  color: #1F1C1A;
  font-family: "Playfair Display", serif;
  font-size: 16px;
}

.flagged-panel-dropdown-views-group h3 {
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.flagged-panel-dropdown-views-group-content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}

.restaurants-flagging-panel .views-row {
  position: relative;
  max-width: 200px;
  flex-shrink: 0;
}

.restaurants-flagging-panel .views-field-ops a:hover,
.restaurants-flagging-panel .views-field-link-flag a:hover {
  text-decoration: none;
}

.restaurants-flagging-panel .views-field-ops .flag-description,
.restaurants-flagging-panel .views-field-link-flag .flag-description {
  display: none !important;
}

.restaurants-flagging-panel .views-field-ops,
.restaurants-flagging-panel .views-field-link-flag {
  position: absolute;
  top: 7px;
  right: 10px;
  width: 32px;
  height: 32px;
}

.restaurants-flagging-panel .views-field-ops * {
  width: inherit;
  height: inherit;
  display: block;
}

.restaurants-flagging-panel .icon-with-tooltip__description {
  display: none;
}

.restaurants-flagging-panel .flag-wrapper a::before {
  content: "\e921";
  color: #F2DFDA;
  position: absolute;
}

.restaurants-flagging-panel .flag-wrapper a::after {
  content: "\e91e";
  position: absolute;
  color: #755D4D;
}

a.flagging-panel-toggler {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 11px;
  color: rgba(31, 28, 26, .5);
  transition: all .3s;
}

a.flagging-panel-toggler:hover {
  color: rgb(31, 28, 26);
}

.opened-restaurants .flagging-panel-toggler,
.opened-specialists .flagging-panel-toggler {
  display: none;
}

@media (min-width: 768px) {
  .restaurants-flagging-panel-hidden .restaurants-flagging-panel .flagging-row,
  .restaurants-flagging-panel-hidden .restaurants-flagging-panel .restaurants-flagging-panel-wrapper {
    display: none !important;
  }
}

@media (max-width: 767px) {
  a.flagging-panel-toggler {
    display: none !important;
  }
  .restaurants-flagging-panel + .restaurants-flagging-panel {
    display: none !important;
  }
  
  .flagged-panel-dropdown-views-group-content {
    gap: 8px;
  }
}

.restaurants-flagging-panel-compact {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 65px;
  height: 65px;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-weight: 600;
  font-size: 20px;
  font-family: "Playfair Display", serif;
  color: #565656;
  background: url(../images/icon-restaurants-flagging-panel-compact.svg) no-repeat center calc(50% + 5px)  #565656;
  background-size: 65%;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
  cursor: pointer;
  transition: all .3s;
}

.restaurants-flagging-panel-compact:hover {
  opacity: .8;
}

@media (min-width: 768px) {
  .restaurants-flagging-panel-hidden .restaurants-flagging-panel-compact {
    display: flex;
  }
}

a.restaurants-flaged-panel-clear-flags {
  font-size: 11px;
  color: rgba(31, 28, 26, .5);
  float: right;
  transition: all .3s;
}

a.restaurants-flaged-panel-clear-flags:hover {
  color: rgb(31, 28, 26);
}

.restaurants-flagging-panel-hidden.has-flagged-panel #backtotop {
  bottom: 175px;
}

.restaurants-flagging-panel .view-empty {
  font-size: 14px;
}