html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:root {
    --bb-footer-height: 40px;
    --bb-tab-header-height: 39px;
    --bb-checkboxlist-item-width: 180px;
    /*--bb-row-label-width: auto;*/
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1080;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.page-layout-demo-footer-link {
    color: #ebeef5;
}

    .page-layout-demo-footer-link:hover {
        color: #fff;
    }

.page-layout-demo-option {
    margin-top: 1.5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    padding: 1.5rem 1rem 1rem 1rem;
    position: relative;
}

    .page-layout-demo-option > p {
        position: absolute;
        top: -10px;
        padding: 0 0.5rem;
        background: #fff;
    }

    .page-layout-demo-option .page-layout-demo-option-height {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page-layout-demo-option .tabs-body-content {
        margin: 0 -1rem -2rem -1rem;
    }

.layout-drawer {
    padding: 13px;
    margin-right: -1rem;
    cursor: pointer;
}

    .layout-drawer:hover {
        background-color: #1893a7;
    }

.layout-drawer-body {
    padding: 1rem;
}

.layout-item {
    cursor: pointer;
    border: 2px solid #e9ecef;
    padding: 4px;
    border-radius: 4px;
    height: 80px;
    width: 120px;
    transition: border .3s linear;
}

    .layout-item:hover,
    .layout-item.active {
        border: 2px solid #28a745;
    }

    .layout-item .layout-left {
        width: 30%;
    }

        .layout-item .layout-left .layout-left-header {
            height: 16px;
            background-color: #367fa9;
        }

        .layout-item .layout-left .layout-left-body,
        .layout-item .layout-body .layout-left {
            background-color: #2f4050;
        }

    .layout-item .layout-right .layout-right-header,
    .layout-item .layout-top {
        background-color: #17a2b8;
        height: 16px;
    }

    .layout-item .layout-right .layout-right-footer,
    .layout-item .layout-footer {
        background-color: #5b6e84;
        height: 12px;
    }

    .layout-item .layout-top,
    .layout-item .layout-body,
    .layout-item .layout-footer {
        width: 100%;
    }

.layout.is-page .layout-right,
.layout.is-page .layout-main {
    background-color: #fff;
}

.color {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    cursor: pointer;
    border: 2px solid #e9ecef;
    border-radius: 4px;
    transition: border .3s linear;
}

    .color:hover {
        border: 2px solid #28a745;
    }

.color1,
.layout.is-page.color1 .layout-header {
    background-color: #409eff;
}


.layout.is-page.color1 .layout-side .layout-banner {
    background-color: #3e84d0;
    color: #ebeef5;
}

    .layout.is-page.color1 .layout-side .layout-banner .layout-logo {
        height: 42px !important;
    }

.layout.is-page.color1 .layout-side {
    color: #ebeef5;
}

.layout.is-page.color1 .layout-footer {
    background-color: #f5f7fa;
}

.layout.is-page.color1 .layout-header-bar {
    background-color: #2b7cd0;
    border-color: #014186;
}

.layout.is-page.color1 .layout-drawer:hover {
    background-color: #3184dc;
}

.color2,
.layout.is-page.color2 .layout-header {
    background-color: #28a745;
}



.layout.is-page.color2 .layout-side .layout-banner {
    background-color: #24903d
}

.layout.is-page.color2 .layout-side {
    color: #ebeef5;
}

.layout.is-page.color2 .layout-footer {
    background-color: #f5f7fa;
}

.layout.is-page.color2 .layout-header-bar {
    background-color: #258c3c;
    border-color: #014186;
}

.layout.is-page.color2 .layout-drawer:hover {
    background-color: #24903d;
}

.color3,
.layout.is-page.color3 .layout-header {
    background-color: #e83e8c;
}


.layout.is-page.color3 .layout-side .layout-banner {
    background-color: #c5417e
}

.layout.is-page.color3 .layout-side {
    color: #ebeef5;
}

.layout.is-page.color3 .layout-footer {
    background-color: #f5f7fa;
}

.layout.is-page.color3 .layout-header-bar {
    background-color: #c73477;
    border-color: #014186;
}

.layout.is-page.color3 .layout-drawer:hover {
    background-color: #c5417e;
}

.color4,
.layout.is-page.color4 .layout-header {
    background-color: #ffc107;
}

.layout.is-page.color4 .layout-side .layout-banner {
    background-color: #e4af10
}

.layout.is-page.color4 .layout-side {
    color: #ebeef5;
}

.layout.is-page.color4 .layout-footer {
    background-color: #f5f7fa;
}

.layout.is-page.color4 .layout-header-bar {
    background-color: #e2b221;
    border-color: #014186;
}

.layout.is-page.color4 .layout-drawer:hover {
    background-color: #e4af10;
}

.color5,
.layout.is-page.color5 .layout-header {
    background-color: #387ca6;
}

.color6,
.layout.is-page.color6 .layout-header {
    background-color: #6610f2;
}

.layout.is-page.color6 .layout-side .layout-banner {
    background-color: #4b0cb3
}

.layout.is-page.color6 .layout-side {
    color: #ebeef5;
}


.layout.is-page.color6 .layout-footer {
    background-color: #f5f7fa;
}

.layout.is-page.color6 .layout-header-bar {
    background-color: #4b0ab5;
    border-color: #014186;
}

.layout.is-page.color6 .layout-drawer:hover {
    background-color: #4b0cb3;
}

.widget .dropdown-body h3 {
    color: #666666;
    font-size: 14px;
    margin-bottom: 10px;
}

.widget .dropdown-body h4 {
    color: #444444;
    font-size: 15px;
    margin: 0;
}

.widget .dropdown-body small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.widget .dropdown-item > div:not(.progress):last-child {
    width: calc(100% - 40px);
}

.widget .dropdown-item {
    padding: 0.5rem 1rem;
}

.widget .progress {
    height: 7px;
}

.widget .dropdown-item.active,
.widget .dropdown-item:active {
    color: inherit;
}

.widget .dropdown-item:not(:nth-of-type(odd)):active {
    background-color: inherit;
}

.is-page .layout-main > .tabs {
    height: calc(100vh - 90px);
}

.is-fixed-tab .tabs-body {
    height: calc(100vh - 89px - var(--bb-footer-height));
    overflow: auto;
}

.table-cell label {
    display: inline-block;
    padding-left: 5px;
}

.card-body {
    padding: 5px 10px;
}


/*ֱ�ӽ���Ա���뻭���css*/
#dakoku-direct {
    background-color: #555555;
    color: #ffff00;
    font-weight: 700;
    font-size: 32px;
}

    #dakoku-direct .dakoku-direct-date {
        height: 20vh;
        display: inline-flex;
        font-size: 122px;
        justify-content: center;
        padding: 10px;
    }

    #dakoku-direct .dakoku-direct-date > .dakoku-direct-date-text {
        position: relative;
        top: 25%;
    }

    #dakoku-direct .dakoku-direct-time {
        height: 16vh;
        display: flex;
        font-size: 122px;
        justify-content: center;
        vertical-align: text-top;
    }

    #dakoku-direct .dakoku-direct-refresh {
        height: 10vh;
        display: flex;
        padding-right:50px;
        justify-content: right;
    }

    #dakoku-direct .dakoku-direct-divider {
        height: 16vh;
        text-align: center;
    }

    #dakoku-direct .dakoku-direct-hr {
        height: 0vh;
    }

    #dakoku-direct .dakoku-direct-hr > hr {
        border-top: 6px solid #ffff00;
        opacity: 90%;
        margin-left: 50px;
        margin-right: 50px;
    }

    #dakoku-direct .dakoku-direct-divider > .dakoku-punch-button-query {
        width: 520px;
        height: 160px;
        font-size:64px;
        text-overflow: ellipsis;
        justify-content: center;
        vertical-align: text-top;
    }

