@charset "UTF-8";
body.service #er_delivery .form-row .col-8, body.service #payments .form-row .col-8, body.service #whats_your_type .form-row .col-8,
body.user #er_delivery .form-row .col-8,
body.user #payments .form-row .col-8,
body.user #whats_your_type .form-row .col-8,
body.registration #er_delivery .form-row .col-8,
body.registration #payments .form-row .col-8,
body.registration #whats_your_type .form-row .col-8,
body.admin #er_delivery .form-row .col-8,
body.admin #payments .form-row .col-8,
body.admin #whats_your_type .form-row .col-8 {
  min-width: 100%;
}
body.service #er_delivery label, body.service #payments label, body.service #whats_your_type label,
body.user #er_delivery label,
body.user #payments label,
body.user #whats_your_type label,
body.registration #er_delivery label,
body.registration #payments label,
body.registration #whats_your_type label,
body.admin #er_delivery label,
body.admin #payments label,
body.admin #whats_your_type label {
  min-width: 100%;
}
body.service .grey_section label,
body.user .grey_section label,
body.registration .grey_section label,
body.admin .grey_section label {
  min-width: 100%;
}
body.service #sobrassmartdatas .container.header_section header .fig,
body.user #sobrassmartdatas .container.header_section header .fig,
body.registration #sobrassmartdatas .container.header_section header .fig,
body.admin #sobrassmartdatas .container.header_section header .fig {
  background: url(../img/Business_int_bg2.png) no-repeat top center;
}
body.service #sobrassmartdatas h2,
body.user #sobrassmartdatas h2,
body.registration #sobrassmartdatas h2,
body.admin #sobrassmartdatas h2 {
  color: #414042;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}
body.service #sobrassmartdatas .dates,
body.user #sobrassmartdatas .dates,
body.registration #sobrassmartdatas .dates,
body.admin #sobrassmartdatas .dates {
  margin-top: 5px;
  margin-bottom: 20px;
}
body.service #sobrassmartdatas .dates .col-2,
body.user #sobrassmartdatas .dates .col-2,
body.registration #sobrassmartdatas .dates .col-2,
body.admin #sobrassmartdatas .dates .col-2 {
  padding: 0px !important;
}
body.service #sobrassmartdatas .dates .left,
body.user #sobrassmartdatas .dates .left,
body.registration #sobrassmartdatas .dates .left,
body.admin #sobrassmartdatas .dates .left {
  float: right;
  background: url(../img/restaurant/icons/arrow_icon_green.svg) no-repeat center top;
  height: 17px;
  width: 17px;
  margin-top: 3px;
  border: none;
}
body.service #sobrassmartdatas .dates .center,
body.user #sobrassmartdatas .dates .center,
body.registration #sobrassmartdatas .dates .center,
body.admin #sobrassmartdatas .dates .center {
  text-align: center;
  color: #757575;
  font-size: 14px;
}
body.service #sobrassmartdatas .dates .right,
body.user #sobrassmartdatas .dates .right,
body.registration #sobrassmartdatas .dates .right,
body.admin #sobrassmartdatas .dates .right {
  float: left;
  background: url(../img/restaurant/icons/arrow_icon_green2.svg) no-repeat center top;
  height: 17px;
  width: 17px;
  margin-top: 3px;
  border: none;
}
body.service #sobrassmartdatas .advanced_chart h2,
body.user #sobrassmartdatas .advanced_chart h2,
body.registration #sobrassmartdatas .advanced_chart h2,
body.admin #sobrassmartdatas .advanced_chart h2 {
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
  font-weight: 400;
  text-transform: unset;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.service #sobrassmartdatas .advanced_chart table,
body.user #sobrassmartdatas .advanced_chart table,
body.registration #sobrassmartdatas .advanced_chart table,
body.admin #sobrassmartdatas .advanced_chart table {
  width: 100%;
}
body.service #sobrassmartdatas .advanced_chart table .advancedchart_tr td,
body.user #sobrassmartdatas .advanced_chart table .advancedchart_tr td,
body.registration #sobrassmartdatas .advanced_chart table .advancedchart_tr td,
body.admin #sobrassmartdatas .advanced_chart table .advancedchart_tr td {
  position: relative;
}
body.service #sobrassmartdatas .advanced_chart table .advancedchart_tr td .rownumber,
body.user #sobrassmartdatas .advanced_chart table .advancedchart_tr td .rownumber,
body.registration #sobrassmartdatas .advanced_chart table .advancedchart_tr td .rownumber,
body.admin #sobrassmartdatas .advanced_chart table .advancedchart_tr td .rownumber {
  position: absolute;
  left: -20px;
  top: 0px;
  color: #414042;
  font-size: 10px;
  text-align: right;
  line-height: 22px;
}
body.service #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items,
body.user #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items,
body.registration #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items,
body.admin #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items {
  width: 50%;
  float: left;
  text-align: center;
}
body.service #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .light,
body.user #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .light,
body.registration #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .light,
body.admin #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .light {
  width: 20px;
  height: 20px;
  background: rgba(7, 143, 89, 0.4);
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.service #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .medium,
body.user #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .medium,
body.registration #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .medium,
body.admin #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .medium {
  width: 20px;
  height: 20px;
  background: #078F59;
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.service #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .dark,
body.user #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .dark,
body.registration #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .dark,
body.admin #sobrassmartdatas .advanced_chart table .advancedchart_tr td .items .dark {
  width: 20px;
  height: 20px;
  background: #035735;
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.service #sobrassmartdatas .advanced_chart table .footer,
body.user #sobrassmartdatas .advanced_chart table .footer,
body.registration #sobrassmartdatas .advanced_chart table .footer,
body.admin #sobrassmartdatas .advanced_chart table .footer {
  font-size: 6px;
  text-align: center;
}
body.service #sobrassmartdatas .advanced_chart table .footer .date,
body.user #sobrassmartdatas .advanced_chart table .footer .date,
body.registration #sobrassmartdatas .advanced_chart table .footer .date,
body.admin #sobrassmartdatas .advanced_chart table .footer .date {
  color: rgba(7, 143, 89, 0.62);
  font-size: 20px;
  font-weight: 400;
}
body.service #sobrassmartdatas .chart,
body.user #sobrassmartdatas .chart,
body.registration #sobrassmartdatas .chart,
body.admin #sobrassmartdatas .chart {
  background: rgba(194, 194, 194, 0.3);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
  margin-left: -35px;
  margin-right: -35px;
}
body.service #sobrassmartdatas .chart h2,
body.user #sobrassmartdatas .chart h2,
body.registration #sobrassmartdatas .chart h2,
body.admin #sobrassmartdatas .chart h2 {
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
  font-weight: 400;
  text-transform: unset;
}
body.service #sobrassmartdatas .chart .explanations,
body.user #sobrassmartdatas .chart .explanations,
body.registration #sobrassmartdatas .chart .explanations,
body.admin #sobrassmartdatas .chart .explanations {
  margin-bottom: 15px;
}
body.service #sobrassmartdatas .chart .explanations .item,
body.user #sobrassmartdatas .chart .explanations .item,
body.registration #sobrassmartdatas .chart .explanations .item,
body.admin #sobrassmartdatas .chart .explanations .item {
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  color: #4A4A4A;
}
body.service #sobrassmartdatas .chart .explanations .item .cube_white,
body.user #sobrassmartdatas .chart .explanations .item .cube_white,
body.registration #sobrassmartdatas .chart .explanations .item .cube_white,
body.admin #sobrassmartdatas .chart .explanations .item .cube_white {
  display: inline-block;
  height: 10px;
  background: #fff;
  width: 10px;
}
body.service #sobrassmartdatas .chart .explanations .item .cube_green,
body.user #sobrassmartdatas .chart .explanations .item .cube_green,
body.registration #sobrassmartdatas .chart .explanations .item .cube_green,
body.admin #sobrassmartdatas .chart .explanations .item .cube_green {
  display: inline-block;
  height: 10px;
  background: #078F59;
  width: 10px;
}
body.service #sobrassmartdatas .chart table,
body.user #sobrassmartdatas .chart table,
body.registration #sobrassmartdatas .chart table,
body.admin #sobrassmartdatas .chart table {
  width: 100%;
}
body.service #sobrassmartdatas .chart table td,
body.user #sobrassmartdatas .chart table td,
body.registration #sobrassmartdatas .chart table td,
body.admin #sobrassmartdatas .chart table td {
  width: 14.28%;
  text-align: center;
}
body.service #sobrassmartdatas .chart table .chart_tr,
body.user #sobrassmartdatas .chart table .chart_tr,
body.registration #sobrassmartdatas .chart table .chart_tr,
body.admin #sobrassmartdatas .chart table .chart_tr {
  font-size: 12px;
}
body.service #sobrassmartdatas .chart table .chart_tr .chartitem,
body.user #sobrassmartdatas .chart table .chart_tr .chartitem,
body.registration #sobrassmartdatas .chart table .chart_tr .chartitem,
body.admin #sobrassmartdatas .chart table .chart_tr .chartitem {
  background: #fff;
  width: 100%;
  height: 100px;
  position: relative;
}
body.service #sobrassmartdatas .chart table .chart_tr .chartitem .chartFill,
body.user #sobrassmartdatas .chart table .chart_tr .chartitem .chartFill,
body.registration #sobrassmartdatas .chart table .chart_tr .chartitem .chartFill,
body.admin #sobrassmartdatas .chart table .chart_tr .chartitem .chartFill {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #078F59;
  color: #fff;
  padding-top: 5px;
}
body.service #sobrassmartdatas .chart table .footer,
body.user #sobrassmartdatas .chart table .footer,
body.registration #sobrassmartdatas .chart table .footer,
body.admin #sobrassmartdatas .chart table .footer {
  font-size: 6px;
}
body.service #sobrassmartdatas .chart table .footer .date,
body.user #sobrassmartdatas .chart table .footer .date,
body.registration #sobrassmartdatas .chart table .footer .date,
body.admin #sobrassmartdatas .chart table .footer .date {
  color: rgba(7, 143, 89, 0.62);
  font-size: 20px;
  font-weight: 400;
}
body.service #sobras_smart,
body.user #sobras_smart,
body.registration #sobras_smart,
body.admin #sobras_smart {
  background: url(../img/sobras_smart_bg.png) no-repeat center center;
  background-size: cover;
}
body.service #sobras_smart .container.header_section header .fig,
body.user #sobras_smart .container.header_section header .fig,
body.registration #sobras_smart .container.header_section header .fig,
body.admin #sobras_smart .container.header_section header .fig {
  background: transparent !important;
  height: 100px !important;
}
body.service #sobras_smart .container.content_section,
body.user #sobras_smart .container.content_section,
body.registration #sobras_smart .container.content_section,
body.admin #sobras_smart .container.content_section {
  background: transparent !important;
  padding-top: 10px !important;
}
body.service #sobras_smart #MainMenu .main_title,
body.user #sobras_smart #MainMenu .main_title,
body.registration #sobras_smart #MainMenu .main_title,
body.admin #sobras_smart #MainMenu .main_title {
  position: relative;
  background: #414042;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 40px 20px 20px 20px;
  font-weight: 600;
}
body.service #sobras_smart #MainMenu .main_title .top,
body.user #sobras_smart #MainMenu .main_title .top,
body.registration #sobras_smart #MainMenu .main_title .top,
body.admin #sobras_smart #MainMenu .main_title .top {
  position: absolute;
  width: 70px;
  height: 70px;
  top: -45px;
  left: calc(50% - 35px);
  background: url("../img/restaurant/icons/S!_icon.svg") no-repeat center center #fff;
  background-size: 40px 40px;
  border-radius: 50px;
}
body.service #sobras_smart #MainMenu .main_menu,
body.user #sobras_smart #MainMenu .main_menu,
body.registration #sobras_smart #MainMenu .main_menu,
body.admin #sobras_smart #MainMenu .main_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #078F59;
  text-align: center;
  min-height: 70px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 15px;
}
body.service #ss_bi .nopadding,
body.user #ss_bi .nopadding,
body.registration #ss_bi .nopadding,
body.admin #ss_bi .nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
body.service #ss_bi .container.header_section header .fig,
body.user #ss_bi .container.header_section header .fig,
body.registration #ss_bi .container.header_section header .fig,
body.admin #ss_bi .container.header_section header .fig {
  background: url(../img/Business_int_bg2.png) no-repeat top center;
}
body.service #ss_bi h2,
body.user #ss_bi h2,
body.registration #ss_bi h2,
body.admin #ss_bi h2 {
  color: #414042;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}
