@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/RazorClassLibrary/RazorClassLibrary.8ugwwkntft.bundle.scp.css';

/* /Module/ContextMenu.razor.rz.scp.css */
.context-menu[b-b7x84b7ng8] {
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 200px;
}

/* /Module/ContextSubMenu.razor.rz.scp.css */
.context-sub-menu[b-zbl9rovtv2] {
    position: fixed;
    width:200px;
}
/* /Module/TreeNode.razor.rz.scp.css */
.tree-node[b-uuxe270c3u] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
    margin-top: 0;
    padding: 5px;
    border: transparent solid 1pt;
    border-radius: 5px;
    margin: 5px;
}
    .tree-node.template:has(> .node-box.template:hover)[b-uuxe270c3u] {
        border: 1px solid red;
    }
    .tree-node.template.selected[b-uuxe270c3u] {
        border: 1px solid red;
    }
    .tree-node.template[b-uuxe270c3u]{
        cursor:pointer;
    }
    /*    .tree-node.template:hover {
        border: red solid 1pt;
    }*/
    .node-box[b-uuxe270c3u] {
        padding: 10px 16px;
        border-radius: 8px;
        color: white;
        text-align: center;
        min-width: 60px;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        position: relative;
    }


@keyframes blink-b-uuxe270c3u {
    50% { opacity: 0.4; }
}

.blink[b-uuxe270c3u] {
    animation: blink-b-uuxe270c3u 1s step-start infinite;
}

/* 子容器 */
.children[b-uuxe270c3u] {
    display: flex;
    justify-content: center;
    gap: 0; /* 控制兄弟節點間距 */
    margin-top: 30px;
    position: relative;
}

    /* 每個子節點：往上垂直線 */
    .children > .tree-node[b-uuxe270c3u]::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        width: 0;
        height: 20px;
        border-left: 2px solid black;
    }

    /* 每個子節點：水平線延伸 */
    .children > .tree-node[b-uuxe270c3u]::after {
        content: "";
        position: absolute;
        top: -20px;
        left: -40px;
        right: -40px;
        border-top: 2px solid black;
    }

    /* 第一個子：只畫右半 */
    .children > .tree-node:first-child[b-uuxe270c3u]::after {
        left: 50%;
    }

    /* 最後一個子：只畫左半 */
    .children > .tree-node:last-child[b-uuxe270c3u]::after {
        right: 50%;
    }
.toggle-btn[b-uuxe270c3u] {
    z-index: 1;
    position: absolute;
    top: calc(100% + 10px);
    left: calc(50% + 0.5px);
    transform: translate(-50%, -50%); /* 調整到線條上 */
    background: white;
    border: 1px solid #666;
    border-radius: 50%; /* 圓形或方形都可以，這裡用圓形更像樹狀圖 */
    font-size: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 16px;
    padding: 0;
}

.dup-btn[b-uuxe270c3u] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #666;
    background: white;
    color: black;
    font-size: 12px;
    cursor: pointer;
}

.tree-node.dup-disabled[b-uuxe270c3u] {
    opacity: 0.6;
    pointer-events: auto;
}

 
/* /Pages/AdminSettings.razor.rz.scp.css */
tr[b-n8yy4bteps], td[b-n8yy4bteps], th[b-n8yy4bteps] {
    white-space: nowrap;
}

.table-container[b-n8yy4bteps] {
    height: 100%;
    display: block;
}

.table-responsive[b-n8yy4bteps] {
    min-width: 400px;
    max-width: 1000px;
    display: inline-block;
    overflow: auto;
    width: 100%;
}
.sticky-top-thead[b-n8yy4bteps] {
    background: #a4917a;
    color: white;
    position: sticky;
    top: 0;
}
.nav-link[b-n8yy4bteps] {
    cursor: pointer;
    border-bottom: transparent;
}
.nav-link:hover[b-n8yy4bteps] {
    border-bottom:transparent;
}
.nav-tab-content[b-n8yy4bteps] {
    background: white;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-top: none;
}
.new-account-btn[b-n8yy4bteps] {
    padding-right: 10px;
    cursor: pointer;
    float: right;
}
.backup-button[b-n8yy4bteps] {
    margin: 10px;
}
.admin-top-control[b-n8yy4bteps] {
    min-width: 400px;
    max-width: 1000px;
}
.day-of-week[b-n8yy4bteps] {
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.weekly-input[b-n8yy4bteps] {
    width: 50px;
    margin: 10px;
}
/* /Pages/Bill.razor.rz.scp.css */
body[b-3726s46lzm] {
    background-color: #f2f7ff !important
}

.payment-container ul[b-3726s46lzm] {
    list-style: none;
    padding-left: 5px;
}

.payment-container li[b-3726s46lzm] {
    margin-bottom: 10px;
    cursor: pointer;
}

    .payment-container li:hover[b-3726s46lzm] {
        text-decoration: underline;
    }

.status[b-3726s46lzm] {
    border-radius: 10px;
    border: 1px solid;
    width: 85px;
    text-align: center;
}

.success[b-3726s46lzm] {
    color: green;
}

.fail[b-3726s46lzm] {
    color: red;
}

.bi-credit-card-2-back[b-3726s46lzm] {
    margin-right: 5px;
}

.bi-pencil[b-3726s46lzm], .bi-eye[b-3726s46lzm], .bi-download[b-3726s46lzm], .save-note-btn[b-3726s46lzm], .bi-x-lg[b-3726s46lzm] {
    cursor: pointer;
    font-size: 20px;
}

.bi-eye[b-3726s46lzm], .bi-download[b-3726s46lzm] {
    margin-left: 7px;
}

.accordion-button[b-3726s46lzm], .accordion-button:not(.collapsed)[b-3726s46lzm] {
    background-color: transparent;
    color: black;
}

.card[b-3726s46lzm] {
    border: 2px solid #eaeaea;
    border-radius: 10px;
    padding: 20px 0px 20px 20px;
    max-width: 800px;
}

.payment-container p[b-3726s46lzm] {
    margin-bottom: 0px;
}

.cust-p[b-3726s46lzm] {
    border-left: 7px solid darkgray;
    padding-left: 10px;
}

.td-retry-btn[b-3726s46lzm] {
    font-size: 12px;
    height: 26px;
    border-radius: 12px;
    margin-left: 4px;
    padding-top: 4px;
}

.bi-eye[b-3726s46lzm], .bi-download[b-3726s46lzm] {
    color: #0071c1;
}

.bi-pencil[b-3726s46lzm], .bi-x-lg[b-3726s46lzm], .save-note-btn[b-3726s46lzm] {
    position: absolute;
    top: 10px;
}

.bi-pencil[b-3726s46lzm], .bi-x-lg[b-3726s46lzm] {
    right: 20px;
}

.save-note-btn[b-3726s46lzm] {
    right: 65px;
}
.delete-btn[b-3726s46lzm]{
    border-radius: 30px;
}
.btn-bindcard[b-3726s46lzm] {
    margin-left: auto;
    margin-right: 30px;
    border-radius: 30px;
}
/* /Pages/Calendar.razor.rz.scp.css */
.close-button[b-9ajvc6begj] {
    cursor: pointer;
    height: 30px;
    float: right;
    margin-left: 1px;
}

.close-button:hover[b-9ajvc6begj], .bi-box-arrow-up-left:hover[b-9ajvc6begj] {
    color: #1b6ec2;
}
.bi-pencil[b-9ajvc6begj], .bi-trash[b-9ajvc6begj] {
    cursor:pointer;
    margin-right:10px;
}

.bi-trash:hover[b-9ajvc6begj] {
    color:red;
}
/* /Pages/CreateForm.razor.rz.scp.css */
.btn[b-bf6e8ozbck]{
    padding: 5px;
    margin:5px;
}
.create-form-container[b-bf6e8ozbck] {
    max-width: 1000px;
    min-Width: 500px;
    width: -webkit-fill-available;
    border: 2px solid rgb(217 217 217);
    background-color: white;
}
.create-form-header[b-bf6e8ozbck] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
}
.loading-empty[b-bf6e8ozbck] {
    height: 500px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.menu-button[b-bf6e8ozbck]{
    cursor: pointer;
    color: gray;
    font-size:20pt;
}
.menu-button:hover[b-bf6e8ozbck]{
    color: black;
}
.rotate-90[b-bf6e8ozbck]::before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.item-count[b-bf6e8ozbck] {
    right:0px;
    bottom:0;
    position: absolute;
    color: mediumblue;
    pointer-events:none;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.create-form-menu[b-bf6e8ozbck] {
    display: inline-grid;
    position: sticky;
    top: 65px;
    justify-items: start;
    white-space: nowrap;
    overflow: hidden;
}
.anime[b-bf6e8ozbck] {
    animation: bounce-b-bf6e8ozbck 2s infinite ease-in-out;
}

@keyframes bounce-b-bf6e8ozbck {
    0%, 100% {
        transform: translateY(0); /* Start and end at 0deg (paused) */
    }

    16.6% {
        transform: translateY(-1px);
        ; /* Shake to the left */
    }

    33.3% {
        transform: translateY(2px); /* Shake to the right */
    }

    50% {
        transform: translateY(-1px); /* Shake to the left */
    }

    66.6% {
        transform: translateY(2px); /* Shake to the right */
    }

    83.3% {
        transform: translateY(0px); /* Shake to the left */
    }

    90% {
        transform: translateY(0px); /* Shake to the right */
    }
}
/* /Pages/CreateTable/CreateTable.razor.rz.scp.css */
.sticky-top-thead[b-8bw0jh0gt0] {
    position: sticky;
    top: 65px;
    background: var(--color-main-background);
}
.sticky-top[b-8bw0jh0gt0]{
    position:sticky;
    top:0px;
    z-index:0;
}
.sticky-bottom[b-8bw0jh0gt0] {
    position: sticky;
    bottom: 0;
    background: var(--color-main-background);
}
.btn-group[b-8bw0jh0gt0] {
    width: 100%;
    padding: 0;
    margin: 0;
}
.submit-button[b-8bw0jh0gt0] {
    max-width: fit-content;
    margin: 10px;
}
.btn-no-outline[b-8bw0jh0gt0] {
    border: none;
    /* font-size: 150%;*/
}

    .btn-no-outline:hover[b-8bw0jh0gt0] {
        background: linear-gradient(0deg, rgb(111 111 111 / 20%), transparent);
    }

td[b-8bw0jh0gt0] {
    vertical-align: middle;
}
.hover-change[b-8bw0jh0gt0] {
    cursor: pointer;
    align-self: center;
}
    .hover-change:hover[b-8bw0jh0gt0] {
        background-color: gray;
    }

.hover-highlight:hover[b-8bw0jh0gt0] {
    background-color: aliceblue;
}

@media only screen and (max-width:768px) {
    .hide-on-small-screen[b-8bw0jh0gt0]{
        display:none;
    }
}
.btn-light:focus + .dropdown-focus[b-8bw0jh0gt0]{
    display: block!important;
}
.dropdown:focus-within .dropdown-focus[b-8bw0jh0gt0] {
    display: block !important;
}
.focused-field[b-8bw0jh0gt0] {
    background-color:  antiquewhite;
}
    .focused-field:hover[b-8bw0jh0gt0] {
        background-color: antiquewhite;
    }

    .hover-cursor[b-8bw0jh0gt0]{
        cursor:pointer;
    }
.bi-robot[b-8bw0jh0gt0] {
    font-size: 16pt;
    width: 30px;
    text-align: center;
    border-radius: 4px;
}
    .bi-robot:hover[b-8bw0jh0gt0] {
        background-color: aliceblue;
    }
.table-options[b-8bw0jh0gt0] {
    display: flex;
    align-items: center;
}
.controls[b-8bw0jh0gt0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: ghostwhite;
}
.btn-toolbar[b-8bw0jh0gt0] {
    padding-top: 10px;
}
.fail[b-8bw0jh0gt0]{
    border: 2pt solid red;
    border-radius: 5px;
}
/* /Pages/CreateTable/FieldSetting.razor.rz.scp.css */
td[b-ofvz3emvca] {
    vertical-align: middle;
}
.remark[b-ofvz3emvca] {
    background: #00800038;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 15px;
    max-width: 500px;
}
.blue-heighlight[b-ofvz3emvca] {
    color: blue;
    display: inline;
}
.option-container[b-ofvz3emvca] {
    max-height: 400px;
    overflow: auto;
}
.formula-input[b-ofvz3emvca] {
    min-width: 100px;
    max-width: 500px;
    width: -webkit-fill-available;
}



/* Styles for list items */
.remark-ul[b-ofvz3emvca] {
    list-style-type: disc;
    margin-left: 20px;
}
.input-group-text[b-ofvz3emvca] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/* ------------------------------ SEARCH BEGIN ------------------------------ */
.search[b-ofvz3emvca] {
    margin-bottom: 40px;
}

.search__wrap[b-ofvz3emvca] {
    position: relative;
    z-index: 5;
}

.search__dropdown[b-ofvz3emvca] {
    position: absolute;
    left: 0;
    right: 0;
}

.search__input:focus ~ .search__dropdown[b-ofvz3emvca] {
    display: block;
}

/* ------------------------------ SEARCH END ------------------------------ */
.search[b-ofvz3emvca] {
    margin-bottom: 40px;
}

.search__wrap[b-ofvz3emvca] {
    position: relative;
    z-index: 5;
}

.search__dropdown[b-ofvz3emvca] {
    position: absolute;
    left: 0;
    right: 0;
}

.search__input:focus ~ .search__dropdown[b-ofvz3emvca] {
    display: block;
}

/* ------------------------------ DROPDOWN_BL BEGIN ------------------------------ */
.dropdown_bl[b-ofvz3emvca] {
    border: 1px solid #edeff0;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 5px 0;
    font-size: 12px;
    margin-top: -3px;
    background-color: #fff;
    display: none;
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.08);
}

.dropdown_bl__link[b-ofvz3emvca] {
    display: block;
    padding: 10px 12px;
    transition: all 0.4s ease;
}

    .dropdown_bl__link:hover[b-ofvz3emvca] {
        text-decoration: none;
        background-color: #E5E5E5;
    }

/* ------------------------------ DROPDOWN_BL END ------------------------------ */
/* /Pages/CreateTable/FieldUnitSetup.razor.rz.scp.css */
.unit-setup-wrapper[b-m9vwvt69kg] {
    display: flex;
    flex-direction: column;
}
/* /Pages/CreateTable/TableSummarySetup.razor.rz.scp.css */


select[b-foedgyihv1], input[b-foedgyihv1] {
    margin-bottom: 10px;
}

/* Center the buttons horizontally */
.mt-3[b-foedgyihv1] {
    text-align: center;
}

/* Add spacing between the buttons */
.btn[b-foedgyihv1] {
    margin-right: 10px;
}
    .btn:focus[b-foedgyihv1] {
        box-shadow: none;
        outline: none;
    }
/* /Pages/CreateTemplate/TemplateCenter.razor.rz.scp.css */
.card[b-yzsryd6qxo] {
    width: 100%;
    margin: 0 3rem 3rem 0;
    padding: 1.5rem;
    border-radius: 10px;
    transition: box-shadow 0.3s ease;
    cursor:pointer;
}
.container-setting[b-yzsryd6qxo] {
    max-width:1400px;
   /* min-width:500px;*/
    min-height:300px;
}
.card-title[b-yzsryd6qxo] {
    margin-top: .8rem;
    font-weight:700;
}
.card-text[b-yzsryd6qxo] {
    font-size:1.1rem;
    font-weight:400;
}
.input-group[b-yzsryd6qxo] {
    max-width:330px;
}
.fa-plus:hover[b-yzsryd6qxo] {
    opacity:0.7;
}
.card-template[b-yzsryd6qxo] {
    position: relative;
    width: 8em;
    text-align: center;
    align-items: center;
    padding: 0 16px;
    
}
.template[b-yzsryd6qxo] {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;
    transition: filter 0.3s ease;
    place-self: center;
    position:relative;
}
    .template:hover[b-yzsryd6qxo] {
        filter: brightness(0.9);
    }
h2[b-yzsryd6qxo] {
    font-weight:600;
}
.pick-color[b-yzsryd6qxo] {
    z-index: 2;
    visibility: hidden;
    position: absolute;
    right:5px;
    top:0;
}
#iconpicker[b-yzsryd6qxo] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: transparent;
    opacity: 0.8;
    border: solid gray 2pt;
    
}
#default-icon[b-yzsryd6qxo] {
    pointer-events: none;
    max-width: 70px;
    max-height: 70px;
    padding: 5px;
    padding-top: 0;
    width: 70px;
    height: 70px;
    padding-right: 0;
    cursor: pointer;
}
.card-template .bi-gear[b-yzsryd6qxo] {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 1.5rem;
    z-index: 1;
    display:none;
}
.card-template .bi-journal-plus[b-yzsryd6qxo] {
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 1.5rem;
    z-index: 1;
    display: none;
}
.bi[b-yzsryd6qxo] {
    cursor:pointer;
}
.bi-arrow-left[b-yzsryd6qxo] {
    position:fixed;
}
.bi-plus-lg[b-yzsryd6qxo] {
    margin-left: 5px;
    font-size: 1.5rem;
}
.bi-download[b-yzsryd6qxo] {
    font-size: 1.5rem;
    display: none;
}
.card-template .bi-download[b-yzsryd6qxo] {
    position: absolute;
    bottom: 0;
    right: 4px;
}

.template:hover .bi-gear[b-yzsryd6qxo], .template:hover .bi-journal-plus[b-yzsryd6qxo], .template:hover .bi-download[b-yzsryd6qxo] {
    display: block;
}
.bi-gear:hover[b-yzsryd6qxo], .bi-download:hover[b-yzsryd6qxo], .bi-journal-plus:hover[b-yzsryd6qxo],.bi-cloud-arrow-up:hover[b-yzsryd6qxo] {
    opacity: 0.7;
}
.icon-size[b-yzsryd6qxo] {
    font-size: calc(3rem + .6vw);
}
.form-check[b-yzsryd6qxo] {
    margin: 0 0 15px 15px;
}
.focused[b-yzsryd6qxo] {
    outline: 2px solid #007bff;
    border-radius: 4px;
    padding: 2px;
    caret-color: black;
}
.category-p[b-yzsryd6qxo] {
    outline: #d69d36 2px solid;
    font-size: 1.3rem;
    padding: 5px;
    margin: 10px 5px;
    border-radius: 5px;
    cursor: pointer;
    width:fit-content;
}
    .category-p:hover[b-yzsryd6qxo] {
        background-color: #d69d36;
        color: white;
    }

    .focusCategory[b-yzsryd6qxo]{
        background-color: #d69d36;
        color:white;
    }

