.otc-input {
	position: relative;
}

.otc-input-undo {
	position: absolute;
	right: 9px;
	top: 9px;
	z-index: 9;
	color:#eee;
}

input.bt4-form-control, select.bt4-form-control {
	font-size:12px !important;
    height: 39px !important;
}

input.bt4-form-control::placeholder {
    color: #ccc !important;
    font-size: 12px !important;
}

input.bt4-form-control:focus {
    box-shadow: 0 5px 50px -10px rgb(0 0 0 / 5%) !important;
}

.form-otc-modal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.otc-range-box {
	position: relative;
    display: block;
}

.otc-range-box > input[type='range'] {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    background-color: inherit;
    height: 1px;
    margin: 0;
    outline: none;
}

.otc-range-box > span {
    position: absolute;
    bottom: -15px;
    font-size: 12px;
}

.otc-range-box > span:first-of-type {
    left: 0;
}

.otc-range-box > span + span {
    right: 0;
}

.otc-input-search {
	position: relative;
}

.otc-input-search > input {
	padding-left: 5px;
	padding-right: 20px;
}

.otc-input-search > button {
	position: absolute;
    right: 6px;
    top: 6px;
    background: none;
    cursor: pointer;
}

@media (max-width: 767px) {
	.otc-input-search > input {
		width: 160px;	
	}
}

.otc-input-box {
  position: relative; 
}

.otc-input-box > label {
  position: absolute;
  font-size: 12px;
  top: 1px;
  left: 8px;
  color: #d5d5d5;
  margin: 0 !important;
}

.otc-input-box > input {
  padding-top: 16px;
}

.otc-input-box > input::placeholder {
  position: absolute;
  top: 11px;
  transition: top 0.2s ease;
  color: #ddd;
}

.otc-input-box > input:focus::placeholder {
  top: 1px;
}

.otc-input-box select {
  padding-left: 4px !important;
  color: #ddd;
}

.otc-input-box select > option[value=""] {
  color: #ddd !important;
}

.otc-input-box select.selected {
  color: inherit !important;
  padding-top: 12px !important;
}

.otc-input-box.required > label::before {
  content: '*';
}

.otc-input-box.loading > label::after {
	position: absolute;
	top: 1px;
	transform: translateX(5px);
	content: '';
	background-image: url('../image/loading-sm.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 13px;
	height: 13px;
}