/* =========================================================== */
/* 00. Droplet BMI Calculator
/* =========================================================== */
.droplet-bmi-form-content {
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .elementor-widget-droplet_bmi_calculator .container{
      width: 100%;
  }
}

.droplet-bmi-calculator-wrapper .droplet-bmi-calculator-wrapper-inner{
  position: relative;
  width: 100%;
  max-width: 100%;
}

.droplet-bmi-calculator-wrapper .droplet-bmic-form{
  position: relative;
  width: 100%;
  max-width: 100%;
}

.droplet-bmi-calculator-wrapper input[type=text],
.droplet-bmi-calculator-wrapper select {
  position: relative;
  width: 100%;
  padding: 16px 20px;
}

.droplet-bmi-calculator-wrapper input:focus[type=text],
.droplet-bmi-calculator-wrapper input:active[type=text],
.droplet-bmi-calculator-wrapper select:focus,
.droplet-bmi-calculator-wrapper select:active {
  background-color: inherit;
}

/*BMI Chart*/
.droplet-bmi-calculator-wrapper .droplet-bmic-table-wrapper table th {
  font-weight: bold;
}

.droplet-bmi-calculator-wrapper .droplet-bmic-table-info {
  text-align: center;
}

/*Notification*/
.droplet-bmi-calculator-wrapper .droplet-bmic-notifications {
  position: relative;
  padding: 28px 36px;
  background-color: #101010;
  margin: 50px 0;
  display: none;
}

@media only screen and (max-width: 768px) {
  .droplet-bmi-calculator-wrapper .droplet-bmic-notifications {
    padding: 40px 30px 40px 40px;
  }

  .droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-highlight {
    display: block;
  }
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-highlight {
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 77px;
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-text {
  color: #ffffff;
  vertical-align: middle;
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-close {
  position: absolute;
  right: 30px;
  width: 30px;
  height: 30px;
  font-size: 24px;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  line-height: 30px;
}

@media only screen and (max-width: 680px) {
  .droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-icon-close span {
    top: 28%;
  }
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications.droplet-bmic-notification-error {
  color: #ffffff;
  background-color: #010101;
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications.droplet-bmic-notification-error .droplet-bmic-notification-text {
  padding-left: 0;
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-close {
  position: absolute;
  right: 20px;
  width: 19px;
  height: 29px;
  font-size: 24px;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 680px) {
  .droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-close {
    top: 20%;
  }
}

.droplet-bmi-calculator-wrapper .droplet-bmic-notifications .droplet-bmic-notification-close:after {
  content: '\eb98';
  font-family: "remixicon";
}