.folder-item[b-yzsryd6qxo]{
    padding-left:15px;
}
.tree[b-yzsryd6qxo] {
    position: relative;
    background: white;
    margin-top: 20px;
    font-family: "Roboto Mono", monospace;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

    .tree span[b-yzsryd6qxo] {
        font-size: 13px;
        font-style: italic;
        letter-spacing: 0.4px;
        color: #a8a8a8;
    }
    .tree .fa-html5[b-yzsryd6qxo] {
        color: #f21f10;
    }

.fa-folder-open[b-yzsryd6qxo], .tree .fa-folder[b-yzsryd6qxo] {
    color: #007bff;
    width: 20px;
}

.fa-table-list[b-yzsryd6qxo] {
    color: #2ba805;
    width: 20px;
}
.fa-file-lines[b-yzsryd6qxo] {
    color: #a88b05;
    width: 20px;
}
.fa-chart-pie[b-yzsryd6qxo] {
    color: #dc3545;
    width: 20px;
}

    .tree ul[b-yzsryd6qxo] {
        padding-left: 5px;
        list-style: none;
    }

        .tree ul li[b-yzsryd6qxo] {
            position: relative;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 15px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .tree ul li[b-yzsryd6qxo]:before {
                position: absolute;
                top: 15px;
                left: 0;
                width: 10px;
                height: 1px;
                margin: auto;
                content: "";
                background-color: #666;
            }

            .tree ul li[b-yzsryd6qxo]:after {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 1px;
                height: 100%;
                content: "";
                background-color: #666;
            }

            .tree ul li:last-child[b-yzsryd6qxo]:after {
                height: 15px;
            }

        .tree ul a[b-yzsryd6qxo] {
            cursor: pointer;
        }

            .tree ul a:hover[b-yzsryd6qxo] {
                text-decoration: none;
            }
        .tree .root-item[b-yzsryd6qxo]:after {
            background-color: transparent !important;
        }
    .tree .root-item[b-yzsryd6qxo]:before {
        background-color: transparent !important;
    }

.labels[b-yzsryd6qxo] {

    height: fit-content;
    border: solid gray 1pt;
    display: flex;
    padding: 10px;
    flex-direction: column;
    margin-top: 20px;
}
.card-wrapper[b-yzsryd6qxo] {
    display: flex;
    flex-wrap: wrap;
}
.current-dir[b-yzsryd6qxo] {
    background-color: #8080802e;
    border-radius: 10px;
}
/*ul li > ul > li:hover {
    background-color: #8080802e;
}
*/
li:not(:has(> ul)):hover[b-yzsryd6qxo] {
    background-color: #8080802e;
    border-radius: 10px;
    /* Your styles here */
    /*color: red;*/
}
}
.is-empty[b-yzsryd6qxo] {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/*
.tabs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 360px;
}*/

.tabs__header[b-yzsryd6qxo] {
    display: flex;
    padding: 4px;
    background-color: #475569;
    border-radius: 4px;
}

.tabs__tab[b-yzsryd6qxo] {
    width: 50%;
    border: none;
    background-color: transparent;
    padding: 3px 8px;
    color: #f1f5f9;
    font-weight: bold;
    white-space: nowrap;
}

    .tabs__tab:hover[b-yzsryd6qxo] {
        cursor: pointer;
    }

.tabs__tab--active[b-yzsryd6qxo] {
    background-color: #fefefe;
    border-radius: 4px;
    color: #020617;
}

/* carousel */
.carousel-container[b-yzsryd6qxo] {
    position: relative;
    border-radius: 10px;
    min-height: 300px;
    align-content: center;

}

.carousel-slides[b-yzsryd6qxo] {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide[b-yzsryd6qxo] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 300px;
    transition: transform 0.5s ease-in-out; /* 平滑過渡效果 */
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .carousel-slide img[b-yzsryd6qxo] {
        flex-shrink: 0;
     /*   max-width: 70%;*/
        object-fit: contain;
        min-height: 300px;
        max-height: 300px;
        margin: 5px;
    }

.carousel-buttons[b-yzsryd6qxo] {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events:none;
}
.big-img[b-yzsryd6qxo] {
    color:white;
}

.carousel-buttons button[b-yzsryd6qxo] {
    background-color: transparent;
    color: black;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 2rem;
    pointer-events: all;
}
.template-image[b-yzsryd6qxo] {
  /*  min-width:70%;*/
    position:relative;
}
    .template-image:hover .img-trash[b-yzsryd6qxo] {
        display:block;
    
    }
    .img-trash[b-yzsryd6qxo] {
        font-size: 1.3rem;
        position: absolute;
        right: 30px;
        bottom: 25px;
        z-index: 1;
        display: none;
        transition:color ease 0.3s;
    }
        .img-trash:hover[b-yzsryd6qxo] {
            color:red;
        }
        button:hover[b-yzsryd6qxo] {
            opacity: 0.7;
        }
.carousel-slide[b-yzsryd6qxo] {
    scrollbar-width: none;
    -ms-overflow-style: none; 
}
.carousel-slide[b-yzsryd6qxo]::-webkit-scrollbar {
    display: none; 
}



.modal-overlay[b-yzsryd6qxo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal-content[b-yzsryd6qxo] {
    max-width: 90%;
    max-height: 90%;
}
    .modal-content img[b-yzsryd6qxo] {
        max-width: 100%;
        max-height: 90vh;
        width: auto;
        height: auto;
        object-fit: contain;
        background-color: black;
    }

    .modal-content .loading[b-yzsryd6qxo] {
        max-width: 100%;
        max-height: 90vh;
        width: auto;
        height: auto;
        object-fit: contain;
        background-color: black;
    }

.close-button[b-yzsryd6qxo] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    cursor: pointer;
}

.close-button:hover[b-yzsryd6qxo] {
    background-color: rgba(255, 255, 255, 1);
}

.download-modal[b-yzsryd6qxo] {
    background: #fff;
    width: min(480px, 90vw);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.download-modal__header h5[b-yzsryd6qxo] {
    margin: 0 0 12px 0;
}

.download-modal__body[b-yzsryd6qxo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.download-modal__select[b-yzsryd6qxo] {
    margin-top: 6px;
}

.download-modal__footer[b-yzsryd6qxo] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

.template-select-folderitem[b-yzsryd6qxo]{
    width:100%;
}
/* Sidebar 容器 */
.template-sidebar[b-yzsryd6qxo] {
    width: 30%;
    min-width: 320px;
    height: calc(100vh - 220px);
    margin-left: 1rem;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 120px; /* 讓它跟著頁面固定 */
    padding: 14px 14px 8px;
}

/* 頂部區 */
.ts-header[b-yzsryd6qxo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ts-title[b-yzsryd6qxo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .ts-title i[b-yzsryd6qxo] {
        font-size: 1.25rem;
        color: #5b7cfa;
    }

.ts-title-edit[b-yzsryd6qxo] {
    outline: none;
    min-width: 160px;
    max-width: 420px;
    padding: 4px 8px;
    border-radius: 8px;
    transition: box-shadow .2s ease, background .2s ease;
}

    .ts-title-edit:focus[b-yzsryd6qxo] {
        background: #f3f6ff;
        box-shadow: 0 0 0 3px rgba(91,124,250,.2);
    }

/* 小按鈕列 */
.ts-actions .btn[b-yzsryd6qxo] {
    margin-left: 6px;
}

/* 分隔線 */
.ts-divider[b-yzsryd6qxo] {
    height: 1px;
    background: linear-gradient(90deg,#eee, #e4e7ee);
    margin: 10px 0 6px;
}

/* 清單 */
.ts-list[b-yzsryd6qxo] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 4px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.ts-footer[b-yzsryd6qxo] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.ts-save-btn[b-yzsryd6qxo] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(91,124,250,.25);
}

.ts-item[b-yzsryd6qxo] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fafbff;
    transition: box-shadow .2s ease, transform .08s ease, background .2s ease;
    cursor: pointer;
}

    .ts-item:hover[b-yzsryd6qxo] {
        box-shadow: 0 6px 18px rgba(0,0,0,.06);
        transform: translateY(-1px);
        background: #fff;
    }

    .ts-item.active[b-yzsryd6qxo] {
        border-color: #5b7cfa;
        box-shadow: 0 0 0 3px rgba(91,124,250,.15);
        background: #f7f9ff;
    }

.ts-item-icon i[b-yzsryd6qxo] {
    color: #6c8bff;
    font-size: 1.1rem;
}

.ts-item-body[b-yzsryd6qxo] {
    flex: 1;
    min-width: 0;
}

.ts-item-title[b-yzsryd6qxo] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-item-sub[b-yzsryd6qxo] {
    font-size: .82rem;
    color: #6b7280;
}

.ts-item-ops[b-yzsryd6qxo] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.icon-btn[b-yzsryd6qxo] {
    border: none;
    background: transparent;
    padding: 6px;
    border-radius: 8px;
}

    .icon-btn:hover[b-yzsryd6qxo] {
        background: #eef2ff;
    }

    .icon-btn.danger:hover[b-yzsryd6qxo] {
        background: #ffeef0;
    }

    .icon-btn i[b-yzsryd6qxo] {
        font-size: 1rem;
    }

/* 空狀態 */
.ts-empty[b-yzsryd6qxo] {
    text-align: center;
    color: #6b7280;
    padding: 32px 8px;
}

    .ts-empty i[b-yzsryd6qxo] {
        font-size: 2rem;
        color: #b6c1ff;
        margin-bottom: 8px;
        display: block;
    }
/*.tabs {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd;
}

.tabs__header {
    display: flex;
    gap: 0.5rem;
}*/

/*.tabs__tab {
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    color: #666;
    transition: all 0.2s;
}

    .tabs__tab:hover {
        color: #000;
    }
*/
/*.tabs__tab--active {
    color: #007bff;*/ /* 藍色 */
    /*border-bottom-color: #007bff;
    font-weight: bold;
}*/
/* 每個範本顯示成卡片 */
.template-list[b-yzsryd6qxo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 10px;
}

.template-card[b-yzsryd6qxo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    background-color: #f9f9f9;
    transition: all 0.2s;
    min-width: 200px;
    width: 300px;
}

    .template-card:hover[b-yzsryd6qxo] {
        background-color: #f1f1f1;
        border-color: #bbb;
    }

    /* 被選取的卡片 */
    .template-card.active[b-yzsryd6qxo] {
        border-color: #007bff;
        background-color: #e7f1ff;
        font-weight: bold;
    }

.ref-badge[b-yzsryd6qxo] {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background-color: #0d6efd;
    color: white;
    font-size: 0.75rem;
    text-align: center;
    margin-left: 6px;
    cursor: default;
}

    .ref-badge[title][b-yzsryd6qxo] {
        position: relative;
    }

        .ref-badge[title]:hover[b-yzsryd6qxo]::after {
            content: attr(title);
            position: absolute;
            top: 120%;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            background: rgba(0, 0, 0, 0.75);
            color: white;
            font-size: 0.75rem;
            padding: 3px 6px;
            border-radius: 4px;
            z-index: 100;
        }
.ref-badge[b-yzsryd6qxo] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #0d6efd; /* 藍色 → 它引用了別人 */
    color: white;
    font-size: 0.75rem;
    margin-right: 6px;
}

.used-badge[b-yzsryd6qxo] {
    background-color: #6c757d; /* 灰色 → 被別人引用 */
}

.treeview-wrapper[b-yzsryd6qxo] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
    min-height: 500px;
}

.treeview-scroll[b-yzsryd6qxo] {
    flex: 1;
    overflow: auto;
    padding: 0.5rem 0;
}

.treeview-content[b-yzsryd6qxo] {
    min-width: max-content;
    display: flex;
    justify-content: center;
}

.tree-legend[b-yzsryd6qxo] {
    font-size: 0.875rem;
    min-width: 120px;
    background: white;
    border: solid gray 1pt;
    padding: 5px;
    border-radius: 10px;
    margin-top: 0.5rem;
    position: sticky;
    top: 0;
}
    .tree-legend:hover[b-yzsryd6qxo]{
        opacity:0.3;
    }
    .legend-item[b-yzsryd6qxo] {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

.legend-color[b-yzsryd6qxo] {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    margin-right: 6px;
}
/* /Pages/FileManager.razor.rz.scp.css */
.folder-card[b-ra07zmlqqc] {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    background-color: #f9f9f9;
    flex-wrap: wrap;
}
.card-v[b-ra07zmlqqc] {
    border: dashed 1px #ccc;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 0 10px;
    margin: 10px;
    cursor: pointer;
    min-width: 70px;
}
.file-display[b-ra07zmlqqc]{
    border: 1pt gray solid;
}
.back-button[b-ra07zmlqqc] {
    padding: 10px 20px;
    color: white;
    background-color: #2563eb; /* Tailwind's blue-600 */
    border: none;
    border-radius: 8px;
    font-size: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s ease;
}

    .back-button:hover[b-ra07zmlqqc] {
        background-color: #1d4ed8; /* Tailwind's blue-700 */
    }
.close-button[b-ra07zmlqqc] {
    cursor: pointer;
    height: 30px;
    float: right;
}

    .close-button:hover[b-ra07zmlqqc] {
        color: gray;
    }
/* /Pages/FolderTree.razor.rz.scp.css */
.folder-card[b-hv5p0esmq6] {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    background-color: #f9f9f9;
    flex-wrap: wrap;
}

.table-v:hover[b-hv5p0esmq6] {
    background-color: #e0e0e0;
    cursor: pointer;
}

.card-v[b-hv5p0esmq6] {
    border: dashed 1px #ccc;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 0 10px;
    margin: 10px;
    min-width: 70px;
}
.folder-container[b-hv5p0esmq6] {
    display: flex;
    flex-direction: row;
}
.folder-name[b-hv5p0esmq6] {
    text-align: center;
    font-size: 14pt;
}
/* /Pages/ForgotPassword.razor.rz.scp.css */
input[b-f61pa3bhfa] {
    width: 100%;
}

.setting-wrapper[b-f61pa3bhfa] {
    width: 30vw;
    min-width: 350px;
    max-width: 500px;
    height: auto;
    position: relative;
    top: -50px;
    left: 50%;

    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translate(-50%,20px);
}
    .setting-wrapper.show[b-f61pa3bhfa] {
        opacity: 1;
        transform: translate(-50%,0);
    }

.box-with-shadow[b-f61pa3bhfa] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 60px;
    background: white;
    border-radius: 20px;
}

.setting-title[b-f61pa3bhfa] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

.password-wrapper[b-f61pa3bhfa] {
    display: flex;
    padding-top: 10px;
}

.confirm-button[b-f61pa3bhfa] {
    float: right;
    margin: 30px 0;
}

.btn-primary[b-f61pa3bhfa] {
    border-color: #00a89b;
    background-color: #00a89b;
    border-radius: 35px;
}

/* Define a CSS class for the short date */
.short-date[b-f61pa3bhfa] {
    display: none; /* Initially hide the short date */
}

/* Define a CSS media query to show the short date on small screens */
@media screen and (max-width: 1250px) {
    .short-date[b-f61pa3bhfa] {
        display: inline; /* Show the short date on small screens */
    }

    .long-date[b-f61pa3bhfa] {
        display: none;
    }
}

.hover-display[b-f61pa3bhfa] {
    visibility: hidden;
}

    .hover-display:hover[b-f61pa3bhfa] {
        visibility: visible;
    }

.cursor-help[b-f61pa3bhfa] {
    cursor: help;
}
/*tr .hidden-child {
    visibility: hidden;
    cursor: help;
}

tr:hover .hidden-child {
    visibility: visible;
}*/


.remark[b-f61pa3bhfa] {
    background: #00800038;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 15px;
}
/* /Pages/Login.razor.rz.scp.css */
/* /Pages/MyContacts.razor.rz.scp.css */
.contact-table[b-ebcn15g6sr] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 10px;
    max-width:1000px;
}
.setting-title[b-ebcn15g6sr] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}
tr[b-ebcn15g6sr]{
    background-color:white;
}
th[b-ebcn15g6sr] {
    white-space: nowrap;
    max-width: 200px;
}
.edit-icon[b-ebcn15g6sr] {
    color: darkgray;
    padding-left: 1rem;
}
    .edit-icon:hover[b-ebcn15g6sr] {
        color: gray;
    }
.contact-group[b-ebcn15g6sr] {
    color: #6c757d;
    font-weight: bolder;
}
.hide-text-overflow[b-ebcn15g6sr]{
    overflow:hidden;
    text-overflow: ellipsis;
}
.yellow[b-ebcn15g6sr] {
    color: #ffad00;
    cursor: pointer;
}
.star[b-ebcn15g6sr]{
}
.star:hover[b-ebcn15g6sr] {
    opacity: 0.7;
}
.hover-to-show[b-ebcn15g6sr]{
    visibility:hidden;
}
.hover-highlight:hover[b-ebcn15g6sr] {
    background-color: #f9fafb;
    cursor: pointer;
}
    .hover-highlight:hover .hover-to-show[b-ebcn15g6sr] {
        visibility:visible;
    }

.button-group[b-ebcn15g6sr] {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 10px;
    justify-content: flex-end;
}
@media (max-width:1400px){
    .hide-large[b-ebcn15g6sr]{
        display:none;
    }
}

@media (max-width:1000px) {
    .hide-mid[b-ebcn15g6sr] {
        display: none;
    }
    .hover-to-show[b-ebcn15g6sr]{
        visibility:visible;
    }
}
.delay[b-ebcn15g6sr] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
    .delay.show[b-ebcn15g6sr] {
        opacity: 1;
        transform: translateY(0);
    }
/* /Pages/MyNotification.razor.rz.scp.css */

.noti-item[b-11rdjihozk] {
    padding: 3px 0;
}

.noti-datetime[b-11rdjihozk] {
    margin-left: auto;
    margin-right: 0;
}

.noti-type[b-11rdjihozk] {
    padding-left: 5px;
    align-self: center;
}

.noti-clickable[b-11rdjihozk] {
    cursor: pointer;
}

    .noti-clickable:hover[b-11rdjihozk] {
        color: skyblue;
    }
/* /Pages/NewContact.razor.rz.scp.css */
.input[b-ulcmb4s9ln] {
    width: 200px;
}

.setting-wrapper[b-ulcmb4s9ln] {
    width: 50vw;
    min-width: 300px;
    max-width: 500px;
    height: auto;
    position: relative;
    top: -50px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.box-with-shadow[b-ulcmb4s9ln] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 60px;
    background: white;
    border-radius: 20px;
}

.setting-title[b-ulcmb4s9ln] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

.password-wrapper[b-ulcmb4s9ln] {
    display: flex;
    padding-top: 10px;
}

.confirm-button[b-ulcmb4s9ln] {
    float: right;
    margin: 30px 0;
}

.profile-wrapper[b-ulcmb4s9ln] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: column;
}

.input-wrapper[b-ulcmb4s9ln] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: row;
    padding: 0.5rem 0;
    flex-wrap: wrap;
}

label[b-ulcmb4s9ln] {
    width: 160px;
}

.btn-primary[b-ulcmb4s9ln] {
    background-color: #00a89b;
    border-color: #00a89b;
}
/* /Pages/OneDrive.razor.rz.scp.css */
.contact-table[b-9pjlsms4yz] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 10px;
    max-width:1000px;
}
.setting-title[b-9pjlsms4yz] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}
tr[b-9pjlsms4yz]{
    background-color:white;
}
th[b-9pjlsms4yz] {
    white-space: nowrap;
    max-width: 200px;
}
.edit-icon[b-9pjlsms4yz] {
    color: darkgray;
    padding-left: 1rem;
}
    .edit-icon:hover[b-9pjlsms4yz] {
        color: gray;
    }
.contact-group[b-9pjlsms4yz] {
    color: #6c757d;
    font-weight: bolder;
}
.hide-text-overflow[b-9pjlsms4yz]{
    overflow:hidden;
    text-overflow: ellipsis;
}
.yellow[b-9pjlsms4yz] {
    color: #ffad00;
    cursor: pointer;
}
.star[b-9pjlsms4yz]{
}
.star:hover[b-9pjlsms4yz] {
    opacity: 0.7;
}
.hover-to-show[b-9pjlsms4yz]{
    visibility:hidden;
}
.hover-highlight:hover[b-9pjlsms4yz] {
    background-color: #f9fafb;
    cursor: pointer;
}
    .hover-highlight:hover .hover-to-show[b-9pjlsms4yz] {
        visibility:visible;
    }

.button-group[b-9pjlsms4yz] {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 10px;
    justify-content: flex-end;
}
@media (max-width:1400px){
    .hide-large[b-9pjlsms4yz]{
        display:none;
    }
}

@media (max-width:1000px) {
    .hide-mid[b-9pjlsms4yz] {
        display: none;
    }
    .hover-to-show[b-9pjlsms4yz]{
        visibility:visible;
    }
}
.delay[b-9pjlsms4yz] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
    .delay.show[b-9pjlsms4yz] {
        opacity: 1;
        transform: translateY(0);
    }
/* /Pages/Person.razor.rz.scp.css */
.input[b-a3xij4uggq] {
    width: -webkit-fill-available;
}

.setting-wrapper[b-a3xij4uggq] {
    width: 50vw;
    min-width: 300px;
    max-width: 500px;
    height: auto;
    position: relative;
    top: -50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.box-with-shadow[b-a3xij4uggq] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 60px;
    background: white;
    border-radius: 20px;
}

.setting-title[b-a3xij4uggq] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

.password-wrapper[b-a3xij4uggq] {
    display: flex;
    padding-top: 10px;
}

.confirm-button[b-a3xij4uggq] {
    float: right;
    margin: 30px 0;
}

.profile-wrapper[b-a3xij4uggq] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: column;
}

.input-wrapper[b-a3xij4uggq] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: row;
    padding: 0.5rem 0;
    flex-wrap: wrap;
}

label[b-a3xij4uggq] {
    width: 160px;
}

.btn-primary[b-a3xij4uggq] {
    background-color: #00a89b;
    border-color: #00a89b;
}
.icons[b-a3xij4uggq] {
    display: flex;
    justify-content: space-between;
}
.icons-left[b-a3xij4uggq]{
    display: flex;
}
.yellow[b-a3xij4uggq] {
    color: #ffad00;
    cursor: pointer;
}

.star[b-a3xij4uggq] {
}

    .star:hover[b-a3xij4uggq] {
        opacity: 0.7;
    }

.hover-to-show[b-a3xij4uggq] {
    visibility: hidden;
}
.eye[b-a3xij4uggq] {
    color: gray;
    cursor: help;
    padding: 0 10px;
}
.edit-icon[b-a3xij4uggq] {
    color: darkgray;
    padding-left: 1rem;
    cursor:pointer;
}

    .edit-icon:hover[b-a3xij4uggq] {
        color: gray;
    }
.add-icon[b-a3xij4uggq] {
    font-size: 16pt;
    color: gray;
    cursor: pointer;
}

.add-icon:hover[b-a3xij4uggq] {
    color: gray;
}
/* /Pages/Pricing.razor.rz.scp.css */
.plan-div[b-nexmr1fl1l] {
    margin: 0 auto;
    margin-top: 180px;
    max-height: 600px;
    margin-bottom: 170px;
    max-width: 100%;
}

.sticky-title[b-nexmr1fl1l] {
    position: sticky;
    top: 0px;
    background-color: white;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.tr-title[b-nexmr1fl1l] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f5f5f5;
    height: 60px;
    vertical-align: middle;
    font-size: 18px;
    border-style: hidden;
}

.th-left[b-nexmr1fl1l] {
    text-align: left;
    background-color: white !important;
}

.left-sticky[b-nexmr1fl1l] {
    width: 17%;
    position: sticky;
    z-index: 1;
    left: 0;
}

th[b-nexmr1fl1l] {
    width: 17%;
    text-align: center;
}

tbody[b-nexmr1fl1l] {
    vertical-align: middle;
    text-align: center;
}

    tbody td[b-nexmr1fl1l] {
        font-size: 14px;
        vertical-align: middle;
    }

.tr-part[b-nexmr1fl1l] {
    vertical-align: bottom;
    pointer-events: none;
    height: 60px;
}

.border-bottom[b-nexmr1fl1l] {
    border-bottom: 1px solid !important;
}

.cust-container[b-nexmr1fl1l] {
    min-width: 100%;
    margin: 0 auto;
}

.custom-col[b-nexmr1fl1l] {
    flex: 0 0 20%;
    max-width: 20%;
    height: initial;
    flex: 1;
    padding-top: 15px;
}

.cust-p[b-nexmr1fl1l] {
    line-height: 32px;
    font-family: 'NotoSansTC-Regular', sans-serif;
}

.price-content[b-nexmr1fl1l] {
    height: 100%;
    background-color: white;
    border-radius: 20px;
    border: solid 1px #ddd;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .price-content:hover[b-nexmr1fl1l] {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    }
.current-plan .price-content:hover[b-nexmr1fl1l] {
    transform: none;
    box-shadow: none;
}
    .span-price[b-nexmr1fl1l] {
        font-size: 18px;
    }

.red-color[b-nexmr1fl1l] {
    color: red;
}

.see-more[b-nexmr1fl1l] {
    text-decoration: none;
    color: black;
}

    .see-more:hover[b-nexmr1fl1l] {
        text-decoration: underline;
    }

@media(max-width: 1400px) {
    .custom-col[b-nexmr1fl1l] {
        flex: 0 0 50%;
        max-width: 50%;
        padding:15px;
    }

    #navbar[b-nexmr1fl1l] {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .nav1[b-nexmr1fl1l], .nav2[b-nexmr1fl1l] {
        margin-left: 5%;
    }

    .intro-text[b-nexmr1fl1l] {
        zoom: 0.8;
    }
    .row[b-nexmr1fl1l] {
        margin-left: 2vw;
        margin-right: 2vw;
    }
}

@media(min-width: 1400px) {
    .nav1[b-nexmr1fl1l] {
        margin-left: 20%;
    }

    .carousel-control-next[b-nexmr1fl1l] {
        right: -115px;
    }

    .carousel-control-prev[b-nexmr1fl1l] {
        left: -115px;
    }

    .see-more[b-nexmr1fl1l] {
        right: 180px;
    }
}

@media (max-width: 776px) { /*低於 576*/
    .custom-col[b-nexmr1fl1l] {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top:30px;
    }

    .card-info img[b-nexmr1fl1l] {
        height: 130px;
    }

    .app-intro[b-nexmr1fl1l] {
        margin-right: 20px;
    }

    .intro-text[b-nexmr1fl1l] {
        scale: 0.8;
    }

    #backToTop[b-nexmr1fl1l] {
        right: 5vh;
    }

    #card-title[b-nexmr1fl1l], #half-part[b-nexmr1fl1l], #ready-part[b-nexmr1fl1l], #product-price[b-nexmr1fl1l], #enjoy_part[b-nexmr1fl1l] {
        padding: 1rem 0rem;
    }

    .card-info p[b-nexmr1fl1l] {
        font-size: 16px;
    }
    .row[b-nexmr1fl1l] {
        margin-left: 0;
        margin-right: 0;
    }
    .container[b-nexmr1fl1l]{
       padding:0;
    }
}

@media (min-width: 768px) {
    .container-half[b-nexmr1fl1l] {
        margin-top: 7rem;
    }
}
.current-plan[b-nexmr1fl1l] {
    position: relative;
/*    pointer-events: none;*/
}
    .current-plan .price-content[b-nexmr1fl1l] {
        background-color: #faf0e8;
    }

.active-plan[b-nexmr1fl1l] {
    position: absolute;
    top: 0px;
    border-radius: 5px;
    background: #f25c16;
    padding: 2px 4px;
    color: white;
    left: 50%;
    transform: translateX(-50%);
    z-index:1;
}
.price-content button[b-nexmr1fl1l] {
     width: 60%;
    margin: 0 20%;
}
button[b-nexmr1fl1l] {
    border-radius: 15px;
}
/* Button Styles */
.button[b-nexmr1fl1l] {
    display: inline-flex;
    height: 40px;
    width: 150px;
    border: 2px solid #BFC0C0;
    margin: 20px 20px 20px 20px;
    color: #BFC0C0;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .8em;
    letter-spacing: 1.5px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

a[b-nexmr1fl1l] {
    color: #BFC0C0;
    text-decoration: none;
    letter-spacing: 1px;
}


/* First Button */

#arrow-hover[b-nexmr1fl1l] {
    position: absolute;
    transform: translateX(60px);
    opacity: 0;
    -webkit-transition: all .25s cubic-bezier(.14, .59, 1, 1.01);
    transition: all .15s cubic-bezier(.14, .59, 1, 1.01);
    margin: 0;
    padding: 0 5px;
    font-size: 15pt;
}

a#button-1:hover span[b-nexmr1fl1l] {
    width: 15px;
    opacity: 1;
    transform: translateX(50px);
}
#button-1[b-nexmr1fl1l] {
    padding: 0;
    margin: 0;
    color: #6c757d;
    font-size: 12pt;
}
.color-grey[b-nexmr1fl1l] {
    color:grey;
}
.two-btn .btn[b-nexmr1fl1l]{
    width:fit-content;
    margin:0;

}
.btn-success[b-nexmr1fl1l]{
    margin-right: 20px !important;
}
.last-day[b-nexmr1fl1l] {
    margin-bottom: 20px;
    text-align: center;
    color:red;
}
li[b-nexmr1fl1l] {
    text-align:left;
}
ul[b-nexmr1fl1l]{
    padding-left:0px;
    list-style:inside;
}
h4[b-nexmr1fl1l] {
    font-size:1.35rem;
}
.error-p[b-nexmr1fl1l] {
    margin-bottom: 0px;
    color: red;
    font-size: 1.2rem;
}
.use-card[b-nexmr1fl1l] {
    margin-top: auto;
    padding-left: 30px;
}


@media (min-width: 572px) {
    .left-menu[b-nexmr1fl1l] {
        padding-left: 75px;
    }
}
.disable-btn[b-nexmr1fl1l] {
    background-color: #555a61;
}
/* /Pages/PrintToFitForm.razor.rz.scp.css */
.nav-item[b-j3t2mgqihy]{
    cursor:pointer;
}
/* /Pages/PrintToFitFormRender.razor.rz.scp.css */
@media screen{

    .main-container[b-i1ap3fpys3] {
        position: relative;
    }
}
.input-file[b-i1ap3fpys3] {
    margin: 0.5rem;
    width: 130px;
    border-radius: 35px;
}

.print-icon[b-i1ap3fpys3] {
    font-size: 18pt;
    color: gray;
    cursor: pointer;
}
.print-icon:hover[b-i1ap3fpys3]{
    color:black;
}
.float-right-icon[b-i1ap3fpys3] {
    float: right;
    margin-right: 100px;
    margin-left: auto;
}
.grid-image[b-i1ap3fpys3] {
    height: 100%;
    width: 100%;
    transform-origin: top left;
}
.fit-image[b-i1ap3fpys3] {
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.control-section[b-i1ap3fpys3] {
    padding: 20px;
    width: 400px;
    position: sticky;
    top: 0px;
    right: 0;
    background: #fff5d8;
    padding-top: 100px;
    border: #a9a9a947 solid 1px;
}
.nav-tab-content[b-i1ap3fpys3] {
    background-color: white;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-image: initial;
    border-top: none;
    margin-bottom: 15px;
}
.grid-preview[b-i1ap3fpys3] {
    border: 3px groove;
    background: white;
    border-radius: 10px;
    cursor: move;
    margin: 5px;
    line-height: normal;
    height:50px;
}
.one-line[b-i1ap3fpys3]{
    height:32px;
}
.half-width[b-i1ap3fpys3]{
    width:50%;
}
.check-box[b-i1ap3fpys3] {
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check-box-wrap[b-i1ap3fpys3] {
    display: flex;
    align-items: center;
}
.btn-hover:hover[b-i1ap3fpys3] {
    background-color: lightgrey;
}
.resize-able-control[b-i1ap3fpys3] {
    height: 300px;
    overflow: auto;
    resize: vertical;
    min-height: 200px;
    max-height: 50vh;
}
.top-control[b-i1ap3fpys3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0px;
    background: rgb(244, 222, 169);
    font-weight: bold;
    z-index: 1;
    height: 50px;
}
.item-list[b-i1ap3fpys3]{
    width:100%;
    display:flex;
}
.grid-item-edit-section[b-i1ap3fpys3] {
    display: flex;
    flex-direction: column;
}
fieldset[b-i1ap3fpys3] {
    width: fit-content;
    padding: 0.5rem;
    margin: 5px;
    border: 1px dashed #938f8f !important;
}
.grid-item-type-icon[b-i1ap3fpys3]{
    padding-right:10px;
}
legend[b-i1ap3fpys3] {
    font-size: 1rem;
}
.direction-control[b-i1ap3fpys3] {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.direction-inner[b-i1ap3fpys3] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.control-arrow[b-i1ap3fpys3] {
    font-size: x-large;
    cursor:pointer;

}
.control-arrow:hover[b-i1ap3fpys3]{
    color: dimgray;
}
.slider[b-i1ap3fpys3] {
    position: static;
    width: 135px;
    height: 30px;
    padding: 5px;
    background: rgb(0 0 0 / 13%);
    border-radius: 20px;
    display: flex;
    align-items: center;
}

    .slider p[b-i1ap3fpys3] {
        font-size: 26px;
        font-weight: 600;
        font-family: Open Sans;
        padding-left: 30px;
        color: #7E6D57;
    }

    .slider input[type="range"][b-i1ap3fpys3] {
        -webkit-appearance: none !important;
        width: 125px;
        height: 2px;
        background: #6c757d;
        border: none;
        outline: none;
    }

        .slider input[type="range"][b-i1ap3fpys3]::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            width: 16px;
            height: 16px;
            background: #016dc6;
            border: 2px solid #7E6D57;
            border-radius: 50%;
            cursor: pointer;
        }

            .slider input[type="range"][b-i1ap3fpys3]::-webkit-slider-thumb:hover {
                background: #7E6D57;
            }

.rotate[b-i1ap3fpys3] {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.image-item[b-i1ap3fpys3] {
    margin: 5px;
    border: 1px solid transparent;
    transition: border-color 0.3s;
    cursor: pointer;
    max-width: 90%;
    height: 85%;
}

.pdf-preview:hover[b-i1ap3fpys3] {
    border:1px solid blue;
}
.bi-arrow-clockwise[b-i1ap3fpys3] {
    color: white;
    font-size: 20px;
}
/* /Pages/Profile.razor.rz.scp.css */
.input[b-661olgodtk] {
    width: -webkit-fill-available;
}

.setting-wrapper[b-661olgodtk] {
    width: 50vw;
    min-width: 300px;
    max-width: 500px;
    height: auto;
    position: relative;
    top: -50px;
    left: 50%;
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,20px);

    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}
    .setting-wrapper.Show[b-661olgodtk] {
        opacity: 1;
        transform: translate(-50%,0);
    }

.box-with-shadow[b-661olgodtk] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 60px;
    background: white;
    border-radius: 20px;
}

.setting-title[b-661olgodtk] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

.password-wrapper[b-661olgodtk] {
    display: flex;
    padding-top: 10px;
}

.confirm-button[b-661olgodtk] {
    float: right;
    margin: 30px 0;
}
.profile-wrapper[b-661olgodtk] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: column;
}
.input-wrapper[b-661olgodtk] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: row;
    padding: 0.5rem 0;
    flex-wrap: wrap;
}
label[b-661olgodtk] {
    width: 160px;
}
.btn-primary[b-661olgodtk] {
    background-color: #00a89b;
    border-color: #00a89b;
}
/* /Pages/RecordForm.razor.rz.scp.css */

@media only screen and (max-width:1000px) {
    .anchors[b-bu7e1wtuz0] {
        display:none;
    }
}

@media only screen and (min-width:1001px) {
    .print-width-100[b-bu7e1wtuz0]{
        min-width:700px;
    }
}
.header[b-bu7e1wtuz0] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
}
.btn-no-outline[b-bu7e1wtuz0] {
    border: none;
    font-size: 0.5rem;
}

    .btn-no-outline:hover[b-bu7e1wtuz0] {
        background: linear-gradient(0deg, rgb(111 111 111 / 70%), transparent);
    }
    .print-container[b-bu7e1wtuz0]{
        background-color:white;
    }
@media only screen and (max-width:500px) {
    .text-hide[b-bu7e1wtuz0] {
        display: none;
    }

    .btn[b-bu7e1wtuz0] {
        padding: 0.375rem 0.45rem;
    }
}

/* CSS for the grouped table */
.table-container[b-bu7e1wtuz0] {
    max-width: 600px;
    margin: 0 auto;
}

.group-row[b-bu7e1wtuz0] {
    cursor: pointer;
    background-color: #f1f1f1;
    font-weight: bold;
}

    .group-row:hover[b-bu7e1wtuz0] {
        background-color: #e0e0e0;
    }

    .group-row .expand-icon[b-bu7e1wtuz0] {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #000; /* Black triangle, you can change the color here */
        margin-right: 6px;
        transition: transform 0.2s ease-in-out;
    }

    .group-row.collapsed .expand-icon[b-bu7e1wtuz0] {
        transform: rotate(-90deg);
    }

.table td[b-bu7e1wtuz0] {
    padding: 8px;
}

.table th[b-bu7e1wtuz0] {
    padding: 8px;
}

