/*!
 * # Semantic UI 2.0.0 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

@font-face {
    font-family: 'Checkbox';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
}


/*******************************
           Checkbox
*******************************/


/*--------------
    Content
---------------*/
.checkbox input[type="checkbox"] {
    margin-left: auto;
    margin-left: -none;
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: baseline;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px;
}
.ui.checkbox.large {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: baseline;
    min-height: 35px;
    font-size: 2rem;
    line-height: 35px;
    min-width: 35px;
}
    .ui.checkbox input[type="checkbox"],
    .ui.checkbox input[type="radio"] {
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 1 !important;
        outline: none;
        z-index: -3;
        width: 17px;
        height: 17px;
    }

    /*--------------
      Box
---------------*/

    .ui.checkbox .box,
    .ui.checkbox label {
        cursor: auto;
        position: relative;
        display: block;
        padding-left: 1.85714em;
        outline: none;
        font-size: 14px;
    }

        .ui.checkbox .box:before,
        .ui.checkbox label:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 17px;
            height: 17px;
            content: '';
            background: #ffffff;
            border-radius: 0.21428571rem;
            -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
            border: 1px solid #d4d4d5;
        }
        .ui.checkbox.large .box:before,
        .ui.checkbox.large label:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 35px;
            height: 35px;
            content: '';
            background: #ffffff;
            border-radius: 0.21428571rem;
            -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
            border: 1px solid #d4d4d5;
        }
        /*--------------
    Checkmark
---------------*/

        .ui.checkbox .box:after,
        .ui.checkbox label:after {
            position: absolute;
            font-size: 14px;
            top: 0px;
            left: 0px;
            width: 17px;
            height: 17px;
            text-align: center;
            opacity: 0;
            color: inherit;
            -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
            font-family: 'Checkbox';
        }

    /*--------------
      Label
---------------*/


    /* Inside */
    .ui.checkbox label,
    .ui.checkbox + label {
        color: inherit;
        -webkit-transition: color 0.1s ease;
        transition: color 0.1s ease;
    }

    /* Outside */
    .ui.checkbox + label {
        vertical-align: middle;
    }


    /*******************************
           States
*******************************/


    /*--------------
      Hover
---------------*/

    .ui.checkbox .box:hover::before,
    .ui.checkbox label:hover::before {
        background: #ffffff;
        border-color: rgba(34, 36, 38, 0.35);
    }

    .ui.checkbox label:hover,
    .ui.checkbox + label:hover {
        color: rgba(0, 0, 0, 0.8);
    }

    /*--------------
      Down
---------------*/

    .ui.checkbox .box:active::before,
    .ui.checkbox label:active::before {
        background: #f9fafb;
        border-color: rgba(34, 36, 38, 0.35);
    }

    .ui.checkbox .box:active::after,
    .ui.checkbox label:active::after {
        color: rgba(0, 0, 0, 0.95);
    }

    .ui.checkbox input[type="checkbox"]:active ~ label,
    .ui.checkbox input[type="radio"]:active ~ label {
        color: rgba(0, 0, 0, 0.95);
    }

    /*--------------
     Focus
---------------*/

    .ui.checkbox input[type="checkbox"]:focus ~ .box:before,
    .ui.checkbox input[type="checkbox"]:focus ~ label:before,
    .ui.checkbox input[type="radio"]:focus ~ .box:before,
    .ui.checkbox input[type="radio"]:focus ~ label:before {
        background: #f9fafb;
        color: inherit;
    }

    .ui.checkbox input[type="checkbox"]:focus ~ .box:after,
    .ui.checkbox input[type="checkbox"]:focus ~ label:after,
    .ui.checkbox input[type="radio"]:focus ~ .box:after,
    .ui.checkbox input[type="radio"]:focus ~ label:after {
        color: inherit;
    }

    .ui.checkbox input[type="checkbox"]:focus ~ label,
    .ui.checkbox input[type="radio"]:focus ~ label {
        color: inherit;
    }

    /*--------------
     Active
---------------*/

    .ui.checkbox input:checked ~ .box:before,
    .ui.checkbox input:checked ~ label:before {
        background: #ffffff;
        border-color: rgba(34, 36, 38, 0.35);
    }

        .ui.checkbox.radio.checked input ~ .box:after,
    .ui.checkbox.radio.checked input ~ label:after,
    .ui.checkbox input:checked ~ .box:after,
    .ui.checkbox input:checked ~ label:after {
        opacity: 1;
        color: rgba(0, 0, 0, 0.95);
        content: '\e800';
    }

    /*--------------
  Indeterminate
---------------*/

    .ui.checkbox:not(.radio) input:indeterminate ~ .box:before,
    .ui.checkbox:not(.radio) input:indeterminate ~ label:before {
        background: #811212;
        border-color: #811212;
    }

    .ui.checkbox:not(.radio) input:indeterminate ~ .box:after,
    .ui.checkbox:not(.radio) input:indeterminate ~ label:after {
        opacity: 1;
        color: rgba(0, 0, 0, 0.95);
        font-size: 12px;
        content: '\e801';
    }

    /*--------------
  Active Focus
---------------*/

    .ui.checkbox input[type="radio"]:indeterminate:focus ~ .box:before,
    .ui.checkbox input[type="radio"]:indeterminate:focus ~ label:before,
    .ui.checkbox input[type="radio"]:checked:focus ~ .box:before,
    .ui.checkbox input[type="radio"]:checked:focus ~ label:before {
        background: #f9fafb;
        border-color: rgba(34, 36, 38, 0.35);
    }

