/* General */
h1,
h2,
h3,
h4,
h5,
p,
a {
  font-family: Nunito, sans-serif !important;
}

select {
  width: 85% !important;
}

label {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.back_span:hover,
.back_icon:hover,
.trash_tip:hover {
  cursor: pointer;
}

.trash_tip:hover {
  color: red;
}

/* Nav */
#header .header-inner,
#header #header-wrap {
  background-color: #00bded !important;
}

.mainMenu-open #header .header-inner,
#header #header-wrap {
  background-color: #00bded !important;
}

#mainMenu nav > ul > li > a {
  color: white;
}

#social-icon-box .topbar-dropdown .topbar-form {
  right: -5px;
  top: 30px;
  width: 200px;
  padding: 10px;
  border-radius: 10px;
}

button.btn,
.btn:not(.close):not(.mfp-close).pink_btn {
  background-color: #f11c95;
  border-color: #f11c95;
}

.blue_btn {
  background-color: #00bded;
  border-color: #00bded;
}

#cart-counter {
  position: absolute;
  display: inline-block;
  background-color: red;
  text-align: center;
  color: white;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  top: 13px;
  right: 30px;
}
#cart-counter .card_counter_text {
  padding: 0;
  color: white;
  font-size: 12px;
  font-weight: bold;
  margin-top: 1px;
}
/* Products Page */
#products-section {
  padding-top: 30px;
}

.card select {
  width: 100% !important;
}
.jdr_onboarding_title {
  font-size: 20px;
  text-align: center;
  font-family: "nunito", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 27px;
  color: #00bded;
}
.jdr_onboarding_title i {
  font-size: 18px;
  font-weight: 700 !important;
}
.step_nav_text {
  margin-top: -10px;
}
.jdr_save_btn {
  height: 50px;
  width: 100px;
  border-radius: 25px;
  background-color: #00bded;
  border: 1px solid black;
  color: #fff;
  font-weight: bold;
}
.plan_signup_btn {
  height: 50px;
  width: 140px;
  border-radius: 25px;
  background-color: #dd0e79;
  border: 1px solid white;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.jdr_step_nav_box {
  padding-left: 35px;
}
.step_icon_bubble {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #00bded;
  border-radius: 50%;
  text-align: center;
}
.jdr_step_nav {
  margin: 5px 0;
}
.jdr_step_nav span {
  font-size: 16px;
  font-weight: 600;
  margin-left: 5px;
  color: #13515d;
}
.step_icon_bubble i {
  font-size: 14px;
  color: white;
  margin-top: 3px;
  font-weight: 800 !important;
}
.bus_onboard_card {
  display: none;
}
#business-onboarding-section .accordion .ac-item {
  margin-bottom: 2px;
}
.sign_up_title {
  font-size: 20px;
  line-height: 22px;
  font-family: "nunito", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #13515d;
  margin: 15px 0;
}
.choose_plan_title {
  font-size: 20px;
  text-align: center;
  line-height: 22px;
  font-family: "nunito", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #13515d;
}
.choose_plan_titles {
  margin-top: 15px;
}
.jdr_plan_radio {
  height: 25px;
  width: 25px;
}
.plan_price {
  font-size: 20px;
  color: #00bded;
  line-height: 20px;
  font-weight: 800;
}
.plan_price span {
  font-size: 14px;
}
.jdr_row {
  width: 100%;
  margin: 10px 0;
}
.jdr-col-1,
.jdr-col-2,
.jdr-col-3,
.jdr-col-4,
.jdr-col-5,
.jdr-col-6,
.jdr-col-7,
.jdr-col-8,
.jdr-col-9,
.jdr-col-10,
.jdr-col-11,
.jdr-col-12 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}
.jdr-col-12 {
  width: 100%;
}
.jdr-col-2 {
  width: 17.5%;
}
.jdr-col-8 {
  width: 64.5%;
}
.jdr-col-6 {
  width: 49.5%;
}
.jdr-col-4 {
  width: 34.3%;
}
.jdr-col-3 {
  width: 24.9%;
}
.with_arrow {
  position: relative;
}
.with_arrow:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f00;
}

.with_arrow:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
}
#business-onboarding-section {
  font-family: "nunito", sans-serif !important;
  color: #13515d;
}
.back_icon {
  position: absolute;
  left: -10px;
  top: -2px;
}
.back_icon i {
  font-size: 28px;
}
.back_span {
  position: absolute;
  left: 13px;
  font-size: 14px;
}
.jdr-card-header {
  border: 1px solid #e6e8eb;
  padding: 10px 0;
  margin-top: 10px;
}

