/*绘图容器*/
.dg_container {
    position: relative;
    border: 1px solid #DCDFE6;
    background-color: #f3f3f3;
     overflow: scroll !important;
    cursor: default;
}

/*数据库div*/
.dg_db_div {
    position: absolute;
    border: 1px solid #cccccc;
    padding-bottom: 25px;
    min-width: 30px;
    min-height: 20px;
    cursor: move;
    /* background-color: #f2f0dc; */
    border-radius: 4px;
}
/*数据库标题*/
.dg_db_title {
    background-color: #3E7E9C;
    color: #f7ebca;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/*数据库标题来源*/
.dg_db_title1 {
    background-color: mediumvioletred;
    color: #f7ebca;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/*数据库标题前置*/
.dg_db_title2 {
    background-color: gray;
    color: #f7ebca;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/*数据库标题中心*/
.dg_db_title3 {
    /* background-color:  #3cb371; */
    background-color: #458bd1; 
    color: #f7ebca;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dg_db_add{
    background-color: #C1FFC1;
}
.dg_db_update{
    background-color: #CD8162;
}
.dg_db_delete{
    background-color: red;
}

.dg_column_add{
    background-color: #C1FFC1;
}
.dg_column_update{
    background-color:#CD8162;
}
.dg_column_delete{
    background-color: #cccccc;
}

/*数据表div*/
.dg_tb_div {
    position: absolute;
    border: 1px solid #cccccc;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
    min-width: 20px;
    min-height: 10px;
    cursor: move;
    border-radius: 4px;
    /* background-color: #cbe6de; */
    background-color: #e0ecf8;
    font-size: 14px;
    /* margin: 10px auto;
    width: 90%!important; */
}

/*数据表div-删除*/
.dg_tb_div_delete {
    position: absolute;
    border: 1px solid #cccccc;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
    min-width: 20px;
    min-height: 10px;
    cursor: move;
    border-radius: 4px;
    background-color: #e7e7e7;
}

/*数据表标题*/
.dg_tb_title {
    font-size: 14px;
}

.dg_tb_detail{
    font-size: 14px;
}
.dg_tb_table{
    border: solid 1px #ccc;
    border-collapse: collapse;
    width: 98%;
    font-size: 14px;
    margin: 6px auto 0 auto;
}
.dg_tb_table tr th{
    padding-left:4px;
    border: solid 1px #ccc;
}
.dg_tb_table tr td{
    padding:2px;
    border: solid 1px #8e8e8e;
    min-width: 40px;
}

/*应用div*/
.dg_app_div {
    position: absolute;
    border: 1px solid;
    padding-bottom: 10px;
    min-width: 30px;
    min-height: 20px;
    cursor: move;
    background-color: #AEEEEE;
    border-radius: 4px;
}
/*应用标题*/
.dg_app_title {
    background-color: #3E7E9C;
    color: #f7ebca;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px
}

/*按钮图标*/
.dg_ficon{
    color: #f7ebca;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}
.dg_table_ficon{
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    color: #3E7E9C;
}

.dg_top {
    z-index:4 !important;
}

path {
    cursor:pointer;
}

/**重写jsPlumb的css样式*/
.window { z-index:20; }
.jsplumb-connector { z-index:1; }
.jsplumb-endpoint { z-index:2; }
.jsplumb-overlay { z-index:3; }