body.service #ss_bi h3,
body.user #ss_bi h3,
body.registration #ss_bi h3,
body.admin #ss_bi h3 {
  color: #757575 !important;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
}
body.service #ss_bi .bottomtext,
body.user #ss_bi .bottomtext,
body.registration #ss_bi .bottomtext,
body.admin #ss_bi .bottomtext {
  color: #757575 !important;
  font-size: 12px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
}
body.service #ss_bi .item,
body.user #ss_bi .item,
body.registration #ss_bi .item,
body.admin #ss_bi .item {
  background: rgba(156, 156, 156, 0.1);
  border-left: 5px solid #078F59;
  padding-left: 35px;
  padding-right: 35px;
  margin-left: -35px;
  margin-right: -35px;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.service #ss_bi .item h4,
body.user #ss_bi .item h4,
body.registration #ss_bi .item h4,
body.admin #ss_bi .item h4 {
  color: #414042;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
}
body.service #ss_bi .item p,
body.user #ss_bi .item p,
body.registration #ss_bi .item p,
body.admin #ss_bi .item p {
  color: #9C9C9C;
  margin-bottom: 0px;
  font-size: 12px;
}
body.service #ss_bi .warning,
body.user #ss_bi .warning,
body.registration #ss_bi .warning,
body.admin #ss_bi .warning {
  padding-left: 35px;
  padding-right: 35px;
  margin-left: -35px;
  margin-right: -35px;
  background: #414042;
  color: #fff;
  margin-bottom: 5px;
}
body.service #ss_bi .warning .icon,
body.user #ss_bi .warning .icon,
body.registration #ss_bi .warning .icon,
body.admin #ss_bi .warning .icon {
  width: 100%;
  padding-top: 70px;
  background: url(../img/warning_icon.svg) no-repeat top 25px center;
  text-align: center;
  padding-bottom: 20px;
}
body.service #ss_bi .warning .text,
body.user #ss_bi .warning .text,
body.registration #ss_bi .warning .text,
body.admin #ss_bi .warning .text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 300;
}
body.service #open_myplans_modal .modal-body, body.service #open_simplepay_modal .modal-body,
body.user #open_myplans_modal .modal-body,
body.user #open_simplepay_modal .modal-body,
body.registration #open_myplans_modal .modal-body,
body.registration #open_simplepay_modal .modal-body,
body.admin #open_myplans_modal .modal-body,
body.admin #open_simplepay_modal .modal-body {
  position: relative;
}
body.service #open_myplans_modal .modal-body .header_image_bg, body.service #open_simplepay_modal .modal-body .header_image_bg,
body.user #open_myplans_modal .modal-body .header_image_bg,
body.user #open_simplepay_modal .modal-body .header_image_bg,
body.registration #open_myplans_modal .modal-body .header_image_bg,
body.registration #open_simplepay_modal .modal-body .header_image_bg,
body.admin #open_myplans_modal .modal-body .header_image_bg,
body.admin #open_simplepay_modal .modal-body .header_image_bg {
  position: relative;
  width: 110px;
  background: #fff !important;
  margin: auto;
  z-index: 2;
}
body.service #open_myplans_modal .modal-body .header_image_bg .header_image, body.service #open_simplepay_modal .modal-body .header_image_bg .header_image,
body.user #open_myplans_modal .modal-body .header_image_bg .header_image,
body.user #open_simplepay_modal .modal-body .header_image_bg .header_image,
body.registration #open_myplans_modal .modal-body .header_image_bg .header_image,
body.registration #open_simplepay_modal .modal-body .header_image_bg .header_image,
body.admin #open_myplans_modal .modal-body .header_image_bg .header_image,
body.admin #open_simplepay_modal .modal-body .header_image_bg .header_image {
  background: url(../img/MyPlans_icon.svg) no-repeat center center;
  background-size: 40px 40px;
  width: 80px;
  height: 80px;
  border: 1px solid #707070;
  border-radius: 100px;
  margin: auto;
  margin-top: 20px;
}
body.service #open_myplans_modal .modal-body hr, body.service #open_simplepay_modal .modal-body hr,
body.user #open_myplans_modal .modal-body hr,
body.user #open_simplepay_modal .modal-body hr,
body.registration #open_myplans_modal .modal-body hr,
body.registration #open_simplepay_modal .modal-body hr,
body.admin #open_myplans_modal .modal-body hr,
body.admin #open_simplepay_modal .modal-body hr {
  position: absolute;
  top: 60px;
  z-index: 1;
  width: calc(100% - 30px);
}
body.service #open_myplans_modal .modal-body h2, body.service #open_simplepay_modal .modal-body h2,
body.user #open_myplans_modal .modal-body h2,
body.user #open_simplepay_modal .modal-body h2,
body.registration #open_myplans_modal .modal-body h2,
body.registration #open_simplepay_modal .modal-body h2,
body.admin #open_myplans_modal .modal-body h2,
body.admin #open_simplepay_modal .modal-body h2 {
  color: #414042;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
}
body.service #open_myplans_modal .modal-body h3, body.service #open_simplepay_modal .modal-body h3,
body.user #open_myplans_modal .modal-body h3,
body.user #open_simplepay_modal .modal-body h3,
body.registration #open_myplans_modal .modal-body h3,
body.registration #open_simplepay_modal .modal-body h3,
body.admin #open_myplans_modal .modal-body h3,
body.admin #open_simplepay_modal .modal-body h3 {
  color: #757575 !important;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
}
body.service #open_myplans_modal .modal-body .inputs, body.service #open_simplepay_modal .modal-body .inputs,
body.user #open_myplans_modal .modal-body .inputs,
body.user #open_simplepay_modal .modal-body .inputs,
body.registration #open_myplans_modal .modal-body .inputs,
body.registration #open_simplepay_modal .modal-body .inputs,
body.admin #open_myplans_modal .modal-body .inputs,
body.admin #open_simplepay_modal .modal-body .inputs {
  margin-bottom: 30px;
}
body.service #open_myplans_modal .modal-body .inputs .title, body.service #open_simplepay_modal .modal-body .inputs .title,
body.user #open_myplans_modal .modal-body .inputs .title,
body.user #open_simplepay_modal .modal-body .inputs .title,
body.registration #open_myplans_modal .modal-body .inputs .title,
body.registration #open_simplepay_modal .modal-body .inputs .title,
body.admin #open_myplans_modal .modal-body .inputs .title,
body.admin #open_simplepay_modal .modal-body .inputs .title {
  color: #078F59;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
}
body.service #open_myplans_modal .modal-body .inputs button, body.service #open_simplepay_modal .modal-body .inputs button,
body.user #open_myplans_modal .modal-body .inputs button,
body.user #open_simplepay_modal .modal-body .inputs button,
body.registration #open_myplans_modal .modal-body .inputs button,
body.registration #open_simplepay_modal .modal-body .inputs button,
body.admin #open_myplans_modal .modal-body .inputs button,
body.admin #open_simplepay_modal .modal-body .inputs button {
  border: 1px solid #EBEBEB;
  background: #fff;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  font-size: 34px;
  line-height: 41px;
  font-weight: bold;
}
body.service #open_myplans_modal .modal-body .inputs button span, body.service #open_simplepay_modal .modal-body .inputs button span,
body.user #open_myplans_modal .modal-body .inputs button span,
body.user #open_simplepay_modal .modal-body .inputs button span,
body.registration #open_myplans_modal .modal-body .inputs button span,
body.registration #open_simplepay_modal .modal-body .inputs button span,
body.admin #open_myplans_modal .modal-body .inputs button span,
body.admin #open_simplepay_modal .modal-body .inputs button span {
  display: block;
  text-align: center;
  height: 45px;
}
body.service #open_myplans_modal .modal-body .inputs input, body.service #open_simplepay_modal .modal-body .inputs input,
body.user #open_myplans_modal .modal-body .inputs input,
body.user #open_simplepay_modal .modal-body .inputs input,
body.registration #open_myplans_modal .modal-body .inputs input,
body.registration #open_simplepay_modal .modal-body .inputs input,
body.admin #open_myplans_modal .modal-body .inputs input,
body.admin #open_simplepay_modal .modal-body .inputs input {
  border: 1px solid #EBEBEB;
  background: #fff;
  border-radius: 50px;
  font-size: 22px;
  height: 50px;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
body.service #open_myplans_modal .modal-body .inputs .dark_btn, body.service #open_simplepay_modal .modal-body .inputs .dark_btn,
body.user #open_myplans_modal .modal-body .inputs .dark_btn,
body.user #open_simplepay_modal .modal-body .inputs .dark_btn,
body.registration #open_myplans_modal .modal-body .inputs .dark_btn,
body.registration #open_simplepay_modal .modal-body .inputs .dark_btn,
body.admin #open_myplans_modal .modal-body .inputs .dark_btn,
body.admin #open_simplepay_modal .modal-body .inputs .dark_btn {
  margin-bottom: 30px;
}
body.service #financial_statement,
body.user #financial_statement,
body.registration #financial_statement,
body.admin #financial_statement {
  font-family: "Noto Sans";
}
body.service #financial_statement .h1_box,
body.user #financial_statement .h1_box,
body.registration #financial_statement .h1_box,
body.admin #financial_statement .h1_box {
  padding-bottom: 5px;
}
body.service #financial_statement .subpage .title h2,
body.user #financial_statement .subpage .title h2,
body.registration #financial_statement .subpage .title h2,
body.admin #financial_statement .subpage .title h2 {
  font-family: "Syaquita";
  background: url(../img/restaurant/icons/Group_242.svg) left center no-repeat;
  display: block;
  float: right;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 80px;
  margin-left: -80px;
  margin-bottom: 0px;
}
body.service #financial_statement .subpage .back,
body.user #financial_statement .subpage .back,
body.registration #financial_statement .subpage .back,
body.admin #financial_statement .subpage .back {
  margin-top: 20px;
  background: url(../img/restaurant/icons/arrow_icon.svg) center center no-repeat;
  height: 40px;
  width: 40px;
  border: none;
  float: right;
}
body.service #financial_statement .subpage_item,
body.user #financial_statement .subpage_item,
body.registration #financial_statement .subpage_item,
body.admin #financial_statement .subpage_item {
  background: rgba(7, 143, 89, 0.05);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 35px;
  padding-right: 35px;
  margin-left: -35px;
  margin-right: -35px;
  margin-bottom: 10px;
}
body.service #financial_statement .subpage_item .img_cont,
body.user #financial_statement .subpage_item .img_cont,
body.registration #financial_statement .subpage_item .img_cont,
body.admin #financial_statement .subpage_item .img_cont {
  background: #fff;
  border-radius: 50px !important;
  height: 50px;
  width: 50px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.service #financial_statement .subpage_item .img_cont img,
body.user #financial_statement .subpage_item .img_cont img,
body.registration #financial_statement .subpage_item .img_cont img,
body.admin #financial_statement .subpage_item .img_cont img {
  width: 100%;
}
body.service #financial_statement .subpage_item h3,
body.user #financial_statement .subpage_item h3,
body.registration #financial_statement .subpage_item h3,
body.admin #financial_statement .subpage_item h3 {
  font-size: 20px;
  font-weight: 600;
  color: #414042;
}
body.service #financial_statement .subpage_item h4,
body.user #financial_statement .subpage_item h4,
body.registration #financial_statement .subpage_item h4,
body.admin #financial_statement .subpage_item h4 {
  font-size: 18px;
  font-weight: 600;
  color: #414042;
}
body.service #financial_statement .subpage_item p,
body.user #financial_statement .subpage_item p,
body.registration #financial_statement .subpage_item p,
body.admin #financial_statement .subpage_item p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #414042;
  text-transform: uppercase;
}
body.service #financial_statement .subpage_item .price_cont,
body.user #financial_statement .subpage_item .price_cont,
body.registration #financial_statement .subpage_item .price_cont,
body.admin #financial_statement .subpage_item .price_cont {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body.service #financial_statement .subpage_item .price_cont .price,
body.user #financial_statement .subpage_item .price_cont .price,
body.registration #financial_statement .subpage_item .price_cont .price,
body.admin #financial_statement .subpage_item .price_cont .price {
  font-weight: bold;
  font-size: 26px;
}
body.service #financial_statement .subpage_item:nth-child(odd),
body.user #financial_statement .subpage_item:nth-child(odd),
body.registration #financial_statement .subpage_item:nth-child(odd),
body.admin #financial_statement .subpage_item:nth-child(odd) {
  background: #F2F2F2;
}
body.service #financial_statement .h1_box,
body.user #financial_statement .h1_box,
body.registration #financial_statement .h1_box,
body.admin #financial_statement .h1_box {
  width: 100%;
  margin-left: 0;
}
body.service #financial_statement .dates,
body.user #financial_statement .dates,
body.registration #financial_statement .dates,
body.admin #financial_statement .dates {
  margin-top: 0;
}
body.service #financial_statement .dates .col-3,
body.user #financial_statement .dates .col-3,
body.registration #financial_statement .dates .col-3,
body.admin #financial_statement .dates .col-3 {
  padding: 0px !important;
}
body.service #financial_statement .dates .left,
body.user #financial_statement .dates .left,
body.registration #financial_statement .dates .left,
body.admin #financial_statement .dates .left {
  float: right;
  background: url(../img/restaurant/icons/arrow_icon_green.svg) no-repeat center top;
  height: 17px;
  width: 17px;
  margin-top: 3px;
  border: none;
}
body.service #financial_statement .dates .center,
body.user #financial_statement .dates .center,
body.registration #financial_statement .dates .center,
body.admin #financial_statement .dates .center {
  text-align: center;
  font-size: 14px;
}
body.service #financial_statement .dates .right,
body.user #financial_statement .dates .right,
body.registration #financial_statement .dates .right,
body.admin #financial_statement .dates .right {
  float: left;
  background: url(../img/restaurant/icons/arrow_icon_green2.svg) no-repeat center top;
  height: 17px;
  width: 17px;
  margin-top: 3px;
  border: none;
}
body.service #financial_statement .nopadding,
body.user #financial_statement .nopadding,
body.registration #financial_statement .nopadding,
body.admin #financial_statement .nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
body.service #financial_statement .types,
body.user #financial_statement .types,
body.registration #financial_statement .types,
body.admin #financial_statement .types {
  margin-bottom: 20px;
}
body.service #financial_statement .types .title,
body.user #financial_statement .types .title,
body.registration #financial_statement .types .title,
body.admin #financial_statement .types .title {
  font-family: "Syaquita";
  font-size: 24px;
}
body.service #financial_statement .types .nopaddingright,
body.user #financial_statement .types .nopaddingright,
body.registration #financial_statement .types .nopaddingright,
body.admin #financial_statement .types .nopaddingright {
  padding-right: 0px !important;
}
body.service #financial_statement .types .round,
body.user #financial_statement .types .round,
body.registration #financial_statement .types .round,
body.admin #financial_statement .types .round {
  border: 1px solid #EBEBEB;
  border-radius: 30px;
  padding: 5px 10px;
  text-align: center;
  font-weight: 600;
}
body.service #financial_statement .types button,
body.user #financial_statement .types button,
body.registration #financial_statement .types button,
body.admin #financial_statement .types button {
  background: url(../img/summary_list_icon.svg) no-repeat center center;
  border: 0px;
  height: 26px;
  width: 30px;
  margin-top: 3px;
}
body.service #financial_statement .sum,
body.user #financial_statement .sum,
body.registration #financial_statement .sum,
body.admin #financial_statement .sum {
  background: #078F59;
  color: #fff;
  text-align: right;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
body.service #financial_statement .comms,
body.user #financial_statement .comms,
body.registration #financial_statement .comms,
body.admin #financial_statement .comms {
  background: #F2F2F2;
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
body.service #financial_statement .saved,
body.user #financial_statement .saved,
body.registration #financial_statement .saved,
body.admin #financial_statement .saved {
  margin-top: 40px;
}
body.service #financial_statement .saved h3,
body.user #financial_statement .saved h3,
body.registration #financial_statement .saved h3,
body.admin #financial_statement .saved h3 {
  font-family: "Syaquita";
  font-size: 38px;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}
