/* /Components/DropdownCompany.razor.rz.scp.css */
.dropbtn[b-8nc1l2futo] {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}



.dropbtn:hover[b-8nc1l2futo], .dropbtn:focus[b-8nc1l2futo] {
    background-color: #3e8e41;
}

#myInput[b-8nc1l2futo] {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: auto;
}

    #myInput:focus[b-8nc1l2futo] {
        outline: 3px solid #ddd;
    }

.dropdown[b-8nc1l2futo] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-8nc1l2futo] {
    --display: none;
    display: var(--display);
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

    .dropdown-content a[b-8nc1l2futo] {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.dropdown a:hover[b-8nc1l2futo] {
    background-color: #ddd;
}

/* /Components/Notification.razor.rz.scp.css */
/* Hide the browser's default checkbox */
.tooth-container input[b-tc65lezkqw] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */
.checkmark[b-tc65lezkqw] {
    fill: #515151;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input ~ .checkmark[b-tc65lezkqw] {
    fill: #ccc;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark[b-tc65lezkqw] {
    fill: #93BAD9;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark[b-tc65lezkqw] {
    fill: #0b7dda;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-tc65lezkqw]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.tooth-container input:checked ~ .checkmark[b-tc65lezkqw]:after {
    display: block;
}

/* Style the checkmark/indicator */
.tooth-container .checkmark[b-tc65lezkqw]:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thin-top-1[b-tc65lezkqw] {
    width: 25px;
    height: 52px;
}

.thin-top-2[b-tc65lezkqw] {
    width: 30px;
    height: 60px;
}

.thin-top-3[b-tc65lezkqw] {
    width: 28px;
    height: 67px;
}

.thin-top-4[b-tc65lezkqw] {
    width: 22px;
    height: 71px;
}

.thin-top-5[b-tc65lezkqw] {
    width: 22px;
    height: 72px;
}

.thin-top-6[b-tc65lezkqw] {
    width: 22px;
    height: 75px;
}

.thin-top-7[b-tc65lezkqw] {
    width: 20px;
    height: 63px;
}

.thin-top-8[b-tc65lezkqw] {
    width: 23px;
    height: 74px;
}

.thin-bottom-1[b-tc65lezkqw] {
    width: 25px;
    height: 49px;
}

.thin-bottom-2[b-tc65lezkqw] {
    width: 28px;
    height: 58px;
}

.thin-bottom-3[b-tc65lezkqw] {
    width: 33px;
    height: 61px;
}

.thin-bottom-4[b-tc65lezkqw] {
    width: 22px;
    height: 64px;
}

.thin-bottom-5[b-tc65lezkqw] {
    width: 21px;
    height: 66px;
}

.thin-bottom-6[b-tc65lezkqw] {
    width: 20px;
    height: 70px;
}

.thin-bottom-7[b-tc65lezkqw] {
    width: 18px;
    height: 67px;
}

.thin-bottom-8[b-tc65lezkqw] {
    width: 17px;
    height: 62px;
}

.thick-top-1[b-tc65lezkqw] {
    width: 52px;
    height: 75px;
}

.thick-top-2[b-tc65lezkqw] {
    width: 39px;
    height: 73px;
}

.thick-top-3[b-tc65lezkqw] {
    width: 25px;
    height: 85px;
}

.thick-top-4[b-tc65lezkqw] {
    width: 23px;
    height: 73px;
}

.thick-top-5[b-tc65lezkqw] {
    width: 28px;
    height: 81px;
}

.thick-bottom-1[b-tc65lezkqw] {
    width: 48px;
    height: 72px;
}

.thick-bottom-2[b-tc65lezkqw] {
    width: 44px;
    height: 69px;
}

.thick-bottom-3[b-tc65lezkqw] {
    width: 30px;
    height: 84px;
}

.thick-bottom-4[b-tc65lezkqw] {
    width: 20px;
    height: 71px;
}

.thick-bottom-5[b-tc65lezkqw] {
    width: 17px;
    height: 68px;
}

.grey-label[b-tc65lezkqw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    margin: 0;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    pointer-events:none;
}

    /* Hide the browser's default checkbox */
    .grey-label input[b-tc65lezkqw] {
        appearance: none;
        background-color: #fff;
        font: inherit;
        width: 15px;
        height: 15px;
        border: 0.12em solid var(--border-color);
        border-radius: 0.1em;
        transform: translateY(.1em);
        display: grid;
        place-content: center;
        margin-top: 5px;
    }

        .grey-label input[b-tc65lezkqw]::before {
            content: "";
            width: 8px;
            height: 8px;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            background-color: #F26193;
        }

        .grey-label input:checked[b-tc65lezkqw]::before {
            transform: scale(1);
        }
/* The switch - the box around the slider */
.switch[b-tc65lezkqw] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input[b-tc65lezkqw] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-tc65lezkqw] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-tc65lezkqw]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-tc65lezkqw] {
    background-color: #F26193;
}

input:focus + .slider[b-tc65lezkqw] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-tc65lezkqw]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-tc65lezkqw] {
    border-radius: 34px;
}

    .slider.round[b-tc65lezkqw]:before {
        border-radius: 50%;
    }

.formbox[b-tc65lezkqw] {
    width: 100%;
    flex-grow: 1;
}

.no-margin[b-tc65lezkqw] {
    margin: 0;
}

.a[b-tc65lezkqw] {
    fill: #fff;
}

