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


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


/*--------------
    Content
---------------*/

.ui.checkbox { position: relative; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; vertical-align: middle; font-style: normal; min-height: 22px; line-height: 25px; }

    /* HTML Checkbox */
    .ui.checkbox input[type="checkbox"],
    .ui.checkbox input[type="radio"] { cursor: pointer; position: absolute; top: 0px; left: 0px; opacity: 0 !important; outline: none; z-index: 2; width: 17px; height: 17px; }

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

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

        .ui.checkbox .box:before,
        .ui.checkbox label:before { position: absolute; top: 0px; left: 0px; width: 25px; height: 25px; content: ''; background: #FFFFFF; border-radius: 0.11428571rem; -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, 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, -webkit-transform 0.1s ease; border: 1px solid #9c9c9c; border-radius: 0.5rem; }

        /*--------------
    Checkmark
---------------*/

        .ui.checkbox .box:after,
        .ui.checkbox label:after { position: absolute; font-size: 14px; top: 0px; left: 0px; width: 25px; height: 25px; text-align: center; opacity: 0; -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, 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, -webkit-transform 0.1s ease; }

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


    /* Inside */
    .ui.checkbox label,
    .ui.checkbox + label { -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:active ~ label { color: rgba(0, 0, 0, 0.95); }

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

    .ui.checkbox input:focus ~ .box:before,
    .ui.checkbox input:focus ~ label:before { background: #FFFFFF; border-color: var(--primary); }

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

    .ui.checkbox input:focus ~ label { color: rgba(0, 0, 0, 0.95); }

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

    .ui.checkbox input:checked ~ .box:before,
    .ui.checkbox input:checked ~ label:before { background: var(--primary); border-color: var(--primary); }

    .ui.checkbox input:checked ~ .box:after,
    .ui.checkbox input:checked ~ label:after { opacity: 1; color: white; }

    /*Small active state*/
.app_toggle_small .ui.checkbox input:checked ~ .box:after,
.app_toggle_small .ui.checkbox input:checked ~ label:after { background-color: var(--primary); }
    .app_toggle_small .ui.toggle.checkbox .box:after,
    .app_toggle_small .ui.toggle.checkbox label:after { background-color: black; }
/*--------------
  Indeterminate
---------------*/
.ui.checkbox input:indeterminate ~ .box:before,
.ui.checkbox input:indeterminate ~ label:before { background: var(--primary); border-color: var(--primary); }

    .ui.checkbox input:indeterminate ~ .box:after,
    .ui.checkbox input:indeterminate ~ label:after { opacity: 1; color: white; }

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

.ui.checkbox input:indeterminate:focus ~ .box:before,
.ui.checkbox input:indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before { background: var(--primary); border-color: var(--primary); }

    .ui.checkbox input:indeterminate:focus ~ .box:after,
    .ui.checkbox input:indeterminate:focus ~ label:after,
    .ui.checkbox input:checked:focus ~ .box:after,
    .ui.checkbox input:checked:focus ~ label:after { color: white; }

/*--------------
    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.2; color: #000000; }

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


/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden { z-index: -1; }

    /* Selectable Label */
    .ui.checkbox input.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; }

        /* Radio Checkbox */
        .ui.radio.checkbox .box:after,
        .ui.radio.checkbox label:after { 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); }

    /* Focus */
    .ui.radio.checkbox input:focus ~ .box:before,
    .ui.radio.checkbox input:focus ~ label:before { background-color: #FFFFFF; }

    .ui.radio.checkbox input:focus ~ .box:after,
    .ui.radio.checkbox input:focus ~ label:after { background-color: rgba(0, 0, 0, 0.95); }

    /* Indeterminate */
    .ui.radio.checkbox input:indeterminate ~ .box:after,
    .ui.radio.checkbox input:indeterminate ~ label:after { opacity: 0; }

    /* Active */
    .ui.radio.checkbox input:checked ~ .box:before,
    .ui.radio.checkbox input:checked ~ label:before { background-color: #FFFFFF; }

    .ui.radio.checkbox input:checked ~ .box:after,
    .ui.radio.checkbox input:checked ~ label:after { background-color: rgba(0, 0, 0, 0.95); }

    /* Active Focus */
    .ui.radio.checkbox input:focus:checked ~ .box:before,
    .ui.radio.checkbox input:focus:checked ~ label:before { background-color: #FFFFFF; }

    .ui.radio.checkbox input:focus:checked ~ .box:after,
    .ui.radio.checkbox input:focus:checked ~ label:after { background-color: rgba(0, 0, 0, 0.95); }

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

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

    /* Input */
    .ui.slider.checkbox input { width: 5.6rem; height: 2.4rem; }

    /* Label */
    .ui.slider.checkbox .box,
    .ui.slider.checkbox label { padding-left: 3.7rem; line-height: 1rem; color: rgba(0, 0, 0, 0.4); }

        /* 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:focus ~ .box:before,
    .ui.slider.checkbox input: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: rgba(0, 0, 0, 0.8); }

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

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

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

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

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

        .ui.slider.checkbox input:focus:checked ~ .box:before,
        .ui.slider.checkbox input:focus:checked ~ label:before { background-color: #000000 !important; }

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

.ui.toggle.checkbox { min-height: 2.5rem; width: 5.6rem; }

    /* Input */
    .ui.toggle.checkbox input { width: 3.5rem; height: 1.5rem; }

    /* Label */
    .ui.toggle.checkbox .box,
    .ui.toggle.checkbox label { min-height: 1.5rem; padding-left: 3.7rem; color: rgba(0, 0, 0, 0.87); }

    .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: rgba(0, 0, 0, 0.25); width: 5.6rem; height: 2.6rem; border-radius: 500rem; }

div.toggleNeutral > .ui.toggle.checkbox .box:before,
div.toggleNeutral > .ui.toggle.checkbox label:before { background-color: rgba(0, 0, 0, 0.3) !important; }

/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after { background: #FFFFFF; position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; width: 2rem; height: 2rem; top: 0.3rem; left: 0.2rem; border-radius: 1rem; -webkit-transition: background 0.3s ease, left 0.3s ease; transition: background 0.3s ease, left 0.3s ease; }

.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after { left: 4px; }

/* Focus */
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before { background-color: rgba(0, 0, 0, 0.3); border: none; cursor: pointer; }

/* Hover */
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before,
.ui.toggle.checkbox .box:hover::after,
.ui.toggle.checkbox label:hover::after { border: none; cursor: pointer; }

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

    .ui.toggle.checkbox input:checked ~ .box:before,
    .ui.toggle.checkbox input:checked ~ label:before { background-color:var(--primary) !important; }

    /*Small active state*/
    .app_toggle_small .ui.toggle.checkbox input:checked ~ .box:before,
    .app_toggle_small .ui.toggle.checkbox input:checked ~ label:before,
    .app_toggle_small .ui.toggle.checkbox .box:before,
    .app_toggle_small .ui.toggle.checkbox label:before { background-color: rgba(0,0,0,.1) !important; height: 1.1rem; top: 0.5rem;  }
    .app_toggle_small .ui.toggle.checkbox .box:after, 
    .app_toggle_small .ui.toggle.checkbox label:after { width: 1.4rem; height: 1.4rem; top: 0.3rem; }
    .app_toggle_small .ui.toggle.checkbox input:checked ~ .box:after, 
    .app_toggle_small .ui.toggle.checkbox input:checked ~ label:after { left: 4.2rem !important; }
    .app_toggle_small .ui.toggle.checkbox input ~ .box:after, 
    .app_toggle_small .ui.toggle.checkbox input ~ label:after { left: 0; }
    .app_toggle_small .ui.toggle.checkbox input:focus:checked ~ .box:before, 
    .app_toggle_small .ui.toggle.checkbox input:focus:checked ~ label:before { background-color: rgba(0,0,0,.1) !important; }

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before


div.toggleNeutral > .ui.toggle.checkbox input:checked ~ .box:before,
div.toggleNeutral > .ui.toggle.checkbox input:checked ~ label:before { background-color: rgba(0, 0, 0, 0.3) !important; }

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

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; }

    .ui.toggle.checkbox input:focus:checked ~ .box:before,
    .ui.toggle.checkbox input:focus:checked ~ label:before { background-color: var(--primary) !important; }


/*******************************
            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
*******************************/

@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'); }

/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after { font-family: 'Checkbox'; }

/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after { content: '\e800'; }

/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after { font-size: 12px; content: '\e801'; }
/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/


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