.tabbutton
{
    padding:10px;
    text-align:center;
    font-weight:900;
    cursor:pointer;
}
.tabbutton[selected="1"]
{
    color:rgb(13,138,255);
    border-bottom:2px solid black;
}
.datapanel
{
    padding:10px;
}
.drop_listitem
{
    width:100%;
    padding-top:8px;
    padding-bottom:8px;
    background-color:white;
    padding-left:15px;
    padding-right:15px;
    border-bottom:1px dotted #888;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    cursor:pointer;
}
div[datadiv="1"]
{
    padding:5px;
}
.drop_listitem:hover
{
    background-color:#fbf0f0;
}
.editnormal:hover
{
    border:1px solid #3fc4f6;
    margin:0px;
}
.itemscontainer 
{
    display: -webkit-box;
    display: -webkit-flex;
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.optionitem::before
{
    content: '\EA01';
    color: #C9C9C9;
    font-size: 23px;
    display: block;
    font-family: "weui";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.optionitem[selected="1"]::before
{
    content: '\EA06';
    color: #09BB07;
}
.optionitem {
    padding-top: 3px;
    padding-bottom: 3px;
}
.editnormal 
{

}
.form_treeitem_row
{
    align-items:center;
}
.form_treeitem
{
    padding-left:3px;
    padding-right:3px;
    justify-content:center;
    align-items:center;
    height:22px;
}
.form_treeitem[selected="1"]
{
   border:1px dotted #AAA;
   background-color:#EEF;
}
.readonlynormal:focus{
    box-shadow:none;
}
div[readonly="1"]
{
   
}
.readonlynormal
{
    border:none;
    padding-bottom:0px;
    padding-top:0px;
    margin:0px;
    box-shadow:none;
    border-radius:0;
    background-color:transparent;
}
.editerror
{
    border:1px solid red;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:2px;
    padding-right:2px;
    margin:0px;
    
    height: 19px;
    line-height: 19px;
}
.memonormal
{
   word-break:break-all;
}
.memoerror
{
    border:1px solid red;
}
.memohover
{
    border:1px solid #3fc4f6;
}
.btngridsetsmall 
{
    border:1px solid #3fc4f6;
    background-color:transparent;
    width:50px;
    height:27px;
    margin-right:10px;
}
.btngridset 
{
    border:1px solid #3fc4f6;
    background-color:transparent;
    width:70px;
    height:27px;
}
.formdrop {
    
}
.dropaddpanel 
{
   
}
.ybgroupbox 
{
    border:groove 1px gray;
}
.fileitem[img="1"]
{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}
.additem
{
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content:center;
    align-items:center;
    border: 1px dashed green;
    padding: 3px 3px 3px 3px;
    position: relative;
    margin-right: 12px;
    margin-left: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
    flex-shrink:0;
    order:9999;
}
.closediv
{
    position:absolute;
    right:5px;
    top:5px;
    width:24px;
    height:24px;
    background-image:url(../../images/close.png);
    background-repeat:no-repeat;
    background-size:contain;
}
div[filecontainerdiv]
{
    flex-shrink:0;
}
.fileitem {
    height: 30px;
    border: 1px dashed green;
    padding: 3px 3px 3px 3px;
    position: relative;
    margin-right: 12px;
    margin-left: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
    flex-shrink:0;
}
.memotitlebar
{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap:nowrap;
    align-content:flex-start;
    align-items: center;
    height:30px;
    font-size:12px;
    font-weight:900;
    width:100%;
    flex-shrink:0;
}
.deltag {
    color: #2196f3;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
.formtitle {
    font: 16px "黑体";
}

.deltag::before {
        content: '〤';
    }
.footbar {
    flex-shrink: 0;
    flex-grow: 0;
    border-top: 1px solid #AAA;
}
.editicon
{
    margin-left:5px;
    flex-shrink:0;
    order:80;
    width:20px;
    height:20px;
    border-radius:3px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.playicon
{
    width:20px;
    height:20px;
    border-radius:3px;
    margin-left:5px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-image:url(../../images/play.png)
}
.playicon[state="1"]
{
    background-image:url(../../images/stop.png)
}
div[state="1"] .playicon
{
    background-image:url(../../images/stop.png);
}
.mmustfill {
    width: 70px;
    flex-shrink: 0;
    text-align: right;
}
.controlcapton
{
}
.checkbox_div {
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    background-image: url(img/uncheck.png);
}

.checkbox_div[checked="1"] {
        background-size: 100% 100%;
        background-image: url(img/checked.png);
    }
.dialog_bar{
    align-items: center;
    font-size: 16px;
    font-weight: 900;
    order: 1;
    width: 100%;
    height: 35px;
    flex-shrink: 0;
    position: relative;
    z-index: 10000;
    padding-left: 15px;
    color: rgb(85, 85, 153);
    background-color: rgb(238, 238, 238);
}
.dialog_main {
    border-radius:8px;
    max-width: 100%;
    max-height: 100%;
    background-color: white;
    overflow: hidden;
    box-shadow: rgb(102, 102, 102) 0px 0px 10px;
    position: absolute;
    min-height: 200px;
}
.dialog_close{
    height:20px;
    width:20px;
    display:block;
    position:absolute;
    right:8px;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url(img/grayclose.png);
}