.b[b-tc65lezkqw] {
    fill: #e7e7e7;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input ~ .checkmark .b[b-tc65lezkqw] {
    fill: #e7e7e7;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark .b[b-tc65lezkqw] {
    fill: #C7C5C5;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark .b[b-tc65lezkqw] {
    fill: #AEACAC;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark .a[b-tc65lezkqw] {
    fill: #e7f3fe;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark .a[b-tc65lezkqw] {
    fill: #cfe8fc;
}
/* /Components/Sidebar.razor.rz.scp.css */
.sidebar[b-zrtj4qr98u] {
    --width: 175px;
    --marginLeft: 250px;
    height: 775px; /* nav bar height */
    position: sticky;
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    overflow: hidden; /* Disable horizontal scroll */
    background-color: var(--backgroundcolor);
}


.sidebar-padding[b-zrtj4qr98u] {
    padding:15px;  
    color: var(--font-color);
}

.sidebar-top[b-zrtj4qr98u] {
    background-color: var(--highlight);
    justify-content: flex-start;
    height: 100px;
    display: flex;
}

.sidebar-brand[b-zrtj4qr98u] {
    height:100%;
    display:flex;
    align-items:center;
    font-size: 2.7em;
    color: var(--title-color);
}

    .sidebar-brand .pink[b-zrtj4qr98u] {
        color: #F26193;
    }

.sidebar-body[b-zrtj4qr98u] {
    display: flex;
}

.sidebar-list[b-zrtj4qr98u] {
    padding: 10px;
    margin-bottom: 0;
    list-style: none
}

.sidebar-list-link[b-zrtj4qr98u] {
    padding: 0;
    padding-top: 5px;
    margin-bottom: 0;
    list-style: none
}

