/**Input Controls (Containers for inputs)**/
.input-controls{height: 32px; width: 94%; }

/**Basic input styling (we're not using special type like date/email...')**/
.input-controls textarea, 
.input-controls input[type="text"], 
.input-controls input[type="password"]{height: 30px; width: 99%; margin: 0; padding: 0 1% 0 0%; text-indent:4px; box-shadow: none; -webkit-box-shadow: none; }
.input-controls select{width: 100%; height: 32px; margin: 0; padding: 0;}
.input-controls select.reference-select{width: 92%;}

.input-controls textarea{height: 99%;}

/**Input ADD ONS**/
.input-controls .control-add-on,
.input-controls .control-prepend-add-on{ font-size: 0; }
.input-controls .control-add-on{position: relative; margin: -32px -2px 0 0; float: right; /*-32px -30px 0 0*/}
.input-controls .control-prepend-add-on{position: relative; float:left; height:32px; margin: -32px 0 0 1px; top : 32px; z-index: 10; }

.input-controls select.reference-select + .control-add-on{margin: 0 0 0 0; }


  .input-controls .control-prepend-add-on + input[type="text"],
  .input-controls .control-prepend-add-on + input[type="password"]{text-indent:20px;  z-index : 5;}
  .input-controls .control-prepend-add-on + select{padding: 0 0 0 20px;}


.inplace-submit-buttons{margin: 2px 0 0 .5%; width: 98%}

.inplace-submit-buttons .btn,
.input-controls .control-prepend-add-on .add-on,
.input-controls .control-add-on .add-on
{display: block; width: 18px; height: 30px; line-height:32px; /*padding: 6px 0 0 0;*/  margin: 0 0 0 -1px;  font-size: 12px; background: #F7F7F7;  text-align: center; border: 1px solid #CCC; float: left;}

.inplace-submit-buttons .btn{width: 48%; line-height:24px;} 


.inplace-submit-buttons .btn{padding: 4px 0 0 0; height: 32px; font-size:1.1em;}
.condensed .inplace-submit-buttons .btn{padding: 2px 0 0 0; height: 24px;}

.inplace-submit-buttons .btn.save  {color:#FFF; background: #379F15}
.inplace-submit-buttons .btn.cancel{color:#999; background: #dfdfdf}


 /*Files and Images*/
 .file-list,
 .image-list{list-style-type: none; margin: 0; padding: 0;}
 
  .image-list img{height:64px; width:auto;}
  .file-list li{display: block; width: 96%;  height: 22px; padding-top: 6px; border-bottom: 1px solid #DDD;}
  	 .file-list li a.file-label{display: block; width: 100%; height:100%; overflow:hidden;}
	 .file-list li img{height: 22px; margin-top: -4px}
    .file-list li .file-action{display: block; height: 22px; width: 50px;  margin-top:-18px; cursor: pointer; float: right;}
	 .file-list li .file-action a{color: #555;}
    
	 
/*Currency field*/
.input-controls input[type="text"].control-currency{} 
	 
/*Condtion field*/

.condition-field .condition-row{width:96%; height: 34px; margin: 0 0 1px 12px;}
.condition-field .condition-row.or-row{margin-left: 24px;}

.input-controls .condition-field .select-field,
.input-controls .condition-field .select-operator,
.input-controls .condition-field .select-range{width: 23%; margin: 0; float:left; display:block; margin: 0 0 0 2px; }

.input-controls .condition-field .input-controls,
.view-form ul.grid-container li.grid-box .ah-control-box .input-controls .condition-field .input-controls{width:38%; margin:0 0 0 2px; float:left;}
.input-controls .condition-field .btn-group{margin: 2px 0 0 10px; }
.input-controls .condition-field .btn-group .btn{margin: 0 0 0 2px; }



/*Chckbox*/
span.check-input{background: peachpuff}
span.check-input.checked{background: #92F6B4}
span.check-input{display: inline-block; padding: 3px 10px; margin-right: 14px; border: 1px solid #DDD;}
span.check-label{cursor: pointer; padding: 0 10px;}

span.check-input input[type=checkbox].check-button{margin: -2px 0 0 0}

.input-controls .switch-label {position: relative; width: 80px;height: 24px;border: 1px solid #a2a2a2;cursor: pointer;overflow: hidden; margin: 0; padding: 0;}
.input-controls .switch-label input {display: none;}
.input-controls .switch-slider {left: -41px; top: 0px; position: absolute;
    -moz-transition: left .25s ease-out;
    -webkit-transition: left .25s ease-out;
    -o-transition: left .25s ease-out;
    transition: left .25s ease-out;}
.input-controls .switch-label input:checked + .switch-slider {left: 0px;}

.input-controls .switch-slider-on, .input-controls .switch-slider-block, .input-controls .switch-slider-off {
    position: absolute; top: 0px; height: 24px; display: block; line-height: 24px;font-family: arial, verdana, sans-serif; color: #8b8b8b; font-weight: bold;text-align: center;}
.input-controls .switch-slider-on {left: 0px;width: 44px;background: #92F6B4; }
.input-controls .switch-slider-block {left: 40px;height: 22px;width: 40px; border: 1px solid #a2a2a2;background: #d9d9d8;}
.input-controls .switch-slider-off {left: 76px;width: 44px;background: #f2f3f2;}

/*Field Reference*/
ul.typeahead.dropdown-menu{min-width: 260px;}
ul.typeahead.dropdown-menu li,
ul.typeahead.dropdown-menu li a{height: auto; min-height: 20px;}
ul.typeahead.dropdown-menu li a .reference-item{width: 100%; overflow: hidden;  }