why is it left out?
.input-append,
.input-prepend {
display: inline-block;
margin-bottom: 1.231;
vertical-align: middle;
font-size: 0;
white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
font-size: 14.994px;
/* 15px */
}
@media (max-width: 767px) {
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
margin-top: 0;
}
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
margin-left: 0;
vertical-align: top;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
height: 1.231;
min-width: 32px;
padding: 9px 5px;
font-size: 17.99px;
/ 18px */
line-height: 18px;
height: 19px;
background-color: #bdc3c7;
border: 2px solid #bdc3c7;
color: #ffffff;
text-shadow: none;
text-indent: 2px;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
-moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
-o-transition: border .25s linear, color .25s linear, background-color .25s linear;
transition: border .25s linear, color .25s linear, background-color .25s linear;
-webkit-backface-visibility: hidden;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-append .active,
.input-prepend .active {
background-color: #81eed8;
border-color: #1abc9c;
}
.control-group.huge .add-on,
.add-on.huge {
height: 31px;
line-height: 29px;
}
.control-group.large .add-on,
.add-on.large {
height: 23px;
line-height: 21px;
}
.control-group.small .add-on,
.add-on.small {
height: 12px;
line-height: 10px;
}
.control-group.focus .add-on {
background-color: #1abc9c;
border-color: #1abc9c;
}
.control-group.focus .btn {
background-color: #1abc9c;
}
.control-group.focus .btn:hover,
.control-group.focus .btn:focus,
.btn-group:focus .control-group.focus .btn.dropdown-toggle {
background-color: #48c9b0;
}
.control-group.focus .btn:active,
.btn-group.open .control-group.focus .btn.dropdown-toggle,
.control-group.focus .btn.active {
background-color: #16a085;
}
.control-group.focus .input-append .btn + .btn {
border-left-color: #16a085;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -2px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
margin-left: -2px;
}
.input-append .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-append .btn + .btn {
border-left: 2px solid #bdc3c7;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -2px;
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -2px;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0;
}
input.search-query {
padding-right: 6px;
padding-left: 6px;
margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/* Allow for input prepend/append in search forms /
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-search .input-append .search-query {
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.form-search .input-append .btn {
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.form-search .input-prepend .search-query {
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
.form-search .input-prepend .btn {
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.form-search .btn {
border: 2px solid #bdc3c7;
background-color: white;
color: #bdc3c7;
line-height: 18px;
padding: 9px 12px 10px 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-search .input-append input {
border-right-width: 0;
}
.form-search .input-append .btn {
border-left-width: 0;
}
.form-search .input-prepend input {
border-left-width: 0;
}
.form-search .input-prepend .btn {
border-right-width: 0;
}
.form-search.focus input {
border-color: #1abc9c;
}
.form-search.focus .btn {
border-color: #1abc9c;
color: #1abc9c;
}
.form-search .input-append .search-query.search-query-rounded {
-webkit-border-radius: 20px 0 0 20px;
-moz-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
text-indent: 9px;
padding-right: 4px;
}
.form-search .input-append .search-query.search-query-rounded + .btn {
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
padding-left: 4px;
}
.form-search .input-append .search-query.search-query-rounded.huge {
-webkit-border-radius: 27px 0 0 27px;
-moz-border-radius: 27px 0 0 27px;
border-radius: 27px 0 0 27px;
padding-right: 5px;
}
.form-search .input-append .search-query.search-query-rounded.huge + .btn-huge {
line-height: 30px;
-webkit-border-radius: 0 27px 27px 0;
-moz-border-radius: 0 27px 27px 0;
border-radius: 0 27px 27px 0;
padding-left: 5px;
}
.form-search .input-append .search-query.search-query-rounded.large {
-webkit-border-radius: 25px 0 0 25px;
-moz-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
padding-right: 6px;
}
.form-search .input-append .search-query.search-query-rounded.large + .btn-large {
line-height: 22px;
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
padding-left: 6px;
}
.form-search .input-append .search-query.search-query-rounded.small {
text-indent: 7px;
padding-right: 4px;
}
.form-search .input-append .search-query.search-query-rounded.small + .btn-small {
line-height: 16px;
padding: 6px 8px 8px 4px;
}
.form-search .input-prepend .search-query.search-query-rounded {
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
text-indent: 0;
padding-left: 4px;
}
.form-search .input-prepend .search-query.search-query-rounded.huge {
-webkit-border-radius: 0 27px 27px 0;
-moz-border-radius: 0 27px 27px 0;
border-radius: 0 27px 27px 0;
padding-left: 5px;
}
.form-search .input-prepend .search-query.search-query-rounded.large {
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
}
.form-search .input-prepend .btn {
-webkit-border-radius: 20px 0 0 20px;
-moz-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
padding-right: 4px;
padding-left: 12px;
}
.form-search .input-prepend .btn.btn-huge {
line-height: 30px;
-webkit-border-radius: 27px 0 0 27px;
-moz-border-radius: 27px 0 0 27px;
border-radius: 27px 0 0 27px;
padding-right: 5px;
padding-left: 12px;
}
.form-search .input-prepend .btn.btn-large {
line-height: 22px;
-webkit-border-radius: 25px 0 0 25px;
-moz-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
padding-right: 6px;
padding-left: 12px;
}
.form-search .input-prepend .btn.btn-small {
line-height: 16px;
padding: 6px 4px 8px 8px;
}
.form-search .control-group.focus .btn {
border-color: #1abc9c;
background-color: white;
color: #1abc9c;
}
.input-datepicker .btn {
border: 2px solid #bdc3c7;
background-color: #ffffff;
color: #bdc3c7;
line-height: 18px;
padding: 9px 6px 10px 12px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-prepend.input-datepicker input {
text-indent: 0;
border-left-width: 0;
}
.input-prepend.input-datepicker .btn {
border-right-width: 0;
}
.input-append.input-datepicker input {
border-right-width: 0;
}
.input-append.input-datepicker .btn {
border-left-width: 0;
}
.input-datepicker [class="fui-"] {
font-size: 15.988px;
/* 16px */
margin-left: -1px;
margin-right: 2px;
}
.control-group.focus .input-datepicker input {
border-color: #1abc9c;
}
.control-group.focus .input-datepicker .btn {
background-color: white;
border-color: #1abc9c;
color: #1abc9c;
}
@media (max-width: 767px) {
.control-group {
margin-bottom: 18px;
}
}