.sidebar-collapse[b-zrtj4qr98u] {
    width: var(--width); /* 0 width - change this with JavaScript */
    height: 100px;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

.sidebar-nav[b-zrtj4qr98u] {
    width: 100px;
    display:flex;
    align-items:center;
}

.sidebar-border[b-zrtj4qr98u] {
    width: 25px;
}

.sidebar-gap[b-zrtj4qr98u] {
    height: 150px;
    padding-left: 15px;
    font-size: 1.2em;
    color: var(--title-color);
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 15px;
    text-overflow: ellipsis;
}
.sidebar-gapsmall[b-zrtj4qr98u] {
    height: 40px;
    padding-left: 15px;
    font-size: 1.2em;
    color: var(--title-color);
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 15px;
    text-overflow: ellipsis;
}

.gap-paragraph[b-zrtj4qr98u] {
    margin-right: 15px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:0;
}

.gap-link[b-zrtj4qr98u] {
    margin-right: 15px;
    height: 100%;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dot[b-zrtj4qr98u] {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f26193;
    color: white;
}

.golddot[b-zrtj4qr98u] {
    height: 50px;
    width: 50px;
    font-size:30px;
    border-radius: 50%;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    color: darkgoldenrod;
}

.sidebar-link[b-zrtj4qr98u] {
    height: 50px;
    width:150px;
}

.active .sidebar-icon[b-zrtj4qr98u]{
    opacity:50%;
}

.beta[b-zrtj4qr98u] {
    color: #56d4ca;
    font-size:14px;
    position:relative;
    top:-30px;
    left:90px;
    letter-spacing:10px;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn[b-zrtj4qr98u] {
    position: absolute;
    top: -5px;
    right: 5px;
    font-size: 36px;
    margin-left: 50px;
    cursor: pointer;
    color: #737370;
}

/* The button used to open the sidebar */
.openbtn[b-zrtj4qr98u] {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

    .openbtn:hover[b-zrtj4qr98u] {
        background-color: #444;
    }

.empty[b-zrtj4qr98u]{
    flex-grow:2;
}

.navbar-toggler:hover[b-zrtj4qr98u]{
    opacity:50%;
}

.navbar-toggler:focus[b-zrtj4qr98u] {
    outline:none;
    border: none;
}

.navbar-toggler:active[b-zrtj4qr98u] {
    outline: none;
    border: none;
}

.navbar-toggler-horiz[b-zrtj4qr98u] {
    display: none;
}

.icon-list-item[b-zrtj4qr98u] {
    height: 50px;
    padding-left: 15px;
}

@media (min-width: 641px) {
    .sidebar-top[b-zrtj4qr98u] {
        border-bottom: 1px solid var(--border-color);
    }

    .navbar-toggler[b-zrtj4qr98u] {
        display: none;
    }

    .navbar-toggler-horiz[b-zrtj4qr98u] {
        display: block;
    }

    .collapse[b-zrtj4qr98u] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

@media (max-width: 640.98px) {
    .sidebar[b-zrtj4qr98u] {
        height: auto;
    }
}
/* /Pages/Admin.razor.rz.scp.css */
.checky[b-ew6725xm9q]{
    display:inline;
    width:100px;
}


.company-list[b-ew6725xm9q] {
    flex: 1;
    min-width: 400px;
}

.scroll-windowadmin[b-ew6725xm9q] {
    height: 88%;
    padding: 25px;
}

.company-list-header[b-ew6725xm9q] {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border-color);
    border-top: 2px solid var(--border-color);
    font-weight: bold;
    color: var(--title-color);
}

.company-list-window[b-ew6725xm9q] {
    max-height: 500px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: scroll;
    width:100%;
    border-bottom: 1px solid var(--border-color);
}

.company-list-row[b-ew6725xm9q] {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color);
    color: var(--font-color);
    cursor: pointer;
}

.table-box[b-ew6725xm9q] {
    display: flex;
    padding-left: 15px;
    align-content: center;
}

.table-box-top[b-ew6725xm9q] {
    display: flex;
    padding-left: 5px;
    align-content: center;
}

.id-box[b-ew6725xm9q] {
    min-width: 75px;
    width: 75px;
}

.al-box[b-ew6725xm9q] {
    min-width: 25px;
    width: 25px;
}

.name-box[b-ew6725xm9q] {
    max-width: 150px;
    width: 150px;
    inline-size: 150px;
}

.email-box[b-ew6725xm9q] {
    min-width: 200px;
    width:200px;
    inline-size:200px;
}

.admin-innerbox[b-ew6725xm9q] {
    font-size: 14px;
    inline-size:inherit;
    overflow-wrap:break-word;
}

.active-box[b-ew6725xm9q] {
    width: 100px;
}

.button-box[b-ew6725xm9q] {
    min-width: 250px;
    width: 250px;
}

.select[b-ew6725xm9q] {
    padding-top: 40px;
}

.company-detail[b-ew6725xm9q] {
    width:100%;
}

.inputbox[b-ew6725xm9q] {
    flex-shrink: 0;
    flex-basis: 50px;
    border-radius: 25px;
    height: 50px;
    width: 300px;
    min-width: 300px;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    background-color: #e1f5f3;
    font-size: 16px;
    padding: 14px 20px 12px 20px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 var(--shadowcolor);
    box-sizing: border-box;
    overflow: auto;
}

@media (min-width: 641px) {
    .company-detail[b-ew6725xm9q] {
        flex: 2;
        width: 950px;
    }

    .company-button[b-ew6725xm9q] {
        justify-content: flex-start;
    }

    .toothe-window[b-ew6725xm9q] {
        max-width: 1650px;
    }
}
/* /Pages/CBCT.razor.rz.scp.css */
/* The container */
.tooth-container[b-3ui5icy3pg] {
    height: 170px;
    pointer-events:all;

}



/* Hide the browser's default checkbox */
    .tooth-container input[b-3ui5icy3pg] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark[b-3ui5icy3pg] {
    fill: #515151;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input ~ .checkmark[b-3ui5icy3pg] {
    fill: #ccc;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark[b-3ui5icy3pg] {
    fill: #93BAD9;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark[b-3ui5icy3pg] {
    fill: #0b7dda;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-3ui5icy3pg]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.tooth-container input:checked ~ .checkmark[b-3ui5icy3pg]:after {
    display: block;
}

/* Style the checkmark/indicator */
.tooth-container .checkmark[b-3ui5icy3pg]:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thin-top-1[b-3ui5icy3pg] {
    width: 50px;
    height: 104px;
}

.thin-top-2[b-3ui5icy3pg] {
    width: 60px;
    height: 120px;
}

.thin-top-3[b-3ui5icy3pg] {
    width: 56px;
    height: 134px;
}

.thin-top-4[b-3ui5icy3pg] {
    width: 44px;
    height: 142px;
}

.thin-top-5[b-3ui5icy3pg] {
    width: 45px;
    height: 145px;
}

.thin-top-6[b-3ui5icy3pg] {
    width: 45px;
    height: 150px;
}

.thin-top-7[b-3ui5icy3pg] {
    width: 40px;
    height: 126px;
}

.thin-top-8[b-3ui5icy3pg] {
    width: 46px;
    height: 148px;
}

.thin-bottom-1[b-3ui5icy3pg] {
    width: 50px;
    height: 98px;
}

.thin-bottom-2[b-3ui5icy3pg] {
    width: 55px;
    height: 116px;
}

.thin-bottom-3[b-3ui5icy3pg] {
    width: 67px;
    height: 122px;
}

.thin-bottom-4[b-3ui5icy3pg] {
    width: 45px;
    height: 128px;
}

.thin-bottom-5[b-3ui5icy3pg] {
    width: 42px;
    height: 132px;
}

.thin-bottom-6[b-3ui5icy3pg] {
    width: 40px;
    height: 140px;
}

.thin-bottom-7[b-3ui5icy3pg] {
    width: 35px;
    height: 134px;
}

.thin-bottom-8[b-3ui5icy3pg] {
    width: 34px;
    height: 125px;
}

.thick-top-1[b-3ui5icy3pg] {
    width: 104px;
    height: 150px;
}

.thick-top-2[b-3ui5icy3pg] {
    width: 78px;
    height: 146px
}

.thick-top-3[b-3ui5icy3pg] {
    width: 50px;
    height: 170px;
}

.thick-top-4[b-3ui5icy3pg] {
    width: 46px;
    height: 146px;
}

.thick-top-5[b-3ui5icy3pg] {
    width: 57px;
    height: 162px;
}

.thick-bottom-1[b-3ui5icy3pg] {
    width: 95px;
    height: 144px;
}

.thick-bottom-2[b-3ui5icy3pg] {
    width: 88px;
    height: 138px;
}

.thick-bottom-3[b-3ui5icy3pg] {
    width: 60px;
    height: 168px;
}

.thick-bottom-4[b-3ui5icy3pg] {
    width: 40px;
    height: 142px;
}

.thick-bottom-5[b-3ui5icy3pg] {
    width: 34px;
    height: 136px;
}

.pink-label[b-3ui5icy3pg] {
    font-size: 26px;
    font-family: 'Playfair';
    color: #F26193;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

/* Hide the browser's default checkbox */
.pink-label input[b-3ui5icy3pg] {
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: currentColor;
    width: 30px;
    height: 30px;
    border: 0.15em solid var(--border-color);
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content:center;
    margin-top:5px;
}

    .pink-label input[b-3ui5icy3pg]::before {
        content: "";
        width: 17px;
        height: 17px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        background-color: #F26193;
    }

.pink-label input:checked[b-3ui5icy3pg]::before {
    transform: scale(1);
}

.grey-label[b-3ui5icy3pg] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    margin: 0;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

/* Hide the browser's default checkbox */
.grey-label input[b-3ui5icy3pg] {
    appearance: none;
    background-color: #fff;
    font: inherit;
    width: 15px;
    height: 15px;
    border: 0.12em solid var(--border-color);
    border-radius: 0.1em;
    transform: translateY(.1em);
    display: grid;
    place-content: center;
    margin-top: 5px;
}

    .grey-label input[b-3ui5icy3pg]::before {
        content: "";
        width: 8px;
        height:8px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        background-color: #F26193;
    }

.grey-label input:checked[b-3ui5icy3pg]::before {
    transform: scale(1);
}

.formbox[b-3ui5icy3pg]{
    width:100%;
    flex-grow:1;
}

.no-margin[b-3ui5icy3pg]{
    margin: 0;
}

/* The switch - the box around the slider */
.switch[b-3ui5icy3pg] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input[b-3ui5icy3pg] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-3ui5icy3pg] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-3ui5icy3pg]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-3ui5icy3pg] {
    background-color: #F26193;
}

input:focus + .slider[b-3ui5icy3pg] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-3ui5icy3pg]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-3ui5icy3pg] {
    border-radius: 34px;
}

    .slider.round[b-3ui5icy3pg]:before {
        border-radius: 50%;
    }

