/*! UIkit 2.27.2 | www.getuikit.com | © 2014 YOOtheme | MIT License */ /* ========================================================================

  Component: Form advanced
  Note: Only works in Webkit at the moment
========================================================================== */

/*

* 1. Style
* 2. Makes box more robust so it clips the child element
* 3. Vertical alignment
* 4. Remove default style
* 5. Fix black background on iOS
*/

.uk-form input, .uk-form input {

/* 1 */
display: inline-block;
height: 14px;
width: 14px;
border: 1px solid #aaa;
/* 2 */
overflow: hidden;
/* 3 */
margin-top: -4px;
vertical-align: middle;
/* 4 */
-webkit-appearance: none;
outline: 0;
/* 5 */
background: transparent;

} /* Radio */ .uk-form input {

border-radius: 50%;

} /*

* Checked
*/

.uk-form input:before, .uk-form input:before {

display: block;

} /* Radio */ .uk-form input:checked:before {

content: '';
width: 8px;
height: 8px;
margin: 2px auto 0;
border-radius: 50%;
background: #00a8e6;

} /* Checkbox */ .uk-form input:checked:before, .uk-form input:indeterminate:before {

content: "\f00c";
font-family: FontAwesome;
font-size: 12px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 12px;
color: #00a8e6;

} .uk-form input:indeterminate:before {

content: "\f068";

} /*

* Disabled
*/

.uk-form input:disabled, .uk-form input:disabled {

border-color: #ddd;

} .uk-form input:disabled:checked:before {

background-color: #aaa;

} .uk-form input:disabled:checked:before, .uk-form input:disabled:indeterminate:before {

color: #aaa;

}