/*
 * alt-checkbox CSS file
 * Version 1.0
 * http://alt-checkbox.starikovs.com
 *
 * alt-checkbox CSS file which helps to style checkbox with custom css
 *
 * Copyright (c) 2013-2014 alt-checkbox.starikovs.com
 * Licensed under the MIT and GPL licenses.
 */

.alt-checkbox {
    display: inline-block;
    background: #328618;
    color: #fffbf0;
    border-radius: .1em;
    font-size: .8em;
    line-height: 100%;
    outline: none;
    position: relative;
    text-decoration: none !important;
    border:solid 2px #328618;
}

.alt-checkbox:hover, 
.alt-checkbox:focus {
    box-shadow: 0 0 1px #66AFE9, 0 0 8px rgba(102, 175, 233, .6)
}

.alt-checkbox:before {
    display: block;
    min-height: 1em;
    min-width: 1em;
    padding: .05em;
    position: relative;
    text-align: center;
    visibility: hidden;
    color: #fffbf0;
}

.alt-checkbox.outline-unchecked:before {
    color: #fffbf0;
    background: #fffbf0;
    visibility: visible;
}

.alt-checkbox.checked:before {
    color: #fffbf0;
    background: #328618;
    visibility: visible;
}

.alt-checkbox:focus {
    outline: none;
}

.alt-checkbox.small, .alt-checkbox-label.small {
    font-size: .8em;
}

.alt-checkbox.medium {
    font-size: 1.5em;
    color: #fffbf0;
}
.alt-checkbox-label.medium {
    font-size: 1.1em;
    cursor:pointer;
}

.alt-checkbox.big, .alt-checkbox-label.big {
    font-size: 2.4em;
}