.a[b-3ui5icy3pg] {
    fill: #fff;
}

.b[b-3ui5icy3pg] {
    fill: #e7e7e7;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input ~ .checkmark .b[b-3ui5icy3pg] {
    fill: #e7e7e7;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark .b[b-3ui5icy3pg] {
    fill: #C7C5C5;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark .b[b-3ui5icy3pg] {
    fill: #AEACAC;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark .a[b-3ui5icy3pg] {
    fill: #e7f3fe;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark .a[b-3ui5icy3pg] {
    fill: #cfe8fc;
}
/* /Pages/Company.razor.rz.scp.css */
.company-grid[b-64n6tfcped] {
    display: grid;
    grid-template-columns: 165px auto 165px auto;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "l1 m1 l2 m2"
        "l3 m3 l2 m2"
        "l4 m4 l5 m5"
        "l6 m6 l5 m5"
        "l7 m7 null2 m5";
    justify-content: center;
    align-content: center;
}

.company-grid-message[b-64n6tfcped] {
    display: flex;
    min-height: 50px;
    min-width: 100px;
    align-items: center;
}


.company-grid-address[b-64n6tfcped] {
    display: inline-block;
    min-height: 50px;
    min-width: 100px;
    max-width: 300px;
    padding: 5px;
}

.company-grid-label[b-64n6tfcped] {
    margin-left: 25px;
    padding-right:15px;
    display:flex;
    align-items:center;
    width:140px;
    min-height: 80px;
    min-width: 100px;
    justify-content:flex-end;
}

.comp-innerbox[b-64n6tfcped] {
    font-size: 14px;
    inline-size: inherit;
    overflow-wrap: break-word;
}

#update-button[b-64n6tfcped]{
    width:100%;
    display:flex;
    justify-content:center;
    margin: 25px;
}

#label-1[b-64n6tfcped] {
    grid-area: l1;
}

#label-2[b-64n6tfcped] {
    grid-area: l2;
}

#label-3[b-64n6tfcped] {
    grid-area: l3;
}

#label-4[b-64n6tfcped] {
    grid-area: l4;
}

#label-5[b-64n6tfcped] {
    grid-area: l5;
}

#label-6[b-64n6tfcped] {
    grid-area: l6;
}

#label-7[b-64n6tfcped] {
    grid-area: l7;
}


#message-1[b-64n6tfcped] {
    grid-area: m1;
}

#message-2[b-64n6tfcped] {
    grid-area: m2;
}

#message-3[b-64n6tfcped] {
    grid-area: m3;
}

#message-4[b-64n6tfcped] {
    grid-area: m4;
}

#message-5[b-64n6tfcped] {
    grid-area: m5;
}

#message-6[b-64n6tfcped] {
    grid-area: m6;
}

#message-7[b-64n6tfcped] {
    grid-area: m7;
}

#message-8[b-64n6tfcped] {
    grid-area: m8;
}


.employee-list-header[b-64n6tfcped] {
    display: flex;
    align-items: center;
    grid-gap: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border-color);
    border-top: 2px solid var(--border-color);
    font-weight: bold;
    color: var(--title-color);
}

.employee-list-window[b-64n6tfcped] {
    max-height: 300px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px solid var(--border-color);
}

.employee-list-row[b-64n6tfcped] {
    display: flex;
    align-items: center;
    grid-gap: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color);
    color: var(--font-color);
    cursor: pointer;
}

.table-box[b-64n6tfcped] {
    width: 150px;
    display: flex;
    padding-left: 15px;
    align-content: center;
    overflow-wrap: break-word;
}

.employee-grid-item[b-64n6tfcped] {
    margin-left: 25px;
    display: flex;
    align-items: center;
    width: 120px;
    min-height: 80px;
    min-width: 100px;
}

#search[b-64n6tfcped] {
    display: flex;
    flex-wrap:nowrap;
    align-items: center;
    margin-left:25px;
}

@media (min-width: 641px) {
    .company-grid[b-64n6tfcped] {
        display: grid;
        grid-template-columns: minmax(100px 1fr) auto minmax(100px 1fr) auto;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas:
            "l1 m1 l2 m2"
            "l3 m3 null1 m2"
            "l4 m4 l5 m5"
            "l6 m6 null2 m5"
            "l7 m7 null2 m5";
        justify-content: center;
        align-content: center;
    }
}

