:root {
    --wkz_html_font_size: 14px; /*正常字体*/
    --wkz_html_font_size_hd: 1.125rem; /*18*/
    --wkz_html_font_size_text: 1rem; /*16px*/
    --wkz_html_font_size_lage: 1.25rem; /*=20px*/
    --wkz_padd_num: 0.3rem; /*标准宽=4.8px*/
    --wkz_main_background: #f8f9fa; /*主背景颜色*/
    --wkz_btn_bu_color: #0d6efd; /*按键背景色**/
    --wkz_btn_txt_color: white; /*按键背景色**/
    --wkz_btn_bu_color_hover: green; /*按键背景色**/
    --wkz_btn_txt_color_hover: white; /*按键背景色**/

    --wkz_btn_bu_color_02: yello; /*按键背景色**/
    --wkz_btn_txt_color_02: white; /*按键背景色**/
    --wkz_btn_bu_color_hover_02: green; /*按键背景色**/
    --wkz_btn_txt_color_hover_02: white; /*按键背景色**/
    --wkz-band-bu01: #3A7BD5; /*#3A7BD5;*/ /*// #3A7BD5;/*rgb(0, 93, 112);*/ /*#0BC1A8; //:rgb(0, 93, 112);/**背景主色RGB \ R:0 G:93 B:112*#005d70**/
    --wkz-band-bu02: #FE5036; /* #EA5514; */ /*rgb(85, 187, 162);/* #58BCA1**背景主色***/
    --wkz-band-color: #3A7BD5;
}
 .wkzhtml{
    font-size: var(--wkz_html_font_size);
    box-sizing: border-box;
    /* overflow: hidden;页面不能滚动 */
}


.wkzbody {
    background: var(--wkz_main_background);
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
}

.wkzpage {
    width: 100vw;
    padding: var(--wkz_padd_num);
    /*  padding-top: calc(var(--wkz_padd_num)*2);*/
}
/*系统登录界面*/
.apploginpage {
    width: 100%;
    min-height: 100vh;
    background-image: url(../images/loginbu.jpg);
    height: 100vh;
    background-size: cover;
    padding-top: 5rem;
}
.login_cont {
    background-color: white;
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 0.85rem 1.75rem rgba(0, 0, 0, 0.25), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.22);
}
.login-bg {
    /*background: #eeeeee url() 0 0 no-repeat;*/
    /* background: url(../images/loginbu.png) no-repeat center;*/
    /* background: linear-gradient(180deg, #c2fbff 0%, rgba(255, 255, 255, 0) 93.47%);*/
    background-size: cover;
    /* overflow: hidden;*/
}
/* .login-bg::after {
        content: '';
        position: absolute;
        width: 862px;
        height: 862px;
        border-radius: 50%;
        right: -100px;
        top : -150px;
        background: #99ecf2;
        z-index: 0
    }*/
    .loginlogoimg {
        width: 6rem;
        height: 6rem;
    }
.cont_left{
    border-right:1px solid rgba(0, 0, 0, 0.22);
}
.adtext {
    font-size: 1.5rem;
    font-weight: 600;
}
.loginbtn{
    border:1px var(--wkz-band-bu01) solid !important;
    color:var(--wkz-band-bu01);
    font-weight:600;
    padding-top:1rem;
    padding-bottom:1rem;
}
    .loginbtn::after {
        background-color: var(--wkz-band-bu01) !important;
        color: #ffffff;
    }

    @media screen and (max-width: 767px) {
        .apploginpage {
        background-image: none;
        background-color: white;
        padding-top: 0rem;
    }

    .card.pt-4.logincard {
        border: none;
        background-color: transparent;
        /*opacity: 0.3;*/
    }
}
.loginbtn:hover {
    background-color:var(--wkz-band-bu01);
}
/******/
.divider {
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 1rem 0
}

    .divider .divider-text {
        position: relative;
        display: inline-block;
        padding: 0 1rem;
        background-color: #fff
    }

        .divider .divider-text:after, .divider .divider-text:before {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            border-top: 1px solid #dfe3e7
        }

        .divider .divider-text:before {
            right: 100%
        }

        .divider .divider-text:after {
            left: 100%
        }

    .divider.divider-left .divider-text {
        left: 0;
        float: left;
        padding-left: 0
    }

    .divider.divider-left-center .divider-text {
        left: -25%
    }

    .divider.divider-right-center .divider-text {
        left: 25%
    }

    .divider.divider-right .divider-text {
        float: right;
        padding-right: 0
    }
/*********/
.wkz-main-footer {
    width: 100%;
    /*background-color: var(--wkz_main_background);*/
    font-size: calc(var(--wkz_html_font_size) * 0.8);
    /*padding-bottom: constant(safe-area-inset-bottom);*/ /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}

/*******/
.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.wkz-rounded-circle {
    border-radius: 50% !important;
}

.wkz-rounded-pill {
    border-radius: 50rem !important;
}

.wkz-rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.wkz-rounded-end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}

.wkz-input-rounded-end {
    border-top-right-radius: 1.12rem !important;
    border-bottom-right-radius: 1.125rem !important;
}