/*�����Ա���뻭���css*/

#dakoku-Indirect {
    background-color: #bee0ef;
    color: #000000;
    font-weight: 500;
    font-size: 32px;
}
    #dakoku-Indirect .dakoku-Indirect-title {
        height: 15vh;
    }

    #dakoku-Indirect .dakoku-Indirect-date {
        height: 30vh;
        display: inline-flex;
        font-size: 122px;
        justify-content: center;
        padding: 10px;
    }

        #dakoku-Indirect .dakoku-Indirect-date > .dakoku-Indirect-date-text {
            position: relative;
            top: 40%;
        }


    #dakoku-Indirect .dakoku-Indirect-divider {
        height: 5vh;
    }

        #dakoku-Indirect .dakoku-Indirect-divider > hr {
            border-top: 6px solid #000000;
            opacity: 90%;
            margin-left: 50px;
            margin-right: 50px;
        }

    #dakoku-Indirect .dakoku-Indirect-time {
        height: 30vh;
        display: flex;
        font-size: 122px;
        justify-content: center;
        vertical-align: text-top;
        padding: 10px;
    }

    #dakoku-Indirect .dakoku-Indirect-login {
        height: 20vh;
        display: flex;
        font-size: 72px;
        justify-content: center;
        padding: 10px;
        vertical-align: central;
    }
    #dakoku-Indirect .dakoku-Indirect-login-text {
        font-size: 32px;
        justify-content: center;
        padding: 10px;
        vertical-align: central;
        width: 200px;
    }