body.service #financial_statement .saved h3 .withleaf,
body.user #financial_statement .saved h3 .withleaf,
body.registration #financial_statement .saved h3 .withleaf,
body.admin #financial_statement .saved h3 .withleaf {
  width: auto;
  margin: auto;
  background: url(../img/restaurant/icons/leaf_icon.svg) no-repeat left center;
  background-size: 45px 33px;
  padding-left: 52px;
  margin-left: -52px;
}
body.service #financial_statement .saved hr,
body.user #financial_statement .saved hr,
body.registration #financial_statement .saved hr,
body.admin #financial_statement .saved hr {
  width: 40%;
  margin: auto;
  border-color: #D7DF23;
  margin-top: 15px;
  margin-bottom: 20px;
}
body.service #financial_statement .saved .text,
body.user #financial_statement .saved .text,
body.registration #financial_statement .saved .text,
body.admin #financial_statement .saved .text {
  font-family: "Noto Sans";
  font-weight: 600;
  color: #000;
  text-align: center;
}
body.service #financial_statement .saved .text span,
body.user #financial_statement .saved .text span,
body.registration #financial_statement .saved .text span,
body.admin #financial_statement .saved .text span {
  color: #078F59;
  background: url(../img/restaurant/icons/sobras_logo_icon.svg) no-repeat left center;
  padding-left: 25px;
  margin-left: -25px;
}
body.service .alert,
body.user .alert,
body.registration .alert,
body.admin .alert {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.service #comment_modal .modal-body,
body.user #comment_modal .modal-body,
body.registration #comment_modal .modal-body,
body.admin #comment_modal .modal-body {
  min-height: 200px;
}
body.service .modal .modal-dialog,
body.user .modal .modal-dialog,
body.registration .modal .modal-dialog,
body.admin .modal .modal-dialog {
  width: 340px;
}
body.service .modal.modal.show .modal-dialog,
body.user .modal.modal.show .modal-dialog,
body.registration .modal.modal.show .modal-dialog,
body.admin .modal.modal.show .modal-dialog {
  border-radius: 20px;
  overflow: hidden;
  margin-top: 100px !important;
  margin: 0 auto;
}
body.service .modal .modal_content,
body.user .modal .modal_content,
body.registration .modal .modal_content,
body.admin .modal .modal_content {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 25px;
}
body.service .modal .modal_content .box_shape,
body.user .modal .modal_content .box_shape,
body.registration .modal .modal_content .box_shape,
body.admin .modal .modal_content .box_shape {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}
body.service .modal .modal_content .box_shape:before,
body.user .modal .modal_content .box_shape:before,
body.registration .modal .modal_content .box_shape:before,
body.admin .modal .modal_content .box_shape:before {
  position: absolute;
  content: " ";
  width: 70px;
  height: 1px;
  background: #414042;
  top: 50px;
  left: -90px;
  opacity: 0.2;
  z-index: 10;
}
body.service .modal .modal_content .box_shape:after,
body.user .modal .modal_content .box_shape:after,
body.registration .modal .modal_content .box_shape:after,
body.admin .modal .modal_content .box_shape:after {
  position: absolute;
  content: " ";
  width: 70px;
  height: 1px;
  background: #414042;
  top: 50px;
  left: 120px;
  opacity: 0.2;
  z-index: 10;
}
body.service .modal .modal_content .box_shape .img_box,
body.user .modal .modal_content .box_shape .img_box,
body.registration .modal .modal_content .box_shape .img_box,
body.admin .modal .modal_content .box_shape .img_box {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 1px solid #707070;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
}
body.service .modal .modal_content h3,
body.user .modal .modal_content h3,
body.registration .modal .modal_content h3,
body.admin .modal .modal_content h3 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #414042;
  text-transform: uppercase;
}
body.service .modal .modal_content .btn-block,
body.user .modal .modal_content .btn-block,
body.registration .modal .modal_content .btn-block,
body.admin .modal .modal_content .btn-block {
  font-size: 15px !important;
}
body.service #close_restaurant_modal .modal-body,
body.user #close_restaurant_modal .modal-body,
body.registration #close_restaurant_modal .modal-body,
body.admin #close_restaurant_modal .modal-body {
  padding: 80px;
}
body.service .connet_restaurant_to_user_comp,
body.user .connet_restaurant_to_user_comp,
body.registration .connet_restaurant_to_user_comp,
body.admin .connet_restaurant_to_user_comp {
  padding-left: 35px;
  padding-right: 35px;
}
body.service .connet_restaurant_to_user_comp legend,
body.user .connet_restaurant_to_user_comp legend,
body.registration .connet_restaurant_to_user_comp legend,
body.admin .connet_restaurant_to_user_comp legend {
  font-size: 20px;
  margin-bottom: 0;
}
body.service .connet_restaurant_to_user_comp form .form-control,
body.user .connet_restaurant_to_user_comp form .form-control,
body.registration .connet_restaurant_to_user_comp form .form-control,
body.admin .connet_restaurant_to_user_comp form .form-control {
  border: 1px solid #EBEBEB;
  border-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 14px;
  padding: 10px 15px;
  width: 100%;
  color: #757575;
  height: 43px;
}
body.service .connet_restaurant_to_user_comp form .input-group-append .btn,
body.user .connet_restaurant_to_user_comp form .input-group-append .btn,
body.registration .connet_restaurant_to_user_comp form .input-group-append .btn,
body.admin .connet_restaurant_to_user_comp form .input-group-append .btn {
  background: #048f59 !important;
}
body.service .connet_restaurant_to_user_comp > .row tr td .btn,
body.user .connet_restaurant_to_user_comp > .row tr td .btn,
body.registration .connet_restaurant_to_user_comp > .row tr td .btn,
body.admin .connet_restaurant_to_user_comp > .row tr td .btn {
  background: #a10202 !important;
  color: #fff !important;
  border-radius: 100%;
  margin-left: 5px;
}
body.service.restaurant .active_order_btn,
body.user.restaurant .active_order_btn,
body.registration.restaurant .active_order_btn,
body.admin.restaurant .active_order_btn {
  width: 100px;
  height: 45px;
  background-color: rgba(239, 239, 239, 0.85);
  text-align: left;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  position: relative;
  right: -30px;
}
body.service.restaurant .active_order_btn img,
body.user.restaurant .active_order_btn img,
body.registration.restaurant .active_order_btn img,
body.admin.restaurant .active_order_btn img {
  margin-left: 20px;
  margin-top: 15px;
}
body.service.restaurant .active_order_btn span,
body.user.restaurant .active_order_btn span,
body.registration.restaurant .active_order_btn span,
body.admin.restaurant .active_order_btn span {
  position: relative;
  left: -7px;
  top: 5px;
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  background-color: #D7DF23;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #414042;
}
body.service.restaurant #header_back_btn,
body.user.restaurant #header_back_btn,
body.registration.restaurant #header_back_btn,
body.admin.restaurant #header_back_btn {
  position: relative;
  top: 5px;
  right: -30px;
}
body.service #service_menu,
body.user #service_menu,
body.registration #service_menu,
body.admin #service_menu {
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #DBE9F6 100%);
}
body.service .content_section .dashboard_menu,
body.user .content_section .dashboard_menu,
body.registration .content_section .dashboard_menu,
body.admin .content_section .dashboard_menu {
  margin-top: 130px;
  /*.col-6.box_align_left {
      .icon_container {
          display: inline-block;
          float: left;
          margin-top: -16px;
          margin-left: 20px;
          img {
              height: 45px;
          }
      }
      height: auto;
      span {
          font-family: 'VisbyCF Bold', serif;
          letter-spacing: 0.8px;
          display: block;
          font-size: 14px !important;
          text-align: right;
          padding-right: 25px;
      }
      a {
          padding-top: 40px;
          padding-bottom: 40px;
          background: #FFFFFF;
          box-shadow: 0px 3px 6px #00000008;
          border-radius: 20px;
      }
  }*/
}
body.service .content_section .dashboard_menu .box_align_left,
body.user .content_section .dashboard_menu .box_align_left,
body.registration .content_section .dashboard_menu .box_align_left,
body.admin .content_section .dashboard_menu .box_align_left {
  height: auto;
}
body.service .content_section .dashboard_menu .box_align_left .icon_container,
body.user .content_section .dashboard_menu .box_align_left .icon_container,
body.registration .content_section .dashboard_menu .box_align_left .icon_container,
body.admin .content_section .dashboard_menu .box_align_left .icon_container {
  display: inline-block;
  float: left;
  margin-top: -40px;
  margin-left: 25px;
}
body.service .content_section .dashboard_menu .box_align_left span,
body.user .content_section .dashboard_menu .box_align_left span,
body.registration .content_section .dashboard_menu .box_align_left span,
body.admin .content_section .dashboard_menu .box_align_left span {
  font-family: "VisbyCF Bold", serif;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  font-size: 14px !important;
  text-align: right;
  padding-right: 40px;
  margin-left: 20px;
}
body.service .content_section .dashboard_menu .box_align_left span .label,
body.user .content_section .dashboard_menu .box_align_left span .label,
body.registration .content_section .dashboard_menu .box_align_left span .label,
body.admin .content_section .dashboard_menu .box_align_left span .label {
  margin-left: 10px;
}
body.service .content_section .dashboard_menu .box_align_left a,
body.user .content_section .dashboard_menu .box_align_left a,
body.registration .content_section .dashboard_menu .box_align_left a,
body.admin .content_section .dashboard_menu .box_align_left a {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.031372549);
  border-radius: 20px;
  padding: 2px 0;
}
body.service .content_section .dashboard_menu .box_align_left.highlight,
body.user .content_section .dashboard_menu .box_align_left.highlight,
body.registration .content_section .dashboard_menu .box_align_left.highlight,
body.admin .content_section .dashboard_menu .box_align_left.highlight {
  margin-bottom: 40px;
}
body.service .content_section .dashboard_menu .box_align_left.highlight span,
body.user .content_section .dashboard_menu .box_align_left.highlight span,
body.registration .content_section .dashboard_menu .box_align_left.highlight span,
body.admin .content_section .dashboard_menu .box_align_left.highlight span {
  color: #fff;
}
body.service .content_section .dashboard_menu .box_align_left.highlight a,
body.user .content_section .dashboard_menu .box_align_left.highlight a,
body.registration .content_section .dashboard_menu .box_align_left.highlight a,
body.admin .content_section .dashboard_menu .box_align_left.highlight a {
  background: #592E8D;
  box-shadow: 5px 15px 20px rgba(89, 46, 141, 0.2);
  padding: 25px 0;
}
body.service .content_section .dashboard_menu .box_align_left.multiple,
body.user .content_section .dashboard_menu .box_align_left.multiple,
body.registration .content_section .dashboard_menu .box_align_left.multiple,
body.admin .content_section .dashboard_menu .box_align_left.multiple {
  margin-bottom: 20px;
}
body.service .content_section .dashboard_menu .box_align_left.multiple .icon_container,
body.user .content_section .dashboard_menu .box_align_left.multiple .icon_container,
body.registration .content_section .dashboard_menu .box_align_left.multiple .icon_container,
body.admin .content_section .dashboard_menu .box_align_left.multiple .icon_container {
  margin-top: 0;
  margin-left: 0;
}
body.service .content_section .dashboard_menu .box_align_left.multiple .label,
body.user .content_section .dashboard_menu .box_align_left.multiple .label,
body.registration .content_section .dashboard_menu .box_align_left.multiple .label,
body.admin .content_section .dashboard_menu .box_align_left.multiple .label {
  text-align: left;
}
body.service .content_section .dashboard_menu .box_align_top,
body.user .content_section .dashboard_menu .box_align_top,
body.registration .content_section .dashboard_menu .box_align_top,
body.admin .content_section .dashboard_menu .box_align_top {
  height: auto;
}
body.service .content_section .dashboard_menu .box_align_top .icon_container img,
body.user .content_section .dashboard_menu .box_align_top .icon_container img,
body.registration .content_section .dashboard_menu .box_align_top .icon_container img,
body.admin .content_section .dashboard_menu .box_align_top .icon_container img {
  height: 90px;
  width: auto;
}
body.service .content_section .dashboard_menu .box_align_top span,
body.user .content_section .dashboard_menu .box_align_top span,
body.registration .content_section .dashboard_menu .box_align_top span,
body.admin .content_section .dashboard_menu .box_align_top span {
  display: block;
}
body.service .content_section .dashboard_menu .box_align_top span .label,
body.user .content_section .dashboard_menu .box_align_top span .label,
body.registration .content_section .dashboard_menu .box_align_top span .label,
body.admin .content_section .dashboard_menu .box_align_top span .label {
  font-family: "VisbyCF Bold", serif;
  letter-spacing: 0.8px;
  font-size: 14px;
  padding-top: 6px;
}
body.service .content_section .dashboard_menu .box_align_top a,
body.user .content_section .dashboard_menu .box_align_top a,
body.registration .content_section .dashboard_menu .box_align_top a,
body.admin .content_section .dashboard_menu .box_align_top a {
  padding: 10px 20px 20px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.031372549);
  border-radius: 20px;
  height: 156px;
  display: grid;
  align-items: flex-start;
}
body.service .content_section .dashboard_menu .box_align_top a.disabled,
body.user .content_section .dashboard_menu .box_align_top a.disabled,
body.registration .content_section .dashboard_menu .box_align_top a.disabled,
body.admin .content_section .dashboard_menu .box_align_top a.disabled {
  position: relative;
}
body.service .content_section .dashboard_menu .box_align_top a.disabled:before,
body.user .content_section .dashboard_menu .box_align_top a.disabled:before,
body.registration .content_section .dashboard_menu .box_align_top a.disabled:before,
body.admin .content_section .dashboard_menu .box_align_top a.disabled:before {
  content: "";
  display: block;
  margin: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
body.service #restaurant_offerslist .modal_content .label_row,
body.user #restaurant_offerslist .modal_content .label_row,
body.registration #restaurant_offerslist .modal_content .label_row,
body.admin #restaurant_offerslist .modal_content .label_row {
  font-size: 14px;
  color: #414042;
  font-weight: bold;
  margin-bottom: 10px;
}
body.service #restaurant_offerslist .modal_content .modifier_row .btn,
body.user #restaurant_offerslist .modal_content .modifier_row .btn,
body.registration #restaurant_offerslist .modal_content .modifier_row .btn,
body.admin #restaurant_offerslist .modal_content .modifier_row .btn {
  display: inline-block;
  font-family: Noto Sans;
  font-size: 35px;
  font-weight: bold;
  color: #414042;
  width: 50px;
  height: 50px;
  line-height: 32px;
  border: 1px solid #EBEBEB;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
}
body.service #restaurant_offerslist .modal_content .modifier_row.sfc input.s-form-control,
body.user #restaurant_offerslist .modal_content .modifier_row.sfc input.s-form-control,
body.registration #restaurant_offerslist .modal_content .modifier_row.sfc input.s-form-control,
body.admin #restaurant_offerslist .modal_content .modifier_row.sfc input.s-form-control {
  text-align: right !important;
}
body.service #restaurant_offerslist .modal_content .modifier_row.sfc .input-group input.s-form-control,
body.user #restaurant_offerslist .modal_content .modifier_row.sfc .input-group input.s-form-control,
body.registration #restaurant_offerslist .modal_content .modifier_row.sfc .input-group input.s-form-control,
body.admin #restaurant_offerslist .modal_content .modifier_row.sfc .input-group input.s-form-control {
  padding-right: 2px;
}
body.service #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append,
body.user #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append,
body.registration #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append,
body.admin #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append {
  max-height: 47px;
}
body.service #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append .input-group-text,
body.user #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append .input-group-text,
body.registration #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append .input-group-text,
body.admin #restaurant_offerslist .modal_content .modifier_row.sfc .input-group .input-group-append .input-group-text {
  font-size: 22px !important;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
  padding-left: 0;
  padding-top: 10px;
}
body.service #restaurant_offerslist .modal_content .time_row,
body.user #restaurant_offerslist .modal_content .time_row,
body.registration #restaurant_offerslist .modal_content .time_row,
body.admin #restaurant_offerslist .modal_content .time_row {
  margin-bottom: 30px;
  align-items: center;
  justify-content: center;
}
body.service #restaurant_offerslist .modal_content .sfc input.s-form-control,
body.user #restaurant_offerslist .modal_content .sfc input.s-form-control,
body.registration #restaurant_offerslist .modal_content .sfc input.s-form-control,
body.admin #restaurant_offerslist .modal_content .sfc input.s-form-control {
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  color: #414042;
  text-align: center;
}
body.service #restaurant_offerslist #offerForm,
body.user #restaurant_offerslist #offerForm,
body.registration #restaurant_offerslist #offerForm,
body.admin #restaurant_offerslist #offerForm {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  background: #FFFFFF;
  border-radius: 30px 30px 0 0;
}
body.service #restaurant_offerslist #offerForm h1,
body.user #restaurant_offerslist #offerForm h1,
body.registration #restaurant_offerslist #offerForm h1,
body.admin #restaurant_offerslist #offerForm h1 {
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}
body.service #restaurant_offerslist #offerForm .simpletext,
body.user #restaurant_offerslist #offerForm .simpletext,
body.registration #restaurant_offerslist #offerForm .simpletext,
body.admin #restaurant_offerslist #offerForm .simpletext {
  line-height: 42px;
  text-align: left;
  color: #757575;
  font-weight: bold;
  font-size: 14px;
}
body.service #restaurant_offerslist #offerForm .offer_times .simpletext,
body.user #restaurant_offerslist #offerForm .offer_times .simpletext,
body.registration #restaurant_offerslist #offerForm .offer_times .simpletext,
body.admin #restaurant_offerslist #offerForm .offer_times .simpletext {
  line-height: 34px;
  text-align: left;
  color: #757575;
  font-weight: bold;
  font-size: 14px;
}
body.service #restaurant_offerslist #offerForm .offer_save,
body.user #restaurant_offerslist #offerForm .offer_save,
body.registration #restaurant_offerslist #offerForm .offer_save,
body.admin #restaurant_offerslist #offerForm .offer_save {
  background: url(../img/restaurant/icons/leaf_icon.svg) no-repeat center 20px #078F59;
  background-size: 45px 35px;
  color: #fff;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 70px;
  padding-bottom: 20px;
}
body.service #restaurant_offerslist #offerForm .offer_save h5,
body.user #restaurant_offerslist #offerForm .offer_save h5,
body.registration #restaurant_offerslist #offerForm .offer_save h5,
body.admin #restaurant_offerslist #offerForm .offer_save h5 {
  text-align: center;
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
}
body.service #restaurant_offerslist #offerForm .offer_save h4,
body.user #restaurant_offerslist #offerForm .offer_save h4,
body.registration #restaurant_offerslist #offerForm .offer_save h4,
body.admin #restaurant_offerslist #offerForm .offer_save h4 {
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}
body.service #restaurant_offerslist .content_section,
body.user #restaurant_offerslist .content_section,
body.registration #restaurant_offerslist .content_section,
body.admin #restaurant_offerslist .content_section {
  position: relative;
  width: 100%;
}
body.service #restaurant_offerslist .content_section .offer_list,
body.user #restaurant_offerslist .content_section .offer_list,
body.registration #restaurant_offerslist .content_section .offer_list,
body.admin #restaurant_offerslist .content_section .offer_list {
  position: relative;
}
body.service #restaurant_offerslist .content_section .offer_list > .row,
body.user #restaurant_offerslist .content_section .offer_list > .row,
body.registration #restaurant_offerslist .content_section .offer_list > .row,
body.admin #restaurant_offerslist .content_section .offer_list > .row {
  margin-left: 0;
  margin-right: 0;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row,