.table-container .table[b-bu7e1wtuz0] {
    width: 100%;
}
.selected-date[b-bu7e1wtuz0] {
  opacity:0.1;

}
/* /Pages/ResetPassword.razor.rz.scp.css */
.input[b-790mofpdkp] {
    width: -webkit-fill-available;
}

.setting-wrapper[b-790mofpdkp] {
    width: 50vw;
    min-width: 300px;
    max-width: 500px;
    height: auto;
    position: relative;
    left: 50%;
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,20px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    .setting-wrapper.Show[b-790mofpdkp] {
        opacity: 1;
        transform: translate(-50%,0);
    }

.box-with-shadow[b-790mofpdkp] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 60px;
    background: white;
    border-radius: 20px;
}

.setting-title[b-790mofpdkp] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

.password-wrapper[b-790mofpdkp] {
    display: flex;
    padding-top: 10px;
}

.confirm-button[b-790mofpdkp] {
    float: right;
    margin: 30px 0;
}

.profile-wrapper[b-790mofpdkp] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: column;
}

.input-wrapper[b-790mofpdkp] {
    display: flex;
    width: -webkit-fill-available;
    position: relative;
    flex-direction: row;
    padding: 0.5rem 0;
    flex-wrap: wrap;
}

label[b-790mofpdkp] {
    width: 160px;
}

.btn-primary[b-790mofpdkp] {
    background-color: #00a89b;
    border-color: #00a89b;
}
/* /Pages/Settings.razor.rz.scp.css */
input[b-wc2yeam4re] {
    width: 100%;
}
.setting-wrapper[b-wc2yeam4re] {
    width: 30vw;
    min-width: 350px;
    max-width: 500px;
    height: auto;
    position: relative;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.box-with-shadow[b-wc2yeam4re] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 60px;
    background: white;
    border-radius: 20px;
}
.setting-title[b-wc2yeam4re] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}
.password-wrapper[b-wc2yeam4re] {
    display: flex;
    padding-top: 10px;
}
.confirm-button[b-wc2yeam4re] {
    float: right;
    margin: 30px 0;
}
.btn-primary[b-wc2yeam4re] {
    border-color: #00a89b;
    background-color: #00a89b;
    border-radius: 35px;
}

/* Define a CSS class for the short date */
.short-date[b-wc2yeam4re] {
    display: none; /* Initially hide the short date */
}

/* Define a CSS media query to show the short date on small screens */
@media screen and (max-width: 1250px) {
    .short-date[b-wc2yeam4re] {
        display: inline; /* Show the short date on small screens */
    }
    .long-date[b-wc2yeam4re]{
        display: none;
    }
}
.hover-display[b-wc2yeam4re]{
    visibility:hidden;
}
.hover-display:hover[b-wc2yeam4re]{
    visibility: visible;
}
.cursor-help[b-wc2yeam4re]{
    cursor:help;
}
.delay1[b-wc2yeam4re] {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translate(-50%,50px);
}
    .delay1.show[b-wc2yeam4re] {
        opacity: 1;
        transform: translate(-50%,0);
    }
.delay2[b-wc2yeam4re],.delay3[b-wc2yeam4re],.delay4[b-wc2yeam4re] {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translate(-50%,50px);
}
    .delay2.show[b-wc2yeam4re], .delay3.show[b-wc2yeam4re], .delay4.show[b-wc2yeam4re] {
        opacity: 1;
        transform: translate(-50%,0);
    }
.add-token:hover[b-wc2yeam4re], .bi-question-circle:hover[b-wc2yeam4re]{
    color: green;
}
.del-token:hover[b-wc2yeam4re], .pin-active:hover[b-wc2yeam4re] {
    color: red;
}
.bi[b-wc2yeam4re] {
    font-size: 20px;
    cursor: pointer;
}

.token-container .pin-active[b-wc2yeam4re],.token-container .del-token[b-wc2yeam4re] {
    display: none;
}
.token-container:hover i[b-wc2yeam4re]{
    display: inline;
}
a[b-wc2yeam4re] {
    color:black;
}
.close-button[b-wc2yeam4re] {
    cursor: pointer;
    height: 30px;
    float: right;
    margin-left: 1px;
}
.del-token-menu[b-wc2yeam4re]{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.counter[b-wc2yeam4re] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: red;
    color: white;
    font-size: 14px;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    right:0px;
    top:-20px;
}

/*tr .hidden-child {
    visibility: hidden;
    cursor: help;
}

tr:hover .hidden-child {
    visibility: visible;
}*/
/* /Pages/UpdateNotes.razor.rz.scp.css */
.note-wrapper[b-zbpvdx1txt] {
    border-radius: 30px;
    background-color: white;
    padding: 20px;
    margin: 20px;
    max-width: 900px;
    min-width: 300px;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(20px);
}

    .note-wrapper.show[b-zbpvdx1txt] {
        opacity: 1;
        transform: translateY(0);
    }

.note-date[b-zbpvdx1txt] {
    text-align: right;
    font-size: 8pt;
}
.edit-wrapper[b-zbpvdx1txt] {
    display: flex;
    flex-direction: column;
    max-width: 800px;
}
.view-wrapper[b-zbpvdx1txt] {
    display: flex;
    flex-direction: column;
  /*  align-items: center;*/
}
/* /Pages/UserPermissionManager.razor.rz.scp.css */
.perm-table[b-pwqif7qbne] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 10px;
    max-width: 1000px;
    background-color:white;
}
.table[b-pwqif7qbne]{
    margin-bottom: 0;
}
td[b-pwqif7qbne] {
    vertical-align: middle;
}
.wrapper[b-pwqif7qbne] {
    overflow-x: auto;
}
.perm-group[b-pwqif7qbne] {
    color: #6c757d;
    font-weight: bolder;
}
@media (max-width:640px) {
    .hide-on-small-screen[b-pwqif7qbne] {
        display: none;
    }
}
.sticky-right[b-pwqif7qbne] {
    text-align: right;
    position: sticky;
    right: 0;
    background: white;
    white-space: nowrap;
}
.setting-title[b-pwqif7qbne] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}
.delay[b-pwqif7qbne] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    .delay.show[b-pwqif7qbne] {
        opacity: 1;
        transform: translateY(0);
    }
.invite-setting[b-pwqif7qbne] {
    visibility:hidden;
    padding-left:5px;
    cursor: pointer;
}
.invite-setting:hover[b-pwqif7qbne] {
    color:gray;
}
.invite-name[b-pwqif7qbne] {
    align-content: center;
    padding-left:3px;
    max-width:200px;
}

.invite-name:hover[b-pwqif7qbne]{
    background-color:antiquewhite;
}
/* When the parent is hovered, show the child */
.invite-name:hover .invite-setting[b-pwqif7qbne] {
    visibility: visible;
    cursor:pointer;
    
}
.hover-on[b-pwqif7qbne] {
    background-color: antiquewhite;
    visibility: visible;
    cursor: pointer;
}

.hover-on .invite-setting[b-pwqif7qbne] {
    background-color: antiquewhite;
    visibility: visible;
    cursor: pointer;
}
.extra-users[b-pwqif7qbne] {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    background: #f4f4f4;
    text-align: center;
    margin-left: 5px;
    cursor: pointer;
}
.pending-user[b-pwqif7qbne]{
    position:absolute;
    right:0px;
    bottom:-10px;
    color:gray;
    background-color:white;
    border-radius:100px;
    font-size:10pt;
    pointer-events:none;
}
th[b-pwqif7qbne] {
    white-space: nowrap;
}
.group-row[b-pwqif7qbne]{

}
.group-column[b-pwqif7qbne] {
    border-right-width: 1pt;
}
/* /Pages/UserTracking.razor.rz.scp.css */
.user-item[b-cpkw0urmij]{
    width:500px;
}
/* /Shared/AddSignature.razor.rz.scp.css */
.container-sign .bi-x-lg[b-whn4ybcmmm], .container-sign .bi-plus-lg[b-whn4ybcmmm], .container-sign .bi-arrow-left[b-whn4ybcmmm] {
    cursor: pointer;
    position: absolute;
    font-size: 20px;
}

.sign-list[b-whn4ybcmmm] {
    font-size: 20px;
    cursor: pointer;
    position: relative;
}

.container-sign .bi-x-lg[b-whn4ybcmmm] {
    right: 30px;
}

.container-sign .bi-plus-lg[b-whn4ybcmmm], .container-sign .bi-arrow-left[b-whn4ybcmmm] {
    left: 30px;
}

.container-sign a[b-whn4ybcmmm] {
    cursor: pointer;
}

.modal-overlay[b-whn4ybcmmm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content[b-whn4ybcmmm] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    max-height: 800px;

    position: relative;
}

.addStatus[b-whn4ybcmmm] {
    max-width: 900px;
}

.preview-img[b-whn4ybcmmm] {
    width: 80%;
    place-self: center;
    margin-bottom: 30px;
}

    .preview-img img[b-whn4ybcmmm] {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.sign-list .bi-trash[b-whn4ybcmmm] {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sign-list .bi-star[b-whn4ybcmmm] {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
    position: absolute;
    left: 10px;
    top: 5px;
}

.sign-list:hover .bi-trash[b-whn4ybcmmm], .sign-list:hover .bi-star[b-whn4ybcmmm] {
    visibility: visible;
    opacity: 1;
}

.bi-trash:hover[b-whn4ybcmmm] {
    color: red;
}
.sign-content .bi-pencil-square[b-whn4ybcmmm] {
    cursor: pointer;
    font-size: 18px;
    margin-left: 20px;
}
.sign-content .bi[b-whn4ybcmmm] {
    cursor: pointer;
}
.sign-list[b-whn4ybcmmm] {
    max-width: 290px;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border: 0.5px solid #c4c1c1;
}

    .sign-list img[b-whn4ybcmmm] {
        width: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .sign-list:hover[b-whn4ybcmmm] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

.list-container[b-whn4ybcmmm] {
    margin-top: 40px;
    text-align: center;
    height: 330px;
    overflow-y: auto;
    text-align: -webkit-center;
    margin-bottom: 15px;
}
.bi[b-whn4ybcmmm] {
    color: grey;
    transition: color 0.3s ease;
}
    .bi:hover[b-whn4ybcmmm] {
        color:black;
    }

#signature-pad[b-whn4ybcmmm], #previewImage[b-whn4ybcmmm] {
    height: 400px;
}

@media (max-width: 575.98px) {
    #signature-pad[b-whn4ybcmmm], #previewImage[b-whn4ybcmmm] {
        height: 260px;
    }
}

@media (max-width: 767.98px) {
    #signature-pad[b-whn4ybcmmm], #previewImage[b-whn4ybcmmm] {
        height: 330px;
    }
}
/* /Shared/AutomationSetting/AutoActionSetup.razor.rz.scp.css */
.condition-editor-wrap[b-3npttr969q] {
    border: solid #dee2e6 1pt;
    padding: 12px;
    margin: 12px;
    background-color: white;
}

.round-button[b-3npttr969q] {
    height: 30px;
    width: 30px;
    font-size: 15pt;
    border-radius: 15px;
    border: solid 1pt;
    border-color: transparent;
    text-align: center;
    cursor: pointer;
}

    .round-button:hover[b-3npttr969q] {
        border-color: #8080804f;
    }
.fieldvalue-action-warpper[b-3npttr969q] {
    width: 800px;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding-bottom:10px;
}

.switch[b-3npttr969q] {
    position: relative;
    display: inline-block;
    width: 3.75em;
    height: 2.125em;
    font-size: 8pt;
}

    .switch input[b-3npttr969q] {
        opacity: 0;
        width: 0;
        height: 0;
    }

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

    .slider[b-3npttr969q]:before {
        position: absolute;
        content: "";
        height: 1.625em;
        width: 1.625em;
        left: 0.25em;
        bottom: 0.25em;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

/*input {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}
*/
    input:checked + .slider[b-3npttr969q] {
        background-color: #2196F3;
    }

    input:focus + .slider[b-3npttr969q] {
        /*box-shadow: 0 0 1px #2196F3;*/
        transition: none;
        -webkit-transition: none;
        outline: 2pt black solid;
    }

    input:checked + .slider[b-3npttr969q]:before {
        -webkit-transform: translateX(1.625em);
        -ms-transform: translateX(1.625em);
        transform: translateX(1.625em);
    }

.search[b-3npttr969q] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}

/* Rounded sliders */
.slider.round[b-3npttr969q] {
    border-radius: 2.125em;
}

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

.form-floating[b-3npttr969q] {
    margin: 0 12px;
    flex: 1;
    width: 150px;
}
/* /Shared/AutomationSetting/AutomationSetup.razor.rz.scp.css */
.condition-editor-wrap[b-jt7rj6pfe0] {
    width: -webkit-fill-available;
    border: solid #dee2e6 1pt;
    padding: 12px;
    margin: 12px;
    background-color: white;
}
.round-button[b-jt7rj6pfe0] {
    height: 30px;
    width: 30px;
    font-size: 15pt;
    border-radius: 15px;
    border: solid 1pt;
    border-color: transparent;
    text-align: center;
    cursor: pointer;
}

    .round-button:hover[b-jt7rj6pfe0] {
        border-color: #8080804f;
    }
.fieldvalue-action-warpper[b-jt7rj6pfe0] {
    width: 800px;
    max-width: 100%;
    display: flex;
    align-items: center;
    padding-bottom:10px;
}

.switch[b-jt7rj6pfe0] {
    position: relative;
    display: inline-block;
    width: 3.75em;
    height: 2.125em;
    font-size: 8pt;
}

    .switch input[b-jt7rj6pfe0] {
        opacity: 0;
        width: 0;
        height: 0;
    }

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

    .slider[b-jt7rj6pfe0]:before {
        position: absolute;
        content: "";
        height: 1.625em;
        width: 1.625em;
        left: 0.25em;
        bottom: 0.25em;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

/*input {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}
*/
    input:checked + .slider[b-jt7rj6pfe0] {
        background-color: #2196F3;
    }

    input:focus + .slider[b-jt7rj6pfe0] {
        /*box-shadow: 0 0 1px #2196F3;*/
        transition: none;
        -webkit-transition: none;
        outline: 2pt black solid;
    }

    input:checked + .slider[b-jt7rj6pfe0]:before {
        -webkit-transform: translateX(1.625em);
        -ms-transform: translateX(1.625em);
        transform: translateX(1.625em);
    }

.search[b-jt7rj6pfe0] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}

/* Rounded sliders */
.slider.round[b-jt7rj6pfe0] {
    border-radius: 2.125em;
}

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

.form-floating[b-jt7rj6pfe0] {
    margin: 0 12px;
    flex: 1;
    width: 150px;
}

.layout[b-jt7rj6pfe0] {
    flex-direction: column;
    flex: 1;
    overflow: auto;
    overflow-x:hidden;
    max-height: 550px;
    margin-right:40px;
}
.detail[b-jt7rj6pfe0] {
    height: 100%;
    max-height: 550px;
    overflow: auto;
    flex: 2;
    flex-direction: column;
    position: relative;
}
.cell[b-jt7rj6pfe0] {
    padding: 5px;
    margin: 5px;
    border: solid 2pt gray;
    border-radius: 10px;
    text-align: left;
    position: relative;
    user-select: none;
    /*for tooltip*/
/*    transform: translateZ(0);*/
    margin-right: 25px;
}
.action-cell[b-jt7rj6pfe0] {
    flex: 1;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub-title[b-jt7rj6pfe0]{
    color:gray;
    font:8pt;
}
.disabled[b-jt7rj6pfe0] {
    pointer-events: none;
    opacity:0.2;
}
.focus[b-jt7rj6pfe0] {
    border-color: green;
}
.cell[b-jt7rj6pfe0]:after {
    content: "";
    position: absolute;
    top: 0; /* Adjust as needed to position the line */
    transform:translateY(-100%);
    left: 19px;
    width: 3px;
    height: 13px; /* Thickness of the line */
    background-color:grey;

}
.first-cell[b-jt7rj6pfe0]:after{
    display:none;
}


*[b-jt7rj6pfe0]::-webkit-scrollbar {
    right:50px;
    position:absolute;
}
#sample-icon[b-jt7rj6pfe0] {
    font-size: 20pt;
    pointer-events: none;
}
#iconpicker[b-jt7rj6pfe0]{
    width:50px;
    height:50px;
    border-radius:10px;
    background:transparent;
    opacity:0.8;
    border: solid gray 2pt;
}
#default-icon[b-jt7rj6pfe0] {
    pointer-events: none;
    max-width: 30px;
    max-height: 30px;
    padding: 5px;
    padding-top: 0;
    width: 30px;
    height:30px;
    padding-right: 0;
    cursor: pointer;
}
/* /Shared/AutomationSetting/ConditionEditor.razor.rz.scp.css */

.condition-wrap[b-kp937by5jg] {
    display: flex;
    flex-direction: column;
    background: white;
    padding-left: 20px;
}
.condition-editor[b-kp937by5jg] {
    padding-left: 20px;
    display: flex;
    flex-direction: row;
    box-shadow: 0 2px 6px #d3d3d3;
    padding: 5px;
    background-color: white;
    position: relative;
    align-items: center;
}

    .condition-editor label[b-kp937by5jg] {
        display: block;
        margin-bottom: 5px;
    }

    .condition-editor select[b-kp937by5jg],
    .condition-editor input[type="text"][b-kp937by5jg],
    .condition-editor input[type="checkbox"][b-kp937by5jg] {
        /*width: 100%;*/
      /*  padding: 8px;*/
        /*margin-bottom: 10px;*/
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        flex:1;
    }

.nested-conditions[b-kp937by5jg] {
    /*margin-left: 20px;*/ /* Adjust indentation for nested conditions */
    position: relative;
}

.btn-add-nested[b-kp937by5jg] {
    margin-top: 10px;
}
.condition-editor[b-kp937by5jg]::before {
    height: calc(50% + 3px);
    position: absolute;
    width: 10px;
    left: -12px;
    border-style: dotted;
    content: "";
    border: 1pt dotted #80808078;
    border-width: 0 0 2px 2px;
    top: 0px;
}

.condition-editor:first-child[b-kp937by5jg] {
    padding-top:20px;
}
.condition-editor:last-child[b-kp937by5jg] {
    padding-bottom: 20px;
}
    .condition-editor:first-child[b-kp937by5jg]::before {
    height: calc(50% + 7px);
    position: absolute;
    width: 10px;
    left: -12px;
    border-style: dotted;
    content: "";
    border: 1pt dotted #80808078;
    border-width: 0 0 2px 2px;
    top: -8px;
}
.condition-editor:not(:last-child)[b-kp937by5jg]::after {
    height: 44%;
    position: absolute;
    width: 10px;
    left: -12px;
    border-style: dotted;
    content: "";
    border: 1pt dotted #80808078;
    border-width: 0 0 0 2px;
    top: 53%;
}
.nested-conditions[b-kp937by5jg]::before {
    height: 28px;
    position: absolute;
    width: 10px;
    left: -12px;
    border-style: dotted;
    content: "";
    border: 1pt dotted #80808078;
    border-width: 0 0 2px 2px;
    top: 0px;
}
.nested-conditions:first-child[b-kp937by5jg]::before {
    height: 35px;
    position: absolute;
    width: 10px;
    left: -12px;
    border-style: dotted;
    content: "";
    border: 1pt dotted #80808078;
    border-width: 0 0 2px 2px;
    top: -7px;
}


.nested-conditions:not(:last-child)[b-kp937by5jg]::after {
    bottom: 1%;
    position: absolute;
    width: 10px;
    left: -12px;
    border-style: dotted;
    content: "";
    border: 1pt dotted #80808078;
    border-width: 0 0 0 2px;
    top: 20px;
}

.btn-add-nested:hover[b-kp937by5jg] {
    background-color: #007bff;
    color: #fff;
}

    .btn-add-nested:focus[b-kp937by5jg] {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

.top-control[b-kp937by5jg] {
    display: flex;
    align-items: center;
    padding: 10px 0 10px 0;
}

.form-floating[b-kp937by5jg] {
    margin: 0 12px;
}
.round-button[b-kp937by5jg] {
    height: 30px;
    width: 30px;
    font-size: 15pt;
    border-radius: 15px;
    border: solid 1pt ;
    border-color:transparent;
    text-align: center;
    cursor:pointer;
}
    .round-button:hover[b-kp937by5jg] {
      
        border-color: #8080804f;
    }

.form-floating[b-kp937by5jg] {
    margin: 0 12px;
    width: 150px;
    flex: 1;
}
/* /Shared/AutomationSetting/OtherActionSetup.razor.rz.scp.css */

.cell[b-8ibui59idi] {
    padding: 5px;
    margin: 5px;
    border: solid 2pt gray;
    border-radius: 10px;
    text-align: left;
    position: relative;
    user-select: none;
    /*for tooltip*/
    transform: translateZ(0);
    margin-right: 25px;
}
.action-cell[b-8ibui59idi] {
    flex: 1;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sub-title[b-8ibui59idi] {
    color: gray;
    font: 8pt;
}

.disabled[b-8ibui59idi] {
    pointer-events: none;
    opacity: 0.2;
}

.focus[b-8ibui59idi] {
    border-color: green;
}

.cell[b-8ibui59idi]:after {
    content: "";
    position: absolute;
    top: 0; /* Adjust as needed to position the line */
    transform: translateY(-100%);
    left: 19px;
    width: 3px;
    height: 13px; /* Thickness of the line */
    background-color: grey;
}

.first-cell[b-8ibui59idi]:after {
    display: none;
}
.action-flex[b-8ibui59idi]{
    position:relative;
}
.action-flex[b-8ibui59idi]:after {
    content: "";
    position: absolute;
    top: -6px; /* Adjust as needed to position the line */
    /* transform: translateY(-100%);*/
    left: -24px;
    width: 3px;
    height: 100%; /* Thickness of the line */
    background-color: grey;
}
.last-cell[b-8ibui59idi]:after {
    display: none;
}
.collapse-btn[b-8ibui59idi] {
    position: absolute;
    left: -22px;
    color: #333;
    cursor: pointer;
}
/* /Shared/BetaTest.razor.rz.scp.css */
/* /Shared/ContactTable.razor.rz.scp.css */
.contact-table[b-isiebp7y7v] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 10px;
    max-width: 1000px;
}

.setting-title[b-isiebp7y7v] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

tr[b-isiebp7y7v] {
    background-color: white;
}

th[b-isiebp7y7v] {
    white-space: nowrap;
    max-width: 200px;
}

.yellow[b-isiebp7y7v] {
    color: #ffad00;
    cursor: pointer;
}

.edit-icon[b-isiebp7y7v] {
    color: darkgray;
    padding-left: 1rem;
}

    .edit-icon:hover[b-isiebp7y7v] {
        color: gray;
    }

.contact-group[b-isiebp7y7v] {
    color: #6c757d;
    font-weight: bolder;
}

.hide-text-overflow[b-isiebp7y7v] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.star[b-isiebp7y7v] {
}

    .star:hover[b-isiebp7y7v] {
        opacity: 0.7;
    }

.hover-to-show[b-isiebp7y7v] {
    visibility: hidden;
}

.hover-highlight:hover[b-isiebp7y7v] {
    background-color: #f9fafb;
    cursor: pointer;
}

    .hover-highlight:hover .hover-to-show[b-isiebp7y7v] {
        visibility: visible;
    }

.button-group[b-isiebp7y7v] {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 10px;
    justify-content: flex-end;
}
@media (max-width:1400px) {
    .hide-large[b-isiebp7y7v] {
        display: none;
    }
}

@media (max-width:1000px) {
    .hide-mid[b-isiebp7y7v] {
        display: none;
    }

    .hover-to-show[b-isiebp7y7v] {
        visibility: visible;
    }
}
/* /Shared/CustomLayout.razor.rz.scp.css */

.page[b-3tk9664wet] {
    position: relative;
    display: flex;
    flex-direction: column;
    width:100%;
}

main[b-3tk9664wet] {
    flex: 1;
    background-color: #ffffff;
    width:100%;
}
.full-vw[b-3tk9664wet]{
    width:100%;
}
.sidebar[b-3tk9664wet] {
    /* background-image: linear-gradient(180deg, #007cce 0%, #0137a8 70%);*/
    background-image: linear-gradient(rgba(183, 186, 171, 0.47) 0%, rgb(68, 83, 115) 10%);
    position: relative;
    /*(z-index order: field=0, focused field=1 for dropdown, sticky top UI for form and table=2, top-row=3)*/
    z-index: 4;
}
.content[b-3tk9664wet] {
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    background-color: var(--color-main-background);
}
.top-row[b-3tk9664wet] {
    /*background-color: #03395c;*/
    justify-content: flex-start;
    height: 3.5rem;
   /* height:auto;*/
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    width: 100%;
    /*(z-index order: field=0, focused field=1 for dropdown , sticky top UI for form and table=2)*/
    z-index: 3;
}

    .top-row[b-3tk9664wet]  a, .top-row[b-3tk9664wet]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-3tk9664wet]  a:hover, .top-row[b-3tk9664wet]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-3tk9664wet]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

/*@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
    main {
        padding-top: 40px;
    }
}*/

/*min-width: 641px*/
.side-menu-toggler[b-3tk9664wet] {
    display: block;
    position: sticky;
    top: 0;
    opacity: 0.2;
    -webkit-transition: opacity 5s;
    -moz-transition: opacity 5s;
    -ms-transition: opacity 5s;
    -o-transition: opacity 5s;
    transition: opacity 5s;
}
    .side-menu-toggler:active[b-3tk9664wet] {
        opacity: 1;
        -webkit-transition: opacity 0s;
        -moz-transition: opacity 0s;
        -ms-transition: opacity 0s;
        -o-transition: opacity 0s;
        transition: opacity 0s;
    }
    .side-menu-toggler:hover[b-3tk9664wet] {
        opacity: 1;
        -webkit-transition: opacity 0s;
        -moz-transition: opacity 0s;
        -ms-transition: opacity 0s;
        -o-transition: opacity 0s;
        transition: opacity 0s;
    }
.sidebar[b-3tk9664wet] {
    min-width: 300px;
    height: 100vh;
    position: sticky;
    top: 0;
    transition: ease-in-out;
    transition-duration: 0.5s;
}


.collapse-side-menu[b-3tk9664wet] {
    min-width: 0px;
    width: 0px;
}
.full-width[b-3tk9664wet] {
    width: 100%;
}

/*
@media (min-width: 641px) {*/
@media (min-width: 901px) {
    .page[b-3tk9664wet] {
        flex-direction: row;
    }

    .full-width[b-3tk9664wet] {
        width: calc(100vw - 250px);
    }

    .side-menu-toggler[b-3tk9664wet] {
        display: none;
    }

    .collapse-side-menu[b-3tk9664wet] {
        min-width: 150px;
    }

    .sidebar[b-3tk9664wet] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-3tk9664wet] {
        position: relative;
        top: 0;
        align-content: flex-start;
        z-index: 3;
    }

        .top-row.auth[b-3tk9664wet]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }
}
.shadow-15[b-3tk9664wet] {
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}
@media (max-height:500px){
    .side-menu-toggler[b-3tk9664wet]{position:fixed;}
}
/* /Shared/Demo/CustomWindowDisplay.razor.rz.scp.css */
.ref-window[b-n9iin3moc6] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    height: 0;
}
.window-display[b-n9iin3moc6] {
    position: relative;
    box-shadow: 0 4px 17px 6px rgba(0,0,0,.1);
    border-radius: 8px;
    background: white;
    padding: 10px;
    /*transition:top 0.3s ease-in-out;*/
}
.window-transform[b-n9iin3moc6] {
    transform: translateX(0); /*need this to control location of fixed item within its children*/
}
.custom-window-background[b-n9iin3moc6] {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.drag-grip[b-n9iin3moc6] {
    position: absolute;
    /*transition: font-size 0.1s ease-in-out;*/
    z-index: 4;
    font-size: 18pt;
/*    left: 15px;*/
    top: 0;
    padding-top:1px;
}

.drag-grip:hover[b-n9iin3moc6] {
    color: #1b6ec2;
}

.bi-x-lg:hover[b-n9iin3moc6], .bi-arrows-fullscreen:hover[b-n9iin3moc6]{
    color: #1b6ec2;
    cursor:pointer;
}

/*畫div border*/
.cust-border[b-n9iin3moc6] {
    border: 5px solid transparent;
}
#top-border[b-n9iin3moc6] ,#bottom-border[b-n9iin3moc6]{
    width: 100%;
    left: 0;
    position: absolute;
    z-index:5;
}
#right-border[b-n9iin3moc6], #left-border[b-n9iin3moc6] {
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 5;
}
#top-border:hover[b-n9iin3moc6],#bottom-border:hover[b-n9iin3moc6] {
    cursor: ns-resize;
}
#right-border:hover[b-n9iin3moc6], #left-border:hover[b-n9iin3moc6] {
    cursor: ew-resize;
}
#top-border[b-n9iin3moc6] {
    top: 0;
}
#bottom-border[b-n9iin3moc6] {
    bottom: 0;
}
#right-border[b-n9iin3moc6] {
    right: 0;
}
#left-border[b-n9iin3moc6] {
    left: 0;
}

