body, h1, h2, h3, h4, h5, h6, p {
      font-family: 'Noto Sans', sans-serif;
    }

    .complaint-box-h1 {
    font-size: 3em;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.1em 0.5em;
    color: #449cdf;
    }

    .complaint-box-h3 {
          text-align: center;
    font-size: 1.5em;
    padding: 25px 0 10px;
    }

    .complaint-box-1 {
      width: 55%;
    }

    .complaint-box-2 {
      width: 45%;
    }

    .heading_bg {
      background: #f7d8c6;
    }

  .calendar-bg {
    background: #659993;
  }
  .ui[class*="left icon"].input>input {
    padding-left: 1em!important;
}
.calendar-bg-icon {
/*  width: 35%;*/
    padding: 8px 0;
    color: #fff;
}

.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {
    width: 70%;
    padding-left: 12px;
}

.btn-submit {
     background: #29544f;
    color: #fff;
    border-radius: 33px;
    padding: 7px 22px;
    border: 1px solid #29544f;
}

.btn-submit:hover {
  background: transparent;
  color: #29544f;
  border: 1px solid #29544f;
}

#chartdiv {
  width: 100%;
  height: 50vh;
}

#chartdiv2 {
  width: 100%;
  height: 50vh;
}

.blue_bdr {
      border: 4px solid #b3d0f6;
}

.black_bdr {
  border: 2px solid #000;
}


#container {
  height: 500px;
}

.highcharts-figure,
.highcharts-data-table table {
  min-width: 320px;
  max-width: 700px;
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.highcharts-exporting-group {
  display: none;
}
.calendar-bg i{
  font-size: 25px;
  color: #FFF;
}
.calendar-bg label{
  font-size: 16px;
  color: #FFF;
}
.calendar-bg input {
    font-size: 14px;
    color: #000;
    border: solid 1px #000;
    height: 38px;
    border-radius: 5px;
}