body.user #restaurant_offerslist .content_section .offer_list .item_row,
body.registration #restaurant_offerslist .content_section .offer_list .item_row,
body.admin #restaurant_offerslist .content_section .offer_list .item_row {
  position: relative;
  margin-top: 30px;
  background: #fff;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 10px;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .ir_top_icon_container,
body.user #restaurant_offerslist .content_section .offer_list .item_row .ir_top_icon_container,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .ir_top_icon_container,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .ir_top_icon_container {
  position: absolute;
  top: -30px;
  height: 60px;
  width: 100%;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content {
  width: 100%;
  vertical-align: top;
  min-height: 100px;
  display: flex;
  justify-content: space-between;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .left,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .left,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .left,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .left {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 10px;
  min-height: 50px;
  vertical-align: top;
  padding-right: 10px;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .left img,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .left img,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .left img,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .left img {
  height: 70px;
  width: auto;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .left .service-name,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .left .service-name,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .left .service-name,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .left .service-name {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 16px;
  margin-bottom: 0;
  margin-left: 10px;
  letter-spacing: 1px;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right {
  display: flex;
  align-items: center;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left {
  margin-right: 20px;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left .price,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left .price,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left .price,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left .price {
  font-family: "VisbyCF Bold", serif;
  font-size: 23px;
  color: #592E8D;
  margin-bottom: 0;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left span,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left span,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left span,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-left span {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  color: #282829;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right.inactived .act_btn,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right.inactived .act_btn,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right.inactived .act_btn,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right.inactived .act_btn {
  background: url(../img/service/icons/turn_icon.svg) no-repeat 12px 12px #FE572D;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .act_btn,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .act_btn,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .act_btn,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .act_btn {
  height: 45px;
  width: 45px;
  border-radius: 30px;
  border: none;
  background: url(../img/service/icons/turn_icon.svg) no-repeat 12px 12px #87CEB7;
}
body.service #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .edit_btn,
body.user #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .edit_btn,
body.registration #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .edit_btn,
body.admin #restaurant_offerslist .content_section .offer_list .item_row .item_content .right .m-right .edit_btn {
  display: block;
  height: 45px;
  line-height: 45px;
  width: 45px;
  border-radius: 30px;
  border: none;
  color: white;
  background: #078F59;
  text-align: center;
  font-weight: 22px;
  margin-top: 10px;
}
body.service #restaurant_offerslist.offermodeon .offer_list h1,
body.user #restaurant_offerslist.offermodeon .offer_list h1,
body.registration #restaurant_offerslist.offermodeon .offer_list h1,
body.admin #restaurant_offerslist.offermodeon .offer_list h1 {
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset,
body.user #restaurant_offerslist.offermodeon #offer_buttonset,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 80px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1),
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1),
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1),
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) {
  margin-left: 0px;
  margin-right: 0px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col {
  background: #414042;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 14px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col span,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col span,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col span,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(1) .col span {
  background: #078F59;
  color: #fff;
  border-radius: 50px;
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 20px;
  padding: 8px;
  margin-left: 10%;
  border: none;
  margin-bottom: 15px;
  width: 35px;
  height: 35px;
  line-height: 20px;
  margin-top: 5px;
  display: inline-block;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2),
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2),
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2),
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a {
  border: none !important;
  background-color: #EFEFEF;
  height: 70px;
  color: #9C9C9C;
  font-family: "Noto Sans";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 57px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a .offer_type_number,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a .offer_type_number,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a .offer_type_number,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a .offer_type_number {
  position: absolute;
  background: #078F59;
  top: 4px;
  right: 4px;
  border-radius: 20px;
  font-size: 10px;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  min-width: 17px;
  min-height: 17px;
  text-align: center;
  line-height: 15px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a::after,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a::after,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a::after,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a::after {
  color: #414042;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0px;
  border-color: transparent;
  border-style: solid;
  border-radius: 0;
  border-width: 6px;
  border-right-color: #9C9C9C;
  border-bottom-color: #9C9C9C;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active {
  background-color: #D7DF23;
  color: #414042;
  border: none;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active::after,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active::after,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active::after,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3 a.active::after {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1),
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1),
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1),
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) {
  padding-right: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) .offer_type_number,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) .offer_type_number,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) .offer_type_number,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) .offer_type_number {
  right: 9px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) a::after,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) a::after,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) a::after,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(1) a::after {
  right: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2),
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2),
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2),
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) {
  padding-left: 5px;
  padding-right: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) .offer_type_number,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) .offer_type_number,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) .offer_type_number,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) .offer_type_number {
  right: 9px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a {
  background: url(../img/restaurant/icons/Box_vilagos.svg) no-repeat center center #EFEFEF;
  background-size: 60% 60%;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a.active,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a.active,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a.active,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a.active {
  background: url(../img/restaurant/icons/box_sotet.svg) no-repeat center center #D7DF23;
  background-size: 60% 60%;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a::after,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a::after,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a::after,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(2) a::after {
  right: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3),
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3),
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3),
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) {
  padding-left: 5px;
  padding-right: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) .offer_type_number,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) .offer_type_number,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) .offer_type_number,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) .offer_type_number {
  right: 9px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a {
  background: url(../img/restaurant/icons/porcio_vilagos.svg) no-repeat center center #EFEFEF;
  background-size: 60% 60%;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a.active,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a.active,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a.active,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a.active {
  background: url(../img/restaurant/icons/porcio_sotet.svg) no-repeat center center #D7DF23;
  background-size: 60% 60%;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a::after,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a::after,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a::after,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(3) a::after {
  right: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4),
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4),
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4),
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) {
  padding-left: 5px;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a {
  background: url(../img/restaurant/icons/happy_hour_vilagos.svg) no-repeat center center #EFEFEF;
  background-size: 50% 50%;
}
body.service #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a.active,
body.user #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a.active,
body.registration #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a.active,
body.admin #restaurant_offerslist.offermodeon #offer_buttonset .row:nth-child(2) .col-3:nth-child(4) a.active {
  background: url(../img/restaurant/icons/happy_hour_sotet.svg) no-repeat center center #D7DF23;
  background-size: 50% 50%;
}
body.service #restaurant_offerslist::after,
body.user #restaurant_offerslist::after,
body.registration #restaurant_offerslist::after,
body.admin #restaurant_offerslist::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(../img/restaurant/icons/box_sotet.svg) url(../img/restaurant/icons/porcio_sotet.svg) url(../img/restaurant/icons/happy_hour_sotet.svg);
}
body.service #restaurant_edit,
body.user #restaurant_edit,
body.registration #restaurant_edit,
body.admin #restaurant_edit {
  font-family: "Noto Sans";
  font-weight: bold;
  font-size: 14px;
}
body.service #restaurant_edit .back-btn,
body.user #restaurant_edit .back-btn,
body.registration #restaurant_edit .back-btn,
body.admin #restaurant_edit .back-btn {
  margin-top: 30px;
}
body.service #restaurant_edit #whats_your_type,
body.user #restaurant_edit #whats_your_type,
body.registration #restaurant_edit #whats_your_type,
body.admin #restaurant_edit #whats_your_type {
  background: #F2F2F2;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 1px;
}
body.service #restaurant_edit #whats_your_type legend,
body.user #restaurant_edit #whats_your_type legend,
body.registration #restaurant_edit #whats_your_type legend,
body.admin #restaurant_edit #whats_your_type legend {
  font-size: 14px;
  color: #414042;
  margin-top: 20px;
  font-weight: bold;
}
body.service #restaurant_edit #er_images,
body.user #restaurant_edit #er_images,
body.registration #restaurant_edit #er_images,
body.admin #restaurant_edit #er_images {
  background: #FECB00;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 40px;
  text-align: center;
  color: #fff;
}
body.service #restaurant_edit #er_images button,
body.user #restaurant_edit #er_images button,
body.registration #restaurant_edit #er_images button,
body.admin #restaurant_edit #er_images button {
  text-align: center;
  color: #fff;
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 14px;
}
body.service #restaurant_edit #er_images .upload_img_container,
body.user #restaurant_edit #er_images .upload_img_container,
body.registration #restaurant_edit #er_images .upload_img_container,
body.admin #restaurant_edit #er_images .upload_img_container {
  height: 111px;
  max-height: 111px;
  overflow: none;
}
body.service #restaurant_edit #er_opening_hours .simpletext.title-box,
body.service #restaurant_edit #er_address .simpletext.title-box,
body.user #restaurant_edit #er_opening_hours .simpletext.title-box,
body.user #restaurant_edit #er_address .simpletext.title-box,
body.registration #restaurant_edit #er_opening_hours .simpletext.title-box,
body.registration #restaurant_edit #er_address .simpletext.title-box,
body.admin #restaurant_edit #er_opening_hours .simpletext.title-box,
body.admin #restaurant_edit #er_address .simpletext.title-box {
  font-family: "VisbyCF Bold", serif;
  font-size: 24px;
  color: #282829;
  letter-spacing: 1px;
  margin: 30px 0;
}
body.service #restaurant_edit #er_opening_hours .simpletext,
body.user #restaurant_edit #er_opening_hours .simpletext,
body.registration #restaurant_edit #er_opening_hours .simpletext,
body.admin #restaurant_edit #er_opening_hours .simpletext {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  padding-left: 5px;
  color: #282829;
  letter-spacing: 1px;
}
body.service #restaurant_edit #er_opening_hours input,
body.user #restaurant_edit #er_opening_hours input,
body.registration #restaurant_edit #er_opening_hours input,
body.admin #restaurant_edit #er_opening_hours input {
  padding: 5px 10px;
}
body.service #restaurant_edit #er_delivery,
body.user #restaurant_edit #er_delivery,
body.registration #restaurant_edit #er_delivery,
body.admin #restaurant_edit #er_delivery {
  background: #F2F2F2;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
  margin-bottom: 40px;
}
body.service #restaurant_edit #er_delivery .simpletext,
body.user #restaurant_edit #er_delivery .simpletext,
body.registration #restaurant_edit #er_delivery .simpletext,
body.admin #restaurant_edit #er_delivery .simpletext {
  line-height: 42px;
}
body.service #restaurant_userlist,
body.user #restaurant_userlist,
body.registration #restaurant_userlist,
body.admin #restaurant_userlist {
  height: 100%;
}
body.service #restaurant_userlist .back-btn,
body.user #restaurant_userlist .back-btn,
body.registration #restaurant_userlist .back-btn,
body.admin #restaurant_userlist .back-btn {
  position: relative;
  margin-left: 40px;
}
body.service #restaurant_userlist .content_section,
body.user #restaurant_userlist .content_section,
body.registration #restaurant_userlist .content_section,
body.admin #restaurant_userlist .content_section {
  padding-left: 0px;
  padding-right: 0px;
  top: 0px;
  position: relative;
  padding: 0px 0px 40px 0px;
}
body.service #restaurant_userlist .content_section .user_list,
body.user #restaurant_userlist .content_section .user_list,
body.registration #restaurant_userlist .content_section .user_list,
body.admin #restaurant_userlist .content_section .user_list {
  position: relative;
}
body.service #restaurant_userlist .content_section .user_list .create_user_button,
body.user #restaurant_userlist .content_section .user_list .create_user_button,
body.registration #restaurant_userlist .content_section .user_list .create_user_button,
body.admin #restaurant_userlist .content_section .user_list .create_user_button {
  background: #DEEBF6;
  margin-left: 30px;
  margin-right: 30px;
  padding: 25px 0;
  border-radius: 20px;
  margin-top: 70px;
}
body.service #restaurant_userlist .content_section .user_list .create_user_button .label,
body.user #restaurant_userlist .content_section .user_list .create_user_button .label,
body.registration #restaurant_userlist .content_section .user_list .create_user_button .label,
body.admin #restaurant_userlist .content_section .user_list .create_user_button .label {
  color: #592E8D;
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
body.service #restaurant_userlist .content_section .user_list .create_user_button .add_new_user_btn,
body.user #restaurant_userlist .content_section .user_list .create_user_button .add_new_user_btn,
body.registration #restaurant_userlist .content_section .user_list .create_user_button .add_new_user_btn,
body.admin #restaurant_userlist .content_section .user_list .create_user_button .add_new_user_btn {
  background: url(../img/service/icons/create_user_icon.svg) no-repeat;
  background-size: 30px 30px;
  width: 32px;
  height: 32px;
}
body.service #restaurant_userlist .content_section .user_row,
body.user #restaurant_userlist .content_section .user_row,
body.registration #restaurant_userlist .content_section .user_row,
body.admin #restaurant_userlist .content_section .user_row {
  position: relative;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 15px;
  width: 100%;
}
body.service #restaurant_userlist .content_section .user_row .status_box,
body.user #restaurant_userlist .content_section .user_row .status_box,
body.registration #restaurant_userlist .content_section .user_row .status_box,
body.admin #restaurant_userlist .content_section .user_row .status_box {
  position: absolute;
  left: 15px;
}
body.service #restaurant_userlist .content_section .user_row .profile-pic,
body.user #restaurant_userlist .content_section .user_row .profile-pic,
body.registration #restaurant_userlist .content_section .user_row .profile-pic,
body.admin #restaurant_userlist .content_section .user_row .profile-pic {
  padding: 0;
}
body.service #restaurant_userlist .content_section .user_row .name,
body.user #restaurant_userlist .content_section .user_row .name,
body.registration #restaurant_userlist .content_section .user_row .name,
body.admin #restaurant_userlist .content_section .user_row .name {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  color: #282829;
  letter-spacing: 1px;
  margin-bottom: 0;
}
body.service #restaurant_userlist .content_section .user_row .position,
body.user #restaurant_userlist .content_section .user_row .position,
body.registration #restaurant_userlist .content_section .user_row .position,
body.admin #restaurant_userlist .content_section .user_row .position {
  font-family: "VisbyCF Bold", serif;
  margin-bottom: 0;
  font-size: 13px;
  color: #282829;
  letter-spacing: 1px;
}
body.service #restaurant_userlist .content_section .user_row .u_edit,
body.user #restaurant_userlist .content_section .user_row .u_edit,
body.registration #restaurant_userlist .content_section .user_row .u_edit,
body.admin #restaurant_userlist .content_section .user_row .u_edit {
  background: url(../img/service/icons/edit_icon.svg) no-repeat;
  background-size: 30px 30px;
  width: 32px;
  height: 32px;
}
body.service #restaurant_userlist .content_section .user_row .table_remove_btn,
body.user #restaurant_userlist .content_section .user_row .table_remove_btn,
body.registration #restaurant_userlist .content_section .user_row .table_remove_btn,
body.admin #restaurant_userlist .content_section .user_row .table_remove_btn {
  margin-left: 10px;
}
body.service #restaurant_userlist .content_section .user_row .table_remove_btn .u_trash,
body.user #restaurant_userlist .content_section .user_row .table_remove_btn .u_trash,
body.registration #restaurant_userlist .content_section .user_row .table_remove_btn .u_trash,
body.admin #restaurant_userlist .content_section .user_row .table_remove_btn .u_trash {
  background: url(../img/service/icons/trash_icon.svg) no-repeat;
  background-size: 30px 30px;
  width: 32px;
  height: 32px;
}
body.service #restaurant_userlist .content_section .white_section,
body.user #restaurant_userlist .content_section .white_section,
body.registration #restaurant_userlist .content_section .white_section,
body.admin #restaurant_userlist .content_section .white_section {
  border-radius: 30px 30px 0 0;
  padding-top: 40px;
  position: relative;
  background: #fff;
}
body.service #restaurant_userlist .content_section .white_section .padding,
body.user #restaurant_userlist .content_section .white_section .padding,
body.registration #restaurant_userlist .content_section .white_section .padding,
body.admin #restaurant_userlist .content_section .white_section .padding {
  padding-left: 35px;
  padding-right: 35px;
}
body.service #restaurant_userlist .content_section .white_section .height_100,
body.user #restaurant_userlist .content_section .white_section .height_100,
body.registration #restaurant_userlist .content_section .white_section .height_100,
body.admin #restaurant_userlist .content_section .white_section .height_100 {
  height: 100px;
}
body.service #restaurant_userlist .content_section #uploaded_image.sample_image,
body.user #restaurant_userlist .content_section #uploaded_image.sample_image,
body.registration #restaurant_userlist .content_section #uploaded_image.sample_image,
body.admin #restaurant_userlist .content_section #uploaded_image.sample_image {
  width: 67px !important;
}
body.service #restaurant_userlist .content_section .white_section_2,
body.user #restaurant_userlist .content_section .white_section_2,
body.registration #restaurant_userlist .content_section .white_section_2,
body.admin #restaurant_userlist .content_section .white_section_2 {
  padding: 20px 35px;
}
body.service #restaurant_userlist .content_section .grey_section,
body.user #restaurant_userlist .content_section .grey_section,
body.registration #restaurant_userlist .content_section .grey_section,
body.admin #restaurant_userlist .content_section .grey_section {
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 35px;
}
body.service #restaurant_userlist .content_section .grey_section .form-row,
body.user #restaurant_userlist .content_section .grey_section .form-row,
body.registration #restaurant_userlist .content_section .grey_section .form-row,
body.admin #restaurant_userlist .content_section .grey_section .form-row {
  margin-bottom: 0px;
}
body.service .footer_section,
body.user .footer_section,
body.registration .footer_section,
body.admin .footer_section {
  /* border-top-left-radius: 30px;
   border-top-right-radius: 30px;
   background: #592E8D;
   color: #fff;
   padding: 5px 10px;*/
  position: sticky;
  bottom: 0;
}
body.service #restaurant_openinghours .content_section,
body.user #restaurant_openinghours .content_section,
body.registration #restaurant_openinghours .content_section,
body.admin #restaurant_openinghours .content_section {
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 14px;
}
body.service #restaurant_openinghours .content_section .simpletext,
body.user #restaurant_openinghours .content_section .simpletext,
body.registration #restaurant_openinghours .content_section .simpletext,
body.admin #restaurant_openinghours .content_section .simpletext {
  line-height: 33px;
  text-align: left;
  padding-left: 15px;
}
body.service #restaurant_openinghours .content_section .dark_btn,
body.user #restaurant_openinghours .content_section .dark_btn,
body.registration #restaurant_openinghours .content_section .dark_btn,
body.admin #restaurant_openinghours .content_section .dark_btn {
  padding: 15px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