/* General */
section .container {
  padding: 0 10px;
}

section .container .row {
  margin-right: 0;
  margin-left: 0;
}

/* Dashboard */
#dashboard-phone-container .col-6 {
  padding: 0;
}

#dashboard-phone-container #banner-row {
  margin: 10px;
  margin-bottom: 0;
}

#dashboard-phone-container #not-verified-banner {
  background: #91f777;
  padding: 10px;
  border-radius: 5px;
}

.dashboard_box h5,
.dashboard_top_box h4 {
  color: white;
}

.bus_onboard_card2 .jdr_onboarding_title,
.bus_onboard_card2 .modal_header {
  color: white;
}

.bus_onboard_card2 .back_icon i {
  font-size: 20px;
  margin-left: 18px;
  margin-top: 8px;
}

.bus_onboard_card2 .back_span {
  left: 25px;
  top: 5px;
}

.bus_onboard_card2 .modal_header {
  margin-left: 45px;
}

#dashboard-phone-container {
  width: 390px;
  height: 685px;
  border-radius: 10px;
  border: 1px solid black;
  margin: auto;
  overflow-y: scroll;
}

.dashboard_box {
  width: 175px;
  height: 150px;
  margin: 10px;
  margin-bottom: 0;
  padding-top: 40px;
  background: #00bded;
  border-radius: 5px;
  border: none;
}

#dashboard-phone-container .dashboard_box a {
  font-weight: bold;
}

.dashboard_top_box {
  width: 93%;
  margin-left: 3.5%;
  height: 75px;
  border: 1px solid black;
  border-radius: 5px;
  margin: auto;
}
.dashboard_top_box {
  width: 100%;
  padding-top: 25px;
  border: none;
  background: #00bded;
}

#dashboard-phone-container .box_header {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Business Management Portal */
#business-management-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 390px;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  right: 3px;
  left: 3px;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#business-management-portal .card {
  /* min-height: 98vh; */
  margin-bottom: 0;
}

#business-management-portal .card .card-body {
  max-height: 76vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#business-management-portal .card .card-body i {
  font-size: 24px;
  color: #008aad;
  margin-top: 15px;
}

#business-management-portal .card .card-body h5 {
  margin-bottom: 0;
  line-height: 1.5em;
}

#business-management-portal .management_hours_btn,
#business-management-portal .management_trust_tips_btn {
  margin: 0 10px;
}

/* Business Info Portal */
#business-info-portal {
  position: absolute;
  width: 390px;
  margin: auto;
  right: 0;
  left: 0;
  top:5px;
  z-index: 99999999;
  display: none;
  background-color:white;
  border-radius:10px;
}

#business-info-portal .card {
  /* min-height: 98vh; */
  margin-bottom: 0;
}

/* Business Info Portal */
#category-list-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: absolute;
  width: 390px;
  border: 3px solid black;
  margin: auto;
  right: 0;
  left: 0;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#category-list-portal .card {
  /* min-height: 98vh; */
  margin-bottom: 0;
}

/* Business Hours Portal */
#business-hours-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 390px;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  right: 3px;
  left: 3px;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#business-hours-portal .card {
  min-height: 74vh;
  margin-bottom: 0;
}

#business-hours-portal .card .card-body {
  max-height: 74vh;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 8px 0;
  padding: 0.5rem 1rem;
}

/* #business-hours-portal .card .card-body h4 {
	height: 1.15em;
} */

#business-hours-portal .card .card-body label {
  margin: 0;
  font-weight: 500;
}

#business-hours-portal .card .card-body hr {
  border-top: 1px solid black;
  margin-top: 5px;
  margin-bottom: 5px;
}

#business-hours-portal .card .card-body .jdr_save_btn {
  margin-top: 20px;
}

/* Choose A Plan Portal */
#choose-plan-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 390px;
  border: 3px solid black;
  margin: 0;
  right: 0;
  left: 0;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#choose-plan-portal .card {
  min-height: 98vh;
  margin-bottom: 0;
}

#choose-plan-portal .card .card-body {
  max-height: 89vh;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Verificiation Test Portal */
#verification-business-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 375px;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  right: 0;
  left: 0;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#verification-business-portal .card {
  /* min-height: 98vh; */
  margin-bottom: 0;
}

#verification-business-portal .card .card-body {
  max-height: 76vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#verification-business-portal .jdr_step_nav_box {
  padding-left: 25px;
}