.cust-dot[b-n9iin3moc6] {
    width: 20px;
    height: 20px;
/*    background-color: blue;*/
    z-index: 10;
    position: absolute;
    border-radius:10px;
}

#lefttop-dot[b-n9iin3moc6] {
    transform: translate(-80%, -90%);
}
#righttop-dot[b-n9iin3moc6] {
    transform: translate(30%, -30%);
    top:0;
    right:0;
}
#leftbottom-dot[b-n9iin3moc6] {
    transform: translate(-80%, 20%);
    bottom:0;
}
#rightbottom-dot[b-n9iin3moc6] {
    transform: translate(30%, 20%);
    bottom: 0;
    right: 0;
}
#lefttop-dot:hover[b-n9iin3moc6], #rightbottom-dot:hover[b-n9iin3moc6] {
    cursor: nwse-resize;
}
#leftbottom-dot:hover[b-n9iin3moc6], #righttop-dot[b-n9iin3moc6] {
    cursor: nesw-resize;
}
/* /Shared/DrawUserProfileImage.razor.rz.scp.css */
.profile-background[b-h7dxdo0oy8] {
    position: relative;
    object-fit: cover;
    border-radius: 50%;
}

.first-email-letter[b-h7dxdo0oy8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}
/* /Shared/DriveTokenSetting.razor.rz.scp.css */
.btn-token[b-ol33y61my2] {
    transition: background-color .3s, box-shadow .3s;

    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

    .btn-token:hover[b-ol33y61my2] {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    }

    .btn-token:active[b-ol33y61my2] {
        background-color: #eeeeee;
    }

    .btn-token:focus[b-ol33y61my2] {
        outline: none;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
    }

    .btn-token:disabled[b-ol33y61my2] {
        cursor: not-allowed;
    }
.google-icon[b-ol33y61my2] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    padding: 12px 16px 12px 42px;
}
.onedrive-icon[b-ol33y61my2] {
    padding: 12px 16px 12px 12px;
}
.bi-x-token[b-ol33y61my2] {
    color: red;
    margin-left: 10px;
    cursor:pointer;
}
/* /Shared/FolderItemNavigator.razor.rz.scp.css */
.navbar-toggler[b-u1ehsxd8pk] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-u1ehsxd8pk] {
    height: 3.5rem;
    background-color: #03395c;
}


.oi .bi[b-u1ehsxd8pk] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-u1ehsxd8pk] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-u1ehsxd8pk] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-u1ehsxd8pk] {
        padding-bottom: 1rem;
    }

    .nav-item[b-u1ehsxd8pk]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-u1ehsxd8pk]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-u1ehsxd8pk]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }


.list-group-item[b-u1ehsxd8pk] {
    background-color: transparent;
    color: white;
    border: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right:32px;
}

.list-group-item span[b-u1ehsxd8pk] {
    vertical-align:central;
    padding-right: 0.5rem;
    font-size: 10px;
}
    .list-group-item:hover[b-u1ehsxd8pk]:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        right: 0;
        bottom: 2px;
        backdrop-filter: brightness(1.2) contrast(80%);
        border-radius: 10px 0 0 10px;
        -webkit-mask: -webkit-gradient( linear, left top,right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)) );
        /* backdrop-filter: contrast(80%);*/
    }

.current-page[b-u1ehsxd8pk]:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 2px;
    backdrop-filter: brightness(1.2) contrast(80%);
    border-radius: 10px 0 0 10px;
    -webkit-mask: -webkit-gradient( linear, left top,right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)) );
}
.level2[b-u1ehsxd8pk] {
    padding-left: 1.5rem;
}

.item_padding[b-u1ehsxd8pk] {
    padding-left: 0.5rem;
    display: flex;
    align-items: center;
    position:relative;
}



.search-input[b-u1ehsxd8pk] {
    border: 0px;
    background-color: transparent;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    color: white;
  width:100%;
}

    .search-input[b-u1ehsxd8pk]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: white;
        opacity: 1; /* Firefox */
    }

.input-container[b-u1ehsxd8pk] {
    padding-top: 0.25rem;
    padding-left:1rem;
    color: white;
    display: flex;
    width: 100%;
    /*margin-bottom: 15px;*/
    background-color: transparent;
}

.search-bar-selected[b-u1ehsxd8pk] {
    border: 1px solid;
    border-color: lightgray;
}

.empty-space[b-u1ehsxd8pk] {
    flex-grow: 1;
}
.top-empty-space[b-u1ehsxd8pk] {
    background-color: transparent;
    color: white;
    border: 0px;
    white-space: nowrap;
    padding:0;
}
.extracss[b-u1ehsxd8pk] {
    padding-top: 0.5rem;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
    height: calc(100vh - 90px);
}
.list-container[b-u1ehsxd8pk] {
    overflow: auto;
}

    .list-container[b-u1ehsxd8pk]::-webkit-scrollbar {
        display: none;
    }

.till-bottom[b-u1ehsxd8pk] {
    width:100%;
    bottom:0;
}
.item-dragged-box[b-u1ehsxd8pk] {
    border: 1px solid black;
    background-color: darkgrey; opacity:0.5;
    margin: 0.5rem 1rem;
    min-height:40px;
}
.item-dragged[b-u1ehsxd8pk] 
{
    position:absolute;
}

@media (min-width: 641px) {
    .navbar-toggler[b-u1ehsxd8pk] {
        display: none;
    }

    .collapse[b-u1ehsxd8pk] {
        /* Never collapse the sidebar for wide screens */
        display: flex;
    }
}
.btn-plus-white[b-u1ehsxd8pk] {
    padding: 0.2rem;
    color: white;
    cursor: pointer;
}
    .btn-plus-white:hover[b-u1ehsxd8pk] {
        color: lightskyblue;
    }
.btn-move-white[b-u1ehsxd8pk] {
    padding: 0.2rem;
    color: white;
    cursor: pointer;
}
.btn-move-white:hover[b-u1ehsxd8pk] {
    color: lightskyblue;
}
.side-menu-buttons[b-u1ehsxd8pk] {
    display: flex;
    padding: 0 0 0 1.5rem;
    color: white;
    position:relative;
}
.add-button[b-u1ehsxd8pk] {
    width: -webkit-fill-available;
    cursor: pointer;
    padding: 0.5rem 0rem 0.5rem 0;
    position:relative;
    
}

    .add-button:hover[b-u1ehsxd8pk]:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0.2rem 0rem 0.2rem 0;
        backdrop-filter: brightness(1.2) contrast(80%);
        border-radius: 10px 0 0 10px;
        -webkit-mask: -webkit-gradient( linear, left top,right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)) );
        /* backdrop-filter: contrast(80%);*/
    }
.folder-item-area[b-u1ehsxd8pk]:after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
   /* background-image: linear-gradient(to bottom, rgba(255,255,255,0) 90%, rgb(68 83 115) 100%),linear-gradient(to top, rgba(255,255,255,0) 95%, rgb(68 83 115) 100%);*/
    width: 100%;
    top: 200px;
}
.bi-share[b-u1ehsxd8pk]{
    position:absolute;
    right:0;

}
.work-space[b-u1ehsxd8pk] {
    padding: 8px;
    width: 80%;
    margin: 10px 6px;
    border-radius: 10px;
    margin-left: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.hover-color-gray:hover[b-u1ehsxd8pk] {
    cursor: pointer;
    background: #ffffff26;
}
.my-collections[b-u1ehsxd8pk]{
    font-size:10pt;
    color:grey;
}
.shared-collection[b-u1ehsxd8pk] {
    font-size: 10pt;
    color: grey;
}
.collection-name[b-u1ehsxd8pk] {
    padding: 5px;
    margin: 1px;
    border-radius: 6px;
    cursor:pointer;
}
    .collection-name:hover[b-u1ehsxd8pk] {
        background-color: #80808021;
        
    }
.hover-plus:hover[b-u1ehsxd8pk]{
    cursor:pointer;
    color:black;
}
.selected-collection[b-u1ehsxd8pk] {
    box-shadow: 1px 2px 4px 1px #d6d6d6 inset;
    background-color: #eff6ff;
}
.inputWithIcon input[type="text"][b-u1ehsxd8pk] {
    padding-left: 40px;
   
}

.inputWithIcon[b-u1ehsxd8pk] {
    position: relative;
    width:80%;

}
    .inputWithIcon .search-input[b-u1ehsxd8pk] {
        padding-left: 30px;
        position: relative;
        margin-left: -5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    

    .inputWithIcon i[b-u1ehsxd8pk] {
        position: absolute;
        left: 3px;
        top: 5px;
       /* padding: 9px 8px;*/
      
        transition: 0.3s;
    }

    .inputWithIcon input[type="text"]:focus + i[b-u1ehsxd8pk] {
        color: dodgerBlue;
    }

    .inputWithIcon.inputIconBg i[b-u1ehsxd8pk] {
        background-color: #aaa;
        color: #fff;
        padding: 9px 4px;
        border-radius: 4px 0 0 4px;
    }

    .inputWithIcon.inputIconBg input[type="text"]:focus + i[b-u1ehsxd8pk] {
        color: #fff;
        background-color: dodgerBlue;
    }
/* /Shared/FolderItemSelect.razor.rz.scp.css */

*[b-7ajkaf6otq]::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
}

*[b-7ajkaf6otq]::-webkit-scrollbar-button {
    display: none;
}

*[b-7ajkaf6otq]::-webkit-scrollbar-track {
    background-color: #00000000;
}

*[b-7ajkaf6otq]::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}

*[b-7ajkaf6otq]::-webkit-scrollbar-thumb {
    background-color: #00000040;
    border: 1px solid #ffffff40;
    border-radius: 4px;
}

[b-7ajkaf6otq]::-webkit-scrollbar-corner {
    /*
background-image: url(resources/corner.png);
background-repeat: no-repeat;
*/
    background-color: transparent;
}

.list-group-item[b-7ajkaf6otq] {
    text-align: left;
}
label[b-7ajkaf6otq] {
    cursor: pointer;
}

input[type=checkbox][b-7ajkaf6otq] {
    cursor: pointer;
}
.fa-folder-open[b-7ajkaf6otq], .tree .fa-folder[b-7ajkaf6otq] {
    color: #007bff;
    width: 20px;
}

.fa-table-list[b-7ajkaf6otq] {
    color: #2ba805;
    width: 20px;
}

.fa-file-lines[b-7ajkaf6otq] {
    color: #a88b05;
    width: 20px;
}

.fa-chart-pie[b-7ajkaf6otq] {
    color: #dc3545;
    width: 20px;
}
.labels[b-7ajkaf6otq]{
    display:flex;

}
.input-container[b-7ajkaf6otq]{
    padding-top:10px;
}
/* /Shared/FolderItemSelectFolder.razor.rz.scp.css */
.indent[b-o6tflzdu4m] {
    margin-left: 2rem;
}
.list-group-item[b-o6tflzdu4m] {
    text-align: left;
}
label[b-o6tflzdu4m] {
    cursor: pointer;
}
input[type=checkbox][b-o6tflzdu4m] {
    cursor: pointer;
}
.fa-folder-open[b-o6tflzdu4m], .tree[b-o6tflzdu4m], .fa-folder[b-o6tflzdu4m] {
    color: #007bff;
    width: 20px;
}

.fa-table-list[b-o6tflzdu4m] {
    color: #2ba805;
    width: 20px;
}

.fa-file-lines[b-o6tflzdu4m] {
    color: #a88b05;
    width: 20px;
}

.fa-chart-pie[b-o6tflzdu4m] {
    color: #dc3545;
    width: 20px;
}
/* /Shared/FolderPermissionSetup.razor.rz.scp.css */
.hover-change :hover[b-sefuhrshbp] {
    background-color: aliceblue;
    color: gray;
    cursor: pointer;
}
/* /Shared/FrontEnd/DynamicButton.razor.rz.scp.css */

.btn[b-n6e5r0a8a4] {
    background-color: transparent;
    position: relative;
    border: none;
    transform: translateZ(0px);

}

.btn-text[b-n6e5r0a8a4] {
    position: fixed;
    transform: translate(calc(-50% ), -130%);
    /*width: fit-content;
    height: fit-content;*/
    background-color: gray;
    /*background-color: rgb(168, 7, 7);*/
    padding: 4px 8px;
    border-radius: 5px;
    transition: .2s linear !important;
    transition-property: opacity;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition-delay: .2s !important;
    text-wrap: nowrap;
}
.icon[b-n6e5r0a8a4] {
    transform: scale(1.2);
    transition: .2s linear;
}
.btn:hover > .icon[b-n6e5r0a8a4] {
    transform: scale(1.5);
}
.btn:focus[b-n6e5r0a8a4] {
    box-shadow: none;
    outline: none;
}
.btn:hover > .icon[b-n6e5r0a8a4] {
    fill:gray;
    color: gray;
/*    fill: rgb(168, 7, 7);
    color: rgb(168, 7, 7);*/
}
.btn:hover .btn-text[b-n6e5r0a8a4] {
    visibility: visible;
    transform: translate(calc(-50% ), -150%);
    transition-delay: 0s !important;
    opacity: 1;
}
.text-color-red[b-n6e5r0a8a4] {
    background-color: rgb(168, 7, 7);
}
.btn:hover > .color-red[b-n6e5r0a8a4] {
    fill: rgb(168, 7, 7);
    color: rgb(168, 7, 7);
}

.text-color-green[b-n6e5r0a8a4] {
    background-color: green;
}
.btn:hover > .color-green[b-n6e5r0a8a4] {
    fill: green;
    color: green;
}


.text-color-blue[b-n6e5r0a8a4] {
    background-color: #037bfa;
}

.btn:hover > .color-blue[b-n6e5r0a8a4] {
    fill: #037bfa;
    color: #037bfa;
}
/* /Shared/Gadgets/ChangeLanguageButton.razor.rz.scp.css */
.change-language[b-il0oihgwdn] {
    font-size: 16px;
    opacity: 0.3;
    cursor: pointer;
}

    .change-language:hover[b-il0oihgwdn] {
        opacity: 1;
    }
/* /Shared/Gadgets/CheckBox.razor.rz.scp.css */
.form-check[b-17ki6zo7ri] {
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    flex: 1 0 33.333%;
}
.form-check-label[b-17ki6zo7ri] {
    padding: 0 5px;
}
.form-check-input[b-17ki6zo7ri] {
    margin: 0;
}
.flex-row[b-17ki6zo7ri] {
    flex-direction: row;
}
.checkbox-container[b-17ki6zo7ri] {
    flex-wrap: wrap;
}
@media only screen and (min-width:150px) {
    .checkbox-container[b-17ki6zo7ri] {
        display:flex;
    }
}
/* /Shared/Gadgets/ColorPalette.razor.rz.scp.css */
.palette-wrapper[b-jbynwdx3dj] {
    position:fixed;
    padding: 10px;
    border-radius: 15px;
    /* border: solid black 1pt;*/
    width: fit-content;
    background: #e9ecef;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    visibility:hidden;
    outline:none;
   /* margin: 10px;*/
}
.color-button-dropdown:focus-within .palette-wrapper[b-jbynwdx3dj] {
    visibility: visible;
}
.palette-container[b-jbynwdx3dj] {
    display: flex;
    position: relative;
    width: 131px;
    flex-wrap: wrap;
}
.color-item[b-jbynwdx3dj] {
    width: 24px;
    height: 24px;
    background-color: red;
    border-radius: 5px;
    margin: 2px;

}
.hover-border[b-jbynwdx3dj] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.picker:hover .hover-border[b-jbynwdx3dj] {
    inset: -3px;
    border: 4px solid #dcdfec;
    border-radius: 5px;
    margin: 2px;
    position: absolute;
}
.picker[b-jbynwdx3dj] {
    margin: 2px;
    position: relative;
    list-style-type: none;
    display: flex;

}
.custom-color-wrapper[b-jbynwdx3dj] {
    display: flex;
    padding-top: 10px;
    font-weight: bold;
}
.color-input[b-jbynwdx3dj] {
    margin-left: 5px;
}
.color-button-dropdown[b-jbynwdx3dj]{
    padding:2px;
}
.color-button[b-jbynwdx3dj] {
    padding: 2px;
    border: solid 1px #21252959;
}
/* /Shared/Gadgets/ContextMenuGadget.razor.rz.scp.css */
.context-menu[b-9dnzgxz41h] {
    visibility: visible;
    display: flex;
    flex-direction: column;
    position: fixed;
    user-select: none;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px 3px grey;
    padding: 5px 0px;
    min-width: 150px;
    width: auto;
    height: auto;
    gap: 1px;
    text-align: left;
}
.contextmenu-divider[b-9dnzgxz41h] {
    height: 1px;
    margin: 4px 0;
}

    .context-menu:focus-within[b-9dnzgxz41h] {
        border: none;
        visibility: visible;
    }
    .context-menu:not(:focus-within)[b-9dnzgxz41h] {
        visibility: hidden;
    }
li[b-9dnzgxz41h] {
    list-style-type: none;
    padding-left:30px;
}
.list-container:hover[b-9dnzgxz41h] {
    background-color: rgb(230,230,230);
}
/* /Shared/Gadgets/FlipEffect.razor.rz.scp.css */

.flip-container[b-57q32zc287] {
   /* perspective: 1000px;*/
    position:relative;
    width: 1000;
    min-height: 1000px;
    overflow: hidden; /* Hide overflow to clip sliding content */
}

.slider[b-57q32zc287] {
    display: flex;
    width: 200%;
}
.slider-left[b-57q32zc287] {
    display: flex;
    width: 200%;
    flex-direction: row;
    right: 0;
    position: absolute;
}


.slide[b-57q32zc287] {
    transition: transform 0.5s ease-in-out;
    transform: translateX(-50%);
}
.slide-left[b-57q32zc287] {
    transition: transform 0.5s ease-in-out;
    transform: translateX(50%);
    flex-direction: row;
    right: 0;
    position: absolute;
}
.slide-right[b-57q32zc287] {
    transition: transform 0.5s ease-in-out;
    transform: translateX(-50%);
    position: absolute;
}

.content[b-57q32zc287] {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px;
}

    .content:nth-child(2)[b-57q32zc287] {
        /*background-color: #f0f0f0;*/ /* Back content background color */
    }
.slider.sliding[b-57q32zc287] {
    transition: transform 0.5s;
}
/* /Shared/Gadgets/FloatingLabelInput.razor.rz.scp.css */
.test-wrapper[b-gw5wp43qw5] {
    --color-black: #1a1a1a;
    --color-grays: #a6a6a6;
    --color-light: white;
    --color-white: white;
    --color-blues: #36f;
    --shadow-normal: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(255, 0, 0,0.58), 0 4px 6px -2px rgb(155, 216, 0);
    flex: 1;
}
input:-webkit-autofill[b-gw5wp43qw5] {
    -webkit-box-shadow: 0 0 0px 100px white inset;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    z-index:0;
}

*[b-gw5wp43qw5], *[b-gw5wp43qw5]::before, *[b-gw5wp43qw5]::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    list-style-type: none;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
/*
html {
    font-size: 100%;
    box-sizing: inherit;
    scroll-behavior: smooth;
}

body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-black);
    background: var(--color-white);
}

main {
    overflow: hidden;
}
a, button {
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    box-shadow: none;
    text-decoration: none;
}

img, video {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.section {
    margin: 0 auto;
    padding: 4rem 0 2rem;
}

.container {
    max-width: 75rem;
    height: auto;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.centered {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1rem;
}

.heading {
    font-family: inherit;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-black);
    text-transform: uppercase;
}

.btn {
    display: inline-block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    user-select: none;
    outline: none;
    border: none;
    border-radius: 0.25rem;
    text-transform: unset;
    box-shadow: var(--shadow-medium);
    transition: all 0.3s ease-in-out;
}

.btn-primary {
    padding: 0.75rem 1.5rem;
    margin-top: 1rem;
    color: var(--color-white);
    background: var(--color-blues);
    box-shadow: var(--shadow-medium);
}
*/

.form-control[b-gw5wp43qw5] {
    position: relative;
    width: 100%;
    height: 3rem;
    margin-bottom: 1.5rem;
    border: none;
}

.form-label[b-gw5wp43qw5] {
    position: absolute;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    left: 1rem;
    top: 0.75rem;
    padding: 0 0.25rem;
    color: var(--color-gray);
    background: transparent;
    transition: all 0.3s ease;
    user-select: none;
}

.form-input[b-gw5wp43qw5] {
    position: absolute;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    top: 0;
    left: 0;
    resize: none;
    width: 100%;
    height: auto;
    padding: 0.65rem 1.25rem;
    border-radius: 0.25rem;
    border: 2px solid var(--color-grays);
    color: var(--color-black);
    background: transparent;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

    .form-input[b-gw5wp43qw5]::placeholder {
        opacity: 0;
        visibility: hidden;
        color: transparent;
        user-select: none;
    }

    .form-input:focus[b-gw5wp43qw5] {
        outline: none;
        border: 2px solid var(--color-blues);
    }
.form-border-covered[b-gw5wp43qw5] {
    display: none;
    z-index: 1;
}
.form-input:focus ~ .form-border-covered[b-gw5wp43qw5] {

    position: absolute;
    float: left;
    margin-left: 1rem;
    background-color: white; /*This would have to be the same as the background*/
    height: 2px;
    /*width: 3rem;*/
    width: auto;
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: transparent;
    user-select: none;
}

.form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-border-covered[b-gw5wp43qw5] {
    position: absolute;
    float: left;
    margin-left: 1rem;
    background-color: white; /*This would have to be the same as the background*/
    height: 2px;
    /*width: 3rem;*/
    width: auto;
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: transparent;
    user-select: none;
}


.form-input:focus ~ .form-label[b-gw5wp43qw5] {
    top: -0.75rem;
    left: 1rem;
    z-index: 5;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-blues);
    transition: all 0.2s ease-in-out;
    background: transparent;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    user-select: none;
}

.form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label[b-gw5wp43qw5] {
    top: -0.75rem;
    left: 1rem;
    z-index: 9;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    user-select: none;
}