@media (max-width: 640.98px) {
    .company-grid[b-64n6tfcped] {
        display: grid;
        grid-template-columns: minmax(100px 1fr) minmax(100px 1fr);
        grid-template-rows: 80px 80px 80px 80px 80px 250px 250px;
        grid-template-areas:
            "l1 m1"
            "l3 m3"
            "l4 m4"
            "l6 m6"
            "l7 m7"
            "l2 m2"
            "l5 m5";
        justify-content: center;
        align-content: center;
    }
}
/* /Pages/DM.razor.rz.scp.css */
.list-window[b-susrfihwee] {
    margin-bottom:25px;
}

.chat-window[b-susrfihwee] {
    min-height: 400px;
    max-height: 1000px;
}


.chat-header[b-susrfihwee] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background: #B969BA;
    color: white;
    border-bottom: 1px solid #d6d5d5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    margin: 0px;
}

.user-list-item[b-susrfihwee] {
    display: inline-block;
    /*border-top: 1px solid #d6d5d5;*/
    height: 50px;
    cursor: pointer;
    width:auto;
}

.id[b-susrfihwee] {
    flex: 1;
    text-align: center;
}

.chatty[b-susrfihwee] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
}

.chatroom[b-susrfihwee] {
    max-width:100%;
    padding: 1rem;
    flex-shrink: 2;
    flex: 3;
    overflow-y: scroll;
    display: flex;
    flex-direction: column-reverse;
}

.chatbox[b-susrfihwee] {
    flex-shrink: 0;
    flex-basis: 50px;
    border-radius: 25px;
    width: 96%;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    margin-right: -10px;
    box-sizing: border-box;
}

.message[b-susrfihwee] {
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    height:auto;
    width: fit-content;
    max-width: 66%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-wrap:normal;
    overflow-wrap:break-word;
}

.them[b-susrfihwee] {
    margin: 0rem 1rem 0rem 1rem;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
    background: #FFF;
    color: #737370;
}

.me[b-susrfihwee] {
    margin: 0rem 0rem 0rem auto;
    border-radius: 1.125rem 1.125rem 0 1.125rem;
    background: #85C8E6;
    color: white;
}

.message-data[b-susrfihwee] {
    box-sizing: border-box;
    width: fit-content;
    height: 10px;
    max-width: 66%;
    font-size: 12px;
}

.remindmsg-text[b-susrfihwee] {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
}

.right[b-susrfihwee] {
    margin: 0.3rem 0rem 1rem auto;
}

.left[b-susrfihwee] {
    margin: 0.3rem 1rem 1rem 1rem;
}

.remind-left[b-susrfihwee] {
    margin: 0.3rem 1rem 1rem 1rem;
}

.submit-area[b-susrfihwee] {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
}

.submit-button[b-susrfihwee] {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px;
}

.remind-button[b-susrfihwee] {
    display: flex;
}

.entrybox[b-susrfihwee]{
    width:100%;
    padding-left:25px;
    padding-right:25px;
}

@media (min-width: 660px) {
    .list-window[b-susrfihwee] {
        width: 450px;
        min-height: 750px;
        margin-right: 25px;
    }

    .chat-window[b-susrfihwee] {
        flex: 1;
        margin-left: 25px;
        margin-right: 25px;
        max-width: 1000px;
        min-width: 625px;
        min-height: 400px;
    }

    .user-list-item[b-susrfihwee] {
        /*border-bottom: 1px solid var(--border-color);*/
        min-width:450px;
    }

    .scroll-list[b-susrfihwee] {
        height: 610px;
        width: 100%;
        overflow-x:scroll;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-window[b-r9tqfzih4t] {
    margin: 65px;
    padding: 50px 100px 50px 100px;
    height:auto;
    min-height: 500px;
}


    .head1[b-r9tqfzih4t] {
        font-size: 78px;
        font-family: 'Playfair';
        color: #F26193;
    }

    .head2[b-r9tqfzih4t] {
        font-size: 22px;
        color: var(--font-color);
    }

.icon[b-r9tqfzih4t] {
    height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    background-color: var(--backgroundcolor);
}

.iconbox[b-r9tqfzih4t]{
    height: 136px;
    width: 100px;
}

.iconbox:hover[b-r9tqfzih4t] {
    opacity: 50%;
}

.centerText[b-r9tqfzih4t] {
    text-align: center;
    font-size: 18px;
    background-color: var(--backgroundcolor);
    line-height:1rem;
}

    .centerText a hover[b-r9tqfzih4t] {
        text-decoration: none;
    }

    .welcome-row[b-r9tqfzih4t]{
        padding-top:50px;
        justify-content:center;
        gap: 75px;
    }

@media (max-width: 640.98px) {
    .welcome-row[b-r9tqfzih4t] {
        padding-top: 10px;
        gap: 15px;
    }

    .home-window[b-r9tqfzih4t] {
        height:auto;
    }

    .head1[b-r9tqfzih4t] {
        font-size: 44px;
        text-align:center;
    }
}
/* /Pages/JoinRequest.razor.rz.scp.css */
#login-window[b-3s7s3qxkni]{  
    height:500px;
    padding: 50px;
}

.toothe-window[b-3s7s3qxkni] {
    background-color: var(--highlight);
}

.title-inputbox[b-3s7s3qxkni] {
    flex-shrink: 0;
    flex-basis: 50px;
    border-radius: 25px;
    height: 50px;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    background-color: #e1f5f3;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 var(--shadowcolor);
    box-sizing: border-box;
}


.title-inputbox:focus[b-3s7s3qxkni] {
    outline: 2px solid #aaa;
}

@media (min-width: 641px) {
    #login-window[b-3s7s3qxkni] {
        width: 600px;
    }

    .title-inputbox[b-3s7s3qxkni] {
        min-width:400px;
    }
}
/* /Pages/Login.razor.rz.scp.css */
#login-window[b-349r1qt79i]{  
    height:450px;
    padding: 50px;
}

