i.material-icons:before {
  display: none;
}

::selection {
  color: #fff;
  background: #1e1e1e;
}

.mrgntop {
  margin-top: 10px !important;
}

.mrg-btm {
  margin-bottom: 10px;
}

.marg-btm {
  margin-bottom: 2px;
}

.mrg-top {
  margin-top: 35px;
}

.mrgntopset {
  margin-top: 70px;
}

.sound-icon {
  height: 35px;
  right: 10px;
  position: absolute;
  top: 0px;
  filter: drop-shadow(2px 4px 6px black);
}

.mh-language-class > a {
  padding: 0px 15px 4px 18px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACfElEQVR4Xu3Yz6tIQRQH8M+LsMAGEVnJUlkiRUJJSn4k2SlRFqJEbBUWSnoLip1CSkkhyQJF+QdkwY6i2JHyq9F9m+fl3Tt35r5bd2Z9zvl+z3e+587MHTHwNTLw/hUBigMGrkAZgYEboHwEywiUERi4AmUEBm6AcgqUESgjMHAFyggM3ADlFIgZge24jIU9c88HHMS9JrxiBPiE+U1AOoz92HRjYgQISi/qsKkmUO+xpElCjABbcRfTmgB1EPsD2/CwCVaMAKH+YYw2Aeog9gCuNsWJFSDgXMCxpoCZ4s/iVEztNgKE3NvYGQOcMOcG9uF3TM02AgS8WXiC1THgCXKeYjO+x9ZqK0DAXYAXWBZLIjLvNdbgS2T+37QUAoQ6yysR5rUh0yA3nPer8K5BzoShqQQIxdfiMWa2JTVJ/lesx6sUOCkFCHz2IHyUUtcd6/UXdlT3kBT9ZyF6AueSsPu3yBFcSlk7106Fx1J4mKRcF3E0ZcGUH8HxvMI1ObzKtiQifAe7EUYg6crlgEByNp5hZUvGL7EB31rWyX4KTASwGKGBpZHk31bHXXiCZ1k5HTBGeAWeY27DDj5XN8w3DfMahXchQCC0CfcxvSa7cLXdWAlXMyUurCsBArv9uFaDZnjU7MWtGrGtQ7oUIJA9g9OTsD6J8607q1mgawECrevV83UiildwqCb3JGFTIcAMPMK6cR08qH5p/UzSWc0iUyFAoDan+qO0q7rc3MTxXGf9/7SYKgFq7k/+sCJAfo37jVAc0O/9yc+uOCC/xv1GKA7o9/7kZ1cckF/jfiMUB/R7f/KzKw7Ir3G/EYoD+r0/+dkVB+TXuN8Ig3fAH8alQUH85V+3AAAAAElFTkSuQmCC");
}

/*   Device Test Style*/
.msg-box-set {
  position: relative;
  top: 80px;
}

.pg-header {
  padding-bottom: 9px;
}

.t-hd {
  color: var(--NORMAL-TEXT);
  letter-spacing: 1px;
  font-weight: 400;
  display: block;
}

.t-cl {
  color: var(--DARK-TEXT);
}

.vid-panel {
  border-color: #dddddd;
  height: 240px;
  border-radius: 8px;
  margin-top: 20px;
  overflow-x: clip;
}

.vid-pnl-hd {
  color: var(--NORMAL-TEXT);
  background-color: #f5f5f5;
  border-color: #dddddd;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.vid-pn-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.vd {
  display: inline-block;
}

.s-ch {
  display: block;
  padding: 10px 0px;
}

.centered {
  display: block;
  margin: auto;
  width: 320px;
  height: 240px;
  background: #16161d;
}

.loaderDiv {
  text-align: center;
  height: 100%;
  align-items: center;
}

.helper-text {
  color: var(--NTF-CL) !important;
  text-align: left;
  position: absolute !important;
}

.wd {
  width: 100%;
}

.tr {
  text-transform: none !important;
}

.trb {
  color: var(--NORMAL-TEXT);
  text-decoration: underline;
  display: inline-block;
  margin-right: 20px;
}

.txd {
  text-decoration: none;
}

.txd:hover {
  text-decoration: none !important;
}

.label-primary {
  background-color: var(--LG-TXT-CL) !important;
  color: #fff;
  font-size: 12px;
  padding: 4px;
}

.label-info {
  background-color: var(--NORMAL-TEXT) !important;
  color: #fff;
  font-size: 12px;
  padding: 4px;
}

.dvc {
  padding: 10px 20px;
  display: none;
  text-align: left;
}

.tp {
  top: 5px;
  margin-bottom: 10px;
}

.t-en {
  display: block;
}