#verification-business-portal .jdr_step_nav {
  margin: 15px 0;
}

#verification-business-portal .jdr_step_nav span {
  font-size: 14px;
}

#verification-business-portal .bus_onboard_card2 .accordion h5 {
  color: black;
}

#verification-business-portal #verify-number-btn {
  margin: 10px;
}

#verification-business-portal #preview-img {
  margin: 10px 0;
}

#verification-business-portal #verification-message {
  margin-top: 10px;
}

#verification-business-portal #verification-message i {
  font-size: 26px;
}

/* Trust Tips Portal */
#trust-tips-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 390px;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  right: 3px;
  left: 3px;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#trust-tips-portal .card {
  /* min-height: 98vh; */
  margin-bottom: 0;
}

#trust-tips-portal .card .card-body {
  max-height: 76vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#trust-tips-portal .trust_tips_row .col-1,
#trust-tips-portal .trust_tips_row .col-2,
#trust-tips-portal .trust_tips_row .col-3,
#trust-tips-portal .trust_tips_row .col-4,
#trust-tips-portal .trust_tips_row .col-5,
#trust-tips-portal .trust_tips_row .col-6,
#trust-tips-portal .trust_tips_row .col-7,
#trust-tips-portal .trust_tips_row .col-8,
#trust-tips-portal .trust_tips_row .col-9,
#trust-tips-portal .trust_tips_row .col-10,
#trust-tips-portal .trust_tips_row .col-11,
#trust-tips-portal .trust_tips_row .col-12 {
  padding: 0;
}

#trust-tips-portal img {
  width: 50px;
  height: 50px;
}

#trust-tips-portal .trust_tips_row {
  margin: 20px -15px;
}

#trust-tips-portal .trust_tip_name_row,
#trust-tips-portal .trust_tip_comment_row {
  margin: 0;
}

#trust-tips-portal .trust_tip_name_row {
  font-size: 1.1rem;
}

#trust-tips-portal .trust_tip_name_row h5 {
  line-height: 1.5rem;
}

#trust-tips-portal .trust_tip_comment_row p {
  color: black;
  line-height: 1.5rem;
}

/* Half Screen Portal */
#half-screen-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 25%;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  top: 50vh;
  right: 3px;
  left: 3px;
  bottom: 0;
  z-index: 999;
  border-radius: 8px 8px 0 0;
  display: none;
}

#half-screen-portal .card {
  min-height: 50vh;
  margin-bottom: 0;
}

#half-screen-portal .card .card-body {
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#half-screen-portal #half-screen-text {
  margin: 10px 0;
}

/* Upload Photos Portal */
#upload-photos-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 390px;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  right: 3px;
  left: 3px;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#upload-photos-portal .card {
  min-height: 74vh;
  margin-bottom: 0;
}

#upload-photos-portal .card .card-body {
  max-height: 74vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#upload-photos-portal .card .card-body .form-group label:not(.error) {
  margin-bottom: inherit;
}

#upload-photos-portal .card .card-body #business-upload {
  line-height: normal;
  min-height: 53px;
  padding: 10px;
  border: 2px solid #00bded;
}

#upload-photos-portal .card .card-body h5 {
  font-size: 14px;
  font-weight: bold;
}

#upload-photos-portal .card .card-body .bus_img {
  border: 1px solid #00bded;
}

#upload-photos-portal .card .card-body img {
  width: 100%;
}

#upload-photos-portal .card .card-body .delete_upload {
  margin-top: 0;
}

#upload-photos-portal #preview-img-1,
#upload-photos-portal #preview-img-2,
#upload-photos-portal #preview-img-3,
#upload-photos-portal #preview-img-4 {
  margin: 10px 0;
}

#upload-photos-portal #upload-second-photo,
#upload-photos-portal #upload-third-photo,
#upload-photos-portal #upload-fourth-photo {
  display: none;
}

/* Jamie Upload Photos Portal */
#jamie-upload-photos-portal {
  padding: 0;
  background-color: rgba(148, 148, 148, 0.7);
  position: fixed;
  width: 390px;
  height: auto;
  border: 3px solid black;
  margin: 0 auto;
  right: 3px;
  left: 3px;
  z-index: 999;
  border-radius: 8px;
  display: none;
}

#jamie-upload-photos-portal .card {
  min-height: 74vh;
  margin-bottom: 0;
}

#jamie-upload-photos-portal .card .card-body {
  max-height: 74vh;
  overflow-x: hidden;
  overflow-y: auto;
}