.title-inputbox[b-349r1qt79i] {
    flex-shrink: 0;
    flex-basis: 50px;
    border-radius: 25px;
    height: 50px;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    background-color: #e1f5f3;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 var(--shadowcolor);
    box-sizing: border-box;
}


.title-inputbox:focus[b-349r1qt79i] {
    outline: 2px solid #aaa;
}

.join[b-349r1qt79i] {
    width: 140px;
    height: 34px;
    position: absolute;
    top: -40px;
    background-color: #c6c6c6;
}

.beta[b-349r1qt79i] {
    color: #56d4ca;
    font-size: 14px;
    position: relative;
    bottom: -25px;
    left: -65px;
    letter-spacing: 10px;
}

@media (min-width: 641px) {
    #login-window[b-349r1qt79i] {
        width: 600px;
    }

    .title-inputbox[b-349r1qt79i] {
        min-width:400px;
    }

    .join[b-349r1qt79i] {
        width: 225px;
        right: -100px;
    }
}
/* /Pages/Notifications.razor.rz.scp.css */
.list-window[b-xl7lyokwc3] {
    margin-bottom:25px;
}

.right-wrapper[b-xl7lyokwc3]{
    flex-grow:2;
}

.notify-window[b-xl7lyokwc3] {
    margin-bottom:25px;
}

.notify-scroll[b-xl7lyokwc3] {
    height: 310px;
    padding: 25px;
}

.notification-window[b-xl7lyokwc3] {
    margin-bottom: 25px;
}

.notification-scroll[b-xl7lyokwc3] {
    height: 535px;
}


.office-list-item[b-xl7lyokwc3] {
    display: flex;
    flex-direction: row;
    /*border-top: 1px solid var(--border-color);*/
    color: var(--font-color);
}

.id[b-xl7lyokwc3] {
    flex: 1;
    text-align: center;
}

.printable-button-area[b-xl7lyokwc3] {
    height: 80px;
    display: flex;
}

.table-header[b-xl7lyokwc3] {
    display: flex;
    align-items: center;
    grid-gap: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border-color);
    border-top: 2px solid var(--border-color);
    font-weight: bold;
    color: var(--title-color);
}

.table-body[b-xl7lyokwc3] {
    max-height: 200px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
}

.table-row[b-xl7lyokwc3] {
    display: flex;
    align-items: center;
    grid-gap: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color);
    color: var(--font-color);
    cursor: pointer;
}

.notification[b-xl7lyokwc3] {
    margin-top:25px;
}

.table-box[b-xl7lyokwc3] {
    width: 150px;
    display:flex;
    padding-left:15px;
    align-content:center;
}

.id-box[b-xl7lyokwc3] {
    width: 100px;
}

.patient-box[b-xl7lyokwc3] {
    width: 150px;
}

.referral-box[b-xl7lyokwc3] {
    width: 100px;
}

.date-box[b-xl7lyokwc3] {
    width: 235px;
}

.patientname-box[b-xl7lyokwc3] {
    width: 250px;
}

.notify-main[b-xl7lyokwc3] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 80%;
}

@media (min-width: 641px) {
    .list-window[b-xl7lyokwc3] {
        width: 300px;
        min-height: 750px;
    }

    .notify-window[b-xl7lyokwc3] {
        min-width: 800px;
        height: 375px;
        margin-left: 5%;
    }

    .notification-window[b-xl7lyokwc3] {
        min-width: 800px;
        height: 600px;
        margin-left: 5%;
    }

    .office-list-item[b-xl7lyokwc3] {
        /*border-bottom: 1px solid var(--border-color);*/
    }
}

/* /Pages/OfficeChat.razor.rz.scp.css */

.list-window[b-4bxsx75jk0] {
    margin-bottom:25px;
}

.chat-window[b-4bxsx75jk0] {
    min-height: 400px;
    max-height: 1000px;
}

.office-list-item[b-4bxsx75jk0] {
    display: flex;
    flex-direction: row;
    /*border-top: 1px solid #d6d5d5;*/
    height: 50px;
    cursor: pointer;
}

.id[b-4bxsx75jk0]{
    flex: 1;
    text-align: center;
}



.chatty[b-4bxsx75jk0] {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    width:100%;
    height:90%;
}

.chatroom[b-4bxsx75jk0] {
    max-width: 100%;
    padding: 1rem;
    flex-shrink: 2;
    flex: 3;
    overflow-y: scroll;
    display: flex;
    flex-direction: column-reverse;
}

#chatbox[b-4bxsx75jk0] {
    flex-shrink: 0;
    flex-basis: 50px;
    border-radius: 25px;
    width: 96%;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    margin-right: -10px;
    box-sizing: border-box;
}

.message[b-4bxsx75jk0] {
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    height: auto;
    width: fit-content;
    max-width: 66%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-wrap: normal;
    overflow-wrap: break-word;
}

.them[b-4bxsx75jk0] {
    margin: 0rem 1rem 0rem 1rem;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
    background: #FFF;
    color: #737370;
}

.me[b-4bxsx75jk0] {
    margin: 0rem 0rem 0rem auto;
    border-radius: 1.125rem 1.125rem 0 1.125rem;
    background: #85C8E6;
    color: white;
}

.message-data[b-4bxsx75jk0] {
    box-sizing: border-box;
    width: fit-content;
    height: 10px;
    max-width: 66%;
    font-size: 12px;
}

.right[b-4bxsx75jk0] {
    margin: 0.3rem 0rem 1rem auto;
}