.contact-column[b-gw5wp43qw5] {
    max-width: 30rem;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.contact-inform[b-gw5wp43qw5] {
    padding: 4rem 2rem 2rem;
    border-radius: 0.25rem;
    color: var(--color-black);
    background: inherit;
    box-shadow: var(--shadow-large);
}
/* /Shared/Gadgets/GoogleMap/GoogleMap.razor.rz.scp.css */
.iframe-container[b-92efmr9if6] {
    width: 100%;
    height: 100%;
    background: url(/maploader.gif) center center no-repeat;
    background-size: contain; /* Ensure the background covers the entire container */
}


/* /Shared/Gadgets/InputInfiniteScrolling_pendingDelete.razor.rz.scp.css */



/* The container <div> - needed to position the dropdown content */
.dropdown[b-5bo4aayqgr] {
    position: relative;
    display: inline-block;
    width: -webkit-fill-available;
}

input[b-5bo4aayqgr] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
    padding-right: 1rem;
}
/* Style The Dropdown Button */
.dropbtn[b-5bo4aayqgr] {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content[b-5bo4aayqgr] {
    display: block;
    width: -webkit-fill-available;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a[b-5bo4aayqgr] {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover[b-5bo4aayqgr] {
            background-color: #f1f1f1
        }
@media only screen and (max-width:768px) {
    .dropdown-content[b-5bo4aayqgr] {
        position: absolute;
    }
}
/* Show the dropdown menu on focus */
/*.dropdown:focus-within .dropdown-content {
    display: block;
}
*/
.dropdown:focus-within .dropdown-content[b-5bo4aayqgr] {
    border: none;
    z-index: 1;
    visibility: visible;
}

.dropdown:not(:focus-within) .dropdown-content[b-5bo4aayqgr] {
    visibility: hidden;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn[b-5bo4aayqgr] {
    background-color: #3e8e41;
}

.search[b-5bo4aayqgr] {
    outline: none;
    padding-right: 1.5rem;
}

.bi-x[b-5bo4aayqgr] {
    font-size: 15pt;
    cursor: pointer;
}
.bi-wrapper[b-5bo4aayqgr] {
    position: absolute;
    right: 14px;
    display: flex;
    flex-direction: row-reverse;
    height: auto;
}
.bi-arrow-clockwise[b-5bo4aayqgr] {
    font-size: 10pt;
    cursor: pointer;
    place-self: center;
}
/* /Shared/Gadgets/LinkColumnInput.razor.rz.scp.css */



/* The container <div> - needed to position the dropdown content */
.dropdown[b-5d33mbz1ps] {
    position: relative;
    height:100%;
    display: inline-block;
    width: -webkit-fill-available;
}

input[b-5d33mbz1ps] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
    padding-right: 1rem;
}
/* Style The Dropdown Button */
.dropbtn[b-5d33mbz1ps] {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content[b-5d33mbz1ps] {
    display: block;
    width: -webkit-fill-available;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    overflow-x:hidden;
}

    /* Links inside the dropdown */
    .dropdown-content a[b-5d33mbz1ps] {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    /* Links inside the dropdown */
    .dropdown-content td[b-5d33mbz1ps] {
        text-wrap: nowrap;
    }
        /* Change color of dropdown links on hover */
        .dropdown-content a:hover[b-5d33mbz1ps] {
            background-color: #f1f1f1
        }
@media only screen and (max-width:768px) {
    .dropdown-content[b-5d33mbz1ps] {
        position: absolute;
    }
}
/* Show the dropdown menu on focus */
/*.dropdown:focus-within .dropdown-content {
    display: block;
}
*/
.dropdown:focus-within .dropdown-content[b-5d33mbz1ps] {
    border: none;
    z-index: 1;
    visibility: visible;
}

.dropdown:not(:focus-within) .dropdown-content[b-5d33mbz1ps] {
    display:none;
    /*visibility: hidden;*/
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn[b-5d33mbz1ps] {
    background-color: #3e8e41;
}

.search[b-5d33mbz1ps] {
    outline: none;
    padding-right: 1.5rem;
}

.bi-x[b-5d33mbz1ps] {
    font-size: 15pt;
    cursor: pointer;
}
.bi-wrapper[b-5d33mbz1ps] {
    position: absolute;
    right: 14px;
    display: flex;
    flex-direction: row-reverse;
    /*height: 100%;*/
}
.bi-arrow-clockwise[b-5d33mbz1ps] {
    font-size: 10pt;
    cursor: pointer;
    place-self: center;
}
.quick-link-add[b-5d33mbz1ps] {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
    padding-bottom: 10px;
}
/* /Shared/Gadgets/OffCanvas.razor.rz.scp.css */
/*.offcanvas
{
    display:none;
}

.screen-ref{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    pointer-events:none;
}*/
/* /Shared/Gadgets/PointerAnimation.razor.rz.scp.css */

.circle-wrap[b-cqiwbbiqjk] {
    position: fixed;
    width: 30px;
    height: 30px;
    /*  background: #fefcff;*/
    border-radius: 50%;
    /*transform: translate(-15px,-15px);*/
    transform: translate(-15px,-100px);
}   

    .circle-wrap .circle .mask[b-cqiwbbiqjk],
    .circle-wrap .circle .fill[b-cqiwbbiqjk] {
        width: 30px;
        height: 30px;
        position: absolute;
        border-radius: 50%;
    }

    .circle-wrap .circle .mask[b-cqiwbbiqjk] {
        clip: rect(0px, 30px, 30px, 15px);
    }

    .circle-wrap .inside-circle[b-cqiwbbiqjk] {
        width: 122px;
        height: 122px;
        border-radius: 50%;
        background: #d2eaf1;
        line-height: 120px;
        text-align: center;
        margin-top: 14px;
        margin-left: 14px;
        color: #1e51dc;
        position: absolute;
        z-index: 100;
        font-weight: 700;
        font-size: 2em;
    }

/* color animation */

/* 3rd progress bar */
.mask .fill[b-cqiwbbiqjk] {
    clip: rect(0px, 15px, 30px, 0px);
    /* background-color: #227ded;*/
    opacity: 0.5;
    background: radial-gradient(transparent 50%, transparent 50%, white 0%);
}

/*.mask.full,
.circle .fill {
    animation: fill linear 2s;
    transform: rotate(180deg);
}*/


/*.fill {
    animation: fill linear 2s;
    transform: rotate(180deg);
}

.full {
    animation: fill linear 2s;
    transform: rotate(180deg);
}

*/

/*.mask.full {
    animation: fill linear 2s;
    transform: rotate(180deg);
}

*/
@keyframes fill-b-cqiwbbiqjk {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}
/* /Shared/Gadgets/PopUp.razor.rz.scp.css */
.modal-dialog[b-ofaw5qovgz] {
    max-width: none;
}
.modal[b-ofaw5qovgz] {
    width: 100%;
    /*width: inherit;*/
    right: -17px !important;
    overflow-x: auto;
}
.modal-header[b-ofaw5qovgz] {
    display:block;
}
.modal-header-wrapper[b-ofaw5qovgz] {
    display: flex;
    justify-content: space-between;
}
/*.drop-in-2 {
    animation: drop-in 1200ms ease 500ms backwards;
}
*/
.custom-background[b-ofaw5qovgz] {
    display: block;
    background-image: url('background2.png');
    position: fixed;
    top: 0;
    filter: blur(8px) brightness(50%);
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
}
.pop-background[b-ofaw5qovgz] {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*@keyframes drop-in {
    from {
        opacity: 0;
        width: 0;
        height: 0;
        transform: translateY(200px);
        overflow: hidden;
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}*/
.pop[b-ofaw5qovgz] {
    opacity: 0;
  /*  transform: translateY(20px);*/
    transition: opacity 0.5s ease, transform 0.5s ease;
}
    .pop.popshow[b-ofaw5qovgz] {
        opacity: 1;
       /* transform: translateY(0);*/
    }
/* /Shared/Gadgets/ProgressSteps.razor.rz.scp.css */
ul.progress-bar[b-h2gkr3rpdc] {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    display: block;
    background-color: inherit;
    min-width: 150px;
    overflow: unset;
}

li.section[b-h2gkr3rpdc] {
    display: inline-block;
    padding-top: 45px;
    font-size: 10pt;
    font-weight: bold;
    line-height: 16px;
    color: gray;
    vertical-align: top;
    position: relative;
    text-align: center;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}

    li.section[b-h2gkr3rpdc]:before {
        content: '';
        position: absolute;
        top: 2px;
        left: calc(50% - 15px);
        z-index: 1;
        width: 30px;
        height: 30px;
        color: white;
        border: 2px solid white;
        border-radius: 17px;
        line-height: 30px;
        background: gray;
        cursor:pointer;
    }
/* Style for the overlay element */
.pseudo-element-click-target[b-h2gkr3rpdc] {
    position: absolute;
    top: 2px;
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent; /* Set background as transparent to capture click events */
    border-radius: 17px;
}

    .pseudo-element-click-target:hover[b-h2gkr3rpdc] {
        z-index: 4 !important; /* Place this above the pseudo-element, use z-index 4 to make sure onhover item is above folder item navigation */
    }

.status-bar[b-h2gkr3rpdc] {
    height: 2px;
    background: gray;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.current-status[b-h2gkr3rpdc] {
    height: 2px;
    width: 0;
    border-radius: 1px;
    background: mediumseagreen;
}

@keyframes changeBackground-b-h2gkr3rpdc {
    from {
        background: gray
    }

    to {
        background: mediumseagreen
    }
}

li.section.visited[b-h2gkr3rpdc]:before {
    content: '\2714';
    animation: changeBackground-b-h2gkr3rpdc .5s linear;
    animation-fill-mode: forwards;
}

li.section.fail[b-h2gkr3rpdc]:before {
    content: '\2716';
    animation:  .5s linear;
    animation-fill-mode: forwards;
}

li.section.visited.current[b-h2gkr3rpdc]:before {
    box-shadow: 0 0 0 2px mediumseagreen;
}
.label-clickable[b-h2gkr3rpdc]{
    cursor: pointer;
    position:relative;
}
/* Additional CSS for vertical display */
.progress-bar-vertical[b-h2gkr3rpdc] {
    height: 350px;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    display: block;
    background-color: inherit;
    position:relative;
    width:200px;
}

    .progress-bar-vertical .status-bar[b-h2gkr3rpdc] {
        display:flex;
        position:absolute;
        top:0;
        width: 2px;
        height: 100%;
        margin: 20px auto;
        left:30px;
    }

    .progress-bar-vertical .current-status[b-h2gkr3rpdc] {
        width: 2px;
        height: 0;
    }

    .progress-bar-vertical ul.progress-bar[b-h2gkr3rpdc] {
        height: 100%;
        display:flex;
    }

    .progress-bar-vertical li.section[b-h2gkr3rpdc] {
        align-items: center;
        padding-left: 50px;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }

        .progress-bar-vertical li.section[b-h2gkr3rpdc]:before {
            top: 2px;
            left: 15px;
            right: 2px;
        }
    .progress-bar-vertical span.pseudo-element-click-target[b-h2gkr3rpdc] {
        position: absolute;
        top: 2px;
        left: 15px;
        z-index: 2; /* Place this above the pseudo-element */
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: transparent; /* Set background as transparent to capture click events */
        border-radius: 17px;
    }

    .text-left[b-h2gkr3rpdc]{
        text-align: left;
        font-size: 12pt;
    }

    p[b-h2gkr3rpdc]{
        white-space: pre-wrap;
    }
span[b-h2gkr3rpdc] {
    white-space: pre-line;
}
/* /Shared/Gadgets/RecordCalendar.razor.rz.scp.css */
.calendar-setting-wrapper[b-5l9jgs255g] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 10px;
    padding-left: 15px;
    margin: 10px;
    background: white;
    border-radius: 10px;
    min-width: 280px;
/*    overflow: hidden;*/
    position: relative;
    background-color: floralwhite;
}
.bi-chevron-compact-right[b-5l9jgs255g]{
    color:gray;
}
.bi-chevron-compact-left[b-5l9jgs255g]{
    color:gray;
}
.setting-button[b-5l9jgs255g] {
    display: flex;
    align-items: center;
}
.calendar-container[b-5l9jgs255g]{
    transition: width 0.5s ease-in-out;
    overflow: auto;
}
.focused-map[b-5l9jgs255g]{
}
.focus-indicator[b-5l9jgs255g] {
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #4285f4;
}
.focus-menu[b-5l9jgs255g] {
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: antiquewhite;
}
.icon-add[b-5l9jgs255g] {
    cursor: pointer;
    font-size: 16pt;
}
    .icon-add:hover[b-5l9jgs255g]{
        color:green;
    }
.icon-del[b-5l9jgs255g] {
    cursor: pointer;
    font-size: 16pt;
}
    .icon-del:hover[b-5l9jgs255g] {
        color: red;
    }
.select-class[b-5l9jgs255g]{
    width: 90%;
}
.bi-gear[b-5l9jgs255g] {
    cursor:pointer;
    font-size:25px;
}
@media (max-width: 980px) {
    /* 當螢幕寬度 ≤ 980px 時，才會套用這些樣式 */
    .calendar-container[b-5l9jgs255g], .setting-button[b-5l9jgs255g] {
        display: none !important;
    }
}
.group-setting[b-5l9jgs255g] {
    max-height:250px;
    overflow-y:auto;
}
.bi-three-dots-vertical[b-5l9jgs255g] {
    cursor:pointer;
}
.group-title[b-5l9jgs255g]{
    min-width: 109px;
    white-space: nowrap;
    max-width: 109px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bi-eye[b-5l9jgs255g],.bi-eye-slash[b-5l9jgs255g]{
    cursor: pointer;
    font-size: 20px;
    margin-left: 20px;
}
.group-setting-wrapper[b-5l9jgs255g] {
    min-width:250px;
    max-width:250px;
}
.group-nav[b-5l9jgs255g] {
    text-align:center;
}
i[b-5l9jgs255g]{
    cursor:pointer;
}
/* /Shared/Gadgets/SimpleMenu/SimpleMenu.razor.rz.scp.css */
.context-menu[b-sbsm4ldno7] {
    position: fixed;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
/*    width: 200px;*/
    font-size: 12pt;
    outline: none;
    opacity: 0;
    border-radius: 5px;
    /*overflow:hidden;*/
}

    .context-menu:focus-within[b-sbsm4ldno7] {
        border: none;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition: transform 0.3s ease,opacity 0.3s ease; /* Add a transition for opacity */
    }

    .context-menu:not(:focus-within)[b-sbsm4ldno7] {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-10px);
        transition: transform 0s ease,opacity 0s ease; /* Add a transition for opacity */
    }

.btn-hover:focus[b-sbsm4ldno7] {
    outline: none;
    box-shadow: none;
}

.btn-hover:hover[b-sbsm4ldno7] {
    background-color: #f1f1f1;
}
.span-check[b-sbsm4ldno7]{
    float:left;
}
/* Style for the submenu container */
.submenu-container[b-sbsm4ldno7] {
    position: absolute; /* Position the submenu absolutely */
    /*   left: 100%;*/ /* Place the submenu to the right of the parent option */
    /* top: 0;*/ /* Align the top of the submenu with the top of the parent option */
    background-color: #fff; /* Background color for the submenu */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow to the submenu */
    min-width: 120px; /* Set a minimum width for the submenu */
    width: 200px;
    z-index: 100; /* Adjust z-index to ensure submenu appears above other content */
    padding: 5px; /* Add padding for content inside the submenu */

    transition: transform 0.3s ease,visibility 0.3s ease; /* Add a transition for opacity */
}

    /* Style for submenu items */
    .submenu-container button[b-sbsm4ldno7] {
        display: block;
        width: 100%;
        border: none;
        padding: 5px 10px;
        text-align: left;
        white-space: nowrap;
        cursor: pointer;
        background-color: transparent;
        transition: background-color 0.2s;
        text-align-last: center;
    }

        /* Style for submenu item hover effect */
        .submenu-container button:hover[b-sbsm4ldno7] {
            background-color: lightgrey; /* Change background color on hover */
        }

.first-layer-option[b-sbsm4ldno7]{
    width:100%;
    position:relative;
    border-radius: 0px;
    white-space:nowrap;
}
.first-layer-button[b-sbsm4ldno7] {
    width: 100%;
    border-radius: 0px;
}
/* Add this to your existing styles or in a separate CSS file */
.separator[b-sbsm4ldno7] {
    height: 1px;
    background-color: #ccc; /* Adjust the color as needed */
    margin: 5px 0; /* Adjust the margin as needed */
}

    .separator-label .separator[b-sbsm4ldno7] {
        height: 1px;
        background-color: #ccc; /* Adjust the color as needed */
        margin-top: 5px; /* Adjust the margin as needed */
    }
.separator-label[b-sbsm4ldno7] {
    color: #8080806e;
    font-weight: bold;
}
.btn[b-sbsm4ldno7]{
    text-align:left;
}
.option-disabled[b-sbsm4ldno7] {
    color: #c7c7c7;
}
    .option-disabled:hover[b-sbsm4ldno7] {
        background-color: inherit;
        cursor: not-allowed;
    }
/* /Shared/Gadgets/Toast.razor.rz.scp.css */
.toast[b-1ujgsngqe6] {
    display: none;
    padding: 1.5rem;
    color: #fff;
    z-index: 9999;
    /*position: absolute;*/
    position: fixed;
    border-radius: 1rem;
    width: 25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toast-icon[b-1ujgsngqe6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    font-size: 3.5rem;
}

.toast-body[b-1ujgsngqe6] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 1rem;
}

    .toast-body p[b-1ujgsngqe6] {
        margin-bottom: 0;
    }

.toast-visible[b-1ujgsngqe6] {
    display: flex;
    flex-direction: row;
    animation: fadein-b-1ujgsngqe6 1.5s;
}

@keyframes fadein-b-1ujgsngqe6 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Shared/Gadgets/ToggleButton.razor.rz.scp.css */

.can-toggle[b-hxyl1zw5n8] {
    position: relative;
    width: 143px;
    height: 36px;
}

    .can-toggle *[b-hxyl1zw5n8], .can-toggle *[b-hxyl1zw5n8]:before, .can-toggle *[b-hxyl1zw5n8]:after {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .can-toggle input[type="checkbox"][b-hxyl1zw5n8] {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

        .can-toggle input[type="checkbox"][disabled] ~ label[b-hxyl1zw5n8] {
            pointer-events: none;
        }

            .can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch[b-hxyl1zw5n8] {
                opacity: 0.4;
            }

        .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:before {
            content: attr(data-unchecked);
            left: 0;
        }

        .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            content: attr(data-checked);
        }

    .can-toggle label[b-hxyl1zw5n8] {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .can-toggle label .can-toggle__label-text[b-hxyl1zw5n8] {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-left: 32px;
        }

        .can-toggle label .can-toggle__switch[b-hxyl1zw5n8] {
            position: relative;
        }

            .can-toggle label .can-toggle__switch[b-hxyl1zw5n8]:before {
                content: attr(data-checked);
                position: absolute;
                top: 0;
                text-transform: uppercase;
                text-align: center;
            }

            .can-toggle label .can-toggle__switch[b-hxyl1zw5n8]:after {
                content: attr(data-unchecked);
                position: absolute;
                z-index: 5;
                text-transform: uppercase;
                text-align: center;
                background: white;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

    .can-toggle input[type="checkbox"][disabled] ~ label[b-hxyl1zw5n8] {
        color: rgba(119, 119, 119, 0.5);
    }

    .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8], .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        background-color: #777;
    }

        .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #5e5e5e;
        }

    .can-toggle input[type="checkbox"]:hover ~ label[b-hxyl1zw5n8] {
        color: #6a6a6a;
    }

    .can-toggle input[type="checkbox"]:checked ~ label:hover[b-hxyl1zw5n8] {
        color: #55bc49;
    }

    .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        /*background-color: #70c767;*/
    }

        .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #4fb743;
        }

    .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8], .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        /*background-color: #5fc054;*/
    }

        .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #47a43d;
        }

    .can-toggle label .can-toggle__label-text[b-hxyl1zw5n8] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .can-toggle label .can-toggle__switch[b-hxyl1zw5n8] {
        -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
        transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
        background: #848484;
    }

        .can-toggle label .can-toggle__switch[b-hxyl1zw5n8]:before {
            color: rgba(255, 255, 255, 0.5);
        }

        .can-toggle label .can-toggle__switch[b-hxyl1zw5n8]:after {
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
            transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
            color: #777;
        }

    .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    }

    .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        -webkit-transform: translate3d(65px, 0, 0);
        transform: translate3d(65px, 0, 0);
    }

    .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    }

    .can-toggle label[b-hxyl1zw5n8] {
        font-size: 14px;
    }

        .can-toggle label .can-toggle__switch[b-hxyl1zw5n8] {
            height: 36px;
            -webkit-flex: 0 0 134px;
            -ms-flex: 0 0 134px;
            flex: 0 0 134px;
            border-radius: 4px;
        }

            .can-toggle label .can-toggle__switch[b-hxyl1zw5n8]:before {
                left: 67px;
                font-size: 12px;
                line-height: 36px;
                width: 67px;
                padding: 0 12px;
            }

            .can-toggle label .can-toggle__switch[b-hxyl1zw5n8]:after {
                top: 2px;
                left: 2px;
                border-radius: 2px;
                width: 65px;
                line-height: 32px;
                font-size: 12px;
            }

            .can-toggle label .can-toggle__switch:hover[b-hxyl1zw5n8]:after {
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
            }

    .can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    }

    .can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        -webkit-transform: translate3d(44px, 0, 0);
        transform: translate3d(44px, 0, 0);
    }

    .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    }

    .can-toggle.can-toggle--size-small label[b-hxyl1zw5n8] {
        font-size: 13px;
    }

        .can-toggle.can-toggle--size-small label .can-toggle__switch[b-hxyl1zw5n8] {
            height: 28px;
            -webkit-flex: 0 0 90px;
            -ms-flex: 0 0 90px;
            flex: 0 0 90px;
            border-radius: 2px;
        }

            .can-toggle.can-toggle--size-small label .can-toggle__switch[b-hxyl1zw5n8]:before {
                left: 45px;
                font-size: 10px;
                line-height: 28px;
                width: 45px;
                padding: 0 12px;
            }

            .can-toggle.can-toggle--size-small label .can-toggle__switch[b-hxyl1zw5n8]:after {
                top: 1px;
                left: 1px;
                border-radius: 1px;
                width: 44px;
                line-height: 26px;
                font-size: 10px;
            }

            .can-toggle.can-toggle--size-small label .can-toggle__switch:hover[b-hxyl1zw5n8]:after {
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
            }

    .can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    }

    .can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        -webkit-transform: translate3d(78px, 0, 0);
        transform: translate3d(78px, 0, 0);
    }

    .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    }

    .can-toggle.can-toggle--size-large label[b-hxyl1zw5n8] {
        font-size: 14px;
    }

        .can-toggle.can-toggle--size-large label .can-toggle__switch[b-hxyl1zw5n8] {
            height: 50px;
            -webkit-flex: 0 0 160px;
            -ms-flex: 0 0 160px;
            flex: 0 0 160px;
            border-radius: 4px;
        }

            .can-toggle.can-toggle--size-large label .can-toggle__switch[b-hxyl1zw5n8]:before {
                left: 80px;
                font-size: 14px;
                line-height: 50px;
                width: 80px;
                padding: 0 12px;
            }

            .can-toggle.can-toggle--size-large label .can-toggle__switch[b-hxyl1zw5n8]:after {
                top: 2px;
                left: 2px;
                border-radius: 2px;
                width: 78px;
                line-height: 46px;
                font-size: 14px;
            }

            .can-toggle.can-toggle--size-large label .can-toggle__switch:hover[b-hxyl1zw5n8]:after {
                box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
            }

    .can-toggle.demo-rebrand-1 input[type="checkbox"][disabled] ~ label[b-hxyl1zw5n8] {
        color: rgba(181, 62, 116, 0.5);
    }

    .can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8], .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8] {
       /* background-color: #b53e74;*/
    }

        .can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #8f315c;
        }

    .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label[b-hxyl1zw5n8] {
        color: #a23768;
    }

    .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label:hover[b-hxyl1zw5n8] {
        color: #39916a;
    }

    .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        /*background-color: #44ae7f;*/
    }

        .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #368a65;
        }

    .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8], .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        /*background-color: #3d9c72;*/
    }

        .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #2f7757;
        }

    .can-toggle.demo-rebrand-1 label .can-toggle__label-text[b-hxyl1zw5n8] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .can-toggle.demo-rebrand-1 label .can-toggle__switch[b-hxyl1zw5n8] {
        -webkit-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
      /*  background: #c14b81;*/
    }

        .can-toggle.demo-rebrand-1 label .can-toggle__switch[b-hxyl1zw5n8]:before {
            color: rgba(255, 255, 255, 0.6);
        }

        .can-toggle.demo-rebrand-1 label .can-toggle__switch[b-hxyl1zw5n8]:after {
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            color: #b53e74;
        }

    .can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label[b-hxyl1zw5n8] {
        color: rgba(68, 68, 68, 0.5);
    }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8], .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        background-color: #444;
    }

        .can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #2b2b2b;
        }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label[b-hxyl1zw5n8] {
        color: #373737;
    }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover[b-hxyl1zw5n8] {
        color: #62b125;
    }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        background-color: #75d32d;
    }

        .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #5da924;
        }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8], .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8] {
        background-color: #69be28;
    }

        .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
            color: #52941f;
        }

    .can-toggle.demo-rebrand-2 label .can-toggle__label-text[b-hxyl1zw5n8] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .can-toggle.demo-rebrand-2 label .can-toggle__switch[b-hxyl1zw5n8] {
        -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        background: #515151;
    }

        .can-toggle.demo-rebrand-2 label .can-toggle__switch[b-hxyl1zw5n8]:before {
            color: rgba(255, 255, 255, 0.7);
        }

        .can-toggle.demo-rebrand-2 label .can-toggle__switch[b-hxyl1zw5n8]:after {
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
            transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
            color: #444;
        }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        -webkit-transform: translate3d(58px, 0, 0);
        transform: translate3d(58px, 0, 0);
    }

    .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch[b-hxyl1zw5n8]:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch[b-hxyl1zw5n8]:after {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    }

    .can-toggle.demo-rebrand-2 label[b-hxyl1zw5n8] {
        font-size: 13px;
    }

        .can-toggle.demo-rebrand-2 label .can-toggle__switch[b-hxyl1zw5n8] {
            height: 60px;
            -webkit-flex: 0 0 120px;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px;
            border-radius: 60px;
        }

            .can-toggle.demo-rebrand-2 label .can-toggle__switch[b-hxyl1zw5n8]:before {
                left: 60px;
                font-size: 13px;
                line-height: 60px;
                width: 60px;
                padding: 0 12px;
            }

            .can-toggle.demo-rebrand-2 label .can-toggle__switch[b-hxyl1zw5n8]:after {
                top: 2px;
                left: 2px;
                border-radius: 30px;
                width: 58px;
                line-height: 56px;
                font-size: 13px;
            }

            .can-toggle.demo-rebrand-2 label .can-toggle__switch:hover[b-hxyl1zw5n8]:after {
                box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
            }
/* /Shared/Gadgets/ToolTip.razor.rz.scp.css */
.tooltip-wrapper[b-amtpg248ot] {
    /*display: inline-block;
    border-bottom: 1px dotted black;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    white-space: nowrap;
    z-index: 4;
    /*transform: translateZ(0);*/ /*need this for fixed child to follow element*/
}
.cursor-help[b-amtpg248ot] {
    cursor: help;
}
.tip-wrapper[b-amtpg248ot] {
    position: relative;
   /* top: -37px;*/
    width: 0;
    height: 0;
    left: 50%;
}

span[b-amtpg248ot] {
    visibility: hidden;
    position: absolute;
    min-width: 120px;
    width: max-content;
    max-width: 1000px;
    /*    bottom: 130%;
    left: 50%;*/
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    z-index: 3;
    transform: translate(-50%,-130%);
    /*white-space: pre-line;
    margin-left: -60px;*/
}

    span[b-amtpg248ot]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
        z-index: 999;
    }
.always-show[b-amtpg248ot] {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s;
    
}

.hide-span[b-amtpg248ot] {
    opacity: 0.1 !important;
    transition: opacity 0s!important;
    pointer-events: none;
}
.tooltip-wrapper:hover span[b-amtpg248ot] {
    transition-delay: 0.3s;
    visibility: visible;
    z-index: 3;
}
/* /Shared/GridRelated/FieldGrid.razor.rz.scp.css */
.field-label[b-hwkqlqv21f] {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.card-field > .field-label[b-hwkqlqv21f]{
    right: 60%;
}
.input-box[b-hwkqlqv21f] {
    border: 2px groove;
  /*  width: -webkit-fill-available;*/
    width:100%;
    margin-right: 0;
    height: 24px;
    flex:1;
}
.switch[b-hwkqlqv21f] {
    position: relative;
    display: inline-block;
    width: 3.75em;
    height: 2.125em;
    font-size: 8pt;
}

    .switch input[b-hwkqlqv21f] {
        opacity: 0;
        width: 0;
        height: 0;
    }

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

    .slider[b-hwkqlqv21f]:before {
        position: absolute;
        content: "";
        height: 1.625em;
        width: 1.625em;
        left: 0.25em;
        bottom: 0.25em;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
input[b-hwkqlqv21f] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}
input:checked + .slider[b-hwkqlqv21f] {
    background-color: #2196F3;
}

    input:focus + .slider[b-hwkqlqv21f] {
        /*box-shadow: 0 0 1px #2196F3;*/
        transition: none;
        -webkit-transition: none;
        outline: 2pt black solid;
    }

input:checked + .slider[b-hwkqlqv21f]:before {
    -webkit-transform: translateX(1.625em);
    -ms-transform: translateX(1.625em);
    transform: translateX(1.625em);
}
.search[b-hwkqlqv21f] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}

/* Rounded sliders */
.slider.round[b-hwkqlqv21f] {
    border-radius: 2.125em;
}

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

.broken[b-hwkqlqv21f] {
    position: relative;
    color: red;
}

    .broken[b-hwkqlqv21f]::after {
        position: absolute;
        content: "\\";
        color: red;
        font-weight: 500;
        font-size: 1.1em;
        left: 5px;
        top: -2px;
        transform: rotate(338deg);
    }

.read-only[b-hwkqlqv21f]{
    color:black;
    background-color: transparent;
}

.upload-button[b-hwkqlqv21f] {
    cursor: pointer;
    border-radius: 100px;
    max-height: 22px;
}
.unit-prefix[b-hwkqlqv21f] {
    border: 2px groove;
    border-right: none;
    height: 24px;
    background: lightgray;
    align-content: center;
    border-radius: 5px 0 0 5px;
}

.unit-suffix[b-hwkqlqv21f] {
    border: 2px groove;
    border-left: none;
    height: 24px;
    background: lightgray;
    align-content: center;
    border-radius: 0 5px 5px 0;
}
input:disabled[b-hwkqlqv21f]{
    pointer-events:none;
}
.empty-label[b-hwkqlqv21f]{
    height:24px;
}
/* /Shared/GridRelated/GridItemQueryUserFilter.razor.rz.scp.css */

.bi-x[b-sjvicqxa0v] {
    font-size: 15pt;
    cursor: pointer;
}

