@layer bootstrap_override {
}

@layer worktour_base {


    /*
    See here:
    https://stackoverflow.com/questions/48373119/change-bootstrap-4-checkbox-background-color
    https://stackoverflow.com/questions/37493852/how-can-i-change-the-color-of-bootstrap-checkbox
     */

    .custom-control-label::before, .custom-control-label::after {
        width:  2.5rem;
        height: 2.5rem;
        top: -0.1rem;
    }

    .custom-control-label:before{
        background-color: white;
    }

    /*noinspection CssUnknownTarget*/
    .custom-control .custom-control-input:checked~.custom-control-label::after{
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    }

    .custom-control .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: black;
        background-color: var(--corporate-main-color-dark);
    }

    .custom-control-input {
        width: 40px;
        height: 40px;
    }

    .email-label-offset {
        margin-left: 30px;
    }

    #analytics-aggregation-rendering .analytics-count {
        text-align: right;
        font-family: monospace;
    }

    #analytics-aggregation-rendering th {
        margin-right: 2rem;
        display: block;
    }

    #analytics-aggregation-rendering .response-count {
        padding-top: 1.0rem;
        border-top: solid #808080FF 1px;
        width: fit-content;
        margin-top: 1.5rem;
    }

}