.left[b-4bxsx75jk0] {
    margin: 0.3rem 1rem 1rem 1rem;
}

.remindmsg-text[b-4bxsx75jk0] {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
}

.submit-area[b-4bxsx75jk0] {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
}

.submit-button[b-4bxsx75jk0] {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px;
}

.entrybox[b-4bxsx75jk0] {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 660px) {
    .list-window[b-4bxsx75jk0] {
        width: 450px;
        min-height: 750px;
        margin-right: 25px;
    }

    .chat-window[b-4bxsx75jk0] {
        flex: 1;
        margin-left: 25px;
        margin-right: 25px;
        max-width: 1000px;
        min-width: 625px;
        min-height: 400px;
    }

    .office-list-item[b-4bxsx75jk0] {
        /*border-bottom: 1px solid var(--border-color);*/
    }
}
/* /Pages/PatientEdit.razor.rz.scp.css */
.patient-edit[b-9e2k7zeeuw] {
    padding:15px;
    border-bottom: 1px solid #d6d5d5;
    border-top: 1px solid #d6d5d5;
    background-color: var(--highlight);
    margin-bottom: 25px;
}

/* /Pages/Referral.razor.rz.scp.css */
/* The container */
.tooth-container[b-qbb9buwy8w] {
    height: 170px;
    pointer-events:all;

}



/* Hide the browser's default checkbox */
    .tooth-container input[b-qbb9buwy8w] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark[b-qbb9buwy8w] {
    fill: #515151;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input ~ .checkmark[b-qbb9buwy8w] {
    fill: #ccc;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark[b-qbb9buwy8w] {
    fill: #93BAD9;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark[b-qbb9buwy8w] {
    fill: #0b7dda;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-qbb9buwy8w]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.tooth-container input:checked ~ .checkmark[b-qbb9buwy8w]:after {
    display: block;
}

/* Style the checkmark/indicator */
.tooth-container .checkmark[b-qbb9buwy8w]:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thin-top-1[b-qbb9buwy8w] {
    width: 50px;
    height: 104px;
}

.thin-top-2[b-qbb9buwy8w] {
    width: 60px;
    height: 120px;
}

.thin-top-3[b-qbb9buwy8w] {
    width: 56px;
    height: 134px;
}

.thin-top-4[b-qbb9buwy8w] {
    width: 44px;
    height: 142px;
}

.thin-top-5[b-qbb9buwy8w] {
    width: 45px;
    height: 145px;
}

.thin-top-6[b-qbb9buwy8w] {
    width: 45px;
    height: 150px;
}

.thin-top-7[b-qbb9buwy8w] {
    width: 40px;
    height: 126px;
}

.thin-top-8[b-qbb9buwy8w] {
    width: 46px;
    height: 148px;
}

.thin-bottom-1[b-qbb9buwy8w] {
    width: 50px;
    height: 98px;
}

.thin-bottom-2[b-qbb9buwy8w] {
    width: 55px;
    height: 116px;
}

.thin-bottom-3[b-qbb9buwy8w] {
    width: 67px;
    height: 122px;
}

.thin-bottom-4[b-qbb9buwy8w] {
    width: 45px;
    height: 128px;
}

.thin-bottom-5[b-qbb9buwy8w] {
    width: 42px;
    height: 132px;
}

.thin-bottom-6[b-qbb9buwy8w] {
    width: 40px;
    height: 140px;
}

.thin-bottom-7[b-qbb9buwy8w] {
    width: 35px;
    height: 134px;
}

.thin-bottom-8[b-qbb9buwy8w] {
    width: 34px;
    height: 125px;
}

.thick-top-1[b-qbb9buwy8w] {
    width: 104px;
    height: 150px;
}

.thick-top-2[b-qbb9buwy8w] {
    width: 78px;
    height: 146px
}

.thick-top-3[b-qbb9buwy8w] {
    width: 50px;
    height: 170px;
}

.thick-top-4[b-qbb9buwy8w] {
    width: 46px;
    height: 146px;
}

.thick-top-5[b-qbb9buwy8w] {
    width: 57px;
    height: 162px;
}

.thick-bottom-1[b-qbb9buwy8w] {
    width: 95px;
    height: 144px;
}

.thick-bottom-2[b-qbb9buwy8w] {
    width: 88px;
    height: 138px;
}

.thick-bottom-3[b-qbb9buwy8w] {
    width: 60px;
    height: 168px;
}

.thick-bottom-4[b-qbb9buwy8w] {
    width: 40px;
    height: 142px;
}

.thick-bottom-5[b-qbb9buwy8w] {
    width: 34px;
    height: 136px;
}

.pink-label[b-qbb9buwy8w] {
    font-size: 26px;
    font-family: 'Playfair';
    color: #F26193;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

/* Hide the browser's default checkbox */
.pink-label input[b-qbb9buwy8w] {
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: currentColor;
    width: 30px;
    height: 30px;
    border: 0.15em solid var(--border-color);
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content:center;
    margin-top:5px;
}

    .pink-label input[b-qbb9buwy8w]::before {
        content: "";
        width: 17px;
        height: 17px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        background-color: #F26193;
    }

.pink-label input:checked[b-qbb9buwy8w]::before {
    transform: scale(1);
}

.grey-label[b-qbb9buwy8w] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    margin: 0;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

/* Hide the browser's default checkbox */
.grey-label input[b-qbb9buwy8w] {
    appearance: none;
    background-color: #fff;
    font: inherit;
    width: 15px;
    height: 15px;
    border: 0.12em solid var(--border-color);
    border-radius: 0.1em;
    transform: translateY(.1em);
    display: grid;
    place-content: center;
    margin-top: 5px;
}

    .grey-label input[b-qbb9buwy8w]::before {
        content: "";
        width: 8px;
        height:8px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        background-color: #F26193;
    }

.grey-label input:checked[b-qbb9buwy8w]::before {
    transform: scale(1);
}

.formbox[b-qbb9buwy8w]{
    width:100%;
    flex-grow:1;
}

.no-margin[b-qbb9buwy8w]{
    margin: 0;
}

/* The switch - the box around the slider */
.switch[b-qbb9buwy8w] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input[b-qbb9buwy8w] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-qbb9buwy8w] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-qbb9buwy8w]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-qbb9buwy8w] {
    background-color: #F26193;
}

