@import url("../../layui/css/layui.css");
@import url("module/loading.css");
@import url("module/layout.css");
@import url("module/notice.css");
@import url("module/layer.css");
@import url("module/popover.min.css");
.layui-table-cell {
    padding: 6px !important;
    line-height: 22px !important;
}
.main-container .layui-form-item {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
@media (max-width: 499px) {
    #containerfluid {
        margin-top: 4rem !important;
    }
}
.font{font-weight:bold;}
.card-body {
    padding: 0.5rem !important;
}
.xtd {
    height: 32px !important;
    line-height: 32px !important;
    text-align: left !important;
    padding-left: 10px !important;
}
.layui-form-select {
    border: 1px solid var(--default-border) !important;
}
.layui-form-select dl {
    background-color: var(--custom-white) !important;
    color: var(--card-title-color) !important;
}

.layui-form-select dl dd {
    cursor: pointer;
    width: 100% !important;
}
.badge {
    padding: 0 !important;
}

.layui-form-label
{
    min-width: 100px !important;
}
.layui-table {
    background-color: var(--form-control-bg) !important;
}
.layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even) {
    background-color: var(--custom-bg-color) !important;
}
.layui-table-cell {
    color: var(--card-title-color) !important;
}
.layui-table td, .layui-table th {
    color: var(--card-title-color) !important;
}
.layui-input, .layui-select, .layui-textarea {
    background-color: var(--custom-white) !important;
    color: var(--card-title-color) !important;
}
.xth {
    height: 38px !important;
    line-height: 38px !important;
    text-align: left !important;
    padding-left: 10px !important;
    font-weight: bold !important;
}
.layui-fluid {
    position: relative;
    margin: 0 auto;
    padding: 0px;
}
.table-header-fixed {
    position: fixed;
    top: 5px;
    z-index: 9999
}
::-webkit-scrollbar {
    display: inline;
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    border-radius: 1px;
}
.row {
    margin: 0 auto !important;
}
.x-red{color:#ff0000;}

.x-nav {
    padding: 0 20px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    background: #fff;
    margin-bottom:20px;
}
.panelTitle {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 26px;
    line-height: 26px;
}
.videosmitems{ width:60px; height:60px; position:relative;}
.videosmitems .videosmpics{ display:block; width:100%; height:100%;}
.videosmitems .videosmpics img{display:block; width:100%; height:100%;}
.videosmitems .videosmplayicon{ width:100%; height:100%;display: flex;justify-content: center;align-items: center; position:absolute; top:0; left:0; cursor:pointer;}
.videosmitems .videosmplayicon img{display:block; width:32px; height:32px;}
.closebtn {
    width: 60px;
    height: 40px;
    position: fixed;
    top: 50px;
    right: calc(75%);
    z-index: 999999;
    display: none;
    text-align: center;
    cursor:pointer;
}
    .closebtn .layui-icon-close{display:none;}
    @media (max-width: 450px) {
        .closebtn {
        width: 25px !important;
        height: 25px !important;
        line-height: 25px !important;
        position: fixed;
        top: 10px;
        right: calc(6%);
        z-index: 999999;
        display: none;
        text-align: center;
        cursor: pointer;
    }
            .closebtn .layui-icon-close {
                display: block !important;
            }
            .closebtn .layui-icon-next {
                display: none !important;
            }
        .closebtn-blue {
            height: 25px !important;
            line-height: 25px !important;
        }
}

    .closebtn-blue {
        height: 40px;
        line-height: 40px;
    }

    .userinfo {
        background: #ddd;
        padding: 2px 5px;
        margin: 2px 5px;
        float: left;
        font-size: 12px;
    }

    .flowinfo {
        margin-left: 5px;
        cursor: pointer;
    }

    .flowitem {
        width: 400px;
        height: 38px;
        height: 38px;
        margin-bottom: 5px;
    }

    .app-sidebar .side-menu__icon {
        margin-inline-end: 0.305rem !important;
    }

    .layui-table-cell {
        overflow: hidden !important;
    }

        .layui-table-cell:hoer {
            overflow: hidden !important;
        }

    .layui-disabled, .layui-disabled:hover {
        color: #d2d2d2 !important;
        cursor: not-allowed !important;
    }

    .layui-disabled, .layui-icon, .layui-unselect {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }