/*全局css样式文件*/
.complat-container {
    background-color: #F0F6FF;
    min-width: 355px;
}

/*必填字段*/
.layui-form-label.is-required:before {
    content: '*';
    color: red;
    display: inline-block;
    width: 6px;
    text-align: center;
    margin-left: -6px;
}
/*symbol图标样式*/
.symbol-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.25em;
    fill: currentColor;
    overflow: hidden;
}

/*解决img标签没有src时显示白色边框问题*/
img[src=""],img:not([src]) {
    opacity: 0;
}
/*禁止选中*/
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*禁止dtree节点被选中*/
.dtree-nav-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.query-form .layui-form-label {
    width: unset;
}

.query-form .layui-form-item .layui-input-inline {
    width: 167px;
}
/*时间组件样式*/
#dateRange{
    border: 1px solid #eeeeee;
    margin-bottom: 0px;
}
#dateRange .layui-input-inline .layui-input{
    border-width: 0px;
}
#dateRange>.layui-input-inline>.layui-input:focus{
    border-color: unset !important;
    box-shadow: unset !important;
}
#dateRange> .layui-input-inline {
    width: 85px;
}
/*当前元素或子元素获得焦点*/
#dateRange:focus-within {
    border-color: #5FB878 !important;
    box-shadow: 0 0 0 3px #f0f9eb !important;
}
#dateRange .layui-icon-date{
    line-height: 38px;
    position: relative;
    right: 5px;
}
.layui-card{
    margin-bottom: 1px;
}
.layui-badge {
    height: 25px;
    line-height: 25px;
    width: 70px;
    border-radius: 20px;
}
.layui-table th {
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: bold;
}
.layui-table td{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
button.text-btn{
    font-size: 14px !important;
    border: none;
    margin: 0 10px;
    background-color: transparent;
    cursor: pointer;
}
button.text-btn[disabled]{
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}

.text-btn.text-btn-disabled {
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}

.layui-btn .iconfont{
    font-size: 24px;
}
.layui-btn span{
    font-size: 14px;
    position: relative;
    top: -4px;
}
.layui-table-tool-self{
    border: 1px solid #F3F3F3;
    height: 38px;
    display: flex;
    border-radius: 4px;
    align-items: center;
}
.layui-table-tool .layui-inline[lay-event] {
     border: 0px;
}
.layui-table-tool .layui-inline[lay-event]:hover {
    border: 0px solid #999;
}
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
    margin: 0 5px;
}
.icon-refresh:before,.icon-filter:before {
    font-size: 24px;
}
.layui-table-page{
    text-align: right;
    border-top-width: 0px;
}
.query-form > .layui-form-item {
     margin-bottom: 0px;
}
.layui-card-body .layui-form {
     margin-top: 0px;
}

button[type="reset"].layui-btn {
    background-color: #F0F6FF;
    color: #666666;
}
#dateRange{
    border-radius: 5px;
}
.layui-form .layui-btn-container{
    padding: 0 15px;
}
.query-form .layui-btn-container .layui-btn {
    margin-bottom: 0;
}
.layui-table-tool .layui-btn-container {
    padding: 0;
}
@media screen and (max-width: 768px){

    #dateRange  .layui-input-inline {
        left: 5px;
        width: auto!important;
        margin: 0;
    }
    #dateRange input{
        width: 90px;
        padding: 0;
    }
    #dateRange .layui-form-mid{
        position: absolute;
        right: 110px;
        top: -1px;
        margin-right: 0;
    }
    .layui-table-tool .layui-btn-container{
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }
}
@media screen and (max-width: 450px){
    #dateRange {
        border: 1px solid #eeeeee;
        margin-bottom: 0px;
        display: flex;
        width: auto;
        justify-content: center;
        flex-wrap: nowrap;
    }
    #dateRange .layui-form-mid{
        right: 117px;
    }
    .query-form .layui-form-item .layui-inline {
        margin-bottom: 15px;
    }
    .query-form .layui-form-item .layui-input-inline {
        left: -39px;
        margin: 0 0 10px 125px;
    }
}
/*移动端下去掉外层滚动条*/
@media screen and (max-width: 768px) {
    .pear-container::-webkit-scrollbar {
        width: 0!important;
    }
    .pear-container {
        -ms-overflow-style: none;
    }

}

.layui-table-tool {
    min-height: 58px;
}

/*状态颜色绿色*/
.state-color-green{
    background-color: #12B370;
}
/*状态颜色灰色*/
.state-color-grey{
    background-color: #BCBCBC;
}
/*去除layui控件动效*/
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    transition: unset;
    -webkit-transition: unset;
}

.layui-table-click, .layui-table-checked.layui-table-click {
    background-color: unset;
}

.layui-nav.layui-nav-tree {
    width: unset;
}

.layui-nav .layui-nav-item a {
    transition: unset;
    -webkit-transition: unset;
}

.layui-table-checked {
    background-color: unset;
}
.layui-table-checked.layui-table-hover {
    background-color: unset;
}

.layui-tab-control .layui-nav .layui-nav-item a
{
    color: rgba(0,0,0,.85);
}
.layui-tab-control .layui-nav .layui-nav-item a:hover {
    color: rgba(0,0,0,.8);
}
.layui-tab-control .layui-nav .layui-nav-more {
    visibility: hidden;
}
.layui-tab-control .layui-nav-child dd.layui-this {
    background-color: unset;
}
/*评分组件样式调整*/
.layui-rate {
    padding: 8px 6px 11px 0;
}
@media screen and (max-width: 450px) {
    .layui-rate .layui-inline {
        display: inline-block;
        margin-bottom: 0;
    }
}