.bi-wrapper[b-sjvicqxa0v] {
    position: absolute;
    right: 14px;
    display: flex;
    flex-direction: row-reverse;
}
/* /Shared/GridRelated/GridItemRenderer.razor.rz.scp.css */
.rectangle[b-mpomt1w5d2] {
    background-color: aliceblue;
    border: 1px groove;
    border-color: rgba(255, 255, 255, 0.1);
  /*  transition: border-color 1s ease;*/
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

    .rectangle:hover[b-mpomt1w5d2] {
    /*    transition: border-color 1s ease;*/
        border-color: rgb(27, 110, 194) !important;
        z-index:1;
    }

        .rectangle:hover > .hover-to-drop[b-mpomt1w5d2] {
            opacity: 1 !important;
            height: 35px !important;
            font-size: 18pt !important;
        }
        .rectangle:hover > .drag-grip[b-mpomt1w5d2] {
            opacity: 1 !important;
            height: 35px !important;
            font-size: 18pt !important;
        }
        .rectangle:hover > .drag-circle-grid[b-mpomt1w5d2] {
            opacity: 1 !important;
        }
.fitform-item-delete-btn[b-mpomt1w5d2] {
    display: none;
    transform: translateX(-35px);
    z-index: 20;
    position: absolute;
}
.rectangle:hover > .fitform-item-delete-btn[b-mpomt1w5d2] {
    display: block;
}
        .rectangle:hover .grid-item-name[b-mpomt1w5d2] {
            font-size: 0.8rem !important;
        }
        .rectangle:hover .grid-item-menu[b-mpomt1w5d2] {
            opacity: 1 !important;
            height: 25px !important;
            font-size: 20pt !important;
        }
        .rectangle:hover .option-icon[b-mpomt1w5d2] {
            font-size: 14px !important;
        }
        .rectangle:hover .push-down[b-mpomt1w5d2] {
            top:35px!important;
        }




    .rectangle:focus-within[b-mpomt1w5d2] {
       /* transition: border-color 1s ease;*/
        border-color: rgb(27, 110, 194) !important;
    }


    .force-highlight[b-mpomt1w5d2] {
    /*    transition: border-color 1s ease;*/
        border-color: rgb(27, 110, 194) !important;
    }
.grid-item-container[b-mpomt1w5d2] {
    padding: 5px 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
   /* transition: top 0.1s ease-in-out;*/
}
.field:focus-within[b-mpomt1w5d2] {
    /*need index of 1 for link column dropdown*/
    z-index: 1;
}
.field-fit[b-mpomt1w5d2] {
    border: 2px solid #00000052;
}
.field-fit:hover[b-mpomt1w5d2] {
    z-index: 1;
}

.grid-item-shadow[b-mpomt1w5d2] {
   /* transition: 0.1s ease-in-out;*/
    top: 0;
    left: 0;
}

.hover-to-drop[b-mpomt1w5d2] {
    width: 100%;
    top: 0;
    position: relative;
    /*background-color: rgb(255 255 255 / 40%);*/

    border: none;
/*    border-bottom: 2px groove;*/
    /*transition: 0.1s ease-in-out;*/
    /* transition: height 0.1s ease-in-out;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 1;
    display: flex;
    text-align: center;
    margin: auto;
    justify-content: flex-end;
    align-items: center;
    backdrop-filter: blur(1px);
    background-image: linear-gradient(180deg, #ffffffc7 70%, #ffffff00);
}

.rectangle-shadow[b-mpomt1w5d2] {
    pointer-events: none;
    position: absolute;
    border-style: dotted;
    border-color: red;
    position: relative;
   /* transition: 0.1s ease-in-out;*/
}

.option-icon[b-mpomt1w5d2] {
  /*  transition: 0.2s linear;*/
}

.drag-grip[b-mpomt1w5d2] {
    position: absolute;
  /*  transition: font-size 0.1s ease-in-out;*/
    cursor: move;
    z-index: 4;
    font-size: 18pt;
    left: 15px;
    top: 0;
}

    .drag-grip:hover[b-mpomt1w5d2] {
        cursor: move;
        color: #1b6ec2;
    }

.drag-circle-grid[b-mpomt1w5d2] {
    display: inline-block;
    border-radius: 50%;
    opacity: 0;
    background: rgb(27, 110, 194);
    width: 14px;
    height: 14px;
    position: absolute;
    right: -5px;
    bottom: -5px;
    padding-bottom: 5px;
  /*  transition: all 0.4s ease-in-out;*/
    cursor: nwse-resize;
    z-index: 1;
}


.grid-item-menu[b-mpomt1w5d2] {
  /*  transition: 0.2s linear;*/
    background-color: transparent;
    margin-right: 3px;
    overflow: hidden;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: end;
    align-items: center;
    top: 0;
    right: 10px;
}

    .grid-item-menu:hover[b-mpomt1w5d2] {
        background-color: Silver;
    }

*[b-mpomt1w5d2]::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
}

*[b-mpomt1w5d2]::-webkit-scrollbar-button {
    display: none;
}

*[b-mpomt1w5d2]::-webkit-scrollbar-track {
    background-color: #00000000;
}

*[b-mpomt1w5d2]::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}

*[b-mpomt1w5d2]::-webkit-scrollbar-thumb {
    background-color: #00000040;
    border: 1px solid #ffffff40;
    border-radius: 4px;
}

[b-mpomt1w5d2]::-webkit-scrollbar-corner {
    /*
background-image: url(resources/corner.png);
background-repeat: no-repeat;
*/
    background-color: transparent;
}

.context-menu[b-mpomt1w5d2] {
    position: fixed;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 200px;
    font-size: 12pt;
    outline: none;
}


    .context-menu:focus-within[b-mpomt1w5d2] {
        border: none;
        visibility: visible;
    }

    .context-menu:not(:focus-within)[b-mpomt1w5d2] {
        visibility: hidden;
    }

.btn-hover:focus[b-mpomt1w5d2] {
    outline: none;
    box-shadow: none;
}

.btn-hover:hover[b-mpomt1w5d2] {
    background-color: lightgrey;
}

input[b-mpomt1w5d2] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}
.multiline[b-mpomt1w5d2] {
    white-space: pre-wrap;
}
.center-grid-item[b-mpomt1w5d2] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:768px) {
    .dummy-selector + .grid-item-container[b-mpomt1w5d2] {
        position: relative;
        overflow: initial !important;
    }
    .dummy-selector + .rectangle[b-mpomt1w5d2] {
        position: relative !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 10px 0;
    }
}
/* /Shared/GridRelated/GridSystem.razor.rz.scp.css */
.gridsys-main-container[b-0ei0fbbdxg] {
    /*width: auto;*/
    width:100%;
    /*content-visibility: auto;*/
}

.field:focus-within[b-0ei0fbbdxg] {
    /*need index of 1 for link column dropdown*/
    z-index: 1;
}

.drag-area[b-0ei0fbbdxg] {
    height: 100%;
    width: auto;
    position: relative;
    border: dashed transparent 1pt;
}
.grid-item-shadow[b-0ei0fbbdxg] {
    transition: 0.1s ease-in-out;
    top:0;
    left:0;
}
.rectangle-shadow[b-0ei0fbbdxg] {
    pointer-events: none;
    position: absolute;
    border-style: dotted;
    border-color: red;
    position: relative;
    transition: 0.1s ease-in-out;
}
.option-icon[b-0ei0fbbdxg] {
    transition: 0.2s linear;
}


.grid-item-menu[b-0ei0fbbdxg] {
    transition: 0.2s linear;
    background-color: transparent;
    margin-right: 3px;
    overflow: hidden;
    border-radius: 5px;
    border: none;
    display: flex;
    justify-content: end;
    align-items: center;
    top: 0;
    right: 10px;
}
    .grid-item-menu:hover[b-0ei0fbbdxg] {
        background-color: Silver;
    }

*[b-0ei0fbbdxg]::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
}

*[b-0ei0fbbdxg]::-webkit-scrollbar-button {
    display: none;
}

*[b-0ei0fbbdxg]::-webkit-scrollbar-track {
    background-color: #00000000;
}

*[b-0ei0fbbdxg]::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}

*[b-0ei0fbbdxg]::-webkit-scrollbar-thumb {
    background-color: #00000040;
    border: 1px solid #ffffff40;
    border-radius: 4px;
}
[b-0ei0fbbdxg]::-webkit-scrollbar-corner {
    /*
background-image: url(resources/corner.png);
background-repeat: no-repeat;
*/
    background-color: transparent;
}

.context-menu[b-0ei0fbbdxg] {
    position: fixed;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 200px;
    font-size: 12pt;
    outline: none;
    
}


    .context-menu:focus-within[b-0ei0fbbdxg] {
        border: none;
        visibility: visible;
    }

    .context-menu:not(:focus-within)[b-0ei0fbbdxg] {
        visibility: hidden;
    }
.btn-hover:focus[b-0ei0fbbdxg] {
    outline: none;
    box-shadow:none;
}
.btn-hover:hover[b-0ei0fbbdxg] {
    background-color: lightgrey;
}
input[b-0ei0fbbdxg] {
    width: -webkit-fill-available;
    margin-right: 10px;
    border: 2px groove;
}

table.report-container[b-0ei0fbbdxg] {
    page-break-after: always;
}

thead.report-header[b-0ei0fbbdxg] {
    display: table-header-group;
}

tfoot.report-footer[b-0ei0fbbdxg] {
    display: table-footer-group;
}
.grid-line-up-X[b-0ei0fbbdxg] {
    width: 1px;
    background: black;
    height: 100%;
    position: absolute;
    pointer-events:none;
}
.grid-line-up-Y[b-0ei0fbbdxg] {
    height: 1px;
    background: black;
    width: 100%;
    position: absolute;
    pointer-events: none;
}
.show-drag-area-border[b-0ei0fbbdxg]{
    border:dashed gray 1pt;
}
@media only screen and (max-width:768px) {
    .dummy-selector + .gridsys-main-container[b-0ei0fbbdxg] {
        height: auto !important;
    }
}
/* /Shared/ImportTableData.razor.rz.scp.css */
.table-container[b-9ylaxgez7a] {
    max-height: 400px;
    overflow: auto;
    max-width:100%;
}

.table[b-9ylaxgez7a] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd; /* Add border to the table */
}

    .table th[b-9ylaxgez7a], .table td[b-9ylaxgez7a] {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    .table th[b-9ylaxgez7a] {
        background-color: #f2f2f2;
        font-weight: bold;
        position: sticky;
        top: -1px; /* Header becomes sticky at the top */
    }

    .table tr:hover[b-9ylaxgez7a] {
        background-color: #ddd; /* Keep hover effect */
    }



.parent[b-9ylaxgez7a] {
    position: relative;

    background-color: lightgray; /* Parent element background color */
}

.add-button[b-9ylaxgez7a] {
    
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid #007bff; /* Circle outline color */
    border-radius: 50%; /* Makes it a circle */
    visibility: hidden;
    
    justify-content: center;
    align-items: center;
    color: #007bff; /* Plus sign color */
    font-size: 12px;
    cursor: pointer;
    display:flex;
}
.column[b-9ylaxgez7a] {
    display: flex;
    justify-content: space-between;
}

.parent:hover .add-button[b-9ylaxgez7a] {
    visibility: visible;
}
.light-green[b-9ylaxgez7a] {
    background-color: #cfffcf;
}
.light-red[b-9ylaxgez7a] {
    background-color:red;
}
.add-button:hover[b-9ylaxgez7a] {
    background-color: #007bff; /* Change background color on hover */
    color: white; /* Change text color on hover */
}
/* /Shared/ItemPermissionSetup.razor.rz.scp.css */
tr[b-zykl0s1k7c], td[b-zykl0s1k7c], th[b-zykl0s1k7c] {
    white-space: nowrap;
    padding: 5px 10px;
}

.table-container[b-zykl0s1k7c] {
    height: 100%;
    display: block;
}
.table-responsive[b-zykl0s1k7c] {
    display: inline-block;
    height: calc(100% - 90px);
    overflow: auto;
    width: 100%;
}
.bi-person-lines-fill[b-zykl0s1k7c], .bi-trash[b-zykl0s1k7c] {
    cursor: pointer;
}
.bi-person-lines-fill[b-zykl0s1k7c] {
    margin-left:5px;
}
    .bi-person-lines-fill:hover[b-zykl0s1k7c] {
        color:cornflowerblue;
    }
.user-list[b-zykl0s1k7c] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Shared/LinkDiagram.razor.rz.scp.css */
.single-table[b-l4vywulj8e] {
    height: 800px;
    padding: 10px;
    border: dashed gray 1pt;
    display: flex;
    flex-direction: column;
}
.relationship-wrapper[b-l4vywulj8e]{
    position:relative;
}
.draw-lines[b-l4vywulj8e] {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent 0 62.6px, black 62.6px 100%);
    mask-image: linear-gradient(transparent 0 62.6px, black 62.6px 100%);
}
.field-list[b-l4vywulj8e] {
    overflow: auto;
    overflow-x: hidden;
}
.table-box[b-l4vywulj8e] {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    cursor:pointer;
}
.focus-table-box[b-l4vywulj8e] {
    background-color: white;
    cursor:  auto;
}
.tag[b-l4vywulj8e] {
    background: gray;
    color: white;
    font-size: 6pt;
    width: 13px;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 13px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 5px;
}
.letter-symbol[b-l4vywulj8e] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.field-name[b-l4vywulj8e] {
    position: relative;
    width: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.hover-color:hover[b-l4vywulj8e]{
    background-color: dimgray;
}
.hover-color-text:hover[b-l4vywulj8e] {
    color: dimgray;
}
.hover-color-text[b-l4vywulj8e] {
    color: gray;
}
.draw-line[b-l4vywulj8e] {
    pointer-events: all;
    cursor: pointer;
    background-color: red;
    position: absolute;
    height: 1px;
}
.toggled-line[b-l4vywulj8e] {
    height: 3px;
}
.link-group-legend[b-l4vywulj8e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.legend-item[b-l4vywulj8e] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.color-box[b-l4vywulj8e] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #444;
}
/* /Shared/LinkTable/LinkTableList.razor.rz.scp.css */
.indent[b-6h2fhs8orf] {
    margin-left: 2rem;
}
.list-group-item[b-6h2fhs8orf] {
    text-align: left;
}
label[b-6h2fhs8orf] {
    cursor: pointer;
}
input[type=checkbox][b-6h2fhs8orf] {
    cursor: pointer;
}
/* /Shared/LinkTable/LinkTableSelect.razor.rz.scp.css */

*[b-vnwzc4884g]::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
}

*[b-vnwzc4884g]::-webkit-scrollbar-button {
    display: none;
}

*[b-vnwzc4884g]::-webkit-scrollbar-track {
    background-color: #00000000;
}

*[b-vnwzc4884g]::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}

*[b-vnwzc4884g]::-webkit-scrollbar-thumb {
    background-color: #00000040;
    border: 1px solid #ffffff40;
    border-radius: 4px;
}

[b-vnwzc4884g]::-webkit-scrollbar-corner {
    /*
background-image: url(resources/corner.png);
background-repeat: no-repeat;
*/
    background-color: transparent;
}

.list-group-item[b-vnwzc4884g] {
    text-align: left;
}
label[b-vnwzc4884g] {
    cursor: pointer;
}

input[type=checkbox][b-vnwzc4884g] {
    cursor: pointer;
}
/* /Shared/LoadingAnimation.razor.rz.scp.css */
.full-screen-block[b-m6plxttknd] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color:rgba(240,248,255,0.5);
    /*background-color:aliceblue;*/
    /*opacity:0.5;*/
}
.lds-roller[b-m6plxttknd] {
    display: inline-block;
   /* position: relative;*/ position: absolute;
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    z-index:1;
    /*top: calc(40vh - 40px);*/
}
.refresh-btn[b-m6plxttknd] {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 30px;
    left: calc(50% - 20px);
    top: calc(50% - 15px);
    font-size: 16pt;
    text-align-last: center;
    cursor: pointer;
    z-index:1;
}
.refresh-btn:hover[b-m6plxttknd]{
    color:red;
}
.other-content[b-m6plxttknd] {
    position: absolute;
    /*width:100%;
    display:flex;*/

    left: calc(50% );
    transform: translateX(-50%);
    bottom: calc(50% + 15px);
    font-size: 16pt;
    text-align-last: center;
    backdrop-filter: blur(4px); /* Applies blur effect */
    /*    background-color: white;*/
    background: rgba(255, 255, 255, 0.2); /* Adds transparency */
    /*    box-shadow: 0 0 8px 8px rgba(0,0,0,0) inset;*/
    /* Smooth fading edges */
    -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-composite: destination-in; /* For WebKit browsers */
    mask-composite: intersect; /* Standard */
    border-radius: 5px;
}