body.service #restaurant_openinghours .content_section .green_btn,
body.user #restaurant_openinghours .content_section .green_btn,
body.registration #restaurant_openinghours .content_section .green_btn,
body.admin #restaurant_openinghours .content_section .green_btn {
  padding: 15px;
}
body.service #restaurant_openinghours .content_section .opening_hours h2,
body.user #restaurant_openinghours .content_section .opening_hours h2,
body.registration #restaurant_openinghours .content_section .opening_hours h2,
body.admin #restaurant_openinghours .content_section .opening_hours h2 {
  font-size: 23px;
  text-align: center !important;
  font-family: "VisbyCF Bold", serif;
  letter-spacing: 1px;
  margin-top: 70px;
}
body.service #restaurant_openinghours .content_section .opening_hours .simpletext,
body.user #restaurant_openinghours .content_section .opening_hours .simpletext,
body.registration #restaurant_openinghours .content_section .opening_hours .simpletext,
body.admin #restaurant_openinghours .content_section .opening_hours .simpletext {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  padding-left: 5px;
  color: #282829;
  letter-spacing: 1px;
}
body.service #restaurant_openinghours .content_section .opening_hours .col_time .input_time_comp input,
body.user #restaurant_openinghours .content_section .opening_hours .col_time .input_time_comp input,
body.registration #restaurant_openinghours .content_section .opening_hours .col_time .input_time_comp input,
body.admin #restaurant_openinghours .content_section .opening_hours .col_time .input_time_comp input {
  padding: 5px 10px;
}
body.service #restaurant_openinghours .content_section .opening_hours .col-date input,
body.user #restaurant_openinghours .content_section .opening_hours .col-date input,
body.registration #restaurant_openinghours .content_section .opening_hours .col-date input,
body.admin #restaurant_openinghours .content_section .opening_hours .col-date input {
  padding: 7px 12px;
  background: #fff;
  border: 1px solid #DBE9F6;
  color: #282829;
  border-radius: 50px;
  font-family: "VisbyCF Bold", serif;
  font-size: 13px;
  width: 100%;
}
body.service #restaurant_openinghours .content_section .opening_hours .add_holiday_btn,
body.user #restaurant_openinghours .content_section .opening_hours .add_holiday_btn,
body.registration #restaurant_openinghours .content_section .opening_hours .add_holiday_btn,
body.admin #restaurant_openinghours .content_section .opening_hours .add_holiday_btn {
  display: flex;
  justify-content: end;
}
body.service #restaurant_openinghours .content_section .opening_hours .add_holiday_btn button,
body.user #restaurant_openinghours .content_section .opening_hours .add_holiday_btn button,
body.registration #restaurant_openinghours .content_section .opening_hours .add_holiday_btn button,
body.admin #restaurant_openinghours .content_section .opening_hours .add_holiday_btn button {
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.service #restaurant_openinghours .content_section .opening_hours table .holiday_tr,
body.user #restaurant_openinghours .content_section .opening_hours table .holiday_tr,
body.registration #restaurant_openinghours .content_section .opening_hours table .holiday_tr,
body.admin #restaurant_openinghours .content_section .opening_hours table .holiday_tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
}
body.service #restaurant_openinghours .content_section .opening_hours table td,
body.user #restaurant_openinghours .content_section .opening_hours table td,
body.registration #restaurant_openinghours .content_section .opening_hours table td,
body.admin #restaurant_openinghours .content_section .opening_hours table td {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  color: #282829;
  letter-spacing: 1px;
  border: unset;
}
body.service #restaurant_openinghours .content_section .opening_hours .sya,
body.user #restaurant_openinghours .content_section .opening_hours .sya,
body.registration #restaurant_openinghours .content_section .opening_hours .sya,
body.admin #restaurant_openinghours .content_section .opening_hours .sya {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  letter-spacing: 1px;
  color: #FE572D;
}
body.service #restaurant_openinghours .content_section .opening_hours .closed_td,
body.user #restaurant_openinghours .content_section .opening_hours .closed_td,
body.registration #restaurant_openinghours .content_section .opening_hours .closed_td,
body.admin #restaurant_openinghours .content_section .opening_hours .closed_td {
  display: flex;
  justify-content: end;
  position: relative;
  left: 5px;
}
body.service #restaurant_openinghours .content_section .opening_hours .closed_td .u_trash,
body.user #restaurant_openinghours .content_section .opening_hours .closed_td .u_trash,
body.registration #restaurant_openinghours .content_section .opening_hours .closed_td .u_trash,
body.admin #restaurant_openinghours .content_section .opening_hours .closed_td .u_trash {
  background: url(../img/service/icons/red_trash_icon.svg) no-repeat;
  background-size: 36px 36px;
  width: 36px;
  height: 36px;
  border: unset;
}
body.service #restaurant_orderlist .container.header_section header .fig,
body.user #restaurant_orderlist .container.header_section header .fig,
body.registration #restaurant_orderlist .container.header_section header .fig,
body.admin #restaurant_orderlist .container.header_section header .fig {
  background-position: center -45px;
}
body.service #restaurant_orderlist .container.content_section,
body.user #restaurant_orderlist .container.content_section,
body.registration #restaurant_orderlist .container.content_section,
body.admin #restaurant_orderlist .container.content_section {
  padding: 0 30px;
  width: 100%;
}
body.service #restaurant_orderlist .container.content_section > h1,
body.user #restaurant_orderlist .container.content_section > h1,
body.registration #restaurant_orderlist .container.content_section > h1,
body.admin #restaurant_orderlist .container.content_section > h1 {
  font-size: 18px;
  font-weight: bold;
  color: #414042;
  text-transform: uppercase;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
}
body.service #restaurant_orderlist .container.header_section header .fig h2,
body.user #restaurant_orderlist .container.header_section header .fig h2,
body.registration #restaurant_orderlist .container.header_section header .fig h2,
body.admin #restaurant_orderlist .container.header_section header .fig h2 {
  position: relative;
  top: -23px;
  font-size: 13px;
  font-weight: bold;
  color: #757575;
}
body.service #restaurant_orderlist .filter_row,
body.user #restaurant_orderlist .filter_row,
body.registration #restaurant_orderlist .filter_row,
body.admin #restaurant_orderlist .filter_row {
  margin-top: 20px;
  margin-right: 0;
}
body.service #restaurant_orderlist .read_comment_btn,
body.user #restaurant_orderlist .read_comment_btn,
body.registration #restaurant_orderlist .read_comment_btn,
body.admin #restaurant_orderlist .read_comment_btn {
  font-size: 12px;
  color: #048f59;
  font-weight: normal;
}
body.service #restaurant_orderlist .show-order .user-content,
body.user #restaurant_orderlist .show-order .user-content,
body.registration #restaurant_orderlist .show-order .user-content,
body.admin #restaurant_orderlist .show-order .user-content {
  display: flex;
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  letter-spacing: 1px;
}
body.service #restaurant_orderlist .show-order .user-content .profile-image,
body.user #restaurant_orderlist .show-order .user-content .profile-image,
body.registration #restaurant_orderlist .show-order .user-content .profile-image,
body.admin #restaurant_orderlist .show-order .user-content .profile-image {
  width: 100px;
  position: relative;
  height: 100px;
  overflow: hidden;
  border-radius: 50px;
}
body.service #restaurant_orderlist .show-order .user-content .profile-image img,
body.user #restaurant_orderlist .show-order .user-content .profile-image img,
body.registration #restaurant_orderlist .show-order .user-content .profile-image img,
body.admin #restaurant_orderlist .show-order .user-content .profile-image img {
  width: 100%;
}
body.service #restaurant_orderlist .show-order .user-content .content,
body.user #restaurant_orderlist .show-order .user-content .content,
body.registration #restaurant_orderlist .show-order .user-content .content,
body.admin #restaurant_orderlist .show-order .user-content .content {
  padding-left: 20px;
}
body.service #restaurant_orderlist .show-order .user-content .content .user-name,
body.user #restaurant_orderlist .show-order .user-content .content .user-name,
body.registration #restaurant_orderlist .show-order .user-content .content .user-name,
body.admin #restaurant_orderlist .show-order .user-content .content .user-name {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  color: #282829;
  margin-bottom: 0;
}
body.service #restaurant_orderlist .show-order .user-content .content .user-phone,
body.user #restaurant_orderlist .show-order .user-content .content .user-phone,
body.registration #restaurant_orderlist .show-order .user-content .content .user-phone,
body.admin #restaurant_orderlist .show-order .user-content .content .user-phone {
  background: #FECB00;
  color: #282829;
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  text-align: center;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
}
body.service #restaurant_orderlist .show-order .user-content .content .user-address,
body.user #restaurant_orderlist .show-order .user-content .content .user-address,
body.registration #restaurant_orderlist .show-order .user-content .content .user-address,
body.admin #restaurant_orderlist .show-order .user-content .content .user-address {
  color: #282829;
  font-family: "VisbyCF Bold", serif;
  font-size: 13px;
  margin-bottom: 10px;
}
body.service #restaurant_orderlist .show-order .order-content,
body.user #restaurant_orderlist .show-order .order-content,
body.registration #restaurant_orderlist .show-order .order-content,
body.admin #restaurant_orderlist .show-order .order-content {
  padding-top: 30px;
}
body.service #restaurant_orderlist .show-order .order-content .offerType-name,
body.user #restaurant_orderlist .show-order .order-content .offerType-name,
body.registration #restaurant_orderlist .show-order .order-content .offerType-name,
body.admin #restaurant_orderlist .show-order .order-content .offerType-name {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 23px;
  margin-bottom: 10px;
}
body.service #restaurant_orderlist .show-order .order-content .order-description-title,
body.user #restaurant_orderlist .show-order .order-content .order-description-title,
body.registration #restaurant_orderlist .show-order .order-content .order-description-title,
body.admin #restaurant_orderlist .show-order .order-content .order-description-title {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 16px;
  margin-bottom: 5px;
}
body.service #restaurant_orderlist .show-order .order-content .order-description,
body.user #restaurant_orderlist .show-order .order-content .order-description,
body.registration #restaurant_orderlist .show-order .order-content .order-description,
body.admin #restaurant_orderlist .show-order .order-content .order-description {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 13px;
}
body.service #restaurant_orderlist .show-order .order-content .upload-btn,
body.user #restaurant_orderlist .show-order .order-content .upload-btn,
body.registration #restaurant_orderlist .show-order .order-content .upload-btn,
body.admin #restaurant_orderlist .show-order .order-content .upload-btn {
  margin-top: 40px;
}
body.service #restaurant_orderlist .show-order .order-content .buttons-box,
body.user #restaurant_orderlist .show-order .order-content .buttons-box,
body.registration #restaurant_orderlist .show-order .order-content .buttons-box,
body.admin #restaurant_orderlist .show-order .order-content .buttons-box {
  margin-top: 60px;
}
body.service #restaurant_orderlist .show-order .order-content .buttons-box button,
body.user #restaurant_orderlist .show-order .order-content .buttons-box button,
body.registration #restaurant_orderlist .show-order .order-content .buttons-box button,
body.admin #restaurant_orderlist .show-order .order-content .buttons-box button {
  margin-bottom: 20px;
}
body.service #restaurant_orderlist .show-order .order-content .back-btn,
body.user #restaurant_orderlist .show-order .order-content .back-btn,
body.registration #restaurant_orderlist .show-order .order-content .back-btn,
body.admin #restaurant_orderlist .show-order .order-content .back-btn {
  margin-top: 30px;
  margin-bottom: 30px;
}
body.service #restaurant_orderlist .order_list .title,
body.user #restaurant_orderlist .order_list .title,
body.registration #restaurant_orderlist .order_list .title,
body.admin #restaurant_orderlist .order_list .title {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 30px;
}
body.service #restaurant_orderlist .order_list .order,
body.user #restaurant_orderlist .order_list .order,
body.registration #restaurant_orderlist .order_list .order,
body.admin #restaurant_orderlist .order_list .order {
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  background: #fff;
  display: flex;
  padding: 30px;
  margin-bottom: 30px;
}
body.service #restaurant_orderlist .order_list .order .offer-type-img img,
body.user #restaurant_orderlist .order_list .order .offer-type-img img,
body.registration #restaurant_orderlist .order_list .order .offer-type-img img,
body.admin #restaurant_orderlist .order_list .order .offer-type-img img {
  height: 80px;
  width: auto;
}
body.service #restaurant_orderlist .order_list .order .content,
body.user #restaurant_orderlist .order_list .order .content,
body.registration #restaurant_orderlist .order_list .order .content,
body.admin #restaurant_orderlist .order_list .order .content {
  padding-left: 30px;
  letter-spacing: 1px;
  width: 100%;
}
body.service #restaurant_orderlist .order_list .order .content .user-name,
body.user #restaurant_orderlist .order_list .order .content .user-name,
body.registration #restaurant_orderlist .order_list .order .content .user-name,
body.admin #restaurant_orderlist .order_list .order .content .user-name {
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  color: #282829;
  margin-bottom: 0;
}
body.service #restaurant_orderlist .order_list .order .content .user-phone,
body.user #restaurant_orderlist .order_list .order .content .user-phone,
body.registration #restaurant_orderlist .order_list .order .content .user-phone,
body.admin #restaurant_orderlist .order_list .order .content .user-phone {
  background: #FECB00;
  color: #282829;
  font-family: "VisbyCF Bold", serif;
  font-size: 16px;
  text-align: center;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
}
body.service #restaurant_orderlist .order_list .order .content .order-date-range,
body.user #restaurant_orderlist .order_list .order .content .order-date-range,
body.registration #restaurant_orderlist .order_list .order .content .order-date-range,
body.admin #restaurant_orderlist .order_list .order .content .order-date-range {
  color: #282829;
  font-family: "VisbyCF Bold", serif;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 0;
}
body.service #restaurant_orderlist .order_list .order .content .price,
body.user #restaurant_orderlist .order_list .order .content .price,
body.registration #restaurant_orderlist .order_list .order .content .price,
body.admin #restaurant_orderlist .order_list .order .content .price {
  color: #8352BE;
  font-family: "VisbyCF Bold", serif;
  font-size: 23px;
  text-align: end;
  margin-bottom: 0;
}
body.service #restaurant_orderlist .order_list .order .item_content,
body.user #restaurant_orderlist .order_list .order .item_content,
body.registration #restaurant_orderlist .order_list .order .item_content,
body.admin #restaurant_orderlist .order_list .order .item_content {
  min-width: 50%;
  max-width: 180px;
}
body.service #restaurant_orderlist .order_list .order .item_content .rateing_row,
body.user #restaurant_orderlist .order_list .order .item_content .rateing_row,
body.registration #restaurant_orderlist .order_list .order .item_content .rateing_row,
body.admin #restaurant_orderlist .order_list .order .item_content .rateing_row {
  display: flex;
  justify-content: space-around;
  margin: 0 20px;
}
body.service #restaurant_orderlist .order_list .order .item_content .left,
body.user #restaurant_orderlist .order_list .order .item_content .left,
body.registration #restaurant_orderlist .order_list .order .item_content .left,
body.admin #restaurant_orderlist .order_list .order .item_content .left {
  padding-left: 20px;
  position: relative;
  font-size: 18px;
  line-height: normal;
  text-align: left;
  font-weight: bold;
  color: #414042;
}
body.service #restaurant_orderlist .order_list .order .item_content .left .offer_name,
body.user #restaurant_orderlist .order_list .order .item_content .left .offer_name,
body.registration #restaurant_orderlist .order_list .order .item_content .left .offer_name,
body.admin #restaurant_orderlist .order_list .order .item_content .left .offer_name {
  font-size: 14px;
  margin-top: 5px;
}
body.service #restaurant_orderlist .order_list .order .item_content .left .piece,
body.user #restaurant_orderlist .order_list .order .item_content .left .piece,
body.registration #restaurant_orderlist .order_list .order .item_content .left .piece,
body.admin #restaurant_orderlist .order_list .order .item_content .left .piece {
  font-size: 12px;
  text-transform: uppercase;
}
body.service #restaurant_orderlist .order_list .order .item_content .left:before,
body.user #restaurant_orderlist .order_list .order .item_content .left:before,
body.registration #restaurant_orderlist .order_list .order .item_content .left:before,
body.admin #restaurant_orderlist .order_list .order .item_content .left:before {
  content: "•";
  position: absolute;
  left: 5px;
  top: -6px;
  color: #D7DF23;
  font-size: 24px;
}
body.service #restaurant_orderlist .order_list .order .col_price,
body.user #restaurant_orderlist .order_list .order .col_price,
body.registration #restaurant_orderlist .order_list .order .col_price,
body.admin #restaurant_orderlist .order_list .order .col_price {
  font-size: 20px;
  max-width: 45px;
}
body.service #restaurant_orderlist .order_list .order .col_btn > img,
body.user #restaurant_orderlist .order_list .order .col_btn > img,
body.registration #restaurant_orderlist .order_list .order .col_btn > img,
body.admin #restaurant_orderlist .order_list .order .col_btn > img {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}
body.service #restaurant_orderlist .order_list .order .col_btn a,
body.user #restaurant_orderlist .order_list .order .col_btn a,
body.registration #restaurant_orderlist .order_list .order .col_btn a,
body.admin #restaurant_orderlist .order_list .order .col_btn a {
  display: inline-block;
}
body.service #restaurant_orderlist .order_list .pending-order,
body.user #restaurant_orderlist .order_list .pending-order,
body.registration #restaurant_orderlist .order_list .pending-order,
body.admin #restaurant_orderlist .order_list .pending-order {
  background: #DBE9F6;
}
body.service #restaurant_orderlist .order_list .pending-order .content .price,
body.user #restaurant_orderlist .order_list .pending-order .content .price,
body.registration #restaurant_orderlist .order_list .pending-order .content .price,
body.admin #restaurant_orderlist .order_list .pending-order .content .price {
  color: #818890;
}
body.service .change_restaurant_comp .sfc-select,
body.user .change_restaurant_comp .sfc-select,
body.registration .change_restaurant_comp .sfc-select,
body.admin .change_restaurant_comp .sfc-select {
  margin: 0;
  padding: 0;
}