.wkz-rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.wkz-rounded-start {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important;
}

.wkz-del-b-form-control {
    border: 0;
    box-shadow: none;
    --webkit-box-shadow: none !important;
}

    .wkz-del-b-form-control:focus {
        border-color: #fff;
        box-shadow: none;
        --webkit-box-shadow: none !important;
    }
/**********/
.lblDynamicCode {
    width: 6rem;
    height: 100%;
    border: none;
    /* background-color: white;*/
    color: var(--bs-info);
    font-size: var(--wkz_html_font_size_lage);
    font-weight: bold;
    letter-spacing: 0.5rem;
}

.wkz_del_lab_bord {
    border: none;
    background-color: transparent;
}
/************/
.wkz_comp_hd {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    font-weight: 700;
    border-bottom: 1px solid #808080;
}

.wkz_comp_item {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #808080;
}

.wkz_comp_p1 {
    width: 200px;
}

.wkz_comp_p2 {
    flex: 1;
}

.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc;
}

    .form-control:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-color: #66afe9;
    }

.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    margin: 20px;
    padding: 20px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #0d5ff7;
}

/* 自定义模态窗口样式 */
.wkz_custom-modal {
    width: 1024px; /* 设置宽度 */
    height: 768px !important;
    margin: 20px auto; /* 水平居中 */
    padding: 10px;
}

.wkz_input_group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

    .wkz_input_group .form-label {
        width: 100px;
    }

.disabled.wkzbtndisabled {
    /* background-color: #ccc;*/ /* 更改为不可点击时的背景颜色 */
    color: #666; /* 更改为不可点击时的文本颜色 */
    cursor: not-allowed; /* 更改鼠标指针为禁止点击符号 */
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
/***按键css*****/
.edit-btn {
    background-color: var(--wkz_btn_bu_color);
    color: var(--wkz_btn_txt_color);
}

    .edit-btn:hover {
        background-color: var(--wkz_btn_bu_color_hover);
        background-color: var(--bs-warning);
        color: var(--wkz_btn_txt_color_hover);
    }

/*.add-btn {
    background-color: var(--wkz_btn_bu_color);
    color: var(--wkz_btn_txt_color);
}

    .add-btn:hover {
        background-color: var(--wkz_btn_bu_color_hover);
        background-color: var(--bs-warning);
        color: var(--wkz_btn_txt_color_hover);
    }*/


.del-btn {
    /*background-color: var(--bs-warning);
    color: var(--bs-warning-rgb);*/
}

    .del-btn:hover {
        background-color: var( --bs-warning-border-subtle);
        color: var(--bs-warning-rgb); /*var(--wkz_btn_txt_color_hover);*/
    }

.more_btn {
    background-color: var(--wkz_btn_bu_color_hover);
    color: var(--wkz_btn_txt_color_hover);
}

    .more_btn:hover {
        /*background-color: var(--bs-warning);
        color: var(--bs-warning-rgb);*/
        background-color: var(--wkz_btn_bu_color);
        color: var(--wkz_btn_txt_color);
    }

.dropdown-item.wkzbtnmenu:hover {
    background-color: #0d6efd !important;
    color: white;
}


.sub_menu_act {
    color: #0d5ff7;
    font-weight: bold;
    border-bottom: 1px solid #0d5ff7;
}

.wintit {
    color: white;
    background-color: var(--bs-primary);
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

/*******JHY专用**/
/**表头1rem 宽度**/
.t_with10 {
    width: 1rem !important
}

    .t_with10 .th-inner {
        text-align: center
    }
/*月份选择*/
.wkz_month_with {
    width: 8rem;
}
.wkz_date2_with {
    width: 20rem;
}
/*姓名选择*/
.wkz_name_with {
    width: 12rem;
}
/*班给科室选择*/
.wkz_thcust_with, .wkz_hpcust_with, .wkz_cust_with, .wkz_ks_with {
    width: 22rem;
}
.vspCusid {
    width: 14rem;
}
.t_with7 {
    width: 7rem !important
}
.t_with4 {
    width: 4rem !important
}

.t_width8 {
    width: 8rem !important
}
.t_width10 {
    width: 10rem !important
}
.t_width12 {
    width: 12rem !important
}
.t_width14 {
    width: 14rem !important
}
.t_width16 {
    width: 16rem !important
}
.t_width18 {
    width: 18rem !important
}
.t_width20 {
    width: 20rem !important
}
 
/***********/
table thead th {
    background-color: var(--wkz-band-color) !important; /* 设置背景色 */
    color: white !important; /* 设置字体颜色 */
    font-size: 1rem; /* 设置字体大小 */
    font-weight: 600 !important;
}


.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
    position: relative;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
/**********/
.btn.btn-light.btn-sm.more_btn.dropdown-toggle {
    background-color: var(--wkz-band-color);
    color: var(--wkz_btn_txt_color_hover);
}

.btn.btn-light.btn-sm.edit-btn {
    background-color: var(--wkz-band-color);
    color: var(--wkz_btn_txt_color_hover);
}