.lds-roller div[b-m6plxttknd] {
    animation: lds-roller-b-m6plxttknd 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

        .lds-roller div[b-m6plxttknd]:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color:dimgrey;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1)[b-m6plxttknd] {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1)[b-m6plxttknd]:after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2)[b-m6plxttknd] {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2)[b-m6plxttknd]:after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3)[b-m6plxttknd] {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3)[b-m6plxttknd]:after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4)[b-m6plxttknd] {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4)[b-m6plxttknd]:after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5)[b-m6plxttknd] {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5)[b-m6plxttknd]:after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6)[b-m6plxttknd] {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6)[b-m6plxttknd]:after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7)[b-m6plxttknd] {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7)[b-m6plxttknd]:after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8)[b-m6plxttknd] {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8)[b-m6plxttknd]:after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller-b-m6plxttknd {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Shared/ModalTest.razor.rz.scp.css */
/* The Modal (background) */
.modal[b-njbck1h6a8] {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content[b-njbck1h6a8] {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close[b-njbck1h6a8] {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover[b-njbck1h6a8],
    .close:focus[b-njbck1h6a8] {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
/* /Shared/NewGantt/NewGantt.razor.rz.scp.css */
.task-name[b-zwut3ip95n] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 !important;
}
.side-task-name[b-zwut3ip95n] {
    -ms-overflow-style: none;
}
    .side-task-name[b-zwut3ip95n]::-webkit-scrollbar {
        display: none;
    }
.popup p[b-zwut3ip95n] {
    margin-bottom: 1px;
}

.close-button[b-zwut3ip95n] {
    cursor: pointer;
    height: 30px;
    float: right;
    margin-left: 1px;
}
.bi-box-arrow-up-left[b-zwut3ip95n] {
    cursor:pointer;
}
.close-button:hover[b-zwut3ip95n], .bi-box-arrow-up-left:hover[b-zwut3ip95n] {
    color: #1b6ec2;
}
.side[b-zwut3ip95n] {
    cursor: pointer;
    text-align: right;
    padding: 15px 1px 0px 0px;
    height: 48px;
    margin: 0;
}

.gantt-container[b-zwut3ip95n] {
    height:100%;
}
/* /Shared/NewGantt/RecordGantt.razor.rz.scp.css */
.calendar-setting-wrapper[b-s3lfp0atpd] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 10px;
    padding-left: 15px;
    margin: 10px;
    background: white;
    border-radius: 10px;
    min-width: 220px;
    overflow: hidden;
    position: relative;
    background-color: floralwhite;
}

.bi-chevron-compact-right[b-s3lfp0atpd], .bi-chevron-compact-left[b-s3lfp0atpd] {
    color: gray;
}

.setting-button[b-s3lfp0atpd] {
    display: flex;
    align-items: center;
}

.gantt-container[b-s3lfp0atpd] {
    transition: width 0.5s ease-in-out;
    overflow: hidden;
}

.focused-map[b-s3lfp0atpd] {
}

.focus-indicator[b-s3lfp0atpd] {
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #4285f4;
}

.focus-menu[b-s3lfp0atpd] {
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: antiquewhite;
}

.icon-add[b-s3lfp0atpd] {
    cursor: pointer;
    font-size: 16pt;
}

    .icon-add:hover[b-s3lfp0atpd] {
        color: green;
    }

.icon-del[b-s3lfp0atpd] {
    cursor: pointer;
    font-size: 16pt;
}

    .icon-del:hover[b-s3lfp0atpd] {
        color: red;
    }

.select-class[b-s3lfp0atpd] {
    width: 90%;
}
tr[b-s3lfp0atpd] {
    font-size:15px;
}
/* /Shared/NotificationButton.razor.rz.scp.css */
.ikrNoti_Button[b-0uimj5t3gd] {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fdfdfd;
    margin: -3px 10px 0 10px;
    cursor: pointer
}
.bell[b-0uimj5t3gd] {
     line-height: 3px;
    background: none;
    margin: -3px 10px 0 10px;
    cursor: pointer;
    font-size: larger;
    color: black;
}
.connection-state[b-0uimj5t3gd] {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 7px;
    bottom: 17px;
    border-radius: 5px;
}
.state-Connected[b-0uimj5t3gd]{
    background-color: green;
}
.state-Reconnecting[b-0uimj5t3gd]{
    background-color: orange;
}
.state-Disconnected[b-0uimj5t3gd]{
    background-color: red;
}


.ikrNoti_Counter[b-0uimj5t3gd] {
    display: block;
    position: absolute;
    background: #e1141e;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 1px 3px;
    margin: -8px 0 0 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    cursor: pointer;
}



.ikrNotifications[b-0uimj5t3gd] {
    display: none;
    width: 300px;
    position: absolute;
    /*top: 94px;
    left: 282px;*/
    background: #fff;
    border: solid 1px rgba(100,100,100,.2);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2);
    z-index: 1000;
    right:0;
}



    .ikrNotifications[b-0uimj5t3gd]:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid #ccc;
        border-color: transparent transparent #fff;
        margin-top: -20px;
        margin-right: 10px;
        right: 0;
        position: absolute;
    }



    .ikrNotifications h3[b-0uimj5t3gd] {
        display: block;
        color: #333;
        background: #fff;
        font-weight: 700;
        padding: 8px;
        margin: 0;
        font-size: 12px;
        border-bottom: solid 1px rgba(100,100,100,.3);
    }



    .ikrNotifications .ikrSeeAll[b-0uimj5t3gd] {
        background: #f6f7f8;
        padding: 8px;
        font-size: 12px;
        font-weight: 700;
        border-top: solid 1px rgba(100,100,100,.3);
        text-align: center
    }



        .ikrNotifications .ikrSeeAll a[b-0uimj5t3gd] {
            color: #3b5998
        }



            .ikrNotifications .ikrSeeAll a:hover[b-0uimj5t3gd] {
                background: #f6f7f8;
                color: #3b5998;
                text-decoration: underline
            }



.ikrNotificationItems[b-0uimj5t3gd] {
    max-height: 50vh;
    overflow-y: scroll;
    background-color: #f0f8ff
}



.ikrSingleNotiDiv[b-0uimj5t3gd] {
    border-top: 1px solid #ccc;
    padding:5px;
    cursor: pointer;
    color: #000
}



.ikrSingleNotiDivUnReadColor[b-0uimj5t3gd] {
    color: #c00
}



.ikrNotificationTitle[b-0uimj5t3gd] {
    font-weight: 700;
    margin-left: 10px
}



.ikrNotificationBody[b-0uimj5t3gd] {
    margin: 0 10px 0 10px
}



.ikrNotiCreatedDate[b-0uimj5t3gd] {
    text-align: right;
    margin-right: 10px;
}



.ikrNotiFromPropName[b-0uimj5t3gd] {
    margin-left: 4px;
}



[b-0uimj5t3gd]::-webkit-scrollbar {
    width: 2px
}



[b-0uimj5t3gd]::-webkit-scrollbar-track {
    background: #f1f1f1
}



[b-0uimj5t3gd]::-webkit-scrollbar-thumb {
    background: #888
}



    [b-0uimj5t3gd]::-webkit-scrollbar-thumb:hover {
        background: #555
    }

.noti-datetime[b-0uimj5t3gd]{
    color:gray;
}

.load-more-noti[b-0uimj5t3gd] {
    height: 45px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    line-height:45px;
    color: gray;
}

    .load-more-noti:hover[b-0uimj5t3gd] {
        background-color: #e5f3ff;
        color: black;
    }
.bell-wrapper:hover[b-0uimj5t3gd] {
    transform-origin: 50% 25%;
    animation: swing-b-0uimj5t3gd 2s infinite ease-in-out;
}

@keyframes swing-b-0uimj5t3gd {
    0%, 100% {
        transform: rotate(0deg); /* Start and end at 0deg (paused) */
    }

    16.6% {
        transform: rotate(-10deg); /* Shake to the left */
    }

    33.3% {
        transform: rotate(10deg); /* Shake to the right */
    }

    50% {
        transform: rotate(-10deg); /* Shake to the left */
    }

    66.6% {
        transform: rotate(10deg); /* Shake to the right */
    }

    83.3% {
        transform: rotate(0deg); /* Shake to the left */
    }

    90% {
        transform: rotate(0deg); /* Shake to the right */
    }
}
/* /Shared/PortalTable.razor.rz.scp.css */
.table-container[b-236yi99ohz] {

    height: 100%;
}
.top-info[b-236yi99ohz] {
    display: flex;
    max-height: 45px;
    justify-content: space-between;
    position: sticky;
    top: 0;
}
.option-buttons[b-236yi99ohz] {
    align-self: center;
}
.field-name[b-236yi99ohz] {
    white-space: nowrap;
}
.editing-field-format[b-236yi99ohz] {
    border: 2pt solid rgb(27, 110, 194) !important;
    border-radius: 5px;
    background: white;
    color: dimgray;
}
/* test for scrollable tbody*/
/*thead, tbody {
    display: block;
    
}

tbody {
    height: 100px;*/ /* Just for the demo          */
/*overflow-y: auto;*/ /* Trigger vertical scroll    */
/*overflow-x: hidden;*/ /* Hide the horizontal scroll */
/*}*/
table th[b-236yi99ohz] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
table thead[b-236yi99ohz] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.table-responsive[b-236yi99ohz] {
    display: inline-block;
    height: calc(100% - 50px);
    overflow: auto;
    width: 100%;
}
hr[b-236yi99ohz] {
    margin: 5px 0;
}
.table[b-236yi99ohz] {
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;

    height:100%;
}

.table tfoot[b-236yi99ohz],
.table tfoot th[b-236yi99ohz],
.table tfoot td[b-236yi99ohz] {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: gray;
    color: #fff;
    z-index: 4;
}
tbody[b-236yi99ohz]::after {
    content: '';
    display: block;
    height: auto;
}

td[b-236yi99ohz]{height:10px;}
tfoot[b-236yi99ohz] {
    font-weight: bold;
}
/* Existing Solution */
protal-table-title.single-line[b-236yi99ohz] {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
}

protal-table-title.single-line br[b-236yi99ohz] {
    display: none;
}

    protal-table-title.single-line *[b-236yi99ohz] {
        display: inline;
        white-space: nowrap;
    }

/* Make Scrollable */
protal-table-title.single-line[b-236yi99ohz] {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

    protal-table-title.single-line[b-236yi99ohz]::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
    }    
/* /Shared/QueryFieldDataSettingTable.razor.rz.scp.css */
.contact-table[b-bpvrfk80hd] {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 10px;
    max-width: 1000px;
}

.setting-title[b-bpvrfk80hd] {
    padding: 20px 0;
    color: #00a89b;
    font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif, serif;
}

tr[b-bpvrfk80hd] {
    background-color: white;
}

th[b-bpvrfk80hd] {
    white-space: nowrap;
    max-width: 200px;
    padding: 0 5px;
    text-align: center;
    align-content: center;
}
td[b-bpvrfk80hd] {
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
}

.yellow[b-bpvrfk80hd] {
    color: #ffad00;
    cursor: pointer;
}

.edit-icon[b-bpvrfk80hd] {
    color: darkgray;
    padding-left: 1rem;
}

    .edit-icon:hover[b-bpvrfk80hd] {
        color: gray;
    }

.contact-group[b-bpvrfk80hd] {
    color: #6c757d;
    font-weight: bolder;
}

.hide-text-overflow[b-bpvrfk80hd] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.star[b-bpvrfk80hd] {
}

    .star:hover[b-bpvrfk80hd] {
        opacity: 0.7;
    }

.hover-to-show[b-bpvrfk80hd] {
    visibility: hidden;
}

.hover-highlight:hover[b-bpvrfk80hd] {
    background-color: #f9fafb;
    /*cursor: pointer;*/
}

    .hover-highlight:hover .hover-to-show[b-bpvrfk80hd] {
        visibility: visible;
    }

.button-group[b-bpvrfk80hd] {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 10px;
    justify-content: flex-end;
}
@media (max-width:1400px) {
    .hide-large[b-bpvrfk80hd] {
        display: none;
    }
}

@media (max-width:1000px) {
    .hide-mid[b-bpvrfk80hd] {
        display: none;
    }

    .hover-to-show[b-bpvrfk80hd] {
        visibility: visible;
    }
}
.form-check[b-bpvrfk80hd] {
    display: inline-block;
}
/* /Shared/QuestionIcon.razor.rz.scp.css */
.blink-red[b-cswanpgcuh] {
    animation: blinkRed-b-cswanpgcuh 1s infinite;
}

@keyframes blinkRed-b-cswanpgcuh {
    0%, 100% {
       color: transparent;
    }

    50% {
        color: red;
    }
}
/* /Shared/RecordCardView.razor.rz.scp.css */

/* Force table to not be like tables anymore */
.table-mobile-friendly[b-v2bvxsq2sw], .thead-mobile-friendly[b-v2bvxsq2sw], .tbody-mobile-firendly[b-v2bvxsq2sw], .th-mobile-firendly[b-v2bvxsq2sw], .td-mobile-firendly[b-v2bvxsq2sw], .tr-mobile-firendly[b-v2bvxsq2sw] {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.thead-mobile-firendly[b-v2bvxsq2sw] {
    display: none;
}

    .thead-mobile-firendly .tr-mobile-firendly[b-v2bvxsq2sw] {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

.sticky-first-column[b-v2bvxsq2sw] {
    display: none;
}

.tr-mobile-firendly[b-v2bvxsq2sw] {
    border: 1px solid #ccc;
    background-color: white;
}

.td-mobile-friendly[b-v2bvxsq2sw] {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
/*    white-space: pre-wrap !important;*/
    display: grid;
    grid-template-columns: 40% 60%;
    overflow: hidden;
}

    .td-mobile-friendly[b-v2bvxsq2sw]:before {
        /* Now like a table header */
        font-weight: bold;
        position: relative;
        padding-right: 10px;
        white-space: pre-wrap;
    }

.first-record[b-v2bvxsq2sw] {
    position: sticky;
    top: 0;
    background-color: white !important;
    z-index: 1;
}

.mobile-ignore[b-v2bvxsq2sw] {
    display: none;
}

.td-mobile-friendly[b-v2bvxsq2sw]:before{
    padding-right:20px;
}
/* /Shared/RecordUI.razor.rz.scp.css */
.gradient[b-81olvxp7gl] {
    border-image-source: linear-gradient(75deg, #deced1 0%, #8d5556 70%);
}

.record-control-UI[b-81olvxp7gl] {
    display: flex;
    width: auto;
    height: auto;
    background: #e1e1e1;
    border: 2px solid rgb(217 217 217);
    overflow: hidden;
    max-height: 10vh;
}
.page-select[b-81olvxp7gl] {
    padding-top: 5px;
    text-align: -webkit-center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.record-control-section[b-81olvxp7gl] {
    align-self: center;
    padding: 10px;
    text-align: center;
    font-size: 0.5rem;
    padding: 10px 3px;
}

.v-divider-outer[b-81olvxp7gl] {
    width: 1px;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.v-divider-inner[b-81olvxp7gl] {
    position: absolute;
    width: 0%;
    height: 40%;
    background: grey;
    top: 30%;
    box-shadow: 0px 0px 30px 20px grey;
}

.slider[b-81olvxp7gl] {
    position: static;
    width: 135px;
    height: 10px;
    padding: 5px;
    background: rgb(0 0 0 / 13%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    box-shadow: 0px 15px 40px #7E6D5766;
}

    .slider p[b-81olvxp7gl] {
        font-size: 26px;
        font-weight: 600;
        font-family: Open Sans;
        padding-left: 30px;
        color: #7E6D57;
    }

    .slider input[type="range"][b-81olvxp7gl] {
        -webkit-appearance: none !important;
        width: 125px;
        height: 2px;
        background: #6c757d;
        border: none;
        outline: none;
    }

        .slider input[type="range"][b-81olvxp7gl]::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            width: 16px;
            height: 16px;
            background: #016dc6;
            border: 2px solid #7E6D57;
            border-radius: 50%;
            cursor: pointer;
        }

            .slider input[type="range"][b-81olvxp7gl]::-webkit-slider-thumb:hover {
                background: #7E6D57;
            }
.top-btn[b-81olvxp7gl] {
    border-radius:0.75rem;
}
.round-btn[b-81olvxp7gl]{
    border-radius: 50%;
    padding:none;
}
.btn-no-outline[b-81olvxp7gl] {
    border: none;
    font-size: 1rem;
}

    .btn-no-outline:hover[b-81olvxp7gl] {
        background: linear-gradient(0deg, rgb(111 111 111 / 70%), transparent);
    }

.bi[b-81olvxp7gl] {
    font-size: 12pt;
}

.bi-small[b-81olvxp7gl] {
    font-size: 8pt;
}

.pressed[b-81olvxp7gl] {
    border-style: inset;
    -webkit-box-shadow: inset 0px 0px 20px #c1c1c1;
    -moz-box-shadow: inset 0px 0px 20px #c1c1c1;
    box-shadow: inset 0px 0px 20px #c1c1c1;
}
.disable-button[b-81olvxp7gl] {
    color: lightgray;
    cursor: default;
    pointer-events: none;
}
.disable-icon[b-81olvxp7gl] {
    background: lightgray !important;
    color: #e1e1e1;
}
.icon[b-81olvxp7gl] {
    background: #41464b;
    color: white;
}
.save-button-section[b-81olvxp7gl] {
  /*  margin-left: auto;
    margin-right: 50px;*/
}
.sticky-top[b-81olvxp7gl] {
    position: sticky;
    top: 0;
    /*z-index has to be higher than input field dropdown for link column(z-index=1)*/
    z-index: 2;
    background: var(--color-main-background);
    padding-bottom: 5px;
}

.outer-wrapper[b-81olvxp7gl] {
    overflow: hidden;
    height: 1.2em;
    line-height: 1.2em;
    border: 1px dotted black;
    margin: 1em;
}

    .outer-wrapper[b-81olvxp7gl]::before {
        content: '';
        display: inline-block;
    }

.inner-wrapper[b-81olvxp7gl] {
    display: inline-block;
    white-space: nowrap;
}
.fa-floppy-disk[b-81olvxp7gl]{
    font-size: 14pt;
}
.save-quit[b-81olvxp7gl] {
    position: absolute;
    margin-left: -5px;
    margin-top: 11px;
    font-size: 12px;
    color: black;
    background-color: white;
    border-radius: 20px;
    padding: 1px;
}

@media only screen and (max-width:500px), (max-height: 500px) {
    .text-hide[b-81olvxp7gl] {
        display: none;
    }

    .btn[b-81olvxp7gl] {
        padding: 0.375rem 0.45rem;
    }

    .record-control-section[b-81olvxp7gl] {
        padding: 0;
    }

    .v-divider-outer[b-81olvxp7gl] {
        display: none;
    }
}

@media only screen and (min-width:760px), (max-height: 500px) {
    .wide-screen-hide[b-81olvxp7gl] {
        display: none;
    }
}
@media only screen and (max-width:760px), (max-height: 500px) {
    .small-screen-hide[b-81olvxp7gl] {
        display: none;
    }
}
/* /Shared/RedeemCode.razor.rz.scp.css */
.redeem-wrapper[b-0b067lrevw] {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    padding: 10px;
    border-radius: 15px;
    display: flex;
    background-color: aliceblue;
    flex-direction: column;
   max-height:90vh;
    width:500px;
}
input[b-0b067lrevw]{
    border-radius:5px;
    border-color: transparent;
}
button[b-0b067lrevw]{
    margin-top:10px;
    border-radius: 5px;
    border-color: lightgray;


}
.coupon[b-0b067lrevw] {
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border: 3px dashed #bcbcbc;
    display:flex;
}
.coupon-info[b-0b067lrevw]{
    flex:1;
}
.coupon-description[b-0b067lrevw] {
}
.coupon-code[b-0b067lrevw]{
    font-weight:800;
}
.action[b-0b067lrevw]{
    position:relative;
}
    .action input[b-0b067lrevw] {
        width: 150px;
        border: 1px solid rgba(34, 36, 38, .15);
        border-right:none;
        border-radius: 5px 0 0 5px;
    }

       input:focus[b-0b067lrevw] {
            outline: none;
        }
    .action button[b-0b067lrevw] {
        transform: translateX(-8px);
        border: 1px solid rgba(34, 36, 38, .15);
    }
#announcement-mini[b-0b067lrevw] {
    position: fixed;
    bottom: 20px;
    right: 85px;
    color: white;
    background-color: #FF2D2D;
    border-radius: 40px;
    padding: 10px 15px;
    font-size: 1.1rem;
    z-index: 2;
    cursor: pointer;
}
#announcement[b-0b067lrevw] {
    position: fixed;
    background-color: #FF2D2D;
    font-size: 1.2rem;
    padding: 10px;
    border-radius: 20px;
    z-index: 2;
    bottom: 20px;
    right: 85px;
}
    #announcement a[b-0b067lrevw] {
        color: white;
        cursor: pointer;
        height: fit-content;
        text-decoration: none;
    }
        #announcement a:hover[b-0b067lrevw] {
            font-weight: bold;
            text-decoration: underline;
        }
#bi-X[b-0b067lrevw] {
    width: 20px;
    position: absolute;
    left: -12px;
    top: -11px;
    display: block;
    background-color: #a78c8c;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    color: white;
    text-align: center;
    border: solid white 1pt;
    cursor:pointer;
}
p[b-0b067lrevw] {
    margin: 0;
    padding: 0;
}
/* /Shared/RegisterSurvey.razor.rz.scp.css */


h1[b-xm79yf0dwr] {
    text-align: center;
    color: #333;
}

.survey-form[b-xm79yf0dwr] {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: auto;
}

label[b-xm79yf0dwr] {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #333;
}

input[type="text"][b-xm79yf0dwr], input[type="email"][b-xm79yf0dwr], input[type="tel"][b-xm79yf0dwr], select[b-xm79yf0dwr], textarea[b-xm79yf0dwr] {
    width: 100%;
    padding: 8px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea[b-xm79yf0dwr] {
    resize: vertical;
}

button[type="submit"][b-xm79yf0dwr] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

    button[type="submit"]:hover[b-xm79yf0dwr] {
        background-color: #45a049;
    }

.survey-form h2[b-xm79yf0dwr] {
    color: #444;
    margin-top: 20px;
}

.survey-form label[b-xm79yf0dwr],
.survey-form input[b-xm79yf0dwr],
.survey-form select[b-xm79yf0dwr],
.survey-form textarea[b-xm79yf0dwr] {
    margin-bottom: 10px;
}

    .survey-form input[type="checkbox"][b-xm79yf0dwr],
    .survey-form input[type="radio"][b-xm79yf0dwr] {
        width: auto;
        margin-right: 5px;
        vertical-align: middle;
    }

        .survey-form input[type="checkbox"]:checked[b-xm79yf0dwr],
        .survey-form input[type="radio"]:checked[b-xm79yf0dwr] {
            background-color: #4CAF50;
            border-color: #4CAF50;
        }

.survey-form div[b-xm79yf0dwr] {
    margin-bottom: 15px;
}

.checkbox-group[b-xm79yf0dwr] {
    margin-right: 20px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.verify-box[b-xm79yf0dwr] {
    border-radius: 5px;
    padding: 10px;
}
label[b-xm79yf0dwr]{
    display:inline-block;
}
/* /Shared/ReportPrintFormat.razor.rz.scp.css */
/*
body {
    counter-reset: page;
}*/
table.report-container[b-85b1xf4k96] {
    page-break-after: always;
    width:100%;
}
table.report-container:last-child[b-85b1xf4k96] {
    page-break-after: avoid;
}

thead.report-header[b-85b1xf4k96] {
    display: table-header-group;
    text-align: center;
    visibility:hidden;
}

tfoot.report-footer[b-85b1xf4k96] {
    display: table-footer-group;
    text-align: center;
}

   /* .report-footer:after {
        counter-increment: page;
        content: "Page " counter(page);
        left: 0;
        top: 100%;
        white-space: nowrap;
        z-index: 20;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0px 0px 4px #222;
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    }*/

/* /Shared/Report/ProgressStepCompleteConditionSetup.razor.rz.scp.css */

/* Style for the container div */
.step-setup-container[b-3zs7ur45cv] {
    min-width: 500px;
}

/* Style for the step name */
.step-name[b-3zs7ur45cv] {
    font-size: 20px;
    font-weight: bold;
}

/* Style for the query table section */
.query-table-section[b-3zs7ur45cv] {
    margin-top: 10px;
    margin: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

/* Style for the query table title */
.query-table-title[b-3zs7ur45cv] {
    font-weight: bold;
    margin-bottom: 5px;
}

/* Style for the "新增規則" button */
.add-rule-button[b-3zs7ur45cv] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 5px 10px;
    margin-top: 5px;
    cursor: pointer;
}

/* Style for the checkboxes and their labels */
.checkbox-label[b-3zs7ur45cv] {
    display: block;
    margin-top: 5px;
    font-weight: bold;
}

.checkbox-input[b-3zs7ur45cv] {
    margin-right: 5px;
}

/* Style for the error message */
.error-message[b-3zs7ur45cv] {
    color: red;
    margin-top: 10px;
    font-weight: bold;
}
.validation-table[b-3zs7ur45cv] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

    .validation-table th[b-3zs7ur45cv], .validation-table td[b-3zs7ur45cv] {
        border: 1px solid #ccc;
        padding: 8px;
    }

    .validation-table th[b-3zs7ur45cv] {
        background-color: #f2f2f2;
    }

    .validation-table tr:nth-child(even)[b-3zs7ur45cv] {
        background-color: #f2f2f2;
    }

    .validation-table tr:hover[b-3zs7ur45cv] {
        background-color: #ddd;
    }
/* /Shared/Report/QueryChartSetup.razor.rz.scp.css */
@charset "utf-8";
.chart-sample-wrapper[b-amdtcfjx1e] {
    max-width: 800px;
    min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    width:80vw;
}
.chart-sample[b-amdtcfjx1e] {
    width: 50%;
    /*width: 400px;*/
    padding: 20px;
    cursor: pointer;
    border-radius: 20px;
}
.chart-sample:hover[b-amdtcfjx1e]{

    background-color: aliceblue;
}

label[b-amdtcfjx1e] {
    padding: 5px 0;
}

select[b-amdtcfjx1e] {
    margin: 0 20px 5px 0;
}

.select-item:hover[b-amdtcfjx1e] {
    background-color: lightblue;
    cursor: pointer;
}

.tag-container[b-amdtcfjx1e] {
    margin: 5px;
    width: auto;
    /*height: 40px;*/
    /* border: groove #80808036 2pt;*/
    display: flex;
    flex-wrap: wrap;
}

.tag-title[b-amdtcfjx1e] {
    font-size: 12pt;
    align-self: center;
    padding: 6px;
    white-space: nowrap;
    margin: 3px 3px;
    font-weight: bold;
    margin-top: -30px;
}

.tag[b-amdtcfjx1e] {
    cursor: pointer;
    background: #e1ecf4;
    width: fit-content;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 12pt;
    margin: 3px 3px;
    align-self: center;
    white-space: nowrap;
    margin: 5px;
}

    .tag:hover[b-amdtcfjx1e] {
        background: #bedff7;
    }

a.boxclose[b-amdtcfjx1e] {
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    background: #cccccc;
    font-size: 10pt;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 7px 3px;
    text-decoration: none;
}

.boxclose[b-amdtcfjx1e]:before {
    content: "×";
}

.boxclose:hover[b-amdtcfjx1e] {
    background: #ff1414d4;
}

select[b-amdtcfjx1e] {
    min-width: 150px;
}

@keyframes glowing-b-amdtcfjx1e {
    0% {
        background-color: #2ba805;
        box-shadow: 0 0 3px #2ba805;
    }

    50% {
        background-color: #49e819;
        box-shadow: 0 0 12px #49e819;
    }

    100% {
        background-color: #2ba805;
        box-shadow: 0 0 3px #2ba805;
    }
}

.glowing[b-amdtcfjx1e] {
    animation: glowing-b-amdtcfjx1e 1300ms infinite;
    border: none;
}
.chart-setting-wrapper[b-amdtcfjx1e] {
    width: 100%;
    text-align: -webkit-center;
}
.setting-wrapper[b-amdtcfjx1e] {
    width: 80vw;
    max-width: 800px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
label[b-amdtcfjx1e] {
    font-weight: bold;
    background: gainsboro;
    border-radius: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.input-wrapper[b-amdtcfjx1e] {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.value-fields[b-amdtcfjx1e] {
    height: 30px;
    border-radius: 25px;
    margin-bottom: 10px;
    border-width: 28pt;
    border: 1pt solid gray;
    width: fit-content;
    padding: 0 10px;
}
select[b-amdtcfjx1e], input[b-amdtcfjx1e] {
    width: 100%;
    height: 30px;
    border-radius: 25px;
    margin-bottom: 10px;
}
input[b-amdtcfjx1e] {
    width: 100%;
    height: 30px;
    border-radius: 25px;
    border-style: solid;
    border-color: lightgray;
    border-width: 1pt;
    padding-left: 10pt;
}
@media only screen and (max-width:768px) {
    .chart-sample[b-amdtcfjx1e] {
        width: 100%;
    }
    .chart-sample-wrapper[b-amdtcfjx1e] {
        width: 100%;
    }
    .chart-setting-wrapper[b-amdtcfjx1e] {
        max-width: 100%;
        width:800px;
        text-align: -webkit-center;
    }
    }

.chart-sample-number[b-amdtcfjx1e]{
    font-size:50pt;
}


/* Style the summary item text */
.summary-text[b-amdtcfjx1e] {
    flex: 1; /* Allow the text to expand within the summary item */
}

/* Style any icons or symbols you want to include in the summary items */
.summary-icon[b-amdtcfjx1e] {
    font-size: 20px; /* Adjust the icon size as needed */
    margin-right: 10px; /* Add spacing between the icon and text */
}
.summary-item[b-amdtcfjx1e] {
    height: 90%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* border: 1px solid #ddd;*/
    padding: 10px;
    margin: 5px 0;
    background-color: #fff;
}


    .summary-item:hover[b-amdtcfjx1e] {
        background-color: #f0f0f0; /* Change the background color on hover */
        cursor: pointer; /* Change the cursor to a hand pointer on hover */
    }

.summary-value[b-amdtcfjx1e] {
    font-size: 40px;
}

.summary-label[b-amdtcfjx1e] {
    font-size: 34px;
    color: #777;
    white-space: nowrap; /* Prevent line breaks in the label */
}
.calendar-label[b-amdtcfjx1e] {
    white-space: nowrap;
    padding: 0 10px;
    align-content: center;
    background-color: transparent;
    width:60%;
}
.icon-add[b-amdtcfjx1e] {
    cursor: pointer;
    font-size: 16pt;
}
.icon-add:hover[b-amdtcfjx1e] {
    color: green;
}
.icon-del[b-amdtcfjx1e] {
    cursor: pointer;
    font-size: 16pt;
}
.icon-del:hover[b-amdtcfjx1e] {
    color: red;
}
.focus-set[b-amdtcfjx1e] {
    border-radius: 20px;
    background-color: #d4deddc2;
}
.group-setting[b-amdtcfjx1e] {
    overflow: auto;
    width: 370px;
    display: flex;
    flex-wrap: wrap;
}
.calendar-setting-wrapper[b-amdtcfjx1e] {
    margin-right:20px;
    margin-bottom:10px;
}
.bi-eye[b-amdtcfjx1e], .bi-eye-slash[b-amdtcfjx1e] {
    font-size:20px;
    margin-left:2px;
    cursor:pointer;
}
.group-row[b-amdtcfjx1e]{
    display: flex;
    align-items: center;
}
.group-title[b-amdtcfjx1e] {
    max-width: 70px;
    min-width:60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Shared/Report/QueryComponent.razor.rz.scp.css */
.prev-page-button[b-fmti75fcz2] {
    font-size: 20pt;
    cursor: pointer;
    width: 50px;
    text-align: center;
}
.margin-10[b-fmti75fcz2]{
    margin:10px;
}
.query-title[b-fmti75fcz2] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
}
.query-component-wrapper[b-fmti75fcz2] {
    min-Width: 500px;
    width: -webkit-fill-available;
    border: 2px solid rgb(217 217 217);
    max-width: 1000px;
    position:relative;
    background-color:white;
    min-height:500px;
}
.query-from-top-control[b-fmti75fcz2] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    max-width: 1000px;
    align-items: center;
    width: 100%;
}

/* Style for the container div */
.step-setup-container[b-fmti75fcz2] {
    min-width:500px;
}

/* Style for the step name */
.step-name[b-fmti75fcz2] {
    font-size: 20px;
    font-weight: bold;
}

/* Style for the query table section */
.query-table-section[b-fmti75fcz2] {
    margin-top: 10px;
    margin: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

/* Style for the query table title */
.query-table-title[b-fmti75fcz2] {
    font-weight: bold;
    margin-bottom: 5px;
}

/* Style for the "新增規則" button */
.add-rule-button[b-fmti75fcz2] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 5px 10px;
    margin-top: 5px;
    cursor: pointer;
}

/* Style for the checkboxes and their labels */
.checkbox-label[b-fmti75fcz2] {
    display: block;
    margin-top: 5px;
    font-weight: bold;
}

.checkbox-input[b-fmti75fcz2] {
    margin-right: 5px;
}

/* Style for the error message */
.error-message[b-fmti75fcz2] {
    color: red;
    margin-top: 10px;
    font-weight: bold;
}

.round-button[b-fmti75fcz2] {
    border-radius: 35px;
    background-color: #00a89b;
    border-color: #00a89b;
}

.menu-button[b-fmti75fcz2] {
    cursor: pointer;
    color: gray;
    font-size: 20pt;
}

    .menu-button:hover[b-fmti75fcz2] {
        color: black;
    }
@media only screen and (max-width:768px) {
    .hide-small-screem[b-fmti75fcz2]{
        display:none;
    }
}
/* /Shared/Report/QuerySummary.razor.rz.scp.css */

/* Style the summary item text */
.summary-text[b-0nnu5224b9] {
    flex: 1; /* Allow the text to expand within the summary item */
}

/* Style any icons or symbols you want to include in the summary items */
.summary-icon[b-0nnu5224b9] {
    font-size: 20px; /* Adjust the icon size as needed */
    margin-right: 10px; /* Add spacing between the icon and text */
}

.summary-item[b-0nnu5224b9] {
    height:90%;
    width:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* border: 1px solid #ddd;*/
    padding: 10px;
    margin: 5px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .summary-item:hover[b-0nnu5224b9] {
        background-color: #f0f0f0; /* Change the background color on hover */
        cursor: pointer; /* Change the cursor to a hand pointer on hover */
    }

.summary-value[b-0nnu5224b9] {
    font-size: 40px;
}

.summary-label[b-0nnu5224b9] {
    font-size: 34px;
    color: #777;
    white-space: nowrap; /* Prevent line breaks in the label */
}
/* /Shared/Report/QueryTable.razor.rz.scp.css */
tr[b-g1t8xfvsj7], td[b-g1t8xfvsj7], th[b-g1t8xfvsj7] {
    white-space: nowrap;
    padding: 5px 10px;
}
td[b-g1t8xfvsj7]{
    padding: 0px 10px;
}
.tr-record[b-g1t8xfvsj7]{
    height:25px;
}
.tr-record:hover[b-g1t8xfvsj7] {
    background-color: bisque;
    cursor: pointer;
}

.table-container[b-g1t8xfvsj7] {
    height: 100%;
    display: block;
    padding: 20px;
}

.table-responsive[b-g1t8xfvsj7] {
    display: inline-block;
    height: calc(100% - 50px);
    overflow: auto;
    width: 100%;
    padding: 0px;
}
.sticky-top-thead[b-g1t8xfvsj7] {
    position: sticky;
    top: 0;
    background: gray;
    color: white;
    z-index:1 ;
}

*[b-g1t8xfvsj7]::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
}

*[b-g1t8xfvsj7]::-webkit-scrollbar-button {
    display: none;
}

*[b-g1t8xfvsj7]::-webkit-scrollbar-track {
    background-color: #00000000;
}

*[b-g1t8xfvsj7]::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}

*[b-g1t8xfvsj7]::-webkit-scrollbar-thumb {
    background-color: #00000040;
    border: 1px solid #ffffff40;
    border-radius: 4px;
}

[b-g1t8xfvsj7]::-webkit-scrollbar-corner {
    /*
background-image: url(resources/corner.png);
background-repeat: no-repeat;
*/
    background-color: transparent;
}

.top-button[b-g1t8xfvsj7] {
    font-size: 15pt;
    padding: 0 10px;
    cursor: pointer;
}
.top-button:hover[b-g1t8xfvsj7]{
    color:gray;
}
.query-container[b-g1t8xfvsj7] {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.querytable-header[b-g1t8xfvsj7] {
    display: flex;
    justify-content: space-between;
}
.query-filter-container[b-g1t8xfvsj7] {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.filter-list[b-g1t8xfvsj7] {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    border-radius: 30px;
}
.query-filter-cell[b-g1t8xfvsj7] {
    background: white;
    padding: 10px;
    align-self: center;
    border-radius: 10px;
    white-space: nowrap;
    margin: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}
@media (max-width:768px){
    .query-filter-cell[b-g1t8xfvsj7] {
        width: 95% !important;
        flex-direction: row;
    }
    .filter-input[b-g1t8xfvsj7] {
        width: -webkit-fill-available;
        min-width: 50px;
    }

    .query-container[b-g1t8xfvsj7] {
        max-height: 70vh;
    }
}

.querylink-container[b-g1t8xfvsj7] {
    margin: 5px;
    width: auto;
    height: 40px;
    /* border: groove #80808036 2pt;*/
    display: flex;
    flex-wrap: wrap;
}

.querylink-title[b-g1t8xfvsj7] {
    font-size: 8pt;
    align-self: center;
    background: #e1ecf4;
    padding: 6px;
    white-space: nowrap;
    margin: 3px 3px;
}

.querylink-tag[b-g1t8xfvsj7] {
    cursor: pointer;
    background: #e1ecf4;
    width: fit-content;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 8pt;
    margin: 3px 3px;
    align-self: center;
    white-space: nowrap;
}

    .querylink-tag:hover[b-g1t8xfvsj7] {
        background: #bedff7;
    }

    .hover-gray:hover[b-g1t8xfvsj7]{
        color:gray;
        cursor: pointer;
    }


#failed-field[b-g1t8xfvsj7] {
    position: relative;
    top: -40px;
    display: block;
    bottom: -5px;
    position: absolute;
}
.query-table-field-content[b-g1t8xfvsj7] {
    position: relative;
    border-radius:3pt;
}
.query-table-field-content-empty[b-g1t8xfvsj7]:before {
    position: relative;
    border-radius: 3pt;
    content: '　';
}

/*.query-table-field-content-fail {
    margin: 1pt;
    padding: 1pt;
}*/
.grabbable[b-g1t8xfvsj7] {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.grabbable:hover[b-g1t8xfvsj7] {
    background-color: darkgray;
}

    /* (Optional) Apply a "closed-hand" cursor during drag operation. */
    .grabbable:active[b-g1t8xfvsj7] {
        cursor: grabbing !important;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }


tfoot[b-g1t8xfvsj7] {
    position: sticky;
    inset-block-end: 0px;
    background: var(--color-main-background);
}


/* Style the summary item text */
.summary-text[b-g1t8xfvsj7] {
    flex: 1; /* Allow the text to expand within the summary item */
}

/* Style any icons or symbols you want to include in the summary items */
.summary-icon[b-g1t8xfvsj7] {
    font-size: 20px; /* Adjust the icon size as needed */
    margin-right: 10px; /* Add spacing between the icon and text */
}

.summary-item[b-g1t8xfvsj7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border: 1px solid #ddd;*/
    padding: 10px;
    margin: 5px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .summary-item:hover[b-g1t8xfvsj7] {
        background-color: #f0f0f0; /* Change the background color on hover */
        cursor: pointer; /* Change the cursor to a hand pointer on hover */
    }

.summary-value[b-g1t8xfvsj7] {
    font-size: 18px;
}

.summary-label[b-g1t8xfvsj7] {
    font-size: 12px;
    color: #777;
    white-space: nowrap; /* Prevent line breaks in the label */
}
.print-ignore[b-g1t8xfvsj7] {
    z-index:1;
}
/* /Shared/Report/QueryTableSetup.razor.rz.scp.css */
@charset "utf-8";


label[b-vm0jvrvood] {
    padding: 5px 0;
}

select[b-vm0jvrvood] {
    margin: 0 20px 5px 0;
}

.select-item:hover[b-vm0jvrvood] {
    background-color: lightblue;
    cursor: pointer;
}

.tag-container[b-vm0jvrvood] {
    margin: 5px;
    width: auto;
    /*height: 40px;*/
    /* border: groove #80808036 2pt;*/
    display: flex;
    flex-wrap: wrap;
}

.tag-title[b-vm0jvrvood] {
    font-size: 12pt;
    align-self: center;
    padding: 6px;
    white-space: nowrap;
    margin: 3px 3px;
    font-weight: bold;
    margin-top: -30px;
}

.tag[b-vm0jvrvood] {
    cursor: pointer;
    background: #e1ecf4;
    width: fit-content;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 12pt;
    margin: 3px 3px;
    align-self: center;
    white-space: nowrap;
    margin: 5px;
}

    .tag:hover[b-vm0jvrvood] {
        background: #bedff7;
    }

a.boxclose[b-vm0jvrvood] {
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    background: #cccccc;
    font-size: 10pt;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 7px 3px;
    text-decoration: none;
}

.boxclose[b-vm0jvrvood]:before {
    content: "×";
}

.boxclose:hover[b-vm0jvrvood] {
    background: #ff1414d4;
}

select[b-vm0jvrvood] {
    min-width: 150px;
}

@keyframes glowing-b-vm0jvrvood {
    0% {
        background-color: #2ba805;
        box-shadow: 0 0 3px #2ba805;
    }

    50% {
        background-color: #49e819;
        box-shadow: 0 0 12px #49e819;
    }

    100% {
        background-color: #2ba805;
        box-shadow: 0 0 3px #2ba805;
    }
}

.glowing[b-vm0jvrvood] {
    animation: glowing-b-vm0jvrvood 1300ms infinite;
    border: none;
}

.checkbox-header[b-vm0jvrvood] {
    font-weight: bold;
    background: gainsboro;
    display: flex;
    justify-content: space-between;
}
/* /Shared/Report/QueryTableSetupBackUp.razor.rz.scp.css */
@charset "utf-8";


label[b-vcqd7vdjbh] {
    padding: 5px 0;
}

select[b-vcqd7vdjbh] {
    margin: 0 20px 5px 0;
}

.select-item:hover[b-vcqd7vdjbh] {
    background-color: lightblue;
    cursor: pointer;
}

.tag-container[b-vcqd7vdjbh] {
    margin: 5px;
    width: auto;
    /*height: 40px;*/
    /* border: groove #80808036 2pt;*/
    display: flex;
    flex-wrap: wrap;
}

.tag-title[b-vcqd7vdjbh] {
    font-size: 12pt;
    align-self: center;
    padding: 6px;
    white-space: nowrap;
    margin: 3px 3px;
    font-weight: bold;
    margin-top: -30px;
}

.tag[b-vcqd7vdjbh] {
    cursor: pointer;
    background: #e1ecf4;
    width: fit-content;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 12pt;
    margin: 3px 3px;
    align-self: center;
    white-space: nowrap;
    margin: 5px;
}

    .tag:hover[b-vcqd7vdjbh] {
        background: #bedff7;
    }

a.boxclose[b-vcqd7vdjbh] {
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    background: #cccccc;
    font-size: 10pt;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 7px 3px;
    text-decoration: none;
}

.boxclose[b-vcqd7vdjbh]:before {
    content: "×";
}

.boxclose:hover[b-vcqd7vdjbh] {
    background: #ff1414d4;
}

select[b-vcqd7vdjbh] {
    min-width: 150px;
}

@keyframes glowing-b-vcqd7vdjbh {
    0% {
        background-color: #2ba805;
        box-shadow: 0 0 3px #2ba805;
    }

    50% {
        background-color: #49e819;
        box-shadow: 0 0 12px #49e819;
    }

    100% {
        background-color: #2ba805;
        box-shadow: 0 0 3px #2ba805;
    }
}

.glowing[b-vcqd7vdjbh] {
    animation: glowing-b-vcqd7vdjbh 1300ms infinite;
    border: none;
}
/* /Shared/Selector.razor.rz.scp.css */
.selector-box[b-29tx2xykfl] {
    background-color: white;
    border: 2px solid #000000;
    min-height:20rem;
    max-height:30rem;
    overflow: auto;
    width:20rem;
}

.selector[b-29tx2xykfl] {
    margin-left: 3.5rem;
}

.item.selected[b-29tx2xykfl] {
    background-color: #0a00ff;
    color: #ffffff;
}

.item[b-29tx2xykfl] {
    color: #000000;
    background-color: #ffffff;
}

.selector-window[b-29tx2xykfl] {
    justify-content:flex-start;
    display:flex;
}

.centered-element[b-29tx2xykfl] {
    margin: 3.5rem;
    display:inline;
}
/* /Shared/ShareFolderItem.razor.rz.scp.css */
.perm-center[b-rug8xyngyg]{
    text-align:center;
}
.mr-left[b-rug8xyngyg] {
    margin-left: 10px;
}
tr[b-rug8xyngyg] {
    white-space: nowrap;
}
.red[b-rug8xyngyg] {
    color: red;
}
.green[b-rug8xyngyg] {
    color: green;
}
.orange[b-rug8xyngyg] {
    color: orange;
}
/* /Shared/ShowSignature.razor.rz.scp.css */
.line-under[b-6l9j6bg41m] {
    width: 100%;
    height: 1px;
    background-color: gray;

}

.signature-wrap img[b-6l9j6bg41m] {
    height:90%;
    width:100%;
    object-fit:contain
}

.signature-wrap p[b-6l9j6bg41m] {
    margin-bottom: 0 !important;
    text-align: center;
}
.signature-wrap[b-6l9j6bg41m] {
    position:relative;
}
.signature-hr[b-6l9j6bg41m] {
    width: 80%;
    border-top: 1.5px solid black;
    height:10px;
}
.hr-container[b-6l9j6bg41m] {
    width: 100%;
    position: absolute;
    bottom: 5%;
    justify-items:center;
}
/* /Shared/SideMenu.razor.rz.scp.css */
.navbar-toggler[b-utac22fajm] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-utac22fajm] {
    height: 3.5rem;
    background-color: #03395c;
}

.navbar-brand[b-utac22fajm] {
    font-size: 1.1rem;
    height: 90px;
    display: block;
}

.oi[b-utac22fajm] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-utac22fajm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-utac22fajm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-utac22fajm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-utac22fajm]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-utac22fajm]  a.active 
        {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-utac22fajm]  a:hover 
        {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.item-menu[b-utac22fajm] {
  /*  background-image: linear-gradient(180deg, #007cce 0%, #0137a8 70%);*/
    flex: 1 1 auto;
    overflow:auto;
}

    .item-menu[b-utac22fajm]::-webkit-scrollbar {
        display: none;
    }

.vert-nav-bar[b-utac22fajm] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.shadow-15[b-utac22fajm] {
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;
}


@media (min-width: 641px) {
    .navbar-toggler[b-utac22fajm] {
        display: none;

    }
    .collapse_custom[b-utac22fajm] {

    }
    
    .main[b-utac22fajm] {
        padding-top: 40px;
    }
}
@media (max-width: 641px) {
    .collapse_custom[b-utac22fajm] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        width: 0;
    }
}
/* /Shared/Signature.razor.rz.scp.css */

.btn-primary[b-q6zieepmva] {
    background-color: #00a89b;
    border-color: #00a89b;
}
.bi-pencil-square[b-q6zieepmva] {
    cursor: pointer;
    position: absolute;
    top: -22px;
    right: 10px;
}
.date-str[b-q6zieepmva] {
    text-align: center;
}
.line-under[b-q6zieepmva] {
    width: 100%;
    height: 1px;
    background-color: gray;
    margin-top: -15px;
}
.bi-gear[b-q6zieepmva] {
    cursor:pointer;
    font-size:18px;
    margin-right:15px;
}
.bi-x-lg[b-q6zieepmva] {
    margin-right: 15px;
    color:red;
}
.signature-icon[b-q6zieepmva], .bi-x-lg[b-q6zieepmva] {
    cursor: pointer;
}
.signature-icon[b-q6zieepmva] {
    color: #4564af;
    text-align: center;
}
/* /Shared/TabControl/TabControl.razor.rz.scp.css */
.nav-item:hover[b-hioodp4jqy] {
    cursor: pointer;
}
.nav-link[b-hioodp4jqy]{
    font-weight: bold;
}
/* /Shared/TableComponent.razor.rz.scp.css */
.ListButton[b-e2rt29s4t3] {
    background-color: #FFFFFF00
}

.ListTitle[b-e2rt29s4t3] {
    margin-top: 3rem;
    margin-bottom: 0;
    padding:0;
}
/* /Shared/TableComponentSetup.razor.rz.scp.css */
.content-container[b-v4hctr3ud1] {
    justify-content: flex-start;
    display:flex;
}
/* /Shared/TableView/ArchivedRecordView.razor.rz.scp.css */
.close-button[b-2ucyvrsx8z] {
    cursor: pointer;
    height: 30px;
    float: right;
}
.close-button:hover[b-2ucyvrsx8z]{
    color:gray;
}
.icon-box[b-2ucyvrsx8z]{
    padding: 0 5px;
    border-radius:3px;
}
    .icon-box:hover[b-2ucyvrsx8z] {
        background-color: #dcdfec;
        cursor: pointer;
    }
.sticky-thead[b-2ucyvrsx8z] {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}
/* /Shared/TableView/RecordFieldDisplay.razor.rz.scp.css */

.field-content-wrapper[b-abmom4wedg] {
    display: flex;
    min-height:24px;
}

.unit-prefix[b-abmom4wedg] {
    padding-right: 3px;
}

.unit-suffix[b-abmom4wedg] {
    padding-left: 3px;
}
.broken[b-abmom4wedg] {
    position: relative;
    color: red;
}
    .broken[b-abmom4wedg]::after {
        position: absolute;
        content: "\\";
        color: red;
        font-weight: 500;
        font-size: 1.1em;
        left: 5px;
        top: -2px;
        transform: rotate(338deg);
    }

/* /Shared/TermsOfService.razor.rz.scp.css */
.outer-title[b-lby8uk907r] {
    display: flex;
    align-items: center;
}
.title-icon[b-lby8uk907r] {
    font-size: 40pt;
    color: #698fd6;
}
.main-title[b-lby8uk907r] {
    font-weight: bold;
    color: #000000cc;
}
.terms-date[b-lby8uk907r] {
    font-size: 12pt;
    color: gray;
}
.terms[b-lby8uk907r] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
    height: 400px;
}
.btn-groups[b-lby8uk907r] {
    display: flex;
    place-self: center;
    justify-content: space-around;
    width: 100%;
}
body[b-lby8uk907r] {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
    background-color: #f4f4f4;
}

h1[b-lby8uk907r] {
    font-size: 1.8em; /* Smaller than the default size */
    color: #333;
}

h2[b-lby8uk907r] {
    font-size: 1.4em; /* Smaller than the default size */
    margin-top: 20px;
    color: #333;
}
h2[b-lby8uk907r] {
    margin-top: 20px;
}

p[b-lby8uk907r] {
    margin: 10px 0;
}

ul[b-lby8uk907r] {
    list-style-type: decimal;
    margin-left: 20px;
}

.content[b-lby8uk907r] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* /Shared/Toaster/Toaster.razor.rz.scp.css */
.show[b-bcjsvqijeg] {
    animation: fadein-b-bcjsvqijeg 0.3s;
    transition: all 0.15s linear;
}
@keyframes fadein-b-bcjsvqijeg {
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* /Shared/TopMenu.razor.rz.scp.css */
@media (max-width:500px){
    .logged-in-email[b-1iumeloku5] {
        display: none;
    }
}
.notification-button[b-1iumeloku5] {
    display: flex;
    align-items: center;
    position: relative;
}
.email-info[b-1iumeloku5] {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: black;
    flex-direction: row-reverse;
}
.profile-button[b-1iumeloku5] {
    flex-direction: row-reverse;
    position: absolute;
    right: 30px;
}
.user-buttons[b-1iumeloku5] {
    display: flex;
    flex-direction: row-reverse;
    right: 0;
    position: absolute;
    align-items: center;
}

.fa-store:hover[b-1iumeloku5] {
    animation: bounce-b-1iumeloku5 2s infinite ease-in-out;
}

@keyframes bounce-b-1iumeloku5 {
    0%, 100% {
        transform: translateY(0);/* Start and end at 0deg (paused) */
    }

    16.6% {
        transform: translateY(-1px);
        ; /* Shake to the left */
    }

    33.3% {
        transform: translateY(2px); /* Shake to the right */
    }

    50% {
        transform: translateY(-1px); /* Shake to the left */
    }

    66.6% {
        transform: translateY(2px); /* Shake to the right */
    }

    83.3% {
        transform: translateY(0px); /* Shake to the left */
    }

    90% {
        transform: translateY(0px); /* Shake to the right */
    }
}
/* /Shared/UploadFiles.razor.rz.scp.css */
.file-wrapper[b-ldc7gl48yt] {
    text-align: center;
    line-height: normal;
    margin: 5px;
    position: relative;
    width:100px;
}
.file-icon[b-ldc7gl48yt] {
    font-size: 30pt;
}
.file-name[b-ldc7gl48yt] {
    font-size: 10pt;
    width: 100%;
    max-height: 50px;
    overflow: hidden;
    /* text-align: start;*/
    text-overflow: ellipsis;
    line-height: 2.5ex;
    max-height: 7.5ex;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.files-wrap[b-ldc7gl48yt] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    align-content: flex-start;
}
.files-wrap-table[b-ldc7gl48yt] {
    display: flex;
    flex-wrap: nowrap;
  /*  max-width: 200px;*/
}
.del-button[b-ldc7gl48yt] {
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor:pointer;
}
.del-button:hover[b-ldc7gl48yt]{
    display: block;
}
.file-wrapper:hover > .del-button[b-ldc7gl48yt] {
    display: block;
}
.progress-bar[b-ldc7gl48yt] {
    width: 100%;
    height: 10px;
    background-color: #f0f0f0;
    margin-top: 5px;
}

.progress[b-ldc7gl48yt] {
    width: 0%;
    height: 100%;
    background-color: #007bff;
    transition: width 0.3s;
}
.modal-overlay[b-ldc7gl48yt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal-content[b-ldc7gl48yt] {
    max-width: 90%;
    max-height: 90%;
}

    .modal-content img[b-ldc7gl48yt] {
        max-width: 100%;
        max-height: 90vh;
        width: auto;
        height: auto;
        object-fit: contain;
        background-color:black;
    }

    .modal-content .loading[b-ldc7gl48yt] {
        max-width: 100%;
        max-height: 90vh;
        width: auto;
        height: auto;
        object-fit: contain;
        background-color: black;
    }
.close-button[b-ldc7gl48yt] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    cursor: pointer;
}

    .close-button:hover[b-ldc7gl48yt] {
        background-color: rgba(255, 255, 255, 1);
    }

.navigation-button[b-ldc7gl48yt] {
    position:fixed;
    background-color: transparent;
    border: none;
    font-size: 20px;
    color: white;
    cursor: pointer;
    padding: 0 10px;
    transition: opacity 0.3s ease;
}

    .navigation-button:hover[b-ldc7gl48yt] {
        opacity: 0.7;
    }
    .button-left[b-ldc7gl48yt]{
        top:50vh;
        left:50px;
    }
.button-right[b-ldc7gl48yt] {
    top: 50vh;
    right: 50px;
}
.fiv-cla[b-ldc7gl48yt]{
    font-size:3em;
}
.not-image-only[b-ldc7gl48yt]{
    width:50px;
}
.image-only[b-ldc7gl48yt] {
    width: 100px;
    height: 100px;
}
.file-placeholder[b-ldc7gl48yt] {
    background-color: #f0f0f0;
 
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
   
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bi-image[b-ldc7gl48yt] {
    font-size: 24pt;
}
.bi-file-earmark-excel[b-ldc7gl48yt]{
    font-size: 24pt;
}
.file-placeholder-text[b-ldc7gl48yt]{
    font-size: 8pt;
}
.bi-download-img[b-ldc7gl48yt] {
    cursor: pointer;
    font-size: 27px;
    position: fixed;
    background-color: white;
    right: 90px;
    padding: 0px 10px;
}
.upload-file-wrapper[b-ldc7gl48yt] {
    height: 100%;
    position:relative;
    overflow: visible;
}
.download-file-line[b-ldc7gl48yt] {
    display: none;
    position: absolute;
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    border-left: 2px solid gray;
    margin-top: 1px;
    height: 10px;
    transform: translateY(-5px);
}
.download-zip:hover[b-ldc7gl48yt] {
    color: #007bff; 
    transition: color 0.2s ease; 
}
.download-zip[b-ldc7gl48yt] {
    position: absolute;
    right: 0px;
    cursor:pointer;
    z-index:1;
}
/* /Shared/UserButton.razor.rz.scp.css */
.show-menu[b-igewa9chs8] {
    display: block;
}

.user-button[b-igewa9chs8] {
    background-color: transparent;
    border-color: transparent;
    color: black;
}

.top-row a[b-igewa9chs8] {
    margin-left: 0;
}

.dropdown-item:hover[b-igewa9chs8] {
    background-color: white;
}

.dropdown-item[b-igewa9chs8] {
    position: relative;
    color: #212529 !important;
}

.ikrNoti_Counter[b-igewa9chs8] {
    display: block;
    position: absolute;
    background: #e1141e;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 1px 3px;
    margin: -8px 0 0 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    right: 9px;
    top: 10px;
}

.ikrNoti_Counter2[b-igewa9chs8] {
/*    display: block;
    position: absolute;*/
    background: #e1141e;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 1px 3px;
    margin-left: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    right: 25px;
    top: 12px;
}
.user-email[b-igewa9chs8]{
    display:none;
}
@media (max-width: 500px){
    .user-email[b-igewa9chs8] {
        display:block;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 5px 10px;
        color: dimgray;
    }

}

.ikrNoti_Counter:hover + .oi-person[b-igewa9chs8] {
    animation: zoomanimate-b-igewa9chs8 2s infinite ease-in-out;
}
.oi-person:hover[b-igewa9chs8] {
    animation: zoomanimate-b-igewa9chs8 2s infinite ease-in-out;
}

@keyframes zoomanimate-b-igewa9chs8 {
    0%, 100% {
        transform: scale(1); /* Start and end at normal size */
    }

    16.6% {
        transform: scale(1.2); /* Zoom in */
    }

    33.3% {
        transform: scale(0.9); /* Zoom out */
    }

    50% {
        transform: scale(1.2); /* Zoom in */
    }

    66.6% {
        transform: scale(0.9); /* Zoom out */
    }

    83.3% {
        transform: scale(1); /* Return to normal size */
    }

    90% {
        transform: scale(1); /* Stay at normal size */
    }
}
/* /Shared/ViewRecordTable.razor.rz.scp.css */


tr[b-d496jg56y9], td[b-d496jg56y9], th[b-d496jg56y9] {
    white-space: nowrap;
    vertical-align: middle;
    border-width: 1pt;
}
tr:focus[b-d496jg56y9] {
    background-color: ivory;
}
.print-container[b-d496jg56y9]{
    border-radius:10px 10px 0 0;
    overflow: hidden;
}
.table-container[b-d496jg56y9] {
    height: auto;
    display: block;
    max-width: calc(100vw - 280px);

}
.filter-container[b-d496jg56y9] {
    margin: 5px;
    width: auto;
    height: 40px;
   /* border: groove #80808036 2pt;*/
    display: flex;
    flex-wrap: wrap;
}
.filter-title[b-d496jg56y9] {
    font-size: 8pt;
    align-self: center;
    background: #e1ecf4;
    padding: 6px;
    white-space: nowrap;
    margin: 3px 3px;
}
.filter-tag[b-d496jg56y9] {
    cursor: pointer;
    background: #e1ecf4;
    width: fit-content;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 8pt;
    margin: 3px 3px;
    align-self: center;
    white-space: nowrap;
}
    .filter-tag:hover[b-d496jg56y9] {
        background: #bedff7;
    }
a.boxclose[b-d496jg56y9] {
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    background: #cccccc;
    font-size: 10pt;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 7px 3px;
    text-decoration: none;
}
.boxclose[b-d496jg56y9]:before {
    content: "×";
}
.boxclose:hover[b-d496jg56y9] {
    background: #ff1414d4;
}
/*
table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
    */
.table[b-d496jg56y9] {
    border-color: #c0c3c6;
    border-collapse: separate;
    border-spacing: 0;
}
tbody tr td[b-d496jg56y9] {
    border: none;
    border-right: 1pt solid #cdcdcd;
    border-bottom: 1pt solid #cdcdcd;
    border-bottom-color: #cdcdcd important;
}
tfoot tr td[b-d496jg56y9]{
    border: none;
}
tfoot[b-d496jg56y9] {
    border: none;
}



.table-responsive[b-d496jg56y9] {
    display: block;
    overflow: overlay;
    width: 100%;
}
.main-table[b-d496jg56y9] {
    height: calc(80vh - 140px);
    transform: translate(0); /*need this for position fixed to work for tooltip for missing strong link*/
}
.broken[b-d496jg56y9] {
    position: relative;
    color: red;
}
.broken[b-d496jg56y9]::after {
    position: absolute;
    content: "\\";
    color: red;
    font-weight: 500;
    font-size: 1.1em;
    left: 5px;
    top: -2px;
    transform: rotate(338deg);
}
.sticky-thead[b-d496jg56y9] {
    position: sticky;
    top: -1px;
    background: #9e7f85;
    color: white;
    z-index: 2;
    height: 32px;
}
.sticky-tr[b-d496jg56y9] {
    position: sticky;
    top: 33px;
    background:white;
    z-index:1;
}
.tr-record[b-d496jg56y9] {
    page-break-inside: avoid;
}
    .tr-record:hover[b-d496jg56y9] {
        background-color: #e9ecef;
    }
.hide-new-record[b-d496jg56y9]{
    opacity:0.2;
}
.focus-tr[b-d496jg56y9] {
    background-color: #cce5ff;
}
    .focus-tr:hover[b-d496jg56y9] {
        background-color: #cce5ff;
      
    }
.sticky-first-column[b-d496jg56y9] {
    position: sticky;
    left: -1px;
    z-index: 1;
    background: inherit;
/*    border: inherit;*/
    text-align: center;
}
.read-only[b-d496jg56y9] {
    color: black;
    background-color: transparent;
}
.UI-title[b-d496jg56y9] {
    font-size: calc(0.8rem + 1.5vw);
}
.noti-item[b-d496jg56y9]{
    padding: 3px 0;
}
.noti-datetime[b-d496jg56y9]{
    margin-left:auto;
    margin-right:0;
}
.noti-type[b-d496jg56y9] {
    padding-left: 5px;
    align-self: center;
}
.noti-clickable[b-d496jg56y9] {
    cursor: pointer;
}
.noti-clickable:hover[b-d496jg56y9] {
    color:skyblue;
}
/*@media (max-width:640px) {*/
@media (max-width:900px) {
    .table-container[b-d496jg56y9] {
        max-width: 100%;
        /*transform: translate(0);*/ /*need this for position fixed to work for tooltip for missing strong link*/
    }
}
@media (min-width:1200px){
    .UI-title[b-d496jg56y9]{
        font-size: 2rem;
    }
}

*[b-d496jg56y9]::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
}

*[b-d496jg56y9]::-webkit-scrollbar-button {
    display: none;
}

*[b-d496jg56y9]::-webkit-scrollbar-track {
    background-color: #00000000;
}

*[b-d496jg56y9]::-webkit-scrollbar-track-piece {
    background-color: #00000000;
}

*[b-d496jg56y9]::-webkit-scrollbar-thumb {
    background-color: #00000040;
    border: 1px solid #ffffff40;
    border-radius: 4px;
}

[b-d496jg56y9]::-webkit-scrollbar-corner {
    /*
background-image: url(resources/corner.png);
background-repeat: no-repeat;
*/
    background-color: transparent;
}

.icon-hidden[b-d496jg56y9] {
    visibility: hidden;
    float: right; /* Position on the right side of th */
    cursor: pointer;
    display: inline;
}
.icon-show[b-d496jg56y9] {
    float: right; /* Position on the right side of th */
    cursor: pointer;
    display: inline;
}

.hoverable-th:hover .icon-hidden[b-d496jg56y9] {
    visibility: visible;
    display: inline; /* Show the button when hovering over th */
}
.hoverable-th:hover .column-buttons[b-d496jg56y9] {
    display:flex;
}
.hoverable-th[b-d496jg56y9] {
    position: relative;
}
tfoot[b-d496jg56y9] {
    position: sticky;
    inset-block-end: -1px;
    background: var(--color-main-background);
}
    tfoot tr td[b-d496jg56y9] {
        border-top: 1pt solid #b7b7b7;
    }
.field-content-wrapper[b-d496jg56y9]{
    display:flex;
}
.unit-prefix[b-d496jg56y9]{
    padding-right: 3px;
}
.unit-suffix[b-d496jg56y9] {
    padding-left: 3px;
}
/*table thead tr th:first-child {
    position: sticky;
    left: 0;
    background: #9e7f85;
    z-index: 2;
}

table tbody tr td:first-child {
    position: sticky;
    left: 0;
    background: var(--color-main-background);
    z-index: 1;
}*/
.table > :not(:last-child) > :last-child > *[b-d496jg56y9] {
    border-bottom: 1pt solid #cdcdcd;
}
/* Style the summary section in the tfoot */
tfoot[b-d496jg56y9] {
   z-index:1;
    font-weight: bold; /* Make the text bold */
}

    tfoot td[b-d496jg56y9] {
        padding: 10px; /* Add padding for spacing */
        text-align: center; /* Center-align the content */
    }

    /* Style the "+" button for each summary */
    tfoot button[b-d496jg56y9] {
        background-color: #007bff; /* Blue button background color */
        color: #fff; /* White button text color */
        border: none; /* Remove the button border */
        padding: 5px 10px; /* Add padding to the button */
        cursor: pointer; /* Change the cursor to a hand pointer on hover */
    }

        tfoot button:hover[b-d496jg56y9] {
            background-color: #0056b3; /* Darker blue on hover */
        }



/* Style the summary item text */
.summary-text[b-d496jg56y9] {
    flex: 1; /* Allow the text to expand within the summary item */
}

/* Style any icons or symbols you want to include in the summary items */
.summary-icon[b-d496jg56y9] {
    font-size: 20px; /* Adjust the icon size as needed */
    margin-right: 10px; /* Add spacing between the icon and text */
}
.summary-item[b-d496jg56y9] {
    display: flex;
    flex-direction: column;
    align-items: center;
   /* border: 1px solid #ddd;*/
    padding: 10px;
    margin: 5px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .summary-item:hover[b-d496jg56y9] {
        background-color: #f0f0f0; /* Change the background color on hover */
        cursor: pointer; /* Change the cursor to a hand pointer on hover */
    }

.summary-value[b-d496jg56y9] {
    font-size: 18px;
}

.summary-label[b-d496jg56y9] {
    font-size: 12px;
    color: #777;
    white-space: nowrap; /* Prevent line breaks in the label */
}
.close-button[b-d496jg56y9] {
    cursor: pointer;
    height: 30px;
    float: right;
}

    .close-button:hover[b-d496jg56y9] {
        color: gray;
    }


.table td[b-d496jg56y9], .table th[b-d496jg56y9] {
 /*   text-align: center;*/
    vertical-align: middle; 
}
.automation-buttons[b-d496jg56y9]{
    position:relative;
    display:inline;
}
.automation-buttons-mobile[b-d496jg56y9] {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: -27px;
}

.column-buttons[b-d496jg56y9] {
    position: absolute;
    color: black;
    border-radius: 10px;
    padding: 0 5px;
    background: white;
    display: none;
    left: 5px;
    bottom: 80%;
    z-index:1;
}

thead tr th:first-child[b-d496jg56y9] {
    border-top-left-radius: 15px; /* Rounded corner on the top-left */
}

thead tr th:last-child[b-d496jg56y9] {
    border-top-right-radius: 15px; /* Rounded corner on the top-left */
}