﻿
/* site css */
.site-required {
    margin: 0px 5px;
    font-size: 5pt;
    vertical-align: text-top;
}

/* prevent selection of input group text*/
.input-group-text {
    user-select: none;
}

/* Override AutoComplete Font Size */
.ui-autocomplete {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 1100;
}

.ui-widget {
    font-family: inherit !important;
    font-size: 10pt !important;
}

/* FileInput Overrides */
.file-input {
    height: 100%;
}

.file-preview {
    padding: 20px;
    height: 100%;
}

.file-drop-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    margin: auto;
    height: 100%;
}

.file-drop-zone-title {
    padding: 10px;
}

.kv-upload-progress {
    display: none !important
}

/* Yes/No switch */
.toggle-input {
    width: 3.0em;
    height: 1.0em;
    margin-top: 0.25em;
    vertical-align: top;
    background: var(--bs-success);
    border-radius: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .toggle-input:not(:checked) {
        background: var(--bs-secondary) !important;
    }

    .toggle-input:before {
        position: absolute;
        content: "";
        width: 1.0em;
        height: 1.0em;
        border-radius: 50%;
        background: #fff;
        -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
        box-shadow: 0 0 .25em rgba(0,0,0,.3);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        left: calc(100% - 1.0em);
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

    .toggle-input:checked:before {
        left: 0;
    }

    .toggle-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .toggle-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

    .toggle-input ~ label {
        margin-left: 10px;
    }

    .toggle-input:not(:checked) ~ .toggle-on {
        display: none;
    }

    .toggle-input:checked ~ .toggle-off {
        display: none;
        color: var(--bs-secondary) !important;
    }

    /* Google Places address autocomplete popup*/
.pac-container {
    z-index: 2000 !important;
}