#offerTodayEnabled_checkbox .checkbox {
  margin-top: 10px;
}

.combobox {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: calc(100% - 30px);
}
.combobox .text {
  margin-bottom: 0;
  background: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 14px;
  padding: 10px;
  color: #5F4F46;
}
.combobox .text:-moz-placeholder {
  color: #fff;
}
.combobox .close_icon {
  background: transparent url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgdmVyc2lvbj0iMS4xIiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPgogIDxnPgogICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTI4Ljk0MSwzMS43ODZMMC42MTMsNjAuMTE0Yy0wLjc4NywwLjc4Ny0wLjc4NywyLjA2MiwwLDIuODQ5YzAuMzkzLDAuMzk0LDAuOTA5LDAuNTksMS40MjQsMC41OSAgIGMwLjUxNiwwLDEuMDMxLTAuMTk2LDEuNDI0LTAuNTlsMjguNTQxLTI4LjU0MWwyOC41NDEsMjguNTQxYzAuMzk0LDAuMzk0LDAuOTA5LDAuNTksMS40MjQsMC41OWMwLjUxNSwwLDEuMDMxLTAuMTk2LDEuNDI0LTAuNTkgICBjMC43ODctMC43ODcsMC43ODctMi4wNjIsMC0yLjg0OUwzNS4wNjQsMzEuNzg2TDYzLjQxLDMuNDM4YzAuNzg3LTAuNzg3LDAuNzg3LTIuMDYyLDAtMi44NDljLTAuNzg3LTAuNzg2LTIuMDYyLTAuNzg2LTIuODQ4LDAgICBMMzIuMDAzLDI5LjE1TDMuNDQxLDAuNTljLTAuNzg3LTAuNzg2LTIuMDYxLTAuNzg2LTIuODQ4LDBjLTAuNzg3LDAuNzg3LTAuNzg3LDIuMDYyLDAsMi44NDlMMjguOTQxLDMxLjc4NnoiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat center center;
  z-index: 1;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 14px;
}
.combobox .close_icon:hover {
  cursor: pointer;
}
.combobox .items {
  position: absolute;
  top: 36px;
  display: none;
  background: rgb(240, 240, 240);
  width: 100%;
  z-index: 1;
}
.combobox .items a {
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  line-height: 19px;
  color: #5F4F46;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  border-top: 0;
  border-top: 1.5px solid #FFFFFF;
}
.combobox .items a:hover {
  background: #cccccc;
  cursor: pointer;
}