.btn-flat.disabled,
.btn-flat.btn-flat[disabled] {
  background-color: transparent !important;
  color: var(--C-BTN-CL) !important;
  cursor: default;
  border: 1px solid var(--C-BTN-CL) !important;
  text-decoration: none !important;
}

.sp-frm {
  letter-spacing: 0.6px;
  font-size: 20px;
  color: var(--DARK-TEXT);
  font-weight: 300;
  text-align: left;
  display: inline-block;
}

.lk {
  flex-direction: column;
  width: 100%;
  font-size: 16px;
  text-align: left;
  padding: 10px 0px;
  display: none;
}
.lk a {
  width: 100%;
  display: inline-block;
}
.lk a:hover {
  text-decoration: underline;
}

.tmr {
  font-size: 2rem;
  color: var(--NORMAL-TEXT);
}

#clockdiv {
  font-family: sans-serif;
  color: var(--NORMAL-TEXT);
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

#clockdiv > div {
  padding: 10px;
  border-radius: 3px;
  background: #fff;
  display: inline-block;
  border: 1px solid lightgray;
}

#clockdiv div > span {
  padding: 15px;
  border-radius: 3px;
  background: var(--BG-CL);
  display: inline-block;
}

.smalltext {
  padding-top: 5px;
  font-size: 16px;
}

/* feedback style */
.bdr {
  border: 1px solid var(--INPUT-BX-BDR);
}

.hg {
  height: 9rem !important;
  padding: 6px !important;
  overflow-y: visible !important;
}

.mrg-rgt {
  margin-right: 10px;
}

@media only screen and (max-height: 640px) {
  .noheader {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .devicst {
    margin-top: 80px !important;
  }
  .t-cl {
    font-size: 1.4rem;
  }
  .t-hd {
    font-size: 1.2rem;
  }
  .sp-frm {
    font-size: 16px;
  }
  .msg-box-set {
    top: 40px;
  }
  .t-en {
    float: left;
  }
  #clockdiv > div {
    padding: 5px !important;
  }
  .fntset {
    font-size: 14px !important;
  }
  .lk a {
    font-size: 1rem;
  }
}
.skip-btn {
  background: transparent;
  border: 1px solid #c1c1c1;
  margin-left: 10px;
}

.feedbk-textarea-set {
  min-height: 10rem !important;
  overflow: auto !important;
  border-radius: 4px;
  border: 1px solid #ccc !important;
  padding: 12px !important;
}

.feedbk-mrg-lftst {
  margin-left: 20px;
}

.feedback-dropbox {
  height: 45px !important;
}

.feedback-dropbox .select-wrapper input.select-dropdown {
  height: 28px;
  border-bottom: 0px solid transparent !important;
  color: #464444;
  font-size: 15px;
  padding: 0px 8px;
}

.feedback-dropbox .select-wrapper input.select-dropdown .dropdown-content li > a,
.dropdown-content li > span {
  font-size: 16px !important;
  color: var(--NORMAL-TXT-CL) !important;
}

.feedbx-mrgntp {
  margin-top: 20px !important;
}

.feedbx-padbtm {
  padding-bottom: 30px !important;
}

.feedbk-spcest {
  margin: 10px 0px 30px 0px !important;
}

.device-dropdown .select-wrapper input.select-dropdown {
  height: 38px !important;
  font-size: 13px !important;
  padding: 0px 0px 0px 35px !important;
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  box-sizing: border-box;
  margin-bottom: 5px !important;
}

.device-dropdown .material-icons {
  color: #868694;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-size: 20px;
  pointer-events: none;
}

.select-wrapper input.select-dropdown:disabled {
  color: var(--NTF-CL) !important;
}

.largetext ol li {
  list-style-type: decimal;
  padding: 6px 0px;
}

@media (max-width: 600px) {
  .custommodal {
    width: 95% !important;
    margin: 10% auto;
  }
  #div2 {
    margin-top: 0px !important;
  }
}
.custommodal {
  border-radius: 15px !important;
}

.modal700 {
  height: 700px !important;
}

.hd20 {
  font-size: 20px !important;
  word-break: break-word;
}

.hd22 {
  font-size: 22px !important;
  word-break: break-word;
}

.hd16 {
  font-size: 16px !important;
  word-break: break-word;
}

.hd15 {
  font-size: 15px !important;
  word-break: break-word;
}

.hd14 {
  font-size: 14px !important;
  word-break: break-word;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.redbtn {
  background-color: red !important;
  color: #fff !important;
  border: 1px solid red !important;
  text-transform: none !important;
  border-radius: 6px !important;
  font-weight: 500;
}

.icntxt {
  top: 4px;
  position: relative;
  margin: 5px;
}

h1, h2 {
  margin: 8px 0px !important;
}

.sr-only {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/*# sourceMappingURL=roominfoui.css.map */