:host {
  display: block;
}

.ctrl-hdr {
  color: #555555;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  width: 100%;
}

.ctrl-hdr-adjust {
  color: #555555;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  margin-right: 6px;
  width: max-content;
  min-width: 110px;
}

.ctrl-cnt {
  width: 100%;
}

.disabled * {
  color: rgba(128, 128, 128, 0.3) !important;
}

.disabled select {
  cursor: not-allowed !important;
}

.main-cntr {
  width: 200px;
}

.selectbox {
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px solid rgba(223, 223, 223, 0.75);
  color: #555555;
  font-family: Roboto;
  font-size: 13px !important;
  height: 33px;
  line-height: 14px;
  outline: none;
  width: 190px;
  cursor: pointer;
}

.selectbox-2 {
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px solid rgba(223, 223, 223, 0.75);
  color: #555555;
  font-family: Roboto;
  font-size: 11px !important;
  height: 28px;
  line-height: 14px;
  outline: none;
  padding: 6px 3px;
  width: 120px;
}

.wid-490 {
  width: 490px;
}

.wid-500 {
  width: 500px;
}

.wid-100-per {
  width: 100% !important;
}

.flex-row {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}

.autoStyle {
  width: 178px !important;
}