.create-offer-box img {
  display: block;
  margin: auto;
}
.create-offer-box h1 {
  font-size: 23px;
  color: #592E8D;
  font-family: "VisbyCF Bold", serif;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 30px;
}
.create-offer-box .label_row {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.create-offer-box select {
  width: 80%;
  display: block;
  margin: auto;
}
.create-offer-box .modifier_row .btn {
  display: inline-block;
  font-family: "VisbyCF", serif;
  font-size: 35px;
  color: #592E8D;
  width: 50px;
  height: 50px;
  line-height: 32px;
  background: #DBE9F6;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
}
.create-offer-box .modifier_row .price-field {
  border: 1px solid #BFD0DF;
  border-radius: 30px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "VisbyCF Bold", serif;
  font-size: 35px;
  color: #592E8D;
  margin: 0 15px 40px;
}
.create-offer-box .purple_btn {
  width: 80%;
  display: block;
  margin: auto auto 30px;
}

.edit-offer-box img {
  display: block;
  margin: auto;
}
.edit-offer-box h1 {
  font-size: 23px;
  color: #592E8D;
  font-family: "VisbyCF Bold", serif;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 20px;
}
.edit-offer-box .label_row {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.edit-offer-box .label_row .col {
  margin-left: 0;
}
.edit-offer-box .modifier_row .btn {
  display: inline-block;
  font-family: "VisbyCF", serif;
  font-size: 35px;
  color: #592E8D;
  width: 50px;
  height: 50px;
  line-height: 32px;
  background: #DBE9F6;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
}
.edit-offer-box .modifier_row .price-field {
  border: 1px solid #BFD0DF;
  border-radius: 30px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "VisbyCF Bold", serif;
  font-size: 35px;
  color: #592E8D;
  margin: 0 15px 40px;
}

.order-item {
  font-family: "VisbyCF Bold", serif;
  color: #282829;
  letter-spacing: 1px;
  background: #DBE9F6;
  border-radius: 20px;
  padding: 25px;
}
.order-item .offer-type {
  font-size: 16px;
  margin-bottom: 0;
}
.order-item .order-hours {
  font-size: 16px;
  margin-bottom: 0;
  text-align: end;
}
.order-item .price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-item .price-row .price {
  font-size: 35px;
  color: #8352BE;
  margin-bottom: 0;
  width: 100%;
  text-align: end;
}
.order-item .price-row .purple_btn {
  font-size: 13px;
  padding: 5px 20px;
}
.order-item .status-box {
  text-align: center;
  text-transform: uppercase;
  padding-top: 50px;
}
.order-item .status-box .status-title {
  font-size: 16px;
  margin-bottom: 0;
}
.order-item .status-box .status-name {
  font-size: 25px;
  margin-bottom: 0;
}

.edit-order-box .submit_btn {
  margin-bottom: 20px;
}

/*# sourceMappingURL=service.css.map */