/*------- css layout  start---------*/
.mmc_nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 32px;
    background-color: #ffffff;
    box-shadow: 2px 0px 7px 2px #c8cdd0;
}

    .mmc_nav .nav {
        line-height: 1.75rem;
    }
.mmc_nav .back {
    line-height: 52px;
}
.mmc_nav .nav > li:last-child {
    margin-left: 16px;
}
        .mmc_nav .nav > li:last-child::before {
            content: "";
            float: left;
            background-color: #c8cdd0;
            width: 1px;
            height: 20px;
            margin-top: 18px;
        }
        .mmc_nav .nav > li:first-child >a {
            padding: 10px 0;
        }
    .mmc_nav .nav > li > a {
        font-weight: bold;
        line-height: 34px;
    }
        .mmc_nav .nav > li > a:hover, .mmc_nav .nav > li > a:focus {
            background-color: transparent !important;
        }
        .mmc_nav .nav > li > a > i {
            font-size: 12px;
            margin-left: 0.2rem;
        }
        .mmc_nav .nav > li > a:hover > i {
            color: #0078ff;
        }

    .mmc_nav .nav .dropdown-menu {
        width: 20rem;
        background: #fff !important;
        padding: 0;
    }
.mmc_nav .nav .dropdown-menu {
    width: 20rem;
    background: #fff !important;
    padding: 0;
}

.mmc_create, .mmc_tooltip > a {
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    padding: 0 1rem;
    align-items: center;
    height: 4.375rem;
    color: #1e292e;
}
    .mmc_create:hover, .mmc_tooltip:hover {
        background-color: #f6f7f8;
    }
.mmc_create i {
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    color: #7d8694;
    margin-right: 1rem;
    text-align: center;
    line-height: 1.875rem;
}
.mmc_tooltip {
    position: relative;
}
    .mmc_tooltip .state {
        position: absolute;
        right: 1rem;
        top: 1.5rem;
        width: 4.25rem;
        height: 1.5rem;
        font-size: 0.75rem;
        line-height: 1;
        background-color: #fff;
        border: 1px solid #0078ff;
        color: #0078ff;
        border-radius: 2px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
        .mmc_tooltip .state:hover {
            color: #fff;
            background-color: #eb5648;
            border-color: #eb5648;
        }
    .mmc_tooltip .img {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 2px;
        margin-right: 1rem;
        text-align: center;
    }
    .mmc_tooltip .info span {
        display: inline-block;
        width: 100%;
        color: #1e292e;
        height: 1.5rem;
    }
.mmc_tooltip .info span:last-child {
    font-size: 0.75rem;
    color: #8d9ea6;
}
.mmc_solo .img {
    border-radius: 50%;
    overflow: hidden;
}
.mmc_solo, .mmc_solo:hover {
    background-color: #5b6b73;
    color: #fff;
}

.mmc_solo .state {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
    .mmc_solo .info span, .mmc_solo .info span:last-child {
        color: #fff;
    }
.mmc_menu {
    position: relative;
}
.mmc_menu >a.icon-menu{
    display: none;
    width: 28px;
    height: 28px;
    background-color: #eee;
    border-radius: 50%;
    color: #697280;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
}
    .mmc_menu ul, .mmc_menu ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        .mmc_menu ul li {
            width: 80px;
            margin-left: 16px;
            text-align: center;
        }
.mmc_menu ul li:first-child {
    margin-left: 0;
}
    .mmc_menu ul li a {
        color: #888;
        font-weight: bold;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
        .mmc_menu ul li a.is-active, .mmc_menu ul li a:hover, .mmc_nav .mmc_alarm:hover {
            color: #0078ff;
        }

.mmc_option {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
    .mmc_option label {
        position: relative;
        padding: 12px 6px;
    }
        .mmc_option label > a {
            display: inline-block;
            width: 28px;
            height: 28px;
            background-color: #eee;
            border-radius: 50%;
            color: #697280;
            line-height: 28px;
            text-align: center;
            font-size: 16px;
        }
            .mmc_option label > a:hover {
                background-color: #0078ff;
                color: #fff;
            }
            .mmc_option label > a .is-off {
                position: absolute;
                width: 0.32rem;
                height: 0.32rem;
                -webkit-transition: all 0.25s ease-out;
                -moz-transition: all 0.25s ease-out;
                -o-transition: all 0.25s ease-out;
                -ms-transition: all 0.25s ease-out;
                transition: all 0.25s ease-out;
                background-color: #eb5648;
                border-radius: 50%;
                right: 15px;
                top: 14px;
            }
        .mmc_option label > ul {
            display: none;
            width: 150px;
            line-height: 34px;
            background-color: #fff;
            box-shadow: 0 0 15px 5px #eee;
            position: absolute;
            top: 50px;
            left: -62px;
        }
            .mmc_option label > ul li {
                padding-left: 16px;
                color: #444;
                text-align: left;
            }

    .mmc_option div.back {
        /*float: left;
    width: 284px;*/
        line-height: 46px;
        white-space: nowrap;
        padding-right: 20px;
        min-width: auto;
    }
/*------- css layout  end---------*/

/*------- css leftmenu  start---------*/
.mmc_open {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    border-radius: 0 6px 6px 0;
}
.mmc_close {
    margin: 10px auto;
    border-radius: 20px;
}
.mmc_open, .mmc_close {
    color: #888;
    text-align: center;
    z-index: 200;
    cursor: pointer;
    width: 24px;
    background-color: #eee;
}

    .mmc_open, .mmc_close:hover {
        color: #fff;
        background-color: #0078ff;
    }
.mmc_leftmenu {
    position: fixed;
    top: 54px;
    left: 0;
    z-index: 99;
    width: 240px;
    background-color: #ffffff;
    box-shadow: #ccc 3px 0 6px 0;
}

.mmc_leftmenu .nav > li > a {
    padding-left: 32px;
    color: #888;
    font-size: 14px;
}

.mmc_leftmenu .nav > li > a:before {
    margin-right: 10px;
}
    .mmc_leftmenu .nav > li > a:hover {
        color: #0078ff;
    }

    .mmc_leftmenu .nav > li.is-active > a {
        color: #0078ff;
        background-color: #e5e5e5;
        line-height: inherit;
    }
    .mmc_leftmenu .nav > li.is-active .is-active > a {
        color: #0078ff;
        background-color: #f3f3f3;
    }

.mmc_leftmenu .nav > li > a > i {
    float: right;
}

.mmc_leftmenu .nav > li > a.collapsed > i {
    -webkit-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
}
.mmc_leftmenu li .nav li a {
    padding-left: 56px;
}
/*------- css leftmenu  end---------*/

/*------- css container  start---------*/
.mmc_container {
    margin: 62px 0 0 256px;
    background-color: #fff;
    overflow: hidden;
}
.mmc_container_right {
    margin: 62px 310px 0;
}
.mmc_meta_container {
    margin-left: 310px;
}
/*------- css container  end---------*/

/*------- css content  start---------*/
.mmc_content {
    padding: 16px 20px;
    overflow: auto;
}
    .mmc_content .tt_title {
        margin: 12px auto;
    }
    .mmc_content .tt_title_header {
        margin-bottom: 12px;
    }
.tt_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tt_title_header > span, .tt_title > span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
    color: #345C85;
}

.tt_title >span {
    font-size: 15px;
}
/*.tt_title span.icon-create {
    font-size: 24px !important;
    line-height: 64px !important;
    cursor: pointer;
}*/
.tt_title i.icon-right {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    cursor: pointer;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
    .tt_title i.icon-right.right {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    .tt_title i.icon-right:hover {
        color: #0178FC;
    } 

.mmc_switchover {
    position: relative;
}
.mmc_switchover select {
    position: absolute;
    right: 10px;
    top: 50px;
}
    .mmc_switchover ul {
        position: absolute;
        right: 10px;
        top: 100px;
        width: 50px;
        text-align: center;
    }

        .mmc_switchover ul li {
            display: none;
            line-height: 50px;
            border: 1px solid;
            border-radius: 50px;
            color: #0074F3;
            background-color: #fff;
            cursor: pointer;
        }
        .mmc_switchover ul:hover li {
            display: block;
        }
        .mmc_switchover ul li.active, .mmc_switchover ul li:hover {
            display: block;
            background-color: #0074F3;
            color: #fff;
        }

.mmc_tabtop {
    margin-bottom: 20px;
    line-height: 30px;
}
.mmc_tablist {
    padding: 0 14px;
}
.mmc_space {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.mmc_space .mmc_top {
    padding: 10px 16px;
    line-height: 30px;
}
.mmc_space .mmc_cont {
    display: inline-block;
    width: 100%;
    height: calc(100% - 50px);
    padding: 16px 0
}
.mmc_space .mmc_cont .mmc_left {
    padding: 0 16px;
    float: left;
    border-right: 1px solid #c8cdd0;
    overflow-y: auto;
}
    .mmc_space .mmc_cont .mmc_right {
        display: -webkit-flex; /* Safari */
        display: flex;
        flex-direction: column;
        padding: 0 16px;
        overflow-y: auto;
    }
        .mmc_space .mmc_cont .mmc_right .mmc_tool_box {
            margin-bottom: 10px;
        }
.mmc_tool_box .mmc_list_btn {
    margin-bottom: 10px;
    padding: 0;
}
/*------- css content  end---------*/
/*------- css Membership/MyMembership  start---------*/
.mmc_membership .mmc_label {
    width: 300px;
    display: inline-block;
}
.mmc_vipinfo {
    margin: 1rem 0;
}

.mmc_privilege img {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin: 0.5rem 2rem 1rem 0;
    cursor: pointer;
}

/*------- css Membership/MyMembership  end---------*/


/*------- css Membership/PersonalInfo  start---------*/
.mmc_headimg {
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.mmc_headimg img {
    display: inline-block;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    cursor: pointer;
}
.mmc_personalinfo .mmc_label {
    margin-bottom: 1rem;
}
    .mmc_personalinfo .mmc_label .form-control, .mmc_personalinfo .mmc_label .mmc_select {
        display: inline-block;
        width: 350px;
        box-shadow: none;
    }

/*------- css Membership/PersonalInfo  end---------*/


/*------- css Qvt/Transformation/Edit  start---------*/
.mmc_transformation .mmc_top {
    padding-left: 20px;
}
.mmc_transformation .mmc_search {
    padding: 0 0 20px 4px;
}
.mmc_transformation .mmc_left > div:last-child {
    overflow-x: auto;
}
.mmc_transformation .mmc_tool_box > .mmc_btn {
    margin: 0 16px 12px 0;
    font-size: 14px;
}
.mmc_transformation .mmc_tool_box > .mmc_btn:hover, .mmc_transformation .mmc_tool_box > .mmc_btn.is-active {
    color: #fff;
    background-color: #0078ff;
    border: 1px solid #0078ff;
}
.mmc_transformation .mmc_label {
    margin-bottom: 1rem;
}
.mmc_transformation .mmc_label>label {
    width: 12rem;
}
.mmc_tree_maxw {
    overflow-y: auto;
    height: calc(100vh - 155px);
}
/*------- css Qvt/Transformation/Edit  end---------*/

/*------- css Sso/Account  start---------*/

.mmc_account .mmc_tabtop .form-control {
    display: inline-block;
    width: auto;
}

/*------- css Sso/Account  end---------*/

/*------- css application/Application  start---------*/
.mmc_cardlist .mmc_appoperation .mmc_btn {
   margin: 14px 0 0 8px;
}
/*工作台-我的应用*/
.mmc_cardlist {
    padding-right: 145px;
    width: 100%;
    padding: 0 26px 0 10px;
}

.mmc_cardlistheader {
    position: sticky;
    top: -1rem;
    z-index: 30;
    width: 100%;
    height: 4.5rem;
    -webkit-transition: top 0.15s ease-in;
    -moz-transition: top 0.15s ease-in;
    -o-transition: top 0.15s ease-in;
    -ms-transition: top 0.15s ease-in;
    transition: top 0.15s ease-in;
}

    .mmc_cardlistheader .search:not(.is-open) {
        width: 2em;
    }

    .mmc_cardlistheader .search {
        position: relative;
        margin-left: auto;
        margin-right: 1rem;
        -webkit-transition: width 0.3s ease-in-out;
        -moz-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        -ms-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
    }

        .mmc_cardlistheader .search:not(.is-open) .Input, .mmc_cardlistheader .search:not(.is-open) .close {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            pointer-events: none;
        }

        .mmc_cardlistheader .search .Input {
            width: 100%;
            height: 2rem;
            background-color: #fff;
            border: 0 !important;
            border-radius: 17px !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .mmc_cardlistheader .search + .action {
            margin-left: 0;
        }

    .mmc_cardlistheader .action {
        display: -webkit-flex;
        display: flex;
        margin-left: auto;
        width: -webkit-fit-content;
        width: fit-content;
        margin-top: 0;
        color: #0078ff;
    }

.mmc_headerfilter {
    position: absolute;
    top: 1rem;
    z-index: -20;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 2.5rem;
}

.mmc_cardlist .mmc_filtertablist {
    border: 0;
    position: relative;
    padding: 0;
}

.mmc_filtertablist li {
    margin-right: 1.75em;
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #888;
}

.mmc_filtertablist .is-active {
    color: #444;
    font-weight: 600;
}

.mmc_cardlist .mmc_headerbtn {
    color: #ffffff !important;
    min-width: 7.5em;
    background-color: #0078ff;
    height: 30px;
    border-radius: 3px;
}

.mmc_cardlistheader .search .TextButton {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .mmc_cardlistheader .search .TextButton.close {
        right: 0.5em;
        color: #c8cdd1;
    }

.mmc_cardlist ul.mmc_appboxlist {
    display: none;
}

.mmc_cardlist ul {
    display: -webkit-box;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}

.mmc_appboxlist li {
    -webkit-flex-basis: 230px;
    flex-basis: 230px;
    margin: 0 20px 20px 0;
}

.mmc_appcontent .mmc_appcontentlist {
    background: #fff;
    padding: 14px 20px;
    margin-bottom: 20px;
    flex-basis: auto;
    width: 100%;
    border-radius: 5px;
}

    .mmc_appcontent .mmc_appcontentlist .mmc_appname {
        font-weight: 600;
        font-size: 20px;
    }

    .mmc_appcontent .mmc_appcontentlist .mmc_apptext {
        padding: 50px 0 0 0;
        border-bottom: 1px solid #eee;
    }

        .mmc_appcontent .mmc_appcontentlist .mmc_apptext label {
            display: flex;
            flex-wrap: wrap;
        }

            .mmc_appcontent .mmc_appcontentlist .mmc_apptext label span {
                font-size: 14px;
                font-weight: 400;
            }

                .mmc_appcontent .mmc_appcontentlist .mmc_apptext label span i {
                    font-style: normal;
                    color: #aaa;
                }

        .mmc_appcontent .mmc_appcontentlist .mmc_apptext div {
            margin: 2px 0;
        }

.mmc_feed_line span {
    display: inline-block;
    width: 100%;
}

    .mmc_feed_line span i {
        /*width: 70px;*/
        float: left;
    }

    .mmc_feed_line span b {
        font-weight: normal;
        /*width: calc(100% - 70px);*/
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 20px;
        padding-left: 3px;
        max-width: 50%;
    }

.mmc_appIcon {
    color: #888;
    font-size: 18px;
    cursor: pointer;
}

    .mmc_appIcon .mmc_settingdropdown {
        display: none;
        width: 230px;
        line-height: 34px;
        background: #fff;
        box-shadow: 0 0 15px 5px #eee;
        position: absolute;
        right: 95px;
        text-align: left;
        padding: 10px 14px;
        font-size: 14px;
    }

.mmc_settingdropdown li {
    width: 230px;
    cursor: pointer;
}

.mmc_settingdropdown a {
    color: #000;
}

    .mmc_settingdropdown a:hover {
        color: #1a70d8;
    }

.mmc_publishbtn {
    margin-left: 135px;
}
/*工作台-我的应用-配置应用page*/
.mmc_framesetting .mmc_frametitle {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    height: 65px;
    line-height: 65px;
    padding: 0px 26px;
    margin: 0;
}

.mmc_framebutton {
    display: block;
    padding: 20px 40px;
    float: right;
}
/*工作台-我的应用-人员配置*/
.mmc_member .mmc_left button {
    width: 11rem;
    height: 100%;
    text-align: start;
    background: url(Images/notchecked.png) no-repeat 10rem;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .mmc_member .mmc_left button:hover, .mmc_member .mmc_left button.is-active {
        background: #f6f7f8 url(Images/ischecked.png) no-repeat 10rem;
    }

.mmc_member .mmc_addmember {
    line-height: 30px;
    width: 100%;
    text-align: right;
}

.mmc_member .mmc_appteam {
    margin-right: 10px;
    font-size: 25px;
    cursor: pointer;
}
/*工作台-我的应用-概念模型page*/
.mmc_modelcontent ul li {
    height: 35px;
    line-height: 35px;
    background-color: #eee;
    border-radius: 30px;
}

.mmc_tabbar {
    border-bottom: 3px solid #0078ff;
}

    .mmc_tabbar span {
        padding: 10px 0;
    }

        .mmc_tabbar span a.active {
            background-color: #ffffff;
            color: #333;
            padding: 0;
            float: none;
        }

.mmc_displayflex {
    display: flex;
}
/*弹窗title*/
.mmc_dialogtitle .title {
    font-weight: bold;
    text-align: center;
}
/*工作台-操作日志*/
.mmc_loglist {
    background-color: #fff;
    padding: 1px 30px;
}

    .mmc_loglist .left h5 {
        font-size: 20px;
        margin-bottom: 25px;
    }
/*领域空间-我的领域模型*/
.mmc_cimmodelist .mmc_apptext {
    border-bottom: none !important;
}
/*系统管理-角色*/
.mmc_treecontent {
    height: auto !important;
    overflow-y: hidden !important;
    padding: 15px !important;
}

    .mmc_treecontent li {
        line-height: 30px !important;
    }

        .mmc_treecontent li span.button {
            vertical-align: middle !important;
        }

        .mmc_treecontent li a {
            height: auto !important;
        }

.mmc_paddingleft_15 {
    padding-left: 15px;
}

.mmc_rolebtn ul li a {
    height: 30px;
}

.mmc_pointer {
    cursor: pointer;
}

.mmc_resource tr td a {
    padding: 5px;
}

.mmc_appimg span {
    margin-right: 20px;
}

.mmc_link_add {
    background: url(Images/mmc_add.png) no-repeat left center;
    background-position-x: 5px;
    background-size: 18px 18px;
    display: inline-block;
    padding: 5px 5px 5px 25px !important;
}

.mmc_link_delete {
    background: url(Images/mmc_delete.png) no-repeat left center;
    background-position-x: 5px;
    background-size: 18px 18px;
    display: inline-block;
    padding: 5px 5px 5px 25px !important;
}
/*companymanage.css 重写*/
.TeamMemberAddingModal .menu {
    width: 300px;
    min-width: 300px;
}
.TeamMemberAddingModal .search-sec input {
    height: 30px;
    padding: 0 10px;
    border-radius: 4px;
}

/*方案配置*/
.radio_type:checked + label {
    color: #0078fe;
}

.mmc_applicationlabel {
    /*line-height: 50px;*/
    display: inline-block;
    margin-left: 25px;
    margin-right: 15px;
    color: #777;
    font-weight: 400;
}

.radio_type, .checkbox_type {
    width: 0px;
    height: 20px;
    position: relative;
}

    .radio_type:checked:before, .checkbox_type:checked:before {
        content: '';
        width: 20px;
        height: 20px;
        margin: 5px 10px 0 0;
        background: #0078fe;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
        border: 1px solid #ccc;
    }

        input[type="checkbox"].checkbox_type:checked:before {
            border-radius: 0%;
        }

        .radio_type:checked:after, .checkbox_type:checked:after {
            content: '';
            width: 10px;
            height: 5px;
            border: 2px solid white;
            border-top: transparent;
            border-right: transparent;
            text-align: center;
            display: block;
            position: absolute;
            top: 12px;
            left: 5px;
            transform: rotate(-45deg);
        }

        .radio_type:before, .checkbox_type:before {
            content: '';
            width: 20px;
            height: 20px;
            margin: 5px 10px 0 0;
            display: inline-block;
            border-radius: 50%;
            vertical-align: middle;
            border: 1px solid #ccc;
        }

        input[type="checkbox"].checkbox_type:before {
            border-radius: 0%;
        }

.mmc_datailbtn {
    color: #298df8;
}
/*form表单*/
label.error {
    color: red;
    font-weight: normal;
}
/*分析模型下载代码图标*/
.a_download {
    padding: 5px 5px 5px 20px;
    background-position-x: 5px;
    background: url("Images/download-to-click.png") no-repeat left center;
    background-size: auto 14px;
}

.a_metaOps {
    padding: 5px 5px 5px 20px;
    background-position-x: 5px;
    background: url("../Images/ops-to-click.png") no-repeat left center;
    background-size: auto 14px;
}
/*删除弹窗*/
.mmc_dialogdelete {
    min-height: 110px;
    text-align: center;
}
    .mmc_dialogdelete p {
        vertical-align: middle;
        display: table-cell;
    }

/*超出隐藏*/
.mmc_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*方案空间-变换title*/
.mmc_changetitle {
    font-size: 18px;
    font-weight: bold;
    margin-left: 20px;
}
/*弹窗改页面内边距*/
.mmc_paddingtop_16 {
    padding-top: 16px !important;
}

.mmc_padding_16 {
    padding: 0 16px;
}
/*------- css application/Application  end---------*/

/*------- css application/Team  start---------*/
/*工作台-我的团队*/
.mmc_teamcontent {
    background-color: #fff;
}

.mmc_teamhead {
    margin-bottom: 25px;
}

    .mmc_teamhead .mmc_teamheadtitle {
        line-height: 30px;
        font-size: 18px;
    }

.mmc_teamcontent .mmc_left {
    min-width: 220px;
}
.mmc_teamcontent .mmc_lefttitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.mmc_teamcontent .mmc_lefttitle label {
    margin: 0;
    color: #444;
    font-size: 18px;
}
.mmc_teamul {
    margin: 0 -15px;
}
    .mmc_teamul li {
        height: 40px;
        padding: 0 15px;
    }
.mmc_teamul li a {
    display: inline-block;
    line-height: 40px;
    margin-left: 10px;
}
    .mmc_teamul li >a {
        min-width: 100px;
        width: 11rem;
        padding-right: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mmc_teamul li:hover {
        background-color: #f6f7f8;
    }
    .mmc_teamul li.is-active {
        background-color: #cecece;
    }
.mmc_addteam {
    margin-left: 15px;
    background: url("Images/configteam.png") no-repeat center;
    width: 30px;
    height: 30px;
    display: inline-block;
}
/*------- css application/Team  end---------*/
/*------- css applicationConfiguration  start---------*/
.mmc_framesetting .mmc_table tr td {
    padding: 6px 20px;
}
.mmc_framebutton .mmc_cancel{
    margin-right: 15px;
}
/*------- css applicationConfiguration  end---------*/

/*------- css Model/Edit  start---------*/
.mmc_meta_menu > div  {
    display: flex;
    justify-content: center;
}
.mmc_meta_menu > div > span > a {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    white-space: nowrap;
}
.mmc_meta_menu > div > span > a:before {
    margin-right: 6px;
}
.mmc_meta_menu > div > span > a:hover, .mmc_meta_menu > div > span > a.active {
    color: #fff;
    background-color: #0074F3;
}
.mmc_meta_leftmenu {
    padding: 0 20px;
    width: 300px;
}
.mmc_meta_leftmenu .mmc_search {
    margin-bottom: 16px;
}

.mmc_list_bar {
    text-align: right;
    white-space: nowrap;
}
    .mmc_list_bar >li {
        display: inline-block;
        margin-left: 20px;
    }
.mmc_list_bar >li a{
    font-size: 14px;
}
.mmc_list_btn {
    /*padding: 16px 16px 0;*/
    line-height: 34px;
}
.mmc_list_btn >li {
    display: inline-block;
    margin-right: 10px;
}
    .mmc_list_btn >li a {
        padding: 6px 12px;
        background-color: #eee;
        border-radius: 16px;
        font-size: 14px;
    }
.mmc_list_btn >li a:before {
    margin-right: 6px;
}
.mmc_list_btn >li a:hover, .mmc_list_btn >li a.is-active {
    color: #fff;
    background-color: #0074F3;
}

/*------- css Model/Edit   end---------*/

/*------- css Code/Architecture/Edit   start---------*/
.form-group {
    overflow: hidden;
}
    .form-group .control-label {
        word-wrap: break-word;
    }
        .form-group .control-label > span {
            color: #b94a48;
        }
.form-control {
    box-shadow: none;
}
.form-control-slim {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group >div{
    line-height: 34px;
    word-break: break-all;
}
input[type="text"] {
    border: 1px solid #ccc;
}
.field-validation-error {
    color: red;
}
/*------- css Code/Architecture/Edit   end---------*/
/*------- css Qvt/PrimitiveTypeMapper/Create   start---------*/
.mmc_copy .glyphicon {
    font-size: 16px;
    cursor: pointer;
    color: red;
}
.mmc_copy .mmc_table th {
    font-weight: bold;
    text-align: center;
    color: #444;
}
/*------- Qvt/PrimitiveTypeMapper/Create   end---------*/

/*------- css Qvt/TransformationRoadMap/Create  Start---------*/
.mmc_router {
    padding-bottom: 15px;
    border-bottom: 1px solid #c8cdd0;
    margin-bottom: 16px;
}
.mmc_progress {
    height: 20px;
    margin-top: 6px;
    position: relative;
    background-color: #E7E7E7;
}

    .mmc_progress > i {
        position: absolute;
        background-color: #BEEBFF;
        height: 20px;
        left: 0;
        display: inline-block;
    }

    .mmc_progress > span {
        position: absolute;
        line-height: 20px;
        padding-left: 10px;
    }
/*------- css Qvt/TransformationRoadMap/Create  End---------*/

/*------- css Sso/Role/Create  Start---------*/
.mmc_switch {
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

    .mmc_switch .mmc_submit {
        padding-top: 125px;
    }

        .mmc_switch .mmc_submit .mmc_btn {
            min-width: 60px;
            margin: 10px;
            line-height: 26px;
        }
/*------- css Sso/Role/Create  End---------*/


/*------- css Compiler/Operator/Create  Start---------*/
.mmc_icon .icon-create, .mmc_icon .icon-subtract {
    margin-left: 10px;
    font-size: 20px;
}

.icon-delete, .icon-subtract:hover {
    color: #EC5B4E;
    cursor: pointer;
}

.icon-edit-app, .icon-transform:hover, .icon-in-or-out:hover, .icon-enter, .icon-mall:hover, .icon-add-node {
    color: #2CCE78;
    cursor: pointer;
}

.icon-create, .icon-see, .icon-activities, .icon-out, .icon-transform:hover, .icon-relation, .icon-blocked:hover, .icon-insert-left:hover {
    color: #0178FC;
    cursor: pointer;
}

 .icon-like:hover {
    color: red;
    cursor: pointer;
}

.icon-key.active, .icon-key:hover {
    color: blue;
    cursor: pointer;
}
.icon-actor {
    color: #0178FC;
}
.icon-activity, .icon-parameter {
    color: #3DD8E3;
}
.icon-usecase, .icon-boundary {
    color: #43E2B9;
}
.icon-class, .icon-entity {
    color: #FABB4E;
}
.icon-control, .icon-controls {
    color: #6060F9;
}
.icon-variable {
    color: #EC5B4E;
}

/*------- css Compiler/Operator/Create  End---------*/
.mmc_document {
    float: left;
    border: 1px solid #c0c4d6;
    padding: 16px 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*------- css ModelOverviewForm  Start---------*/
.mmc_general {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
}
    .mmc_general > div.tt_left {
        width: calc(100% - 300px);
        overflow: scroll;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .mmc_general > div.tt_right {
        width: 292px;
        border: 1px solid #ddd;
        overflow: auto;
    }

    .mmc_general .tt_flex {
        border: 1px solid #ddd;
        width: max-content;
    }

.body_left > .tt_flex {
    border-top: 0;
    border-left: 0;
}

.body_right > .tt_flex {
    border-top: 0;
    border-right: 0;
}

    .body_left > .tt_flex:last-child, .body_right > .tt_flex:last-child{
        border-bottom: 0;
    }

.mmc_general > div > div > .tt_flex + .tt_flex {
    border-bottom: 0;
}

.mmc_general .tt_flex + .tt_flex:last-child {
    border-bottom: 1px solid #ddd;
}

.mmc_general .tt_flex .tt_flex + .tt_flex:last-child {
    border-bottom: 0;
}

.mmc_general .tt_flex > .head {
    text-align: center;
    min-width: 200px;
    line-height: 40px;
}
.mmc_general .head .icon-stow-right.active {
    transform: rotate(180deg)
}

ul.tt_flex > .head {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 201px;
    border-right: 1px solid #ddd;
}

    ul.tt_flex > .head span i {
        font-size: 15px;
    }

.mmc_name {
    text-align: center;
    min-width: 160px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
    .mmc_name > a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 10px;
    }

    .mmc_name .icon-relation, .mmc_name .icon-edit-app, .mmc_name .icon-delete {
        display: none;
        border-radius: 50%;
        font-size: 14px;
        cursor: pointer;
        margin-left: 5px;
    }

    .mmc_name:hover .icon-relation, .mmc_name:hover .icon-edit-app, .mmc_name:hover .icon-delete {
        display: unset;
    }


.mmc_general > div.tt_left .tt_table th, .mmc_general > div.tt_left .tt_table td {
    border: 1px solid #ddd;
    text-align: center;
}

.mmc_general > div.tt_left .tt_table thead tr th {
    background-color: #F1F4F8;
    line-height: 40px;
    font-size: 14px;
}

.mmc_general > div.tt_left .tt_table thead, .mmc_general > div.tt_left .tt_table tbody {
    display: block !important;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .mmc_general > div.tt_left .tt_table thead, .mmc_general > div.tt_left .tt_table tbody tr, .mmc_general > div.tt_left .tt_table thead tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
.tt_right h5 {
    padding: 0 16px;
    background-color: #F1F4F8;
    line-height: 40px;
}
.tt_right .form-group {
    margin: 0 0 10px;
    font-size: 12px;
}

    .tt_right .form-group .control-label {
        padding: 0;
        line-height: 24px;
        font-size: 12px;
    }
    .tt_right .form-group > div {
        line-height: 24px;
        padding: 0 12px;
    }
    .tt_right .form-group input, .tt_right .form-group select {
        height: 24px;
        line-height: 24px;
        padding: 0 12px;
    }

/*------- css ModelOverviewForm  End---------*/


/*------- css Activities  Start---------*/
.mmc_activity {
    display: flex;
    justify-content: space-between;
}

    .mmc_activity > div.tt_left {
        width: calc(100% - 300px);
        overflow: auto;
        border: 1px solid #ddd
    }

    .mmc_activity > div.tt_right {
        width: 292px;
        border: 1px solid #ddd;
    }

    .mmc_activity .tt_table td {
        text-align: center;
        line-height: 50px;
        position: relative;
        z-index: 0;
    }

    .mmc_activity .tt_table thead tr:first-child th {
        line-height: 40px;
        background-color: #F1F4F8;
    }

    .mmc_activity .tt_table thead tr:last-child th {
        font-size: 14px;
        line-height: 20px;
        height: 60px;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

td.rowActor,  th.rowActor,  td.rowControl,  th.rowControl,  td.rowParameter,  th.rowParameter,  td.rowVariable,  th.rowVariable {
    border-right: 1px solid #ddd;
}

td.Control input, td.Control select {
    display: inline-block;
    border-radius: 0;
    background-color: #fff;
}
td.Control input.readonly,  td.Control select.readonly {
    background-color: #F5F5F5;
    color: #ACA899;
}
td.Control div i {
    margin: auto 2px;
    color: #888;
}
td.Control div i:first-child{
    border-left: 1px dashed #888;
}


.mmc_activity .tt_table td:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    border-right: 1px solid #E9EAEE;
    left: 50%;
    top: 0;
    z-index: -1;
}

    .mmc_activity .tt_table td:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #E9EAEE;
        top: 46%;
        left: 0;
        z-index: -1;
    }

td.rowActor:before,  td.rowControl:before,  td.Control:before,  td.rowParameter:before,  td.rowVariable:before {
    border: 0;
}

    .mmc_activity .tt_table tbody tr:first-child td:after {
        border: 0;
    }

    .mmc_activity td > .icon-enter, .mmc_activity td > .icon-out, .mmc_activity td > .icon-delete, .mmc_activity td > .icon-insert-left {
        padding: 3px;
        background-color: #fff;
        box-shadow: #ccc 0 0 4px 0;
    }

    .mmc_activity th label {
        width: 80px;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
.mmc_activity th label >span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
        .mmc_activity th label >i {
            display: none;
            margin-left: 6px;
            color: #888;
            cursor: pointer;
        }

    .mmc_activity th:hover label > i {
        display: inline-block;
    }

.Actor .horizontal, .Parameter .horizontal, .Variable .horizontal {
    display: none;
}
td.Parameter, td.Variable {
    overflow: unset !important;
}
td.Parameter > ul, td.Variable > ul {
    display: none;
    text-align: left;
    position: absolute;
    left: 60%;
    top: -10px;
    line-height: normal;
    box-shadow: #ccc 0 1px 6px 2px;
}
td.Parameter > ul li,  td.Variable > ul li {
    padding: 1px 6px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}
td.Parameter > ul li:hover, td.Variable > ul li:hover {
    background-color: #E8EBEF;
}
td.Parameter > ul li i, td.Variable > ul li i {
    margin-right: 4px;
    font-size: 14px;
}

/*------- css Activities  End---------*/