:host {
  display: block;
  height: 60px;
  left: 0 !important;
  right: 0 !important;
  position: static !important;
  top: 0 !important;
}

.ctrl-hdr {
  color: #999999;	
  font-family: Roboto;	
  font-size: 11px;
  line-height: 13px;
  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: 250px;
}

.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: 82px;
}


.wid-360 {
  width: 360px;
}

.wid-370 {
  width: 370px;
}

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