@import 'vars.less';


#option-box{    
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  text-align: left;
  box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.3)  ; 
	-webkit-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.3)  ; 
	-moz-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.3)  ; 
  background-color: #fff;
  background-image: url('../img/mortgage-icon.png');
  background-repeat: no-repeat;
  background-size: 40px;
  background-position-x: left+20px;
  background-position-y: top+15px;
  z-index: 100;
  overflow: hidden;
  @media(max-width: 768px){
    text-align: center !important;    
    height: 120px;
  }
}

.sticky{  
  position: fixed;
  top: 0;
  left:0;
  margin-top:0 !important;
  width: 100%;
  animation: options;
  animation-timing-function: ease-in-out;
  animation-duration: .25s;
  transition: .2s;    
}

.sticky .optbox-title{
  //padding-left:calc((100vw-1024px)/2) !important;
  //margin-left: auto !important;
}

@keyframes options{
  from{top: 10px}
  to{top:0}  
}

.optbox-title{
  font-weight: 600 !important;
  margin-left: 50px;  
}

.vet-col{
  text-align: right;
  vertical-align: middle;
  @media(max-width: 768px){
    text-align: center !important;
    margin-bottom: 20px;
  }
}
.check-veteran{
  display: inline-block !important;
  scale: 2 !important;
  margin-right: 12px;
}

.form-select{
  padding: 5px;
  font-size: .9em;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  border: none;  
  @media(max-width: 768px){
    font-size: .8em !important;
    padding: 3px;
  }
}
.opt-el-box{
  display:inline-table !important;
  border: 1px solid @ltBlue;  
  padding: 5px;
  width: auto;
  max-width: 300px !important;
  margin-left: auto;
  margin-right: auto;
  @media(max-width: @device[tablet]){
    //width: 50px !important;
    padding: 2px;
    margin-bottom: 5px;
    min-width: 186px !important;   
     
  }
}

.opt-box-row{
  text-align: center !important;
}
.opt-label{
  font-size: .8em;
  margin: 0 10px;
}

.opt-amt{
 // width: 170px !important;
 min-width: 180px !important;
}