.dakoku-Indirect-input-text {
    width: 80%;
    padding: 20px;
    font-size: 64px;
}

.dakoku-Indirect-input-text-top {
    margin:auto;
}

.dakoku-Indirect-input-text .input-text {
    font-size: 56px;
}


/* �����Ա�򿨽�����ʽ  */
#dakoku-punch-indirect {
    background-color: #bee0ef;
    color: #000000;
    font-weight: 500;
}

    #dakoku-punch-indirect .dakoku-punch-title {
        height: 10vh;
        font-size: 30px;
        font-weight: 700;
    }

    #dakoku-punch-indirect .dakoku-punch-time {
        font-size: 78px;
        font-weight: 700;
        padding: 10px;
        text-align: center;
    }

    #dakoku-punch-indirect .dakoku-punch-timer {
        padding: 20px 50px 0px 0px;
        text-align: right;
        /*font-size: 16px;*/
    }

    #dakoku-punch-indirect .dakoku-punch-button {
        font-size: 64px;
        text-align: center;
    }

    #dakoku-punch-indirect .dakoku-punch-button-in {
        height: 40vh;
        width: calc(40vh * 1.3);
        border-color: black;
        border-width: thick;
        background-color: #92d050;
    }
    #dakoku-punch-indirect .dakoku-punch-button-in-top {
        height: 19vh;
        width: calc(40vh * 1.3);
        border-color: black;
        border-width: thick;
        background-color: #92d050;
        margin-bottom: 1vh;
    }

    #dakoku-punch-indirect .dakoku-punch-button-in-bottom {
        height: 19vh;
        width: calc(40vh * 1.3);
        border-color: black;
        border-width: thick;
        background-color: #a8d8b9;
        margin-top: 1vh;
    }

    #dakoku-punch-indirect .dakoku-punch-button-off {
        height: 40vh;
        width: calc(40vh * 1.3);
        border-color: black;
        border-width: thick;
        background-color: #00b0f0;
    }

    #dakoku-punch-indirect .dakoku-punch-button-off-top {
        height: 19vh;
        width: calc(40vh * 1.3);
        border-color: black;
        border-width: thick;
        background-color: #00b0f0;
        margin-bottom: 1vh;
    }
    #dakoku-punch-indirect .dakoku-punch-button-off-bottom {
        height: 19vh;
        width: calc(40vh * 1.3);
        border-color: black;
        border-width: thick;
        background-color: #6AC1E0;
        margin-top: 1vh;
    }


    #dakoku-punch-indirect .dakoku-punch-button-exit-out {
        display: flex;
        justify-content: center;
    }

    #dakoku-punch-indirect .dakoku-punch-button-query-out {
        display: flex;
        justify-content: end;
        padding-right: 50px;
    }

    #dakoku-punch-indirect .dakoku-punch-button-buttom {
        height: 5vh;
        font-size: 24px;
    }

    #dakoku-punch-indirect .dakoku-punch-button-buttom .dakoku-punch-button-exit {
        width: 320px;
        height: 95px;
        font-size: 36px;
    }

    #dakoku-punch-indirect .dakoku-punch-button-buttom .dakoku-punch-button-query {
        width: 320px;
        height: 95px;
        font-size: 36px;
        padding: 0 20px;
        text-overflow: ellipsis;
    }

    #dakoku-punch-indirect .dakoku-punch-notification {
        height: 50px;
        font-size: 38px;
        margin-top: 30px;
        padding: 0px 50px 0px 50px;
    }


