/* input(201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' */
.spinner-border-sm {
  --bs-spinner-width: 0.75rem;
  --bs-spinner-height: 0.75rem;
}

[data-service] i {
  display: none;
}

[data-service].active i {
  display: block;
}

[data-service].active {
  background: #e9ecef;
  color: #017129;
}

[data-service]:hover {
  background: #e9ecef;
  color: #017129;
}

[form-fvrc],
[form-food-verification],
[form-ritual-cleansing],
[form-rc-halal],
[form-with-dinnerwareset],
[form-rc-vessel] {
  display: none;
}

.form-fvrc [form-fvrc] {
  display: block;
}

.form-food-verification [form-food-verification]:not([only]) {
  display: block;
}

.form-ritual-cleansing [form-ritual-cleansing]:not([only]) {
  display: block;
}

.form-ritual-cleansing.only [form-ritual-cleansing][only] {
  display: block !important;
}

.form-food-verification.only [form-food-verification][only] {
  display: block !important;
}

.form-food-verification [form-food-verification].row:not([only]) {
  display: flex !important;
}

.form-ritual-cleansing [form-ritual-cleansing].row:not([only]) {
  display: flex !important;
}

.form-rc-halal [form-rc-halal] {
  display: flex !important;
}

.form-rc-halal .form-group[form-rc-halal] {
  display: block !important;
}

.form-rc-halal .form-group[form-dinnerwareset] {
  display: none !important;
}

.form-rc-halal.form-with-dinnerwareset .form-group[form-dinnerwareset] {
  display: block !important;
}

.form-ritual-cleansing [meal-type] {
  display: none !important;
}

.form-ritual-cleansing.morning-tea-break [meal-type][morning-tea-break] {
  display: block !important;
}

.form-ritual-cleansing.lunch [meal-type][lunch] {
  display: block !important;
}

.form-ritual-cleansing.afternoon-tea-break [meal-type][afternoon-tea-break] {
  display: block !important;
}

.form-ritual-cleansing.dinner [meal-type][dinner] {
  display: block !important;
}

.form-ritual-cleansing [meal-type][meal-tea],
.form-ritual-cleansing [meal-type][meal-main] {
  display: none !important;
}

.form-ritual-cleansing.meal-tea [meal-type][meal-tea] {
  display: block !important;
}

.form-ritual-cleansing.meal-main [meal-type][meal-main] {
  display: block !important;
}

.form-rc-vessel [form-rc-vessel] {
  display: flex !important;
}

.form-rc-vessel .form-group[form-rc-vessel] {
  display: block !important;
}

.form-rc-vessel [not-available],
.form-rc-vessel .form-group[form-rc-vessel][form-dinnerwareset],
.form-rc-vessel .form-group[form-rc-vessel][form-noofkitchen],
.form-rc-vessel .form-group[form-rc-vessel][form-service-date],
.form-rc-vessel .form-group[form-rc-vessel][form-kitchen-floorsize] {
  display: none !important;
}

.form-rc-vessel.docking-in-singapore .form-group[form-rc-vessel][form-dinnerwareset],
.form-rc-vessel.docking-in-singapore .form-group[form-rc-vessel][form-noofkitchen],
.form-rc-vessel.docking-in-singapore .form-group[form-rc-vessel][form-service-date] {
  display: block !important;
}

.form-rc-vessel.docking-in-singapore.form-kitchen-floorsize .form-group[form-rc-vessel][form-kitchen-floorsize]{
  display: block !important;
}

.form-rc-vessel.docking-in-singapore.form-kitchen-floorsize .repeating-container div:not(:first-child) {
  margin-top: 0.25rem;
}

.form-rc-vessel.not-docking-in-singapore [not-available] {
  display: block !important;
}

.fee-breakdown {
  visibility: hidden;
  opacity: 0;
}

.form-rc-halal .fee-breakdown,
.form-food-verification .fee-breakdown,
.form-ritual-cleansing .fee-breakdown,
.form-rc-vessel .fee-breakdown {
  visibility: visible;
  opacity: 1;
}

.fee-breakdown .card {
  background-color: rgb(27, 60, 135);
}

.fee-breakdown .card * {
  color: #fff !important;
}

.btn-progress,
.btn-verified,
.btn-not-valid {
  display: none;
}

.busy .btn-progress {
  display: block;
}

.verified .btn-verified {
  display: block;
}

.not-valid .btn-not-valid {
  display: block;
}

.busy .btn-verify,
.verified .btn-verify,
.not-valid .btn-verify {
  display: none;
}

.busy [data-service] {
  opacity: 0.3;
}

.form-submit {
  background: rgba(255, 255, 255, 0.29);
  border-radius: 8px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3) !important;

  &:hover {
    background: rgba(255, 255, 255, 0.39) !important;
  }
}

.request-form,
.fee-breakdown {
  transition: all 0.5s ease;
}

@media (min-width: 992px) {
  .fee-breakdown {
    position: fixed;
    top: 5rem;
    right: 1rem;
  }

  body:not(.form-rc-halal):not(.form-ritual-cleansing):not(.form-food-verification):not(.form-rc-vessel) .request-form {
    margin-left: 20.8333335%;
  }
}