:host {
  display: block;
}

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

.ctrl-cnt {
  width: 100%;
}

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

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

.main-cntr {
  width: 150px;
}

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

.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;
}