﻿
/*分区域*/
.admin-layout-row {
    box-sizing: border-box;
    overflow: hidden;
    padding:10px 0px;
}

.admin-layout-row-lineheight {
    line-height: 42px;
}

.admin-layout-row > div {

}

    .admin-layout-row > label {
        color:#aaa;
    }

.admin-layout-row > div, .admin-layout-row > label {
    float: left;
    line-height: 34px;
}


.admin-layout-col-5 {
    flex: 0 0 auto;
    width: 5%;
}

.admin-layout-col-10 {
    flex: 0 0 auto;
    width: 10%;
}

.admin-layout-col-15 {
    flex: 0 0 auto;
    width: 15%;
}

.admin-layout-col-20 {
    flex: 0 0 auto;
    width: 20%;
}

.admin-layout-col-25 {
    flex: 0 0 auto;
    width: 25%;
}

.admin-layout-col-30 {
    flex: 0 0 auto;
    width: 30%;
}

.admin-layout-col-35 {
    flex: 0 0 auto;
    width: 35%;
}

.admin-layout-col-40 {
    flex: 0 0 auto;
    width: 40%;
}

.admin-layout-col-45 {
    flex: 0 0 auto;
    width: 45%;
}

.admin-layout-col-50 {
    flex: 0 0 auto;
    width:50%;
}

.admin-layout-col-55 {
    flex: 0 0 auto;
    width:55%;
}

.admin-layout-col-60 {
    flex: 0 0 auto;
    width: 60%;
}

.admin-layout-col-65 {
    flex: 0 0 auto;
    width: 65%;
}

.admin-layout-col-70 {
    flex: 0 0 auto;
    width: 70%;
}

.admin-layout-col-75 {
    flex: 0 0 auto;
    width: 75%;
}

.admin-layout-col-80 {
    flex: 0 0 auto;
    width: 80%;
}

.admin-layout-col-85 {
    flex: 0 0 auto;
    width: 85%;
}

.admin-layout-col-90 {
    flex: 0 0 auto;
    width: 90%;
}

.admin-layout-col-95 {
    flex: 0 0 auto;
    width: 95%;
}

.admin-layout-col-100 {
    flex: 0 0 auto;
    width: 100%;
}

/*内容在表单中的位置*/
.admin-layout-left{
    text-align:left;
}
.admin-layout-center {
    text-align: center;
}
.admin-layout-right {
    text-align: right;
}


/*TAB菜单*/
.admin-layout-title {
    margin: 15px 0px 10px 0px;
    padding: 8px 20px 0px 20px;
    line-height: 22px;
    border-left: 5px solid #0d7abd;
    border-radius: 0 2px 2px 0;
    background-color: #ececec;
}

    .admin-layout-title > div {
        padding:20px 0px 0px;
    }
    .admin-layout-title > div > label {
        padding:0px 10px;
        font-size: 22px;
    }

.admin-layout-tab{
    padding:1rem 1rem 0rem 1.5rem;
    background-color:#ececec;
    margin-top:10px;
}
    .admin-layout-tab > ul {
        
    }
        .admin-layout-tab > ul > li {
            float: left;
            line-height: 42px;
            text-align: center;
            padding: 0px 1.5rem;
            margin:0px 5px;
            border-bottom: 1px solid #ececec;
            font-weight: 500;
            background-color: #e0e0e0;
        }
        .admin-layout-tab > ul > li>a {
            color: #333;
        }
        .admin-layout-tab > ul > li:first-child {
            border-left: 1px solid #ececec;
        }
        .admin-layout-tab > ul > .tab-active{
            border-bottom: 1px solid #fff !important;
            background-color: #fff;
            color:#333;
        }
        .admin-layout-tab > ul > .tab-active>a {
            color: #333;
            font-weight:bold;
        }