#formList1, #formList2 {
    list-style: none;
    font-weight: 600;
    margin-left: 5px;
}

    #formList1 a, #formList2 a {
        color: #a7b1c2;
    }

        #formList1 a > i, #formList2 a > i {
            margin-right: 6px;
        }

        #formList1 a > :nth-child(3), #formList2 a > :nth-child(3) {
            margin-right: 6px;
        }

    #formList1 ul a, #formList2 ul a {
        padding: 5px;
    }

    #formList1 ul, #formList2 ul {
        margin-left: 25px;
    }

    #formList > li > a:hover,
    #formList > li > a:focus,
    #formList1 > li > a:hover,
    #formList1 > li > a:focus,
    #formList1 > li > ul > li > a:hover,
    #formList1 > li > ul > li > a:focus,
    #formList2 > li > a:hover,
    #formList2 > li > a:focus,
    #formList2 > li > ul > li > a:hover,
    #formList2 > li > ul > li > a:focus {
        background-color: #1ab394;
        color: white;
    }

#formList {
    min-width: 35vh;
}

.postProcess-theme-config {
    position: absolute;
    top: 52px;
    left: -320px;
    overflow: visible;
    width: 320px;
    transition: 0.8s all;
}

.postProcess-theme-config-box.postProcess-show {
    margin-left: 0;
}

.postProcess-theme-config-box {
    position: relative;
    z-index: 2000;
}

.postProcess-icon {
    background: #1ab394;
    position: absolute;
    padding: 10px 0px 5px 1px;
    top: 0;
    right: 0;
    color: #fff;
    cursor: pointer;
}

.postProcess-skin-settings {
    width: 100%;
    background-color: #2f4050;
    height: 93vh;
    overflow-y: auto;
    overflow-x:hidden;
    border: 1px solid #CCC;
}

    .postProcess-skin-settings .postProcess-title {
        background: #efefef;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        padding: 10px 15px;
        font-size: 12px;
    }

.postProcessDesignerText {
    font-size: 15px;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
}

.control-metismenu1 .plus-minus,
.control-metismenu1 .plus-times {
    float: right;
}

.control-metismenu1 .arrow {
    float: right;
    line-height: 1.42857;
}

.control-metismenu1 .glyphicon.arrow:before {
    content: "\e079";
}

.control-metismenu1 .active > a > .glyphicon.arrow:before {
    content: "\e114";
}

.control-metismenu1 .fa.arrow:before {
    content: "\f104";
}

.control-metismenu1 .active > a > .fa.arrow:before {
    content: "\f107";
}

.control-metismenu1 .ion.arrow:before {
    content: "\f3d2";
}

.control-metismenu1 .active > a > .ion.arrow:before {
    content: "\f3d0";
}

.control-metismenu1 .fa.plus-minus:before,
.control-metismenu1 .fa.plus-times:before {
    content: "\f067";
}

.control-metismenu1 .active > a > .fa.plus-times {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.control-metismenu1 .active > a > .fa.plus-minus:before {
    content: "\f068";
}

.control-metismenu1 .collapse {
    display: none;
}

    .control-metismenu1 .collapse.in {
        display: block;
    }

.control-metismenu1 .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
}

.control-nav.control-metismenu1 > li {
    display: block;
    width: 100%;
    position: relative;
    border: 0.4px solid;
    width: 100%;
    color: #a7b1c2;
}