/* ֱ����Ա�򿨽�����ʽ  */
#dakoku-punch-direct {
    background-color: #555555;
    color: #ffff00;
    font-weight: 500;
}

#dakoku-punch-direct .dakoku-punch-title {
    height: 10vh;
    font-size: 30px;
    font-weight: 700;
}

#dakoku-punch-direct .dakoku-punch-time {
    height: 20vh;
    font-size: 82px;
    font-weight: 700;
    text-align: center;
}

#dakoku-punch-direct .dakoku-punch-timer {
    padding: 20px 50px 0px 0px;
    text-align: right;
    /*font-size: 16px;*/
}

#dakoku-punch-direct .dakoku-punch-button {
    font-size: 72px;
    text-align: center;
}

#dakoku-punch-direct .dakoku-punch-area {
    height: 57vh;
}


#dakoku-punch-direct .dakoku-punch-button-exit-out {
    display: flex;
    justify-content: center;
}

#dakoku-punch-direct .dakoku-punch-button-query-out {
    display: flex;
    justify-content: end;
    padding-right: 50px;
}

#dakoku-punch-direct .dakoku-punch-button-buttom {
    height: 5vh;
    font-size: 24px;
}

#dakoku-punch-direct .dakoku-punch-button-buttom .dakoku-punch-button-exit {
    width: 320px;
    height: 95px;
    font-size: 36px;
}

#dakoku-punch-direct .dakoku-punch-button-buttom .dakoku-punch-button-query {
    width: 320px;
    height: 95px;
    font-size: 36px;
    padding: 0 20px;
    text-overflow: ellipsis;
    font-size: 36px;
}


#dakoku-punch-direct .dakoku-punch-notification {
    height: 50px;
    font-size: 36px;
    margin-top: 30px;
    padding: 0px 50px 0px 50px;
}
        

/* ֱ����Ա�򿨽�����ʽ  */


.swal .modal-header{
    padding: 0px;
}


.swal .modal-body {
    padding: 0px;
}

.swal2-header{
    height: 0px;
}

.swal2-actions {
    height: 0px;
    margin:0px;
}

.modal {
    --bs-modal-width: 78%;
}

.modal-lg {
    height: 500px;
}

.modal-lg div {
    margin: 42px !important;
}

.modal-lg button {
    width: 280px !important;
    height: 120px;
}

/*ֱ����Ա�򿨲�ѯ��ʽ��*/
#dakoku-query-direct {
    background-color: #555555;
    color: #ffff00;
    font-weight: 500;
}

#dakoku-query-direct .dakoku-query-title {
    height: 10vh;
    font-size: 30px;
    font-weight: 700;
}

#dakoku-query-direct .dakoku-query-confidential {
    color: red;
    font-size: 30px;
    font-weight: 700;
}

#dakoku-query-direct .dakoku-query-month {
    max-height: 10vh;
    margin: 5px 0px 20px 0;
    padding: 0px 50px 0px 50px;
    display: flex;
    align-items: center;  
}

#dakoku-query-direct .dakoku-query-timer {
    max-height: 10vh;
    margin: 5px 0px 20px 0;
    padding: 0px 50px 0px 50px;
    text-align: right;
    font-size: 16px;
}

/*ѡ�����ʾ���ִ�С*/
#dakoku-query-direct .select .form-select {
    width: 230px;
    font-size: 24px;
}
/*����ѡ�����ִ�С*/
#dakoku-query-direct .dropdown-item {
    font-size: 24px;
}

#dakoku-query-direct .dakoku-query-table {
    height: 70vh;
    padding: 0px 50px 0px 50px;
}
#dakoku-query-direct .table {
    --bs-table-color: #ffff00;
    font-size: 16px;
}

#dakoku-query-direct tbody, thead {
    border-color: inherit;
    border-style: solid;
    border-width: 3px;
}

#dakoku-query-direct .dakoku-query-footer {
    padding: 0px 20px 0px 40px;
    margin-bottom: 10px;
    font-size: 30px;
}

#dakoku-query-direct .dakoku-query-footer-exit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#dakoku-query-direct .dakoku-query-footer-exit .exit-button {
    width: 320px;
    height: 80px;
    font-size: 36px;
}



