.form-control { border-radius: 0; 	font-size: 15px; border-color: {{BORDER.COLOR}};}

input[readonly] 
{
  background-color: {{PANEL.BG}} !important;
  color: {{PANEL.TEXT}} !important;
  cursor: text !important;
  border: none;
}

input[type="checkbox"] {
  margin-right: 5px;
}

input[type="radio"] {
  margin-right: 10px;
}

select {
  border: 1px solid;
  padding: 2px;
  padding-left: 5px;
  padding-right: 16px;
  margin-right: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("{{ROOTPATH}}lib/layouts/images/icons/elems/selectarrow.png") center right no-repeat;
  outline: none;
  background-color: {{CONTROL.BG}};
  color: {{CONTROL.TEXT}};
}

.form-control, .ms-choice {
  background-color: {{CONTROL.BG}};
  color: {{CONTROL.TEXT}};
}
  
select.form-control, input.form-control {
  height: 1.6em;
  padding-top:0;
  padding-bottom: 0;
  font-size: 15px;
}

.form-control:focus, textarea:focus {
	outline: none;
	box-shadow: none;
}


.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox-inline.no_indent {
  margin-left: 0;
  margin-right: 20px;
  margin-top: 0.6em;
}
.checkbox-inline.no_indent:last-child {
  margin-right: 0;
}

textarea {font-size: 15px;}

/* CAUTION: IE hackery ahead */
select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}
