@CHARSET "UTF-8";
.box-type-4 .box-cell{
    height:30px !important;
	line-height:30px !important;
}
.cell-name{
	width: 30px;
    height: 35px;
    float: left;
    font-weight: bold;
    font-size: 20px;
	margin-top: 20px;
	margin-left: 2%;
}
.view-cell-name{
    width: 30px;
    height: 20px;
    line-height: 20px;
    float: left;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
}
.box_cell_picker,.layui-form-checkbox{
	width: 45px;
	margin-top: 30px;
	float: left;
}
.cell-select{height: 20px;}
.box-enable-true{border-color:#299fff !important;}
.box-enable-false{border-color:greay !important;}
.box-enable-false .box-cell{background-color:#c8cbce;}
#calc_ div.layui-btn-normal{background: #fff;}
.layui-btn-disabled,.layui-btn-disabled:hover{background: #dedede;}

#calc_ .box-cell{
	position: relative;
}

.model-view .editable{display:none;}
.model-edit .viewable{display:none;}

.spanel-title{color:#000;    font-size: 18px;padding:10px 5px 5px 5px;}
.spanel .layui-layer-sbtn {
    text-align: center;
    padding: 12px 15px 12px;
    position: absolute;
    width: 440px;
	bottom:0;
    border-top: 1px solid #ccc;
	
}
.spanel .spanel-content{
	padding-top:5px;
}
.spanel .layui-layer-content{height:200px}
.spanel .spanel-content .layui-btn{
	margin:5px;
}

.full{color:green;}
.empty{color:red;}

.layui-badge {
    position: absolute;
    right: 0;
    top: 0;
}
.layui-form-switch{
	margin-top:0;
}

.cell-counter{
	float: right;
    font-size: 18px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}