@font-face{font-family:laila;font-style:normal;font-weight:400;src:local('Laila'),local('Laila-Regular'),url(https://fonts.gstatic.com/s/laila/v2/RSk-4no7aNvqihHCeTMMYA.woff2) format('woff2');unicode-range:U+02BC,U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200B-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:laila;font-style:normal;font-weight:400;src:local('Laila'),local('Laila-Regular'),url(https://fonts.gstatic.com/s/laila/v2/C3IE6LqDi57mG21jo5kR3A.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:laila;font-style:normal;font-weight:400;src:local('Laila'),local('Laila-Regular'),url(https://fonts.gstatic.com/s/laila/v2/xCgA2JPHkH2DRQfvA_6FPw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}*{font-family:laila,sans-serif!important;padding:0;margin:0}
body,html{background:sienna;padding:0;margin:0;}
.area{background:#fff;width:85%;margin:5% auto 2.5% auto;min-height:400px;border-radius:5px;padding:20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.content{min-height:400px;width:100%;text-align:justify;}
.content img,.content iframe{text-align:center;width: 90%!important;margin: 5%!important;height:auto!important;}
#atftbx p span {display: none!important;}
/*Rating Result */
.heading {
  font-size: 25px;
  margin-right: 25px;
}

.fa {
  font-size: 25px;
}

.checked {
  color: orange;
}

/* Three column layout */
.side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.right {
  text-align: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5 {width: 60%; height: 18px; background-color: #4CAF50;}
.bar-4 {width: 30%; height: 18px; background-color: #2196F3;}
.bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}
.bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
.bar-1 {width: 15%; height: 18px; background-color: #f44336;}

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
  .side, .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}