/* Minification failed. Returning unminified contents.
(40,21): run-time error CSS1039: Token not allowed after unary operator: '-form-control-color'
(50,28): run-time error CSS1039: Token not allowed after unary operator: '-form-background'
(71,40): run-time error CSS1039: Token not allowed after unary operator: '-form-control-color'
(95,17): run-time error CSS1039: Token not allowed after unary operator: '-form-control-disabled'
(105,28): run-time error CSS1039: Token not allowed after unary operator: '-form-background'
(127,40): run-time error CSS1039: Token not allowed after unary operator: '-form-control-color'
 */

.wcg button {
    border: 0px;
    background: transparent;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.wcg img {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    border: 0px;
    margin-right: 5px;
}





/* test */





.radioLabel {
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

    .radioLabel + .radioLabel {
        margin-top: 1em;
    }

    .radioLabel:focus-within {
        color: var(--form-control-color);
    }

input[type=radio] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 50% !important;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

    input[type=radio]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        border-radius: 50%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        /* Windows High Contrast Mode */
        background-color: CanvasText;
    }

    input[type=radio]:checked::before {
        transform: scale(1);
    }

/*    input[type=radio]:focus {
        outline: max(2px, 0.15em) solid currentColor;
        outline-offset: max(2px, 0.15em);
    }*/










.form-control--disabled {
    color: var(--form-control-disabled);
    cursor: not-allowed;
}

input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

    input[type="checkbox"]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        /* Windows High Contrast Mode */
        background-color: CanvasText;
    }

    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }


/**  BLACK **/
.WCGblack {
    background: none;
    background-color: #000000 !important;
    color: #FFFF00 !important;
    border: none !important;
    box-shadow: none !important;
}

    .WCGblack input, 
    .WCGblack textarea {
        border: 1px solid #FFFF00 !important;
    }

    .WCGblack .form-control:disabled,
    .WCGblack .form-control[readonly] {
        background-color: #000000 !important;
        color: #ffff0080 !important;
    }
 

    .WCGblack ::placeholder {
        color: #ffff0080;
    }

    .WCGblack ::-ms-input-placeholder {
        color: #ffff0080;
    }

    .WCGblack input[type=radio] {
        border-radius: 50% !important;
    }
        .WCGblack input[type=radio]::before {
            background-color: #FFFF00;
        }

    .WCGblack input[type=checkbox]::before {
        background-color: #FFFF00;
    }

    .WCGblack .card_ozz,
    .WCGblack .card,
    .WCGblack .alert-primary {
        border: 1px solid #FFFF00 !important;
    }

    .WCGblack .card-header,
    .WCGblack .modal-header {
        border-bottom: 1px solid #FFFF00 !important;
    }

    .WCGblack .card-footer,
    .WCGblack .modal-footer {
        border-top: 1px solid #FFFF00 !important;
    }

    .WCGblack .btn-primary, 
    .WCGblack .btn-secondary {
        border: 1px solid #FFFF00 !important;
    }

    .WCGblack *:not(.wcg) {
        color: #FFFF00 !important;
        background-color: #000000 !important;
        /*border: none !important;*/
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    .WCGblack .navbar-brand,
    .WCGblack .navbar-brand img {
        background-color: #FFFFFF !important;
    }

    .WCGblack a.nav-link {
        background-color: #000000 !important;
        color: #FFFF00 !important;
        /*background-color: #000000 !important;*/
        border-radius: 0px !important;
    }

        .WCGblack a.nav-link.active {
            border-top: 2px solid #000000 !important;
        }

        .WCGblack .btn:hover,
        .WCGblack a.nav-link.active,
        .WCGblack a.nav-link:hover {
            color: #000000 !important;
            background-color: #FFFF00 !important;
            border-radius: 0px !important;
        }

        .WCGblack .btn:hover * {
            color: #000000 !important;
            background-color: #FFFF00 !important;
        }

    .WCGblack > div > div > .card > .card-body > .card-footer > div > .btn-warning {
        color: #000000 !important;
        background-color: #FFFF00 !important;
        border: none !important;
        box-shadow: none !important;
    }

        .WCGblack > div > div > .card > .card-body > .card-footer > div > .btn-warning > i {
            color: #000000 !important;
            background-color: #FFFF00 !important;
            border: none !important;
            box-shadow: none !important;
        }

    .WCGblack .jtable th,
    .WCGblack .jtable td {
        border: 1px solid #FFFF00 !important;
    }

    .WCGblack div.jtable-main-container > div.jtable-bottom-panel {
        border: 1px solid #FFFF00 !important;
    }

    .WCGblack .input-group-text,
    .WCGblack .select2 {
        border: 1px solid #FFFF00 !important;
    }

    .WCGblack .select2-container--bootstrap4 .select2-selection--single {
        border: none;
    }

    .WCGblack span.popp::after {
        color: #FFFF00;
    }

    .WCGblack .alert-danger {
        border: 1px solid #000000;
    }

/* chart */
    .WCGblack .dropdown-divider {
        border-top: 1px solid #FFFF00;
    }

    .WCGblack .dropdown-header {
        color: #ffff0080 !important
    }


    .WCGblack .loadingSpinner .bounce1,
    .WCGblack .loadingSpinner .bounce2,
    .WCGblack .loadingSpinner .bounce3 {
        background-color: #ffff00 !important;
    }


    .WCGblack .buttonMenu {
        border: 1px solid #FFFF00;
    }


    .WCGblack .year.disabled,
    .WCGblack .month.disabled {
        color: #ffff0080 !important
    }








/*.WCGblack > div > div > .card {
        color: #FFFF00 !important;
        background-color: #000000 !important;
        border: none !important;
        box-shadow: none !important;
    }

        .WCGblack > div > div > .card > .card-body > .card-footer {
            color: #FFFF00 !important;
            background-color: #000000 !important;
            border: none !important;
            box-shadow: none !important;
        }

            .WCGblack > div > div > .card > .card-body > .card-footer > button {
                color: #FFFF00 !important;
                background-color: #000000 !important;
                border: none !important;
                box-shadow: none !important;
            }

            .WCGblack > div > div > .card > .card-body > .card-footer > div > .btn {
                color: #FFFF00 !important;
                background-color: #000000 !important;
                border: none !important;
                box-shadow: none !important;
            }*/
/* Yellow */
.WCGyellow {
    background: none;
    background-color: #FFFF00 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

    .WCGyellow input, 
    .WCGyellow textarea {
        border: 1px solid #000000 !important;
    }

    .WCGyellow .form-control:disabled,
    .WCGyellow .form-control[readonly],
    .WCGyellow .form-control:disabled {
        background-color: #FFFF00 !important;
        color: #00000080 !important;
    }

    .WCGyellow ::placeholder {
        color: #00000080;
    }

    .WCGyellow ::-ms-input-placeholder {
        color: #00000080;
    }

    /* radio i check */
    .WCGyellow input[type=radio] {
        border-radius: 50% !important;
    }

        .WCGyellow input[type=radio]::before {
            background-color: #000000;
        }

    .WCGyellow input[type=checkbox]::before {
        background-color: #000000;
    }
    /*card */
    .WCGyellow .card_ozz,
    .WCGyellow .card, 
    .WCGyellow .alert-primary {
        border: 1px solid #000000 !important;
    }

    .WCGyellow .card-header, 
    .WCGyellow .modal-header {
        border-bottom: 1px solid #000000 !important;
    }

    .WCGyellow .card-footer, 
    .WCGyellow .modal-footer {
        border-top: 1px solid #000000 !important;
    }

    .WCGyellow .btn-primary, 
    .WCGyellow .btn-secondary {
        border: 1px solid #000000 !important;
    }

    .WCGyellow *:not(.wcg) {
        background-color: #FFFF00 !important;
        color: #000000 !important;
        /*border: none !important;*/
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    .WCGyellow .navbar-brand,
    .WCGyellow .navbar-brand img {
        background-color: #FFFFFF !important;
    }

    .WCGyellow a.nav-link {
        background-color: #FFFF00 !important;
        color: #000000 !important;
        /*background-color: #000000 !important;*/
        border-radius: 0px !important;
    }
    
        .WCGyellow a.nav-link.active        {
            border-top: 2px solid #FFFF00 !important;             
        }

        .WCGyellow .btn:hover,
        .WCGyellow a.nav-link.active,
        .WCGyellow a.nav-link:hover {
            color: #FFFF00 !important;
            background-color: #000000 !important;
            border-radius: 0px !important;
        }

        .WCGyellow .btn:hover * {
            color: #FFFF00 !important;
            background-color: #000000 !important;
        }

    .WCGyellow > div > div > .card > .card-body > .card-footer > div > .btn-warning {
        color: #FFFF00 !important;
        background-color: #000000 !important;
        border: none !important;
        box-shadow: none !important;
    }

        .WCGyellow > div > div > .card > .card-body > .card-footer > div > .btn-warning > i {
            color: #FFFF00 !important;
            background-color: #000000 !important;
            border: none !important;
            box-shadow: none !important;
        }

    .WCGyellow .jtable th,
    .WCGyellow .jtable td {
        border: 1px solid #000000 !important;
    }

    .WCGyellow div.jtable-main-container > div.jtable-bottom-panel {
        border: 1px solid #000000 !important;
    }

    .WCGyellow .input-group-text,
    .WCGyellow .select2 {
        border: 1px solid #000000 !important;
    }

    .WCGyellow .select2-container--bootstrap4 .select2-selection--single {
        border: none;
    }

    .WCGyellow span.popp::after {
        color: #000000;
    }

    .WCGyellow .alert-danger {
        border: 1px solid #000000;
    }

/* chart */
    .WCGyellow .dropdown-divider {
        border-top: 1px solid #000000;
    }

    .WCGyellow .dropdown-header {
        color: #00000080 !important
    }
    .WCGyellow .loadingSpinner .bounce1,
    .WCGyellow .loadingSpinner .bounce2,
    .WCGyellow .loadingSpinner .bounce3 {
        background-color: #000000 !important;
    }
    .WCGyellow .buttonMenu {
        border: 1px solid #000000;
    }
    .WCGyellow .year.disabled,
    .WCGyellow .month.disabled {
        color: #00000080 !important
    }



body.WCGf2a {
    font-size: 20px !important;
}

    body.WCGf2a .btn {
        font-size: 20px !important;
    }

    body.WCGf2a span {
        font-size: 20px !important;
    }

    body.WCGf2a input {
        font-size: 20px !important;
    }

    body.WCGf2a textarea {
        font-size: 20px !important;
    }

    body.WCGf2a #infoNav {
        font-size: 20px !important;
    }

    body.WCGf2a div.popover {
        font-size: 20px;
    }

    /* modal */
    body.WCGf2a div.modal,
    body.WCGf2a div.modal-body,
    body.WCGf2a div.modal-header,
    body.WCGf2a div.modal-title {
        font-size: 20px !important;
    }


    /* jtable */
    body.WCGf2a table.jtable {
        font-size: 20px !important;
    }


    body.WCGf2a h1 {
        font-size: 20px !important;
    }

body.WCGf3a {
    font-size: 30px !important;
}

    body.WCGf3a .btn {
        font-size: 30px !important;
    }

    body.WCGf3a span {
        font-size: 30px !important;
    }

    body.WCGf3a input {
        font-size: 30px !important;
    }

    body.WCGf3a textarea {
        font-size: 30px !important;
    }

    body.WCGf3a #infoNav {
        font-size: 30px !important;
    }

    body.WCGf3a div.popover {
        font-size: 30px;
    }

    /* modal */
    body.WCGf3a div.modal,
    body.WCGf3a div.modal-body,
    body.WCGf3a div.modal-header,
    body.WCGf3a div.modal-title {
        font-size: 30px !important;
    }


    /* jtable */
    body.WCGf3a table.jtable {
        font-size: 30px !important;
    }


    body.WCGf3a h1 {
        font-size: 30px !important;
    }