input:focus + .slider[b-qbb9buwy8w] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-qbb9buwy8w]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-qbb9buwy8w] {
    border-radius: 34px;
}

    .slider.round[b-qbb9buwy8w]:before {
        border-radius: 50%;
    }

.a[b-qbb9buwy8w] {
    fill: #fff;
}

.b[b-qbb9buwy8w] {
    fill: #e7e7e7;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input ~ .checkmark .b[b-qbb9buwy8w] {
    fill: #e7e7e7;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark .b[b-qbb9buwy8w] {
    fill: #C7C5C5;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark .b[b-qbb9buwy8w] {
    fill: #AEACAC;
}

/* On mouse-over, add a grey background color */
.tooth-container:hover input:checked ~ .checkmark .a[b-qbb9buwy8w] {
    fill: #e7f3fe;
}

/* When the checkbox is checked, add a blue background */
.tooth-container input:checked ~ .checkmark .a[b-qbb9buwy8w] {
    fill: #cfe8fc;
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-window[b-01d5anzfep] {
    height: 85%;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 25px;
}

/* /Pages/ViewChat.razor.rz.scp.css */

.list-window[b-0b2sp19hdk] {
    margin-bottom:25px;
}

.chat-window[b-0b2sp19hdk] {
    min-height: 400px;
    max-height: 1000px;
}



.office-list-item[b-0b2sp19hdk] {
    display: flex;
    flex-direction: row;
    /*border-top: 1px solid #d6d5d5;*/
    height: 50px;
    cursor: pointer;
}

.id[b-0b2sp19hdk]{
    flex: 1;
    text-align: center;
}

.centerchat[b-0b2sp19hdk] {
    display: flex;
    justify-content: center;
}


.chatty[b-0b2sp19hdk] {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    width:100%;
    height:90%;
}

.chatroom[b-0b2sp19hdk] {
    max-width: 100%;
    padding: 1rem;
    flex-shrink: 2;
    flex: 3;
    overflow-y: scroll;
    display: flex;
    flex-direction: column-reverse;
}

#chatbox[b-0b2sp19hdk] {
    flex-shrink: 0;
    flex-basis: 50px;
    border-radius: 25px;
    width: 96%;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    margin-right: -10px;
    box-sizing: border-box;
}

.message[b-0b2sp19hdk] {
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    height: auto;
    width: fit-content;
    max-width: 66%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    word-wrap: normal;
    overflow-wrap: break-word;
}

.them[b-0b2sp19hdk] {
    margin: 0rem 1rem 0rem 1rem;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
    background: #FFF;
    color: #737370;
}

.me[b-0b2sp19hdk] {
    margin: 0rem 0rem 0rem auto;
    border-radius: 1.125rem 1.125rem 0 1.125rem;
    background: #85C8E6;
    color: white;
}

.message-data[b-0b2sp19hdk] {
    box-sizing: border-box;
    width: fit-content;
    height: 10px;
    max-width: 66%;
    font-size: 12px;
}

.right[b-0b2sp19hdk] {
    margin: 0.3rem 0rem 1rem auto;
}

.left[b-0b2sp19hdk] {
    margin: 0.3rem 1rem 1rem 1rem;
}

.remindmsg-text[b-0b2sp19hdk] {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
}

.submit-area[b-0b2sp19hdk] {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
}

.submit-button[b-0b2sp19hdk] {
    display: flex;
    justify-content: flex-end;
    padding-right: 25px;
}

.entrybox[b-0b2sp19hdk] {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 641px) {
    .list-window[b-0b2sp19hdk] {
        width: 450px;
        min-height: 750px;
        margin-right: 25px;
    }

    .chat-window[b-0b2sp19hdk] {
        flex: 1;
        margin-left: 25px;
        margin-right: 25px;
        max-width: 1000px;
        min-width: 450px;
        min-height: 400px;
    }

    .office-list-item[b-0b2sp19hdk] {
        /*border-bottom: 1px solid var(--border-color);*/
    }
}
/* /Pages/ViewFile.Razor.rz.scp.css */

.scroll-window-view[b-0cwgu4uif9] {
    height: 300px;
    overflow-y: scroll;
    padding: 25px;
}

/* /Shared/MainLayout.razor.rz.scp.css */
.sidebar[b-9lb84c6gu9] {
    background-color: var(--backgroundcolor);
}


.page[b-9lb84c6gu9] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height:100vh;
}

.main[b-9lb84c6gu9] {
    flex: 1;
    padding: 15px;
}


.main-top[b-9lb84c6gu9]{
    height:35px;
    display:flex;
    flex-flow:row-reverse;
    align-content:flex-start;
}

.main-area[b-9lb84c6gu9] {

}

@media (max-width: 640.98px) {
    .page[b-9lb84c6gu9] {
        height:auto;
    }
}

@media (min-width: 641px) {
    .page[b-9lb84c6gu9] {
        flex-direction: row;
    }

    .main > div[b-9lb84c6gu9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}