/*�����Ա�򿨲�ѯ��ʽ��*/
#dakoku-query-indirect {
    background-color: #bee0ef;
    color: #000000;
    font-weight: 500;
}

#dakoku-query-indirect .dakoku-query-title {
    height: 10vh;
    font-size: 30px;
    font-weight: 700;
}

#dakoku-query-indirect .dakoku-query-confidential {
    color: red;
    font-size: 30px;
    font-weight: 700;
}

#dakoku-query-indirect .dakoku-query-month {
    max-height: 10vh;
    margin: 5px 0px 20px 0;
    padding: 0px 50px 0px 50px;
    display: flex;
    align-items: center;
}

#dakoku-query-indirect .dakoku-query-timer {
    max-height: 10vh;
    margin: 5px 0px 20px 0;
    padding: 0px 50px 0px 50px;
    text-align: right;
    font-size: 16px;
}

/*ѡ�����ʾ���ִ�С*/
#dakoku-query-indirect .select .form-select {
    width: 230px;
    font-size: 24px;
}
/*����ѡ�����ִ�С*/
#dakoku-query-indirect .dropdown-item {
    font-size: 24px;
}

#dakoku-query-indirect .dakoku-query-table {
    height: 70vh;
    padding: 0px 50px 0px 50px;
}

#dakoku-query-indirect .table  {
    --bs-table-color: #000000;
    font-size: 16px;
    border: 1px solid #000000;
}

#dakoku-query-indirect tbody, thead {
    border-color: inherit;
    border-style: solid;
    border-width: 3px;
}

#dakoku-query-indirect .dakoku-query-footer {
    padding: 0px 20px 0px 40px;
    margin-bottom: 10px;
    font-size: 30px;
}

#dakoku-query-indirect .dakoku-query-footer-exit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#dakoku-query-indirect .dakoku-query-footer-exit .exit-button {
    width: 320px;
    height: 80px;
    font-size: 36px;
}


#dakoku-seat-status {
    background-color: #bee0ef;
    color: #000000;
    font-weight: 500;
}

    #dakoku-seat-status .dakoku-seat-status-title {
        height: 10vh;
        font-size: 30px;
        font-weight: 700;
    }

    #dakoku-seat-status .dakoku-seat-status-body {
        height: 70vh;
        font-size: 30px;
        font-weight: 700;
    }

    #dakoku-seat-status .dakoku-seat-status-footer {
        height: 20vh;
    }




#dakoku-seat-map {
    background-color: #bedfee;
    color: #000000;
    font-weight: 500;
}

    #dakoku-seat-map .dakoku-seat-map-title {
        height: 10vh;
        font-size: 30px;
        font-weight: 700;
    }

    #dakoku-seat-map .dakoku-seat-map-tool {
        height: 5vh;
        padding: 0 50px 0 50px;
    }
        #dakoku-seat-map .dakoku-seat-map-tool .label-text {
            font-size: 16px;
            font-weight: 600;
        }

    #dakoku-seat-map .dakoku-seat-map-body {
        height: 85vh;
        padding: 0 25px 0 50px;
    }

    #dakoku-seat-map .text-blod {
        font-weight: 700;
        font-size: 18px;
        
    }

    #dakoku-seat-map .text-normal {
        font-weight: 500;
        font-size: 16px;
    }

    #dakoku-seat-map .table {
        --bs-table-color: #000000;
        font-size: 16px;
        border: 1px solid #000000;
    }   

    #dakoku-seat-map .table-fixed {
        background-color: #fefcfc;
        border-radius: 10px;
    }



#dakoku-seat-map thead {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 3px;
}
    #dakoku-seat-map tbody {
        border-color: inherit;
        border-style: solid;
        border-top-width: 0px;
        border-width: 1px;
    }
    #dakoku-seat-map .table-wrapper {
        border-color: inherit;
        border-style: solid;
        border-width: 2px;
    }

.upload-buttons {
    font-size: 20px;
}

.fa-regular.fa-circle-check {
    display: none !important;
}

 /* 当进入打印模式时，隐藏所有内容 */
@media print {
    body {
        display: none !important;
    }
}

.row-top {
    margin-top: 10px;
}