/*--------------
    Read-Only
---------------*/

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default;
}

/*--------------
     Disabled
---------------*/

.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
    cursor: default;
    opacity: 0.5;
    color: #000000;
}

/*--------------
     Hidden
---------------*/


/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input[type="checkbox"].hidden,
.ui.checkbox input[type="radio"].hidden {
    z-index: -1;
}

    /* Selectable Label */
    .ui.checkbox input[type="checkbox"].hidden + label,
    .ui.checkbox input[type="radio"].hidden + label {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


/*******************************
             Types
*******************************/


/*--------------
     Radio
---------------*/

.ui.radio.checkbox {
    min-height: 15px;
}

    .ui.radio.checkbox .box,
    .ui.radio.checkbox label {
        padding-left: 1.85714em;
    }

        /* Box */
        .ui.radio.checkbox .box:before,
        .ui.radio.checkbox label:before {
            content: '';
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            width: 15px;
            height: 15px;
            border-radius: 500rem;
            top: 1px;
            left: 0px;
        }

        /* Bullet */
        .ui.radio.checkbox .box:after,
        .ui.radio.checkbox label:after {
            border: none;
            content: '' !important;
            width: 15px;
            height: 15px;
            line-height: 15px;
            top: 1px;
            left: 0px;
            width: 15px;
            height: 15px;
            border-radius: 500rem;
            -webkit-transform: scale(0.46666667);
            -ms-transform: scale(0.46666667);
            transform: scale(0.46666667);
            background-color: rgba(0, 0, 0, 0.87);
        }

    /* Active */
      .ui.radio.checkbox.checked input[type="radio"] ~ .box:after,
    .ui.radio.checkbox.checked input[type="radio"] ~ label:after,
    .ui.radio.checkbox input[type="radio"]:checked ~ .box:before,
    .ui.radio.checkbox input[type="radio"]:checked ~ label:before {
        background-color: #ffffff!important;
    }

    .ui.radio.checkbox.checked input[type="radio"] ~ .box:after,
    .ui.radio.checkbox.checked input[type="radio"] ~ label:after,
    .ui.radio.checkbox input[type="radio"]:checked ~ .box:after,
    .ui.radio.checkbox input[type="radio"]:checked ~ label:after {
        background-color: rgba(0, 0, 0, 0.95)!important;
    }

/*--------------
     Slider
---------------*/

.ui.slider.checkbox {
    min-height: 1.25rem;
}

    /* Input */
    .ui.slider.checkbox input[type="checkbox"],
    .ui.slider.checkbox input[type="radio"] {
        width: 3.5rem;
        height: 1.25rem;
    }

    /* Label */
    .ui.slider.checkbox .box,
    .ui.slider.checkbox label {
        padding-left: 4.5rem;
        line-height: 1rem;
        color: inherit;
    }

        /* Line */
        .ui.slider.checkbox .box:before,
        .ui.slider.checkbox label:before {
            display: block;
            position: absolute;
            content: '';
            border: none !important;
            left: 0em;
            z-index: 1;
            top: 0.4rem;
            background-color: rgba(0, 0, 0, 0.05);
            width: 3.5rem;
            height: 0.21428571rem;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            border-radius: 500rem;
            -webkit-transition: background 0.3s ease;
            transition: background 0.3s ease;
        }

        /* Handle */
        .ui.slider.checkbox .box:after,
        .ui.slider.checkbox label:after {
            background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
            background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
            position: absolute;
            content: '' !important;
            opacity: 1;
            z-index: 2;
            border: none;
            box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
            width: 1.5rem;
            height: 1.5rem;
            top: -0.25rem;
            left: 0em;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            border-radius: 500rem;
            -webkit-transition: left 0.3s ease;
            transition: left 0.3s ease;
        }

    /* Focus */
    .ui.slider.checkbox input[type="checkbox"]:focus ~ .box:before,
    .ui.slider.checkbox input[type="checkbox"]:focus ~ label:before,
    .ui.slider.checkbox input[type="radio"]:focus ~ .box:before,
    .ui.slider.checkbox input[type="radio"]:focus ~ label:before {
        background-color: rgba(0, 0, 0, 0.15);
        border: none;
    }

    /* Hover */
    .ui.slider.checkbox .box:hover,
    .ui.slider.checkbox label:hover {
        color: inherit;
    }

        .ui.slider.checkbox .box:hover::before,
        .ui.slider.checkbox label:hover::before {
            background: rgba(0, 0, 0, 0.15);
        }

    /* Active */
    .ui.slider.checkbox :checked ~ .box,
    .ui.slider.checkbox :checked ~ label {
        color: rgba(0, 0, 0, 0.95);
    }

        .ui.slider.checkbox :checked ~ .box:before,
        .ui.slider.checkbox :checked ~ label:before {
            background-color: #545454;
        }

        .ui.slider.checkbox :checked ~ .box:after,
        .ui.slider.checkbox :checked ~ label:after {
            left: 2rem;
        }

/*--------------
     Toggle
---------------*/

.ui.toggle.checkbox {
    min-height: 1.5rem;
}

    /* Input */
    .ui.toggle.checkbox input[type="checkbox"],
    .ui.toggle.checkbox input[type="radio"] {
        width: 3.5rem;
        height: 1.5rem;
    }

    /* Label */
    .ui.toggle.checkbox .box,
    .ui.toggle.checkbox label {
        min-height: 1.5rem;
        padding-left: 4.5rem;
        color: inherit;
    }

    .ui.toggle.checkbox label {
        padding-top: 0.15em;
    }

        /* Switch */
        .ui.toggle.checkbox .box:before,
        .ui.toggle.checkbox label:before {
            display: block;
            position: absolute;
            content: '';
            z-index: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            border: none;
            top: 0rem;
            background: #811212;
            width: 3.5rem;
            height: 1.5rem;
            border-radius: 500rem;
        }

        /* Handle */
        .ui.toggle.checkbox .box:after,
        .ui.toggle.checkbox label:after {
            background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
            background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
            position: absolute;
            content: '' !important;
            opacity: 1;
            z-index: 2;
            border: none;
            box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
            width: 1.5rem;
            height: 1.5rem;
            top: 0rem;
            left: 0em;
            border-radius: 500rem;
            -webkit-transition: background 0.3s ease, left 0.3s ease;
            transition: background 0.3s ease, left 0.3s ease;
        }

    .ui.toggle.checkbox input[type="checkbox"] ~ .box:after,
    .ui.toggle.checkbox input[type="checkbox"] ~ label:after,
    .ui.toggle.checkbox input[type="radio"] ~ .box:after,
    .ui.toggle.checkbox input[type="radio"] ~ label:after {
        left: -0.05rem;
    }

    /* Focus */
    .ui.toggle.checkbox input[type="checkbox"]:focus ~ .box:before,
    .ui.toggle.checkbox input[type="checkbox"]:focus ~ label:before,
    .ui.toggle.checkbox input[type="radio"]:focus ~ .box:before,
    .ui.toggle.checkbox input[type="radio"]:focus ~ label:before {
        background-color: #185b9a;
        border: none;
    }

    /* Hover */
    .ui.toggle.checkbox .box:hover::before,
    .ui.toggle.checkbox label:hover::before {
        background-color: #185b9a;
        border: none;
    }

    /* Active */
    .ui.toggle.checkbox input:checked ~ .box,
    .ui.toggle.checkbox input:checked ~ label {
        color: inherit;
    }

        .ui.toggle.checkbox input:checked ~ .box:before,
        .ui.toggle.checkbox input:checked ~ label:before,
        .ui.checkbox.checked:not(.radio) input ~ .box:before,
        .ui.checkbox.checked:not(.radio) input ~ label:before {
            background-color: #1cb021;
        }

        .ui.toggle.checkbox input:checked ~ .box:after,
        .ui.toggle.checkbox input:checked ~ label:after {
            left: 2.15rem;
        }


/*******************************
            Variations
*******************************/


/*--------------
     Fitted
---------------*/

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0em !important;
}

.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
    width: 3.5rem;
}

.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
    width: 3.5rem;
}



/*******************************
         Theme Overrides
*******************************/



/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/


/*******************************
         Site Overrides
*******************************/