body {
    background-color: #FFF;
}

/*.layui-card-body{overflow-y: auto}*/
.layui-form-item input {
    margin-right: 10px !important;
}

.layui-form-pane .layui-form-label {
    width: 150px
}

.layui-form-pane .layui-input-block {
    margin-left: 150px;
}

.layui-input {
    display: unset;
    margin-right: 10px;
}

.layui-form-select dl dd, .layui-form-select dl dt {
    padding: 0 10px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#searchKeyInput {
    width: 330px
}

.layui-form-item .layui-inline {
    margin-right: 0
}

.layui-form-item .layui-inline .layui-input-inline {
    margin-right: 0
}

.layui-btn-container {
    color: #666666;
    font-size: 14px
}

.layui-form-label {
    width: auto
}

#m-set {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #f4f4f4;
}

#m-set .layui-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0;
}

#m-set .layui-card .layui-card-body {
    flex: 1;
    overflow: auto;
}

.m-left, .m-right {
    width: calc(50% - 15px);
    height: calc(100% - 20px);
    background: #FFF;
    border: 10px solid #f4f4f4;
}

.m-left {
    border-right: 0;
}

.m-right {
    border-left: 0;
}

.type-item {
    width: 100%;
}

.type-item legend {
    font-size: 16px;
    color: #8e8e8e;
}

.mark-container.tag {
    min-height: 60px;
    border: 0;
}

.tag-item.choose {
    border-color: #009688;
    color: #009688;
}

cite button.tag-item {
    margin-top: 0;
    margin-left: 10px;
}

.layui-checkbox-disabled.layui-form-checked[lay-skin=primary] i {
    border-color: #c2c2c2 !important;
    background-color: #c2c2c2;
}

.permis-item, .permis-ops {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.permis-item {
    margin-top: 10px;
    padding-left: 15px;
}

.permis-item .line {
    flex: 0.9;
    height: 0;
    border-bottom: 1px dashed #CCC;
}

.permis-item label {
    align-self: center
}

.permis-ops .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
    padding-left: 25px;
}

.permis-item .layui-form-checkbox {
    margin-top: 0;
}

.label-set-component {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    flex-wrap: wrap;
    border-bottom: 1px inset #efefef;
}

.label-type {
    padding: 5px;
    border: 1px solid gray;
    border-radius: 5px;
    height: 16px;
    line-height: 16px;
    min-width: fit-content;
    margin: 5px 0;
}

.label-type:hover {
    color: #0C0C0C
}

.data-container {

}

.arrow {
    margin: 5px;
    color: #a3a3a3
}

.new-data, .choose-data, .new-data:hover, .choose-data:hover {
    cursor: pointer;
    border-color: #009688;
    color: #009688;
}

.choose-data, .clear-data {
    cursor: pointer;
    border: 0;
    margin-left: 5px
}

.clear-data, .clear-data:hover {
    color: #cfcfcf;
}

.label-layer {
    display: flex;
    flex-direction: column;
}

.label-tree {
    flex: 1
}

.label-btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 10px 20px;
    border-top: 1px solid #f0f0f0;
}

.add-other {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 10px;
}

.layui-form-radio {
    margin: 0 10px 0 0;
}

.layui-form-radio > i {
    margin-right: 5px;
}