milestone: fix wrong badge num color

milestone: fix wrong badge num color

//--- common
.gnb-logo {
    display: block;
    width: 123px; height: 55px;
    text-indent: -250px; overflow:hidden;
    background-size:123px 55px;
    background-image: url("@{base-image-path}/logo-white.png");
    &.orange {
        background-image: url("@{base-image-path}/logo-orange.png");
    }
}

.gnb-outer {
    width: 100%;
    border-bottom:@gnb-border-bottom;
    background:url('@{base-image-path}/bg_head.jpg') repeat-x @gnb-bg-color;

    .gnb-inner {
        .center-block;
        width: @base-width;
        height: 75px;
        position: relative;

        .gnb-menu-wrap {
            overflow: hidden;

            .logo {
                float: left;
                width: 123px; height: 55px; line-height:55px;
                text-align:center; font-size:2em; overflow:hidden;
                color:#fff; background-color: @gnb-logo-bg-color;

                span {
                    .gnb-logo;
                }
            }

            .gnb-menus {
                float: left;
                /*overflow: hidden;*/
                margin: 0px 10px 22px 34px;
                /*margin: 23px 10px 22px 34px;*/

                .menu {
                    float: left;
                    margin-left: 35px;
                    color: @gnb-link-color;

                    a {
                        display: block;
                        min-width:100px;
                        height: 24px;
                        line-height: 24px;
                        padding-top:23px;
                        text-align:center;
                        font-size: 13px;
                        &:hover { color: @gnb-link-hover-color; }
                    }

                    &.active {
                        border-top:3px solid @gnb-link-active-color;

                        a {
                            padding-top:20px;
                            color: @gnb-link-active-color;
                            font-weight:bold; text-shadow:0px 0px 2px #fff;
                        }
                    }
                }

                &.right {
                    float: right; position:absolute;
                    right:0; top:0;
                    margin-top:19px;

                    /** 사이트 검색폼 **/
                    .search-bar {
                        display:inline-block;
                        padding:3px 0 0 5px;
                    }

                    /** 로그인 하지 않은 경우 메뉴 **/
                    .lnk-group {
                        a {
                            padding-right:5px; margin-right:8px;
                            border-right:1px solid @gnb-action-separate-border-color;

                            &:last-of-type {
                                padding-right:0; margin-right:0;
                                border-right:none;
                            }
                        }
                        margin-right:10px;

                        .avatar-wrap {
                            border:1px solid #868686;
                            margin-right:5px;
                            img { vertical-align:top; }
                        }
                    }

                    /** 로그인한 사용자의 dropdown 메뉴 **/
                    .usermenu {
                        margin:0; display:inline-block; vertical-align:middle;

                        .dropdown-toggle {
                            background:transparent;

                            .d-label {
                                width:70px;
                                span.text { margin-left:5px; }
                                .avatar-wrap img { vertical-align: top; }
                            }
                            .d-caret {
                                padding:5px 9px;
                                border-left:none;
                                .caret { border-top-color:@primary; }
                            }
                        }
                    }
                } // .right
            }// gnb-menu
        }//gnb-menu-wrap
    } //gnb-inner

    .sub-menu-sp, .sub-menu-wrap {
        width: @base-width;
        height: 5px;
        background-color: @gray-d4;
        .center-block;
        display:none;
    }
    .sub-menu-wrap {
        height: 44px;
        background-color: @gray-ec;
        border-bottom: 1px solid @gray-f7;
        .sub-menus {
            margin: 0;
            list-style: none;
            overflow: hidden;
            height: 43px;
            border-bottom: 1px solid @gray-d4;
            .menu {
                line-height: 43px;
                height: 43px;
                float: left;
                text-align: center;
                width: 150px;
                font-size: 11px;
                border-left:  1px solid @gray-d4;
                border-right: 1px solid @white;
                &:first-child {
                    border-left: 0 none;
                }
                &:last-child {
                    border-right: 0 none;
                }
                &.selected {
                    font-weight: bold;
                    color: @submenu-selected-color;
                }
            }
        }
    }
}

// project-setting, project-home ...
.prj {
    .gnb-outer {
        background:none;
        border:none;
    }
    .gnb-inner {
        height:56px; /*line-height:56px;*/
        border-top: 1px solid #6e6e6e;
        border-bottom: 1px solid #6e6e6e;
        .linear-gradient(#5c5c5c, #464646);

        .gnb-menu-wrap {
            .logo {
                background:transparent !important;
                color:@primary !important;
                /*width:64px; margin-left:30px;*/
                /*width:123px;*/
                width:107px;

                span {
                    width: 123px;
                    height: 55px;
                    display: block;
                    text-indent: -250px;
                    background-size:123px 55px;
                    background-image: url("@{base-image-path}/logo-orange.png");
                }
            }

            .page-title {
                float:left; overflow:hidden; margin:0;
                line-height:56px; color:#fff; font-weight:normal;
                a { vertical-align:top; }
            }

            .gnb-menus {
                margin: 15px 10px 17px 34px;

                &.right {
                    margin-top:9px;
                    .dropdown-toggle {
                        /*background:#fff !important;*/
                       color:#fff;
                       border-bottom-color:inherit;

                       .d-label {
                           text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
                           .avatar-wrap { border:1px solid #333; }
                       }
                       .d-caret {
                           border-left:1px solid #787878;
                       }
                    }
                    .sp-line {
                        color:#626262 !important;
                        opacity:1 !important;
                    }
                    .lnk-group {
                        a {
                            color:#fff;
                            &:hover { color:@primary; }
                        }
                    }
                }
            } /* gnb-menus */
        } /* gnb-menu-wrap */
    } /* gnb-inner */

    .page {
        /*padding:40px 39px 60px 39px;*/
        padding:30px 19px 50px 19px;
    }
}

.page-wrap {
    width: @base-width;
    .center-block;
    background-color: @white;
}

.intro-wrap {
    background: url("@{base-image-path}/bg-index-content-960.png") no-repeat top left transparent;
    height: 375px;
    text-align: center;
    width: @base-width;
    .intros {
        padding: 25px 0 0;
        font-size: 0;
        margin: 0;
        .intro {
            width: 200px;
            padding: 0 15px;
            .inline-block;
        }
    }
}

.page-footer-outer {
    width: @base-width - 40;
    .center-block;
    /*
    background-color: @gray-f7;
    border-top: 1px solid @white;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    */
    padding: 10px 20px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    .page-footer {
        line-height: 34px;
    }
    .provider {
        color: @gray-99;
        .inline-block;
        font-size: 11px;
    }
}

.page {
    padding:6px 20px 60px 20px;

    /*margin-bottom: 40px;*/
    border: 1px solid @gray-ea;
    border-top:none;

    .border-radius-bottom(20px);

    &.full {
        padding: 0;
    }
    &.code-browse,
    &.plugin-setting {
        padding: 0 20px;
    }

    label { cursor:pointer; .inline-block; }
}

.user-thumb-wrap {
    border: 1px solid #B4B4B4;
    .border-radius(3px);
    .inline-block;
}

/*
.checkbox {
    .opacity(0);
    position: absolute;
}
.checkbox + .bg-checkbox {
    display: inline-block;
    min-height: 16px;
    min-width: 16px;
    color: #999;
    padding-left: 21px;
    background-repeat: no-repeat;
    background-image: url('@{base-image-path}/assets/bg-checkbox.png');
    background-position: 0 -1px;
    cursor: pointer;
    margin-right: 5px;
    &:hover {
        color: #757575;
    }
}
.checkbox:checked + .bg-checkbox {
    background-image: url('@{base-image-path}/assets/bg-checkbox-checked.png');
}
*/
/* checkbox, radio-btn 웹브라우저 기본 컨트롤을 사용하도록 변경 2013-02-15*/
.checkbox {
    .inline-block;
    vertical-align:top;
    margin:2px !important;
}

/*
.radio-btn {
    .opacity(0);
    position: absolute;
}
.radio-btn + .bg-radiobtn {
    display: inline-block;
    color: #999;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('@{base-image-path}/assets/bg-radiobutton.png');
    background-position: 0 2px;
    cursor: pointer;
    margin-right: 5px;
    &:hover {
        color: #757575;
    }
}
.radio-btn:checked + .bg-radiobtn {
    background-image: url('@{base-image-path}/assets/bg-radiobutton-checked.png');
}
*/
.label-public, .label-private, .label-agreement {
    /*margin:0px 5px;*/
   .form-label;
}

//----------- index page.
.center-wrap {
    text-align: center;
}

.page {
    .tag-line-wrap {
        text-align:center;
        margin-top:7px;
        margin-bottom: 26px;

        &.signup {
            padding-top: 40px;
            margin-top : 0px;
            .tag-line {
                color: #7C7C7C;
                font-size: 14px;
                /*font-family: "DIN Medium";*/
                /*letter-spacing: -1px;*/
                span {
                    color: #535353;
                }
            }
        }
        &.login {
            /*margin-top: 25px;*/
           padding-top:40px;
           margin-top:0px;
        }
        .title {
            font-size: 3.3em; /*52px;*/
            line-height:42px; /*line-height: 1.3;*/
            font-weight: normal;
            .inline-block;
            /*.helvetic-light;*/
            .high-light {
                color: @orange;
                font-weight:300;
            }
            font-family:'Myriad Pro Light', 'Droid Sans', Tahoma, sans-serif;
        }
        .tag-line {
            font-size: 1.2em; /*16px;*/
            color: #7c7c7c; /*@gray-52;*/
            /*font-family:"Myriad Pro";*/

            span { color:@gray-52; }
        }
    }
    .tag-line-wrap-index {
        margin-top:25px !important;
        margin-bottom:33px !important;
    }
}
.side-menu-wrap {
    width: @base-width;
    position: relative;
    .center-block;
    .side-menus {
        position: absolute;
        right: -27px;top: 23px;
        width : 18px !important;
        height: 40px !important; /* 40px: for 2 button */
        padding:16px 3px 16px 3px;

        .side-menu {
            &:first-child {
                margin-bottom: 10px;
            }
        }
    }

    .bg {
        width:24px;
        background:#898989;
        border-top-right-radius:9px;
        border-bottom-right-radius:9px;
        box-shadow:-1px 2px #898989;
        border-top:none;
        border-bottom:1px solid #a1a1a1;
        border-right:1px solid #a1a1a1;
        border-left:1px solid #7c7c7c;
    }
    .bg:before {
        position:absolute; content:'';
        width:10px; height:4px;
        background:#898989; border-left:2px solid #7c7c7c;
        top:0px; left:-2px;
    }
}

.front {
    display:block; height:238px;
    background:url('@{base-image-path}/img_front.jpg') no-repeat;
    position:relative;
    /*margin-left:84px; margin-top:22px;*/
    line-height:350px;

    /* Button */
   .btn-wrap {
        /*margin-left:230px;*/
       width:252px; margin:0 auto;

        a {
            font-size:18px; text-align:center;
            width:252px; height:56px;
            background-color:@orange;
            color:#fff; line-height:56px;
            border-bottom:1px solid #ae5f54;
            .border-radius(10px);
            .inline-block;

            i { vertical-align:middle; margin-bottom:4px; }
        }
    }
}

//---------- home page.
.fn-intro-wrap {
    margin: 0 0 0px -20px;
    text-align: center;
    width: @base-width;
    .intros {
        /*background-color: @gray-f2;*/
        padding: 16px 10px;
        padding-bottom:15px;

        margin: 0;
        font-size: 0;
        border-bottom:2px solid @gray-f2;

        li {
            width: 196px;
            height:178px;
            /*padding: 0 15px;*/
            margin-right:73px; /*29px;*/
            background-image: url('@{base-image-path}/sprite2.png');
            border:1px solid #e3e3e3;
            .inline-block;
        }
        li:last-of-type { margin:0; }

        .project    { background-position:0px 0; }
        .repository { background-position:-200px 0; }
        .tasks      { background-position:0px -180px; }
        .tracker    { background-position:-200px -180px; }

        &.closed {
            height: 0;
            overflow: hidden;
            padding: 5px 0 0;
        }
    }
    .index {
        border:none !important;
    }
}

.on-fold-intro {
    .page { padding-top:0; }
    .tag-line-wrap { display:none; }
    .intros { display:none; }

    .btn-open-close {
        width: 54px; height: 12px; vertical-align: top;
        background-position: -59px -129px !important;
        &:hover {
            background-position: -3px -129px !important;
        }
    }
}

.content-container {
    overflow: hidden;
    padding:8px 0px 19px 20px;

    .main-stream {
        width: 670px;
        float: left;
        .activity-streams {
            margin: 0;
            .activity-stream {
                padding: 1px 0;
                &:first-of-type {
                    padding-top:10px;
                }
                &:last-child {
                    border-bottom: 0 none;
                }
                .user-thumb-wrap {
                    float: left;
                    margin-right: 25px;
                }
                .activity-desc {
                    overflow: hidden;
                    .header-text {
                        margin-top: 0;
                        /*.gulim;*/
                        font-size: 12px;
                        line-height: 100%;
                        color: #666;
                        .actor {
                            color: @orange;/*#D06930;*/
                            font-weight: bold;/*normal;*/
                            /*.thoma;*/

                        }
                        .whereis {
                            font-size: 11px;
                            color: #000; /*#4092A1;*/
                            /*.thoma;*/
                        }
                    }
                    .desc {
                        color: #888;
                        /*.dotum;*/
                        font-size: 11px;
                        margin-bottom: 10px;
                        .commit-logs {
                            .commit-log {
                                overflow: hidden;
                                margin-bottom: 5px;
                                &:last-child {
                                    margin-bottom: 0;
                                }
                                .user-thumb-wrap {
                                    width: 18px;
                                    height: 18px;
                                    margin-right: 10px;
                                    display: block;
                                    float: left;
                                    .border-radius(2px);
                                    img {
                                        vertical-align: top;
                                    }
                                }
                                .commit-detail {
                                    font-size: 11px;
                                    margin-left: 30px;
                                    .commit-id {
                                        color: @orange;/*#D06930;*/
                                        font-weight:bold;
                                    }
                                    .commit-msg {
                                        color: #808080;
                                        /*.dotum;*/
                                    }
                                }
                            }
                        }
                    }
                    .others {
                        line-height: 16px;
                        padding-left: 3px;
                        .num {
                            /*.thoma;*/
                            font-size: 12px;
                            color: #5dbbe0;/*#4489A4;*/
                            margin-left: 3px;
                        }
                        .date {
                            font-size: 11px;
                            color: #999;
                            margin-left: 5px;
                        }
                        .ico {
                            vertical-align: bottom;
                            &.ico-sp-dot {
                                vertical-align: middle;
                                margin: 0 2px;
                            }
                        }
                    }
                }
            }
        }
    }
    .right-aside {
        width: 260px;
        overflow: hidden;
        margin-top:11px;

        .projects-wrap {
            width: 230px;
            margin-left: 10px;
            padding: 20px 10px 0;
            padding-top:0px;
            .border-radius(5px);

            .my-projects-tab {
                margin:0; padding:0;
                li {
                    a {
                        padding-left:2px;
                        padding-right:2px;
                    }
                    &:last-of-type {
                        a { margin-right:0; }
                    }
                }
            }

            .my-projects {
                border:1px solid #ddd;
                margin:0; border-top:none;

                .filters {
                    display:block;
                    text-align:right;
                    padding:5px 10px;
                    margin:0;
                }

                .my-project-head {
                  font-weight: bold;
                  padding: 6px;
                  margin: 0px 0 10px;
                  background-color: #efefef;
                  border-bottom: 1px solid #ddd;
                }

                .my-project {
                    position:relative;
                    padding-left: 15px;
                    padding-bottom: 10px;
                    margin: 1px;

                    .project-header {

                        .name-wrap {
                            .inline-block;
                            font-size: 14px;
                            color: #777;

                            i { margin-left:3px; }

                            a {
                                .inline-block;

                                strong {
                                    text-overflow:ellipsis; overflow:hidden;
                                    display:inline-block; max-width:135px;
                                }
                            }
                        }

                        .ico-wrap {
                           /**/
                            vertical-align:top;
                            /*padding-top: 5px;*/
                           margin-top:9px;
                            width: 5px;
                            text-align: right;
                            .inline-block;
                           /*
                           position:absolute;
                           top: 17px; right:9px;
                           /**/
                        }
                    }
                    &.on-desc {
                        .ico-wrap { margin-top:20px; }
                    }
                }
                .my-project:first-of-type {
                    padding-top:1px;
                    /*.ico-wrap { top:12px }*/
                    /*padding-bottom:7px;*/
                }

            }
            .contributors {
                overflow: hidden;
                .contributor {
                    float: left;
                    width: 32px;
                    border: 1px solid #B4B4B4;
                    .border-radius(3px);
                    margin: 0 8px 10px 0;
                    &:nth-child(4n) {
                        margin-right: 0;
                    }
                }
            }
            .sp-line {
                height: 1px;
                background-color: @white;
                border-top: 1px solid @gray-d9;
                margin: 10px 0;
            }
            .btn-wrap {
                .btn-wrap-new-project;
            }

            /** Create new project button **/
            .getstarted {
                width:180px;
                padding-top:11px;

                button {
                    cursor:pointer;
                }
            }

        }
    }
}

.btn-wrap-new-project {
    margin-top: 20px;
    margin-bottom:41px;
    text-align: center;

    a {
        font-size:15px; /*font-family:"Myriad Pro";*/
        width:180px; height:35px;
        background-color:@orange;
        color:#fff; line-height:35px;
        border-bottom:1px solid #ae5f54;
        .border-radius(5px);
        .inline-block;

        i { vertical-align:middle; margin-bottom:4px; }
    }
}

//------ login page
.login-form-wrap,
.signup-form-wrap {
    .text {
        width: 386px;
        height: 27px;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 10px;
        &:focus {
            border: 1px solid @orange;
            outline: none;
        }
        &.password {
            margin-bottom: 15px;
        }
    }
}
.login-form-wrap {
    margin-top: 54px;
    width: 400px;
    .center-block;
    .act-row {
        margin-bottom: 42px;
        line-height:22px;
    }
    .forgot-password {
        vertical-align: top;
        color: #5C5C5C;
        margin-left: 5px;
        padding-left: 5px;
        border-left: 1px solid #eee;

        &:hover {
            color: #010101;
        }
    }

    .btns-row {
        width: 384px;
        .center-block;
        margin-bottom: 73px;
        /*.n-btn {
            &.log-in {
                width: 187px;
                vertical-align: top;
                height: auto;
                border: 0 none;
                margin-right: 10px;
            }
            &.join {
                width: 117px;
            }
        }*/
    }
}

//---- sign up
.signup-form-wrap {
    margin-top: 54px;
    width: 400px;
    .center-block;
    .inline {
        .inline-block;
    }
    .text {
        &.email{
            width: 181px;
            margin-right: 10px;
        }
        &.uname {
            width: 181px;
        }
    }
    .act-row {
        font-size: 11px;
        color: #999999;
        margin-bottom: 45px;
        .go-login {
            color: #5C5C5C;
        }
    }
    .btns-row {
        width: 227px;
        .center-block;
        margin-bottom: 50px;
        /*.n-btn {
            &.sign-up {
                width: 227px;
                height: auto;
                border: 0 none;
            }
        }*/
    }
}

//-- new project
.form-wrap {
    &.new-project {
        margin: 30px 19px 0px 19px;

        .text {
            width: 866px;
            &.textarea {
                /*background-color: #F3F3F3;*/
                height: 78px;
                resize: none;
            }
        }
        .options {
            background-color: #F7F7F7;
            .border-radius(10px);
            margin-bottom: 20px;
            .option {
                padding: 15px 20px;
                border-bottom: 1px solid #E9E9E9;
                &:first-child {
                    padding-top:24px;
                }
                &:last-child {
                    border-bottom: 0 none;
                    padding-bottom:24px;
                }
                .option-label {
                    float: left;
                    width: 125px;
                    line-height:29px;
                }
                .option-desc {
                    margin-left: 125px;
                    label {
                        display: inline;
                        color: #777;
                    }
                    .note {
                        margin-left: 10px;
                        color: #777; /*BDBDBD;*/
                        font-size: 12px;
                    }
                }
            }

            .d-label, .dropdown-menu {
                width:182px;
            }
        }
        .actions {
            text-align: center;
            position: relative;
            .cancel {
                /*position: absolute;
                right: 0;*/
            }
        }
    }
}

.bread-crumb-wrap {
    overflow: hidden;
    .title {
        margin-top: 0;
        font-weight: normal;
        font-size: 26px;
        float: left;
        /*&.orange {*/
            color: @orange;
        /*}*/
    }
    .bread-crumb {
        float: right;
    }
}

//--- projects
.header-wrap {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    /*background-color: #ECECEC;*/
    border-bottom:1px solid #ececec;

    .stats-wrap {
        padding: 0px 0px 5px 0px;
        overflow: hidden;
        .stat {
            background-color: #FFF;
            padding: 10px 20px;
            .border-radius(5px);
            height: 31px;
            width: 268px;/*278px;*//*252px;*/ /*240px;*/
            margin-right: 10px;
            float: left;
            &:last-child {
                margin-right: 0;
            }
            .desc {
                font-size: 12px;
            }
            .num {
                float: right;
                font-size: 28px;
                line-height: 1;

                &.all  { color: @orange; }
                &.open { color: #5DBBE0; /*color: #51AACC;*/ }
                &.public { color: #5DBBE0; }
            }
        }

        .stat-projectlist {
            border-bottom:1px solid #c5c5c5;

            &.active {
                box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25);
                border-bottom:none; font-weight:bold;

                &.all     { color: @orange; }
                &.public  { color: #5DBBE0; }
                /*&.private { color: #5DBBE0; }*/
            }
        }

        .stat-issue {
            width:266px; /*240px;*/
            border-bottom:1px solid #c5c5c5;

            &.active {
                box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25);
                border-bottom:none; font-weight:bold;

                .desc {
                    &.all  { color: @orange; }
                    &.open { color: #5DBBE0; /*color: #51AACC;*/ }
                    &.public { color: #5DBBE0; }
                }
            }
        }
    }
    .search-wrap {
        &.user-setting {
            .inner {
                padding: 10px 20px;
                background-position: 570px bottom;
                .text {
                    width: 400px;
                }
                .search-btn {
                    width: 120px;
                }
            }
        }
        &.board {
            .inner {
                padding-left: 75px;
                .text {
                    width: 547px;
                }
            }
        }
        &.help {
            .inner {
                form { width:565px; }
                padding-left: 30px;
                .labels {
                    line-height:29px; margin-right:20px;
                    vertical-align: middle;
                    font-size: 18px;
                    &.sub {
                        color: #555;
                        .opacity(70);
                        margin-right: 5px;
                    }
                }
                .sp-line {
                    .inline-block;
                    border-left: 1px solid #CCC;
                    margin: 0 11px;
                    height: 12px;
                    vertical-align: text-bottom;
                }
                .text {
                    width: 408px;
                }
            }
        }
        form {
            margin: 0;
        }
        .inner {
            background-color: #fff;
            padding: 5px; /*10px 20px 10px 40px;*/
            .border-radius(10px);

            input { margin:0; }
            form  { margin:0 auto; text-align:center; }

            .text {
                width: 360px;
                /*margin: 5px 0 0;*/
                background-color: #fff; /*F3F3F3;*/
                border: 1px solid #CCC;
                border-right: 0 none;
                .box-shadow(none);
                .border-radius(2px 0 0 2px);
                &:focus {
                    .box-shadow(none);
                }
            }
            .search-btn {
                /*margin: 5px 0 0;*/
                border: 1px solid #a9a9a9;
                width: 88px;
                text-align: center;
                padding: 4px 0;
                font-weight: bold;
                font-size: 11px;

                color:#000;
                .border-radius(0 2px 2px 0);
                /*.linear-gradient(#fff, #f2f2f3);*/

                /*
                .opacity(50);
                &:hover {
                    .opacity(100);
                }
                */
               &:hover {
                   color:@orange;
               }
            }
            .btn-advanced {
                color:#707070;
                font-weight:bold;
                padding-left:18px;
                margin:5px 0 0;
                vertical-align:middle;
                .inline-block;
                i {
                    vertical-align:middle; margin-right:3px;
                    .ico-arrow-down-blue;
                }
            }
            .srch-advanced {
                display:none;
            }

            &.advanced {
                /*height:210px;
                border-bottom: 1px solid #D6D6D6;*/

                .srch-advanced {
                    text-align:left;
                    margin-top:14px;
                    display:block;
                    /*width:600px;*/
                    /*padding:5px;*/
                    border-top: 1px solid #D6D6D6;
                    background: #F6F6F6;
                    /*box-shadow: inset 0px 1px #fff;*/

                   /*.issue-label {
                       border:none;
                       &.active {
                            box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
                       }
                   }*/

                   /*.labels { background:#D7D7D7; }*/

                   .custom-label-category:before {
                        content:'|'; margin-right:15px;
                        color:#c1c1c1;
                   }
                }
                .btn-advanced {
                    i { .ico-arrow-up-blue; }
                }

                // override bootstrap
                .form-horizontal {
                    .control-group {
                        margin: 0; padding: 6px 10px;
                        border-bottom: 1px solid #e3e3e3;
                        border-top: 1px solid #fdfdfd;

                    }
                    .control-label {
                        text-align:left; width:60px;
                        font-size:12px; font-weight:bold;
                        color:#666;
                    }
                    .controls { margin-left:100px; padding-left:10px; }
                    .controls:before {
                        content:'|'; margin-right:5px;
                        color:#cccccc;
                        text-shadow:-1px 0px #fff;
                    }
                }
                // -- end of bootstrap overrides
            }
        } // -- end of .inner //
    }
}

.all-projects {
    margin: 0 0 20px;
    list-style: none;

    // -- project list -- //
    .project {
        margin: 5px 20px;
        padding: 10px 20px;
        overflow: hidden;
        border-bottom: 1px solid #DCDCDC;
        .info-wrap {
            .owner-avatar-wrap {
	        overflow:hidden;
                display: inline;
                float: left;
                width: 50px;
                height: 50px;
                margin-right: 10px;
                border: 1px solid #DDD9D9;
                border-radius: 3px !important;
                position: relative;
                img {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  margin: auto;
                }
            }
            .header {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 5px;
                .project-name {
                    color: #686868;
                    &:hover { color:@primary; }
                }
            }
            .forked{
              padding:3px 5px;
              text-shadow: none;
              color:lightgray;
              font-size:11px;
              margin-left: 10px;
              a {
                color: lightgray;
              }
            }
            .desc {
                margin-left:10px;
                white-space:nowrap;
                overflow: hidden;
                text-overflow:ellipsis;
                color: #bababa;
            }
            .name-tag {
                margin: 0;
                margin-left:10px;
                font-size: 11px;
                color: #999;
                .owner-name-small{
                  font-size: 12px;
                }
            }
        }
        .stats-wrap {
            margin-top: 0px;
            text-align: right;

            .like {
                .inline-block;
                vertical-align: middle;
                width: 42px;
                text-align: left;
                margin-right: 20px;
                .num {
                    color: #4489A4;
                }
                .ico {
                    vertical-align: text-bottom;
                    margin-right: 3px;
                }
            }

           .members {
               width:115px;
               ul {
                    display:inline-block;
                    width:115px; max-height:68px;
                    overflow:hidden;

                    li {
                        float:right;
                        .avatar-wrap { margin-right:3px; margin-bottom:3px; }
                    }
                }

                strong { color:@secondary; }
           }

           .leaveProject { margin-top:2px; }
        }
    }

    // -- userinfo -- //
    &.user-streams {
        .project {
            &:first-of-type {
                padding-top:5px;
            }
        }
    }
}

//-- help page

.qas {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    .qa {
        margin-bottom: 14px;
        border-bottom: 1px solid #DCDCDC;
        &:last-of-type {
            border-bottom:none;
        }
        .question-wrap {
            line-height: 1.2;
            display: table;
            padding: 0 15px; /*10px;*/
            margin-bottom: 14px;
            width:100%;
            .ico  { margin-right: 10px;  }
            .icor {
                margin:17px !important;
                .ico-qa-plus;
            }
            .question {
                width:85%;
                vertical-align: middle;
                display: table-cell;
                font-size: 14px;
                color: #4C4C4C;
                /*.opacity(50);*/
                text-decoration: none;
            }
        }
        .answer-wrap {
            display: none;
            padding: 15px; /*19px 20px;*/
            border-top: 1px solid #DCDCDC;
            background-color: #F3F3F3;
            .ico {
                margin-right: 20px;
            }
            .answer {
                vertical-align: top;
                display: table-cell;
                line-height: 16px;

                text-align: justify;
                word-break: break-all;
                line-height: 180%;
                padding-right:9%
            }
        }
        &.open {
            .question-wrap {
                margin-bottom: 16px;
                width:100%;

                .icor {
                    .ico-qa-minus;
                }
                .question {
                    /*font-size: 20px;*/
                    /*.opacity(100);*/
                }
            }

            .answer-wrap {
                display: table;
            }
        }
    }
}

//-- project setting
.page-title {
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;

    a {
        display:inline-block; max-width:300px; /* 프로젝트명 */
        overflow:hidden; text-overflow:ellipsis;
        cursor:pointer;
    }

    .gray {
        .opacity(50);
        a { max-width:130px !important; } /* 아이디 */
        a:hover { color:inherit !important; }
    }
}

.bubble-wrap {
    overflow: hidden;
    margin-bottom: 20px;
    .border-radius(10px);
    &.gray {
        background-color: #F7F7F7;
    }
    &.dark-gray {
        background-color: #ECECEC;
        hr {
            border-top:1px solid #d4d4d4;
        }
    }
    &.wp {
        padding: 20px 20px 10px;
    }
}

.box-wrap {
    border-bottom: 1px solid #E9E9E9;
    padding: 0 20px;
    &:last-of-type { border-bottom:none; }

    &.top {
        padding-bottom: 20px;
    }
    &.middle {
        padding: 10px 20px;
    }
    &.bottom {
        padding: 20px 0; /*10px 0;*/
        padding-bottom:12px;
        border-bottom: 0 none;
        text-align: center;
    }

    /* 프로젝트 설정 */
    .setting-box {
        float: left;
        width: 399px;

        &.left {
            padding-right: 20px;
            border-right: 1px solid @white;
            .logo-wrap {
                width:260px; height:188px;
                background-repeat:no-repeat;
                background-size:cover;
                background-position:center;
                .border-radius(10px);
                .inline-block;
            }
            .logo-desc {
                width: 120px;
                font-size: 12px;
                margin-left:10px;
                vertical-align:top;

                .inline-block;
                .point {
                    color: @secondary;
                    font-weight:bold;
                    text-transform:uppercase;
                    display:block; clear:both;
                }

                .descs li {
                    margin-top:10px;
                    &:last-of-type { margin-top:25px; }
                }
            }
        }

        &.right {
            padding-left: 20px;
            border-left: 1px solid @gray-d4;
            .text, .textarea {
                width: 380px;
            }
            .textarea {
                height: 80px; /*111px;*/
                margin-bottom: 0;
                resize:vertical;
            }
        }
    }
}
.cu-label {
    width: 80px;
    padding-right: 45px;
    .inline-block;
    vertical-align: top;
}

.cu-desc {
    .inline-block;
    .note {
        color: #777; /*999;*/
        font-size: 12px;
    }
    .notice {
        color: #777;
    }
}

.n-alert.project-del {
    margin-left: 125px;
}
.btn-project-delete {
    margin-left:10px;
}

.project-menu {
    border:1px solid #e7e7e7;
    margin-bottom: 15px;

    ul { margin:0 !important; }
    li { line-height:40px; padding:0; .inline-block; }

    .project-menu-wrap {
        position:relative; height:40px; padding:0px 0px;
    }

    .main {
        background:#f9f9f9; text-align:center;
        a {
            position:relative; padding:0 35px;
            font-weight:bold; color:#777;
            &:hover { color:@primary; text-decoration:underline; }
        }

        .active a {
            color:@primary !important;
            &:after {
                content:'';
                position:absolute; z-index:199;
                width:6px; height:6px; left:48%; top:22px;
                .ico; .ico-arrow-up-gray;
            }
        }
    }

    .sub {
        border-top:1px solid #d4d5d7; z-index:100;
        background:#fff;

        ul {
            position:absolute;
            &.on-home  { left:70px;  }
            &.on-board { left:170px; }
            &.on-code  { left:270px; }
            &.on-issue { right:70px; }
            &.on-task  { right:50px; }
            &.on-admin { right:50px; }
        }

        a { font-weight:bold; color:#959595; padding:0 25px; font-size:11px; }
        .active a { color:#000 !important; }
    }
    .sp-line {
        width:1px; color:#d7d8d9;
        padding:0; margin:0;
    }
}
.user-role {
    .inline-block;
    border-radius:3px 3px 0px 0px;
    padding:5px 10px; font-size:11px;

    i { vertical-align:bottom; }
}
.main-menu-only {
    border-bottom:1px solid #d4d5d7;
}

//--- member
.inner-bubble {
    padding: 30px 20px;
    margin-bottom: 10px;
    .border-radius(10px);
    background-color: @white;
    .text {
        &.uname {
            width: 384px;
            margin: 0;
            .border-radius(2px);
        }
    }
}

.members.project {
    margin: 0;
    list-style: none;

    .member {
        float: left;
        width: 415px; /*375px;*/
        padding: 20px;
        margin-bottom: 6px;
        background-color: @white;
        .border-radius(10px);

        &:nth-child(2n+1) {
            margin-right: 10px;
        }

        .m-body {
            margin-left: 64px;
            .td {
                display: table-cell;
                padding-left: 10px;
                padding-top: 3px;
                &:first-child {
                    padding-left: 8px;
                    width: 120px;
                    max-width: 120px;
                    border-right: 1px solid @gray-d4;
                }

                p {
                    word-wrap: break-word;
                    margin-bottom: 2px;
                }
                .d-label {
                    width: 108px; /*147px;*/
                }
                .btns {
                    text-transform: capitalize;
                    margin-top: 6px;
                }
                .uname { font-size: 20px; }
                .name  { font-size: 11px; }
            }
        }
    }
}

//-- filters
.filter-wrap {
    margin-bottom: 15px;
    overflow: hidden;
    display: block;/*inline;*/

    .filters {
        color:#666;
        float: right;
        .filter {
            margin-right:10px;
            &.active { font-weight:bold; color:@primary; }
            &:last-of-type { margin:0; }
        }
        i { margin-right: 5px; }
    }

    //-- milestone
    &.milestone {
        margin-top: -20px;
    }

    //-- board, user
    &.board, &.user-setting {
        margin: 15px 0 10px;
        padding-right: 20px;
    }
}

//-- milestone
.milestone-legend {
    width:700px; text-align:right;
    color:#999;
    i {
       .inline-block;
       .border-radius(2px);
       width:7px; height:7px;
       margin:0 3px;
       &.orange { background:@orange; }
       &.blue { background:@blue2;     }
       &.gray { background:#B1B1B1;   }
    }
}

.milestones {
    list-style: none;
    margin: 0;

    .milestone {
        border-bottom: 1px solid @gray-d4;
        padding: 15px 0px; /* 15px 30px;*/
        overflow: hidden;
        &:last-of-type { border-bottom:none; }

        .infos {
            width: 700px; /*660px;*/
            float: left;
            .contributors {
                margin: 0;
                list-style: none;
                overflow: hidden;
                .contributor {
                    float: left;
                    margin: 0 5px 5px 0;

                    .img-rounded {
                        width:34px; height:34px;
                        display:block;
                    }
                }
            }
            .meta-info {
                margin:5px 0 10px;
                .title    { font-size:20px; font-weight:bold; }
                .sp       { margin: 0 5px; color:#E4E4E4; }
                .due-date { color: #666; /*999;*/ }
                .num-badge {
                    &.open { }
                    &.closed { }
                }
            }
            .progress-wrap {
                overflow: hidden;
                color: #999;
                font-size: 11px;
                margin-top:15px;
            }
            .desc {
                font-size: 11px;
                margin-top: 15px;
                padding: 15px;
                background-color: #EBEBEB;
                border-top:1px solid #D3D3D3;
                .border-radius(2px);
            }
            .actrow {
                text-align:right;
                padding-top:10px;
            }
        }
        .completion-rate {
            margin-left: 730px;/*700px;*/
            text-align: center;
            font-size: 56px;
            line-height: 1; /*1.3;*/
            letter-spacing: -5px;
            &.done {
                color: @orange;
            }

            i {
                .inline-block;
                font-style: normal;
                font-size: 0.6em;
                vertical-align: top;
                padding-top: 20px;
                margin-left:7px;
            }
        }
    }
}
/*
.milestone-tabs {
    li a {
        padding-left:34px; padding-right:34px;
        background:#ececec;
        border:1px solid #D3D3D3;
        box-shadow:inset 0px 1px 1px #fff;
    }
}
*/
.milestone-desc {
    background: #efefef;
    padding: 10px;
    margin: 15px 0;
    border-top: 1px solid #ccc;
    .border-radius(2px);
}

//-- new milestone
.form-wrap {
    /*overflow: hidden;*/
    &.milestone {
        .inner {
            &.left {
                width: 673px;/*598px;*/
                float: left;
                .text , .textarea {
                    width: 655px; /*584px;*/
                }
                .textarea {
                    height: 306px;
                    resize: vertical;
                }
                .actions {
                    text-align: right;
                    height: 26px;
                    .save {
                        vertical-align: top;
                        margin-right:5px;
                    }
                }
            }

            &.right {
                height:385px;
                margin-left: 690px;/*610px;*/
                padding: 15px 10px;
                background-color: #ececec;
                .border-radius(5px);

                .due-date    { width: 236px; margin-bottom:0; }
                .pika-single { width:232px; }
                .date-picker { margin-top:5px; }

                label { color:#777; }
            }
        }
    }
}

//-- project home
.project-home {
    padding: 10px;
    font-size: 0;

    .inner {
        height: 188px;
        background-color: @white;
        margin-right: 10px;
        font-size: 12px;
        overflow: hidden;
        vertical-align: top;

        .inline-block;
        .box-shadow(0 1px 0 rgba(0, 0, 0, .25));
        .border-radius(10px);

        &.member-info {
            width: 270px; /*230px;*/
            margin-right: 0;
        }

        &.logo {
            position:relative;
            width:260px; height:188px;
            background-repeat:no-repeat;
            background-position:center;
            .background-size(cover);

            .edit {
                position:absolute;
                top:0px; right:0px;
                color:#fff; text-shadow:1px 1px #000;
                padding:5px 10px;
                font-weight:bold;
                i { vertical-align:top; margin-top:2px; }
            }
        }

        &.project-info {
            width: 390px; /*350px;*/
            .infos {
                overflow-y: auto;
                height: 130px;
                list-style: none;
                margin: 0;
                padding: 10px;
                .info {
                    padding: 6px; /*5px 10px;*/
                    border-bottom: 1px solid #ededed;//@gray-d4;
                    color: #777;
                    &:first-child {
                        padding-top: 0;
                    }
                    &:last-child {
                        padding-bottom: 0;
                        border-bottom: 0 none;
                    }
                    .label-list {
                        span:not(.label) {
                            &:not(:last-child):after {
                                content: ", ";
                            }
                        }
                    }
                }
            }
            button#edit-toggle {
                float: right;
            }
        }

        .member-wrap {
            height: 130px;
            overflow-y: auto;
        }

        .project-members {
            list-style: none;
            margin: 0; padding: 10px;

            .member {
                padding: 5px 10px;
                border-bottom: 1px solid @gray-d4;
                color: #999;
                &:first-child {
                    padding-top: 0;
                }
                &:last-child {
                    padding-bottom: 0;
                    border-bottom: 0 none;
                }

               .name {
                   line-height:24px;
                   margin-left:5px;

                   strong {
                       max-width:140px;
                       overflow:hidden;
                       text-overflow:ellipsis;
                       .inline-block;
                   }
               }
            }
        }

        header {
            background-color: #F8F8F8;
            padding: 10px 15px; /*10px 20px;*/
            h3 {
                font-size: 12px;/* 16px;*/
                color: #4C4C4C;
                margin: 0;
                .inline-block;
                line-height: 20px;
            }
            .project-status {
                float: right;
                line-height: 19px;
                .ico-like { vertical-align: bottom; }
                .num { color: #4489A4; }
                .sp { color: #ccc; margin: 0 7px; }
            }
        }
    }
}
.project-hometop-wrap {
    display:block; clear:both;
    height:30px;

    .vcs-wrap {
        .repo-info;
        padding:0; line-height:30px;

        .repo-url {
            width:570px;
            font-family:Consolas,Tahoma,Verdana !important;
            background:#f5f5f5;
        }
    }

    .issue-wrap {
        strong.num {
            &.open { color:@blue; }
        }
    }
}

.readme {
    padding: 5px;
    .default {
        padding:20px;
        text-align:center;
    }
    .readme-wrap {
        .border-radius(10px);
        background-color: @white;
        overflow: hidden;
        header {
            padding: 10px 25px;
            background-color: #F8F8F8;
            border-bottom: 1px solid @gray-d4;
            font-size: 18px;
            .ico {
                vertical-align: middle;
                margin-right: 5px;
            }
        }
        .readme-body {
            padding: 25px;
        }
    }
}

.notice-wrap {
    margin:20px 0 0 0;
    border:1px solid #eee;

    .board-list .board:last-of-type { border-bottom:none; }
}

.write-btn-wrap {
    margin: 20px 0;
    text-align: right;
}

.board-view {
    .num {
        color: #51AACC;
        margin-right: 5px;
    }
}

.board-header{
    padding: 15px 20px;
    border-top: 1px solid @gray-d4;
    border-bottom: 1px solid @gray-d4;
    .div {
        display: table-cell;
        vertical-align: top;
    }
    .board-id {
        width: 35px;
        line-height:16px;
        padding-right: 10px;
        font-size:14px;
    }
    .title {
        width: 655px;
        padding-right: 20px;
        font-size: 14px;
        line-height: 16px;
        color: #000;
    }
    .date {
        width: 120px;
        color: #999;
    }
    &.issue {
        .title { width:650px; }
        .badge {
            font-size:11px;
            text-shadow:none;
            .border-radius(2px);
        }
        .badge-issue-open {
            background-color:@secondary;
        }
    }
}

.board-body {
    padding: 20px;
    .author-info {
        margin-bottom: 34px;
        .media-body {
            padding-left: 10px;
            p {
                margin-bottom: 5px;
                line-height: 14px;
            }
            .name {
                font-size: 11px;
            }
            .status {
                margin: 0;
                color: #646464;
                font-size: 11px;
                .ico {
                    vertical-align: top;
                }
            }
        }
    }
    .content {
        /*width: 700px;*/
       text-align:justify;
       margin-bottom: 20px;
       a { font-weight:bold; }
    }

    .attachments {
        ul { list-style-type:none; margin:0; }
        i { float:left; margin-right:5px; }
    }
}

.board-comment-wrap {
    display:block; clear:both;
    background-color: #f5f5f5;

    .border-radius(10px);
    .comment-header {
        padding: 0 20px;
        color: #222;
        font-size: 14px;
        line-height: 40px;
    }

    .comments {
        margin: 0;
        padding: 0;
        list-style: none;
        .comment {
            padding: 20px;
            .media-body {
                padding-left: 17px;
                .commenter {
                    line-height: 1.3;
                    font-size: 11px;
                    color: #646464;
                    .name {
                        font-size: 10px;
                    }
                    .date {
                        font-size: 10px;
                        color: #BDBDBD;
                    }
                }
                .attach {
                    color: #4489A4;
                }
                .comment-body {
                    color: #999;
                }
            }
            .attach-preview-wrap {
                margin-top: 10px;
            }
        }
    }

}

div.markdown-preview {
    font-size: 12px;
    margin:0px; margin-bottom:9px;
    vertical-align : middle;
    border:1px solid #ccc;
    .border-radius(2px);
    .inline-block;
}

.write-comment-box {
    padding: 17px 20px 15px;
    .write-comment-wrap {
        font-size: 0;
        margin-bottom: 10px;

        div.markdown-preview {
            /*width : 727px !important;
            min-height: 88px !important;*/
            .border-radius(2px 0 0 2px);
        }
        .disabled {
            resize:none;
        }
    }

    .comment-btn {
        vertical-align:top;
        background-color: @white;
        color: @orange;
        line-height: 1;
        font-weight: bold;
        border: 1px solid @gray-cc;
        border-left: 0 none;
        .border-radius(0 2px 2px 0);
        width: 110px;
        height: 90px;
        &.disabled { color:#ccc; }
    }
    .comment {
        width: 795px;
        height: 80px;
        margin: 0; margin-bottom:9px;
        resize:vertical;
        .border-radius(2px 0 0 2px);
        .box-shadow(none);
        &:focus {
            border: 1px solid @gray-cc;
        }
    }
    .upload-wrap {
        background:#efefef;
        padding:15px;
        .border-radius(5px);
    }
}

.board-footer {
    text-align: right;
    font-size: 0;
    margin-top: 20px;
    .add-btn {
        font-size: 12px;
        color: #888;
        .ico {
            margin-right: 5px;
        }
    }
    a {
        margin-left: 5px;
    }
}
.board-actrow {
    margin:20px 0;

    .labels-wrap {
        line-height: 30px;
        padding-right: 30px;
        text-align: left;
        max-width:630px;
        .inline-block;
    }
}

// -- new attach files //
.upload-wrap {
    .attach-wrap {
        text-align:center;

        .btn-wrap {
            display:inline-block !important;
            margin:0 5px;
        }
        span {
            display:inline-block;
            line-height:30px;
        }
    }

    .attached-files {
        display:none;
        padding: 0;
        margin-bottom: 0;
        margin-top: 15px;
        border-top: 1px solid #e0e0e0;
        padding: 15px 0px;

        .attached-file {
            display: inline-block;
            width: 280px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ccc;
            background: #fafafa;
            padding: 0 10px;
            margin-bottom: 5px;
            margin-right: 4px;
            cursor:pointer;
            overflow: hidden;
            -webkit-transition-duration: 0.5s;

            .icon-question-sign { display:none; }
            .name {
                display: inline-block;
                max-width: 120px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space:nowrap;
                -webkit-transition-duration: 0.5s;
            }
            .size { font-size:11px; }

            /* 업로드 하는 도중에는 진행 상태 표시 */
            .progress {
                display: inline-block;
                width: 100px;
                height: 10px;
                margin: 0;
                overflow: hidden;
            }
            .btn-delete {
                display:none;
                width: 30px;
                height: 30px;
                font-size: 1.5em;
                font-weight: bold;
            }

            /* 업로드 완료 후에는 삭제 버튼 표시 */
            &.complete {
               .progress    { display:none; }
               .btn-delete  { display:inline-block; }
            }

            /* 임시 파일 표시 */
            &.temporary {
               .icon-question-sign { display:inline-block; }
            }
        }
    }

    .help { display:none; }
    .help-droppable { display:none; }
}
// -- //

.frm-wrap {
    dl, dt, dd { margin:0; padding:0; }
    dt {
        margin:3px 0px 1px 0px;

        label {
            color:#959595; font-weight:bold;
            margin-right:5px;
        }
        .n-alert .n-inner { font-weight:normal !important; }
    }
}
.content-wrap {
    .text {
        width: 946px;/*866px;*/
        resize:vertical;
    }
    .title {
        margin-bottom: 15px;
    }
    .content {
        height:177px; /*320px;*/
        background-color: #F9F9F9;
    }
    .actions {
        margin-top: 20px;
        text-align: center;
        position: relative;
        .cancel {
            /*position: absolute;
            right: 0;*/
        }
    }

    .issue-options {
        margin-bottom:45px;
        .option {
            width:250px;
            .inline-block;
            /*.option-label { color:#959595; font-weight:bold; margin-bottom:5px; }*/
            .d-label { width:200px; }
        }
    }

    .option-label { color:#959595; font-weight:bold; margin-bottom:5px; }

    .issue-form-labels {
        &.form-horizontal {
            .control-label {
                width:100px; padding-top:0; line-height:30px;
            }
            .controls {
                margin-left:120px; line-height:30px;
            }
        }
    }
}
.content-footer {
    padding: 20px;
    background-color: #F5F5F5;
    .border-radius(5px);
}

.issue-list, .board-list{
    margin: 0;
    padding: 0;
    list-style: none;

    .issue, .board{
        border-bottom: 1px solid @gray-d4;
        padding: 10px;
        &:hover { background:#f7f7f7; }
        input[type="checkbox"] {
          margin-right: 10px;
          margin-bottom: 3px;
        }

        > div {
            display: table-cell;
            vertical-align: middle;
        }
        .num {
            width: 35px;
            color: #B2B2B2;
            vertical-align: middle;
            font-size: 12px;
        }
        .attach-wrap {
            width: 35px;
            text-align: center;
            .ico {
                margin-top: 5px;
            }
        }
        .contents {
            width: 720px;
            padding-right: 20px;

            label {
                display:block;
                margin:0;padding:0;
            }
            .title {
                margin-bottom: 5px;
                text-align:justify;
                font-weight: bold;

                .label-notice {
                    background:@secondary;
                }
                a {
                   overflow:hidden;
                    text-overflow:clip; /*ellipsis;*/
                    -webkit-line-clamp:4;
                    -webkit-box-orient:vertical;
                }
            }
            .infos {
                line-height: 14px;
                font-size: 11px;
                color: #999;
                .author {
                    color: #696969;
                    margin-right:5px;
                }
            }
        }
        .author-avatar-space{
          width:32px;
          padding-right: 10px;
          .img-rounded {
            .inline-block;
            width:40px; height:40px;
          }
        }
        .right-panel {
            width: 160px;
            padding-right: 10px;
            .state {
                float:right;
                margin-top:7px;
                margin-right:13px;
                font-weight:bold;
                font-size:11px;
                color:#bbb; width:38px;
                &.open {
                    color:@blue;
                }
             }
            .avatar-wrap {
              float: right;
            }
            .empty-avatar-space{
              width:32px;
              display:inline-block;
              float:right
            }
            .comment-wrap {
                float: right;
                margin-top: 7px;
                margin-right:15px;

                .ico {
                    vertical-align: bottom;
                    margin-right: 5px;
                }
                .num {
                    color: #4489A4;
                }
            }
            .img-rounded {
                .inline-block;
                width:32px; height:32px;
            }
        }
    }
}

//---- code browse
.code-browse {
    .bubble-wrap {
        padding: 10px;
        .inner-bubble {
            padding: 20px; /*20px 15px 20px 20px;*/
            margin-bottom: 15px;
            border-bottom:1px solid #cfcfcf;
        }
    }
}

/* 공통 스타일 hive-tabs로 합쳐서 이동함 */
/*
.code-tab {
    li a {
        padding-left:64px; padding-right:64px;
        background:#ececec;
        border:1px solid #D3D3D3;
        box-shadow:inset 0px 1px 1px #fff;
    }
}
.plugin-tab {
    li a {
        padding-left:14px; padding-right:14px;
        background:#ececec;
        border:1px solid #D3D3D3;
        box-shadow:inset 0px 1px 1px #fff;
    }
}
*/

.repo-wrap {
    padding:10px;
    overflow:visible !important;
}
.repo-info {
    padding:19px 20px;

    .clone-label {
        color: #4D4D4D;
        margin-right: 10px;
        font-weight:bold;

        strong {
            color:#fff; .border-radius(2px);
            font-size: 11px; padding: 4px;
            text-shadow: -1px -1px rgba(0,0,0,0.3);
            margin-right: 5px;
            .bgblue;

            &.Subversion { .bgblue; }
            &.GIT { .bgblue; /*.bgorange;*/ padding: 4px 27px; }
        }
    }
    .repo-url {
        cursor: text;
        margin: 0;
        width: 420px;
        font-family:Consolas,Tahoma,Verdana !important;
        background:#f5f5f5;

        .box-shadow(none);
        .border-radius(2px 0 0 2px);
        &:focus {
            .box-shadow(none);
            border: 1px solid #CCC;
        }
    }
    .copy-btn {
        padding: 0 19px;
        margin-right: 10px;
        margin-top:1px;
        line-height: 28px;
        border: 1px solid #CCC;
        border-left: 0 none;
        vertical-align: top;
        text-decoration: none;
        font-size: 10px;
        font-weight: bold;
        .inline-block;
        .border-radius(0 2px 2px 0);

        &:hover {
            color: @orange;
        }
    }
    .btn-group {
        margin-top:1px;
        .d-label {
            width: 115px; /*155px;*/
        }
    }

    .branches {
        .label {
            margin:0; padding:0 5px; margin-right:3px;

            &.branch { background-color:@orange; }
        }
    }
}

.double-sp {
    margin: 15px 0 17px;
}

.code-browse-wrap {
    .border-radius(10px);
    .box-shadow(0 1px 0 rgba(0,0,0, .15));
    overflow: hidden;

    .code-browse-header {
        color: @white;
        background-color: #6c6c6c;
        line-height: 34px;
        font-size: 11px;
        padding: 0 20px;

        a { margin:0 5px; }
        a:first-of-type { margin-left:0; }
    }
    .commit-wrap {
        background-color: @white;
    }

    .diff {
        border-bottom:none;
        .border-radius(0px);
    }

    .cell {
        display: table-cell;
        background-color: @white;
        vertical-align: top;
        -webkit-transition-duration:0.1s;

        &.directory-wrap {
            width: 259px;/*196px;*/
            /*min-width: 196px;
            max-width: 196px;*/
            overflow: auto;
            position: relative;
            padding:5px;
        }
        &.sp-wrap {
            display:none;
            border-left: 4px solid #E6E6E6;
        }
        &.file-wrap {
            width:660px; /* 700px */
            /*min-width:660px;
            max-width:660px;*/
            overflow-x: auto;
        }
    }

    .directory-header {
        line-height: 34px;
        background-color: #9C9C9C;
        color: @white;
        font-size: 10px;
        padding-left: 20px;
        position: absolute;
        width: 180px;
        display:none;
    }

    .directories {
        margin: 0;
        /*margin-top: 34px;*/
        padding: 0;
        overflow: auto;
        list-style: none;
        min-height: 320px;

        &.view {
            margin-top: 0;
        }
        .directory {
            padding-left: 20px;
            line-height: 50px;
            border-bottom: 1px solid #E6E6E6;
            a {
                white-space: nowrap;
                color: #337581;
            }
            &.selected {
                background-color: #F2F2F2;
            }
        }
    }

    .code-table {
        width: 100%;
        &.sources {
            /*width: 650px; /*700px;*/
        }
        td {
            padding: 0 15px 0 5px;
        }
        .thead {
            background-color: #9C9C9C;
            line-height: 34px;
            font-size: 10px;
            color: @white;
            .author {
                text-align: left;
            }
        }
        .tbody {
            font-size: 11px;
            color: #666;
            td {
                line-height: 50px;
            }
            tr {
                border-bottom: 1px solid #E6E6E6;
            }
        }
        .commit-id {
            width: 100px;
            padding-left: 20px;

            font-family:Consolas; font-size:12px; font-weight:bold;

            a {
                color:@secondary;
                &:hover { color:@link-hover-color; text-decoration:underline; }

                i { vertical-align:middle; margin-bottom:2px; }
            }
        }
        .filename {
            padding-left: 20px;
            width: 100px;
            max-width: 150px;
            .text-overflow;
        }
        .messages {
            /*.text-overflow;*/
           pre { background:none; border:none; margin:0; }
        }
        .author {
            width: 40px;
            text-align: right;
            line-height:1 !important;
        }
        .date {
            width: 80px;
        }
    }

    .file-header {
        margin-top: 10px;
        line-height: 34px;
        background-color: #D7D7D7;
        color: #767676;
        font-size: 11px;
        padding-left: 15px;
        overflow: hidden;

        .file-info {
            float: left;
            .text-overflow;
            max-width: 590px;
            &.path {
                color: #666;
                .num {
                    color: #4D4D4D;
                    .inline-block;
                    padding: 1px 2px;
                    line-height: 14px;
                    &.plus {
                        background-color: #46A4A4;
                    }
                    &.minus {
                        background-color: #FFA86A;
                    }
                }
            }
        }

        .btn-raw {
            float: right;
            padding: 0 30px;
            line-height: 34px;
            background-color: #BFBFBF;
            text-decoration: none;
            color: #4D4D4D;
            &:hover {
                background-color: #F2F2F2;
                color: #959595;
                .ico {
                    background-position: -228px -28px;
                }
            }
            .ico {
                margin-right: 5px;

            }
        }
    }

    .code-wrap {
        color: @gray-d4;
        overflow-x: auto;
        background-color: rgb(36, 36, 36);
        border:none;
        margin:0 !important;
        padding:0 !important;
        .border-radius(0px);

        .linenum {
            display:inline-block;
            width:40px; background:#555; color:#fff;
            text-align:right;
            padding-right:3px; margin-right:6px;
        }
    }

    .btnResize {
        /*position:absolute;
        top:0; right:0; z-index:999;
        /*padding:2px 4px; cursor:pointer;*/
        width:10px; cursor:e-resize;
        height: 99.9%;
        vertical-align: middle;
        color: gray;
        border-left: 1px solid #ccc;
        background: #e8e8e8;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#e9e9e9));
    }
}

.code-view-table {
    td {
        vertical-align: top;
    }
    pre {
        line-height: 1.5;
        padding: 0;
        margin: 0;
        background-color: transparent;
        border: 0 none;
        .border-radius(0);
        font-size: 12px;
    }
    .line-num {
        padding: 10px 6px;
        text-align: right;
        background-color: #F7F7F7;
        border-right: 1px solid #EEE;
        width: 22px;
        > a {
            color: #AAA;
        }
    }
    .code-lines {
        padding: 10px;
        font-size: 0;
        white-space: pre;
        .line {
            margin: 0;
            padding: 0;
            font-size: 12px;
        }
    }
}

//-- user setting2
.profile-frmwrap {
    .avatar-frm {
        display:inline-block;
        vertical-align:top;
        margin:30px; margin-right:50px;

        .avatar-wrap {
            position:relative;

            .progress {
                position:absolute;
                width:130px; height:0px;
                padding:0; margin:0; bottom:0px;
                background:@primary; .opacity(80);
                -webkit-transition-duration:1s;
                &.loading { height:130px; }
            }
        }

        .btn-wrap {
            margin-left:10px;
            .nbtn i { vertical-align:top; margin-right:2px; }
        }
    }

    dl {
        display:inline-block;
    }

    form {
        display:inline-block;
        vertical-align: top;
        margin-right:50px;
        &:last-of-type { margin-right:0px; }
    }

}
#avatarUploaded {
    display:none;

    .msg {
        width: 210px;
        font-size: 11px;
        padding: 5px; margin: 10px 0px;
        text-align: center;
        background: #FFF0E8;
        border: 1px solid #fac7ab;
        color: #F36C22;
        font-weight: bold;
    }
}

//-- user setting.
.user-info-box {
    float: left;
    width:200px;

    .whoami-wrap {
        position:relative; overflow:hidden;
        width:200px; height:200px;
        background-color:#ccc;
        background-position:center;
        .background-size(cover);
        .border-radius(4px);
        .box-shadow(inset 1px 1px 0 rgba(0,0,0,.15));

        .whoami {
            width:100%; height:50px; left:0;
            background: rgba(0,0,0,0.85);
            border-top:5px solid @primary;
            color:#fff;
            text-shadow:1px 1px #000;
            text-align:left; line-height:120%;
            padding:10px; padding-left:15px; margin-top:73%;

            .uname {
                font-size:18px;
                font-weight:bold;
            }
            .email {
                display:block;
                font-size:11px; font-family:Tahoma;
                margin-left:2px;
                .opacity(80);
            }
        }

        .edit {
            position:absolute;
            top:0px; right:0px;
            color:#fff; text-shadow:1px 1px #000;
            padding:5px 10px;
            font-weight:bold;
            i { vertical-align:top; margin-top:2px; }
        }
    }

    .user-status {
        margin-top:20px;

        p {
            display:inline-block;
            line-height:2em;
            padding:0 10px;
            height:50px;

            .num {
                display:block;
                color: @primary;
                font-size:2em;
                font-weight:bold;
            }

            .labels {
                display:block;
                color: #707070;
                width: 70px;
            }

            &:last-of-type {
                border-left:1px solid #eee;
                padding-left:20px;
            }
        }

        .nbtn {
            margin-top:20px; margin-left:3px;
            text-shadow:1px 1px rgba(0,0,0,0.2);
            i { vertical-align:top; }
        }
    }

    .user-since {
        padding:0 10px;

        .since {
            display:block;
            font-size: 14px;
            font-weight:bold;
            color:@primary;
        }
    }

    .btn-wrap {
        text-align: center;
    }

    hr {
        border-top:1px solid #d9d9d9;
    }
}

.user-box {
    margin: 15px 0 25px;
    margin-bottom:0px;
    overflow: hidden;
}

.user-stream-box {
    margin-left: 220px;
    overflow: hidden;
    .h5-title {
      background-color: #615353;

      color: white;
      padding: 5px;
    }
    /*
    .user-streams {
        margin: 0;
        padding: 0 10px;
        list-style: none;
        .user-stream {
            overflow: hidden;
            &:first-child {
                padding-top: 10px;
            }
            &:last-of-type {
                border:none;
            }
            padding: 20px 0;
            border-bottom: 1px solid @gray-d4;
            .project-name {
                margin: 0 0 10px 0;
                color: #888;
                font-size: 20px;
                line-height: 1.3;
            }
            .stream-desc {
                width: 510px;
                float: left;
            }
            .date {
                margin: 0;
                color: #999;
                font-size: 11px;
            }
            .project-status {
                text-align: right;
                padding-right: 10px;
                .ico {
                    vertical-align: middle;
                }
                .ico-activity {
                    margin-left: 40px;
                }
                .ico-like {
                    margin-right: 5px;
                }
                .num {
                    color: #4489A4;
                }
            }
        }
    }
    */
}
.user-stream-wrap {
    .inner {
        border-bottom:1px solid #c3c3c3;
    }
}

//commit view
.commit-info-wrap {
    padding-left: 10px;
    span {
        .inline-block;
        margin-right: 5px;
        font-size: 11px;
        &.date {
            color: #646464;
        }
        &.sp {
            color: #999;
        }
        &.sha-block {
            color: #646464;
            .num {
                color: #51AACC;
            }
            .commit-id {
                color: #646464;
                font-weight: bold;
            }
        }
    }
}

.diff-code-view-table {
    width: 100%;
    .diff-line-num {
        &:first-child {
            border-left: 1px solid #EEEEEE;
        }
        width: 22px;
        background-color: #F7F7F7;
        padding: 0 6px;
        text-align: right;
        border-right: 1px solid #EEEEEE;
        font-size: 12px;
        line-height: 1.5;
        > a {
            color: #AAA;
        }
    }
    .raw-code {
        padding-left: 10px;
        .point {
            .inline-block;
        }
        &.gc {
            background-color: #EEE;
        }
        &.plus {
            background-color: #CFEAEA;
            .point {
                background-color: #46A4A4;
            }
        }
        &.minus {
            background-color: #FFEBDD;
            .point {
                background-color: #FFA86A;
            }
        }
        pre {
            background-color: transparent;
            border: 0 none;
            .border-radius(0);
            font-size: 12px;
            line-height: 1.5;
            margin: 0;
            padding: 0;
        }
    }
    tr:last-child {
        border-bottom: 1px solid #EEE;
    }
}
/*
.plugin-wrap {
    padding: 10px;
    .plugin-table-wrap {
        .border-radius(10px);
        .box-shadow(0 1px 0 rgba(0,0,0, .15));
        overflow: hidden;
        background-color: @white;
        .plugin-table {
            width: 100%;
            border-collapse: separate;
        }
        td {
            padding: 0;
        }
        thead {
            td {
                background-color: #828282;
                line-height: 44px;
                text-align: center;
                font-weight: bold;
                color: @white;
                border-bottom: 1px solid #414141;
            }
        }
        tbody {
            td {
                border-bottom: 1px solid #E6E6E6;
                border-left: 1px solid #E6E6E6;
                text-align: center;
                &.checked {
                    width: 30px;
                    padding: 0 20px;
                    border: 1px solid #E6E6E6;
                    border-top: 0 none;
                    border-left: 0 none;
                    border-right-width: 3px;
                    .bg-checkbox {
                       padding: 0;
                       margin: 0;
                    }
                }
                &.plugin-name {
                    padding: 0 30px;
                    text-align: left;
                    border-left: 1px solid #CCC;
                    .name {
                        color: @blue;//#4092A1;
                    }
                    .desc {
                        font-size: 11px;
                        color: #666;
                    }
                }
                &.others {
                    width: 89px;
                    color: #999;
                    font-size: 11px;
                    &.large {
                        width: 119px;
                    }
                }
            }
        }
        .plugin-footer {
            border-top: 3px solid #FBFAF8;
            padding: 20px 20px 25px;
            overflow: hidden;
            .check-wrap {
                float: left;
                padding-left: 7px;
            }
            .btn-wrap {
                float: right;
                font-size: 0;
                .ns-btn {
                    margin-left: 10px;
                    .ico { vertical-align:middle; }
                }
            }
            .bg-checkbox {
               .inline-block;
               margin:2px;
            }
        }
    }
}
*/
.statistics {
    padding: 10px;
    font-size: 0;
}
.statistics-wrap {
    .border-radius(10px);
    overflow: hidden;
    .inline-block;
    width: 425px;
    border-bottom: 1px solid @gray-d4;
    background-color: @white;
    &:nth-child(2) {
        margin-right: 10px;
    }
    &.top {
        display: block;
        width: 860px;
        margin-bottom: 15px;
        .graph-wrap {
            width: 820px;
            margin: 10px 20px;
            min-height: 240px;
        }
    }
    .header {
        background-color: #F8F8F8;
        overflow: hidden;
        padding: 0 20px;
        font-size: 12px;
        color: #999;
        h2 {
            font-size: 16px;
            line-height: 37px;
            color: #4C4C4C;
            margin: 0;
            float: left;
        }
        .desc {
            float: right;
            line-height: 37px;
            .ico {
                margin: 0 3px 0 5px;
            }
        }
    }
    .graph-wrap {
        padding: 10px 20px;
        background-color: @white;
        min-height: 240px;
    }
}

.error-wrap {
    padding:50px 0px;
    margin:30px 0px;
    border:1px solid #dcdcdc;
    border-width:1px 0px;
    text-align:center;

    p {
        font-weight:bold; font-size:15px;
        color:#898989; margin-top:18px;
    }
}
.code-tab, .plugin-tab {
    margin: 15px 0 20px;
}

.actions {
    &:last-child { margin-right:0; }
}

// -- site admin
.site-setting-wrap {
    .fl{float:left}
    .fr{float:right}
    .section0{margin-bottom:0}
    .section39{margin-bottom:39px}
    .mt30{margin-top:30px}

    .site_lnb{float:left;width:280px;margin:30px 0 75px}
    .content_area{float:left;width:638px;margin:30px 0 75px;vertical-align:top}

    .lnb_area{
      width:200px;margin:0 auto;
      h3.h_site{margin:0;padding:19px 0 17px 19px;border-style:solid;border-width:1px;border-color:#e6e6e6 #e6e6e6 #c9c9c9;background-color:#f8f8f8;font-size:14px;color::#4c4c4c;line-height:1em}
      ul{
        margin:0;padding:3px 9px 30px;list-style:none;border-style:solid;border-width:1px;border-color:#f6f6f6 #e6e6e6 #ececec;
        li{
          border-bottom:1px solid #e8e8e8;list-style:none;
          a{display:block;padding:7px 0 10px 11px}
          a:hover,a:active,a:focus,a.on{background:url(/assets/images/lnb_arr.gif) 94% 18px no-repeat;color:#f36c22;text-decoration:none}
        }
      }
    }

    .title_area{
      overflow:hidden;margin-bottom:29px;padding-bottom:8px;border-bottom:2px solid #c9c9c9;zoom:1;
      h2{margin:15px 0 0;font-size:18px;color:#4c4c4c;line-height:1em}
      .form-search{
        margin-top:13px;
        input[type=text]{height:25px;padding:0 0 0 10px;font-size:11px;line-height:25px}
        .btn{width:91px;height:27px;margin:0 0 0 -5px;padding:0;font-family:Tahoma;font-size:10px;line-height:27px}
      }
    }

    .h_setting{margin:0 0 20px 0;font-size:14px;color:#4c4c4c;font-weight:bold;line-height:1em}
    .no_date{padding:19px 0;border:1px solid #e6e6e6;background-color:#f9f9f9;font-size:12px;color:#464646;text-align:center}

    .bbs_type1{
      width:100%;border-top:1px solid #e3e3e4;color:#333;table-layout:fixed;word-wrap:break-word;
      caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
      th{
        padding:7px 10px 9px;border-bottom:1px solid #e3e3e4;background-color:#f9f9f9;font-weight:bold;
        &:first-child{border-left:1px solid #e3e3e4}
        &.last{border-right:1px solid #e3e3e4}
      }
      td{
       padding:8px 20px;border-bottom:1px solid #eee;
        &.c{text-align:center}
        &.btn_area{
          padding:0 10px;
          .btn{padding:1px 16px;font-size:12px}
          }
        }
    }
}

// -- pull request
.pull-request-wrap {
    margin-bottom:20px;

    .request-from {
        display:inline-block; width:435px;
        .repo { color:@secondary; font-size:14px; }
        .dropdown-toggle { width:435px; }
        .dropdown-menu   { width:435px; }
    }

    .request-to {
        display:inline-block; width:435px;
        .repo { color:@primary; font-size:14px; }
        .dropdown-toggle { width:435px; }
        .dropdown-menu   { width:435px; }
    }

    .arrow {
        display:inline-block; width:83px;
        text-align:center;
    }
}

.mass-update-form {
  margin-bottom: 10px;
}

//--- common
.gnb-logo {
    display: block;
    width: 123px; height: 55px;
    text-indent: -250px; overflow:hidden;
    background-size:123px 55px;
    background-image: url("@{base-image-path}/logo-white.png");
    &.orange {
        background-image: url("@{base-image-path}/logo-orange.png");
    }
}

.gnb-outer {
    width: 100%;
    border-bottom:@gnb-border-bottom;
    background:url('@{base-image-path}/bg_head.jpg') repeat-x @gnb-bg-color;

    .gnb-inner {
        .center-block;
        width: @base-width;
        height: 75px;
        position: relative;

        .gnb-menu-wrap {
            overflow: hidden;

            .logo {
                float: left;
                width: 123px; height: 55px; line-height:55px;
                text-align:center; font-size:2em; overflow:hidden;
                color:#fff; background-color: @gnb-logo-bg-color;

                span {
                    .gnb-logo;
                }
            }

            .gnb-menus {
                float: left;
                /*overflow: hidden;*/
                margin: 0px 10px 22px 34px;
                /*margin: 23px 10px 22px 34px;*/

                .menu {
                    float: left;
                    margin-left: 35px;
                    color: @gnb-link-color;

                    a {
                        display: block;
                        min-width:100px;
                        height: 24px;
                        line-height: 24px;
                        padding-top:23px;
                        text-align:center;
                        font-size: 13px;
                        &:hover { color: @gnb-link-hover-color; }
                    }

                    &.active {
                        border-top:3px solid @gnb-link-active-color;

                        a {
                            padding-top:20px;
                            color: @gnb-link-active-color;
                            font-weight:bold; text-shadow:0px 0px 2px #fff;
                        }
                    }
                }

                &.right {
                    float: right; position:absolute;
                    right:0; top:0;
                    margin-top:19px;

                    /** 사이트 검색폼 **/
                    .search-bar {
                        display:inline-block;
                        padding:3px 0 0 5px;
                    }

                    /** 로그인 하지 않은 경우 메뉴 **/
                    .lnk-group {
                        a {
                            padding-right:5px; margin-right:8px;
                            border-right:1px solid @gnb-action-separate-border-color;

                            &:last-of-type {
                                padding-right:0; margin-right:0;
                                border-right:none;
                            }
                        }
                        margin-right:10px;

                        .avatar-wrap {
                            border:1px solid #868686;
                            margin-right:5px;
                            img { vertical-align:top; }
                        }
                    }

                    /** 로그인한 사용자의 dropdown 메뉴 **/
                    .usermenu {
                        margin:0; display:inline-block; vertical-align:middle;

                        .dropdown-toggle {
                            background:transparent;

                            .d-label {
                                width:70px;
                                span.text { margin-left:5px; }
                                .avatar-wrap img { vertical-align: top; }
                            }
                            .d-caret {
                                padding:5px 9px;
                                border-left:none;
                                .caret { border-top-color:@primary; }
                            }
                        }
                    }
                } // .right
            }// gnb-menu
        }//gnb-menu-wrap
    } //gnb-inner

    .sub-menu-sp, .sub-menu-wrap {
        width: @base-width;
        height: 5px;
        background-color: @gray-d4;
        .center-block;
        display:none;
    }
    .sub-menu-wrap {
        height: 44px;
        background-color: @gray-ec;
        border-bottom: 1px solid @gray-f7;
        .sub-menus {
            margin: 0;
            list-style: none;
            overflow: hidden;
            height: 43px;
            border-bottom: 1px solid @gray-d4;
            .menu {
                line-height: 43px;
                height: 43px;
                float: left;
                text-align: center;
                width: 150px;
                font-size: 11px;
                border-left:  1px solid @gray-d4;
                border-right: 1px solid @white;
                &:first-child {
                    border-left: 0 none;
                }
                &:last-child {
                    border-right: 0 none;
                }
                &.selected {
                    font-weight: bold;
                    color: @submenu-selected-color;
                }
            }
        }
    }
}

// project-setting, project-home ...
.prj {
    .gnb-outer {
        background:none;
        border:none;
    }
    .gnb-inner {
        height:56px; /*line-height:56px;*/
        border-top: 1px solid #6e6e6e;
        border-bottom: 1px solid #6e6e6e;
        .linear-gradient(#5c5c5c, #464646);

        .gnb-menu-wrap {
            .logo {
                background:transparent !important;
                color:@primary !important;
                /*width:64px; margin-left:30px;*/
                /*width:123px;*/
                width:107px;

                span {
                    width: 123px;
                    height: 55px;
                    display: block;
                    text-indent: -250px;
                    background-size:123px 55px;
                    background-image: url("@{base-image-path}/logo-orange.png");
                }
            }

            .page-title {
                float:left; overflow:hidden; margin:0;
                line-height:56px; color:#fff; font-weight:normal;
                a { vertical-align:top; }
            }

            .gnb-menus {
                margin: 15px 10px 17px 34px;

                &.right {
                    margin-top:9px;
                    .dropdown-toggle {
                        /*background:#fff !important;*/
                       color:#fff;
                       border-bottom-color:inherit;

                       .d-label {
                           text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
                           .avatar-wrap { border:1px solid #333; }
                       }
                       .d-caret {
                           border-left:1px solid #787878;
                       }
                    }
                    .sp-line {
                        color:#626262 !important;
                        opacity:1 !important;
                    }
                    .lnk-group {
                        a {
                            color:#fff;
                            &:hover { color:@primary; }
                        }
                    }
                }
            } /* gnb-menus */
        } /* gnb-menu-wrap */
    } /* gnb-inner */

    .page {
        /*padding:40px 39px 60px 39px;*/
        padding:30px 19px 50px 19px;
    }
}

.page-wrap {
    width: @base-width;
    .center-block;
    background-color: @white;
}

.intro-wrap {
    background: url("@{base-image-path}/bg-index-content-960.png") no-repeat top left transparent;
    height: 375px;
    text-align: center;
    width: @base-width;
    .intros {
        padding: 25px 0 0;
        font-size: 0;
        margin: 0;
        .intro {
            width: 200px;
            padding: 0 15px;
            .inline-block;
        }
    }
}

.page-footer-outer {
    width: @base-width - 40;
    .center-block;
    /*
    background-color: @gray-f7;
    border-top: 1px solid @white;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    */
    padding: 10px 20px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    .page-footer {
        line-height: 34px;
    }
    .provider {
        color: @gray-99;
        .inline-block;
        font-size: 11px;
    }
}

.page {
    padding:6px 20px 60px 20px;

    /*margin-bottom: 40px;*/
    border: 1px solid @gray-ea;
    border-top:none;

    .border-radius-bottom(20px);

    &.full {
        padding: 0;
    }
    &.code-browse,
    &.plugin-setting {
        padding: 0 20px;
    }

    label { cursor:pointer; .inline-block; }
}

.user-thumb-wrap {
    border: 1px solid #B4B4B4;
    .border-radius(3px);
    .inline-block;
}

/*
.checkbox {
    .opacity(0);
    position: absolute;
}
.checkbox + .bg-checkbox {
    display: inline-block;
    min-height: 16px;
    min-width: 16px;
    color: #999;
    padding-left: 21px;
    background-repeat: no-repeat;
    background-image: url('@{base-image-path}/assets/bg-checkbox.png');
    background-position: 0 -1px;
    cursor: pointer;
    margin-right: 5px;
    &:hover {
        color: #757575;
    }
}
.checkbox:checked + .bg-checkbox {
    background-image: url('@{base-image-path}/assets/bg-checkbox-checked.png');
}
*/
/* checkbox, radio-btn 웹브라우저 기본 컨트롤을 사용하도록 변경 2013-02-15*/
.checkbox {
    .inline-block;
    vertical-align:top;
    margin:2px !important;
}

/*
.radio-btn {
    .opacity(0);
    position: absolute;
}
.radio-btn + .bg-radiobtn {
    display: inline-block;
    color: #999;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('@{base-image-path}/assets/bg-radiobutton.png');
    background-position: 0 2px;
    cursor: pointer;
    margin-right: 5px;
    &:hover {
        color: #757575;
    }
}
.radio-btn:checked + .bg-radiobtn {
    background-image: url('@{base-image-path}/assets/bg-radiobutton-checked.png');
}
*/
.label-public, .label-private, .label-agreement {
    /*margin:0px 5px;*/
   .form-label;
}

//----------- index page.
.center-wrap {
    text-align: center;
}

.page {
    .tag-line-wrap {
        text-align:center;
        margin-top:7px;
        margin-bottom: 26px;

        &.signup {
            padding-top: 40px;
            margin-top : 0px;
            .tag-line {
                color: #7C7C7C;
                font-size: 14px;
                /*font-family: "DIN Medium";*/
                /*letter-spacing: -1px;*/
                span {
                    color: #535353;
                }
            }
        }
        &.login {
            /*margin-top: 25px;*/
           padding-top:40px;
           margin-top:0px;
        }
        .title {
            font-size: 3.3em; /*52px;*/
            line-height:42px; /*line-height: 1.3;*/
            font-weight: normal;
            .inline-block;
            /*.helvetic-light;*/
            .high-light {
                color: @orange;
                font-weight:300;
            }
            font-family:'Myriad Pro Light', 'Droid Sans', Tahoma, sans-serif;
        }
        .tag-line {
            font-size: 1.2em; /*16px;*/
            color: #7c7c7c; /*@gray-52;*/
            /*font-family:"Myriad Pro";*/

            span { color:@gray-52; }
        }
    }
    .tag-line-wrap-index {
        margin-top:25px !important;
        margin-bottom:33px !important;
    }
}
.side-menu-wrap {
    width: @base-width;
    position: relative;
    .center-block;
    .side-menus {
        position: absolute;
        right: -27px;top: 23px;
        width : 18px !important;
        height: 40px !important; /* 40px: for 2 button */
        padding:16px 3px 16px 3px;

        .side-menu {
            &:first-child {
                margin-bottom: 10px;
            }
        }
    }

    .bg {
        width:24px;
        background:#898989;
        border-top-right-radius:9px;
        border-bottom-right-radius:9px;
        box-shadow:-1px 2px #898989;
        border-top:none;
        border-bottom:1px solid #a1a1a1;
        border-right:1px solid #a1a1a1;
        border-left:1px solid #7c7c7c;
    }
    .bg:before {
        position:absolute; content:'';
        width:10px; height:4px;
        background:#898989; border-left:2px solid #7c7c7c;
        top:0px; left:-2px;
    }
}

.front {
    display:block; height:238px;
    background:url('@{base-image-path}/img_front.jpg') no-repeat;
    position:relative;
    /*margin-left:84px; margin-top:22px;*/
    line-height:350px;

    /* Button */
   .btn-wrap {
        /*margin-left:230px;*/
       width:252px; margin:0 auto;

        a {
            font-size:18px; text-align:center;
            width:252px; height:56px;
            background-color:@orange;
            color:#fff; line-height:56px;
            border-bottom:1px solid #ae5f54;
            .border-radius(10px);
            .inline-block;

            i { vertical-align:middle; margin-bottom:4px; }
        }
    }
}

//---------- home page.
.fn-intro-wrap {
    margin: 0 0 0px -20px;
    text-align: center;
    width: @base-width;
    .intros {
        /*background-color: @gray-f2;*/
        padding: 16px 10px;
        padding-bottom:15px;

        margin: 0;
        font-size: 0;
        border-bottom:2px solid @gray-f2;

        li {
            width: 196px;
            height:178px;
            /*padding: 0 15px;*/
            margin-right:73px; /*29px;*/
            background-image: url('@{base-image-path}/sprite2.png');
            border:1px solid #e3e3e3;
            .inline-block;
        }
        li:last-of-type { margin:0; }

        .project    { background-position:0px 0; }
        .repository { background-position:-200px 0; }
        .tasks      { background-position:0px -180px; }
        .tracker    { background-position:-200px -180px; }

        &.closed {
            height: 0;
            overflow: hidden;
            padding: 5px 0 0;
        }
    }
    .index {
        border:none !important;
    }
}

.on-fold-intro {
    .page { padding-top:0; }
    .tag-line-wrap { display:none; }
    .intros { display:none; }

    .btn-open-close {
        width: 54px; height: 12px; vertical-align: top;
        background-position: -59px -129px !important;
        &:hover {
            background-position: -3px -129px !important;
        }
    }
}

.content-container {
    overflow: hidden;
    padding:8px 0px 19px 20px;

    .main-stream {
        width: 670px;
        float: left;
        .activity-streams {
            margin: 0;
            .activity-stream {
                padding: 1px 0;
                &:first-of-type {
                    padding-top:10px;
                }
                &:last-child {
                    border-bottom: 0 none;
                }
                .user-thumb-wrap {
                    float: left;
                    margin-right: 25px;
                }
                .activity-desc {
                    overflow: hidden;
                    .header-text {
                        margin-top: 0;
                        /*.gulim;*/
                        font-size: 12px;
                        line-height: 100%;
                        color: #666;
                        .actor {
                            color: @orange;/*#D06930;*/
                            font-weight: bold;/*normal;*/
                            /*.thoma;*/

                        }
                        .whereis {
                            font-size: 11px;
                            color: #000; /*#4092A1;*/
                            /*.thoma;*/
                        }
                    }
                    .desc {
                        color: #888;
                        /*.dotum;*/
                        font-size: 11px;
                        margin-bottom: 10px;
                        .commit-logs {
                            .commit-log {
                                overflow: hidden;
                                margin-bottom: 5px;
                                &:last-child {
                                    margin-bottom: 0;
                                }
                                .user-thumb-wrap {
                                    width: 18px;
                                    height: 18px;
                                    margin-right: 10px;
                                    display: block;
                                    float: left;
                                    .border-radius(2px);
                                    img {
                                        vertical-align: top;
                                    }
                                }
                                .commit-detail {
                                    font-size: 11px;
                                    margin-left: 30px;
                                    .commit-id {
                                        color: @orange;/*#D06930;*/
                                        font-weight:bold;
                                    }
                                    .commit-msg {
                                        color: #808080;
                                        /*.dotum;*/
                                    }
                                }
                            }
                        }
                    }
                    .others {
                        line-height: 16px;
                        padding-left: 3px;
                        .num {
                            /*.thoma;*/
                            font-size: 12px;
                            color: #5dbbe0;/*#4489A4;*/
                            margin-left: 3px;
                        }
                        .date {
                            font-size: 11px;
                            color: #999;
                            margin-left: 5px;
                        }
                        .ico {
                            vertical-align: bottom;
                            &.ico-sp-dot {
                                vertical-align: middle;
                                margin: 0 2px;
                            }
                        }
                    }
                }
            }
        }
    }
    .right-aside {
        width: 260px;
        overflow: hidden;
        margin-top:11px;

        .projects-wrap {
            width: 230px;
            margin-left: 10px;
            padding: 20px 10px 0;
            padding-top:0px;
            .border-radius(5px);

            .my-projects-tab {
                margin:0; padding:0;
                li {
                    a {
                        padding-left:2px;
                        padding-right:2px;
                    }
                    &:last-of-type {
                        a { margin-right:0; }
                    }
                }
            }

            .my-projects {
                border:1px solid #ddd;
                margin:0; border-top:none;

                .filters {
                    display:block;
                    text-align:right;
                    padding:5px 10px;
                    margin:0;
                }

                .my-project-head {
                  font-weight: bold;
                  padding: 6px;
                  margin: 0px 0 10px;
                  background-color: #efefef;
                  border-bottom: 1px solid #ddd;
                }

                .my-project {
                    position:relative;
                    padding-left: 15px;
                    padding-bottom: 10px;
                    margin: 1px;

                    .project-header {

                        .name-wrap {
                            .inline-block;
                            font-size: 14px;
                            color: #777;

                            i { margin-left:3px; }

                            a {
                                .inline-block;

                                strong {
                                    text-overflow:ellipsis; overflow:hidden;
                                    display:inline-block; max-width:135px;
                                }
                            }
                        }

                        .ico-wrap {
                           /**/
                            vertical-align:top;
                            /*padding-top: 5px;*/
                           margin-top:9px;
                            width: 5px;
                            text-align: right;
                            .inline-block;
                           /*
                           position:absolute;
                           top: 17px; right:9px;
                           /**/
                        }
                    }
                    &.on-desc {
                        .ico-wrap { margin-top:20px; }
                    }
                }
                .my-project:first-of-type {
                    padding-top:1px;
                    /*.ico-wrap { top:12px }*/
                    /*padding-bottom:7px;*/
                }

            }
            .contributors {
                overflow: hidden;
                .contributor {
                    float: left;
                    width: 32px;
                    border: 1px solid #B4B4B4;
                    .border-radius(3px);
                    margin: 0 8px 10px 0;
                    &:nth-child(4n) {
                        margin-right: 0;
                    }
                }
            }
            .sp-line {
                height: 1px;
                background-color: @white;
                border-top: 1px solid @gray-d9;
                margin: 10px 0;
            }
            .btn-wrap {
                .btn-wrap-new-project;
            }

            /** Create new project button **/
            .getstarted {
                width:180px;
                padding-top:11px;

                button {
                    cursor:pointer;
                }
            }

        }
    }
}

.btn-wrap-new-project {
    margin-top: 20px;
    margin-bottom:41px;
    text-align: center;

    a {
        font-size:15px; /*font-family:"Myriad Pro";*/
        width:180px; height:35px;
        background-color:@orange;
        color:#fff; line-height:35px;
        border-bottom:1px solid #ae5f54;
        .border-radius(5px);
        .inline-block;

        i { vertical-align:middle; margin-bottom:4px; }
    }
}

//------ login page
.login-form-wrap,
.signup-form-wrap {
    .text {
        width: 386px;
        height: 27px;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 10px;
        &:focus {
            border: 1px solid @orange;
            outline: none;
        }
        &.password {
            margin-bottom: 15px;
        }
    }
}
.login-form-wrap {
    margin-top: 54px;
    width: 400px;
    .center-block;
    .act-row {
        margin-bottom: 42px;
        line-height:22px;
    }
    .forgot-password {
        vertical-align: top;
        color: #5C5C5C;
        margin-left: 5px;
        padding-left: 5px;
        border-left: 1px solid #eee;

        &:hover {
            color: #010101;
        }
    }

    .btns-row {
        width: 384px;
        .center-block;
        margin-bottom: 73px;
        /*.n-btn {
            &.log-in {
                width: 187px;
                vertical-align: top;
                height: auto;
                border: 0 none;
                margin-right: 10px;
            }
            &.join {
                width: 117px;
            }
        }*/
    }
}

//---- sign up
.signup-form-wrap {
    margin-top: 54px;
    width: 400px;
    .center-block;
    .inline {
        .inline-block;
    }
    .text {
        &.email{
            width: 181px;
            margin-right: 10px;
        }
        &.uname {
            width: 181px;
        }
    }
    .act-row {
        font-size: 11px;
        color: #999999;
        margin-bottom: 45px;
        .go-login {
            color: #5C5C5C;
        }
    }
    .btns-row {
        width: 227px;
        .center-block;
        margin-bottom: 50px;
        /*.n-btn {
            &.sign-up {
                width: 227px;
                height: auto;
                border: 0 none;
            }
        }*/
    }
}

//-- new project
.form-wrap {
    &.new-project {
        margin: 30px 19px 0px 19px;

        .text {
            width: 866px;
            &.textarea {
                /*background-color: #F3F3F3;*/
                height: 78px;
                resize: none;
            }
        }
        .options {
            background-color: #F7F7F7;
            .border-radius(10px);
            margin-bottom: 20px;
            .option {
                padding: 15px 20px;
                border-bottom: 1px solid #E9E9E9;
                &:first-child {
                    padding-top:24px;
                }
                &:last-child {
                    border-bottom: 0 none;
                    padding-bottom:24px;
                }
                .option-label {
                    float: left;
                    width: 125px;
                    line-height:29px;
                }
                .option-desc {
                    margin-left: 125px;
                    label {
                        display: inline;
                        color: #777;
                    }
                    .note {
                        margin-left: 10px;
                        color: #777; /*BDBDBD;*/
                        font-size: 12px;
                    }
                }
            }

            .d-label, .dropdown-menu {
                width:182px;
            }
        }
        .actions {
            text-align: center;
            position: relative;
            .cancel {
                /*position: absolute;
                right: 0;*/
            }
        }
    }
}

.bread-crumb-wrap {
    overflow: hidden;
    .title {
        margin-top: 0;
        font-weight: normal;
        font-size: 26px;
        float: left;
        /*&.orange {*/
            color: @orange;
        /*}*/
    }
    .bread-crumb {
        float: right;
    }
}

//--- projects
.header-wrap {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    /*background-color: #ECECEC;*/
    border-bottom:1px solid #ececec;

    .stats-wrap {
        padding: 0px 0px 5px 0px;
        overflow: hidden;
        .stat {
            background-color: #FFF;
            padding: 10px 20px;
            .border-radius(5px);
            height: 31px;
            width: 268px;/*278px;*//*252px;*/ /*240px;*/
            margin-right: 10px;
            float: left;
            &:last-child {
                margin-right: 0;
            }
            .desc {
                font-size: 12px;
            }
            .num {
                float: right;
                font-size: 28px;
                line-height: 1;

                &.all  { color: @orange; }
                &.open { color: #5DBBE0; /*color: #51AACC;*/ }
                &.public { color: #5DBBE0; }
            }
        }

        .stat-projectlist {
            border-bottom:1px solid #c5c5c5;

            &.active {
                box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25);
                border-bottom:none; font-weight:bold;

                &.all     { color: @orange; }
                &.public  { color: #5DBBE0; }
                /*&.private { color: #5DBBE0; }*/
            }
        }

        .stat-issue {
            width:266px; /*240px;*/
            border-bottom:1px solid #c5c5c5;

            &.active {
                box-shadow:inset 0px 2px 2px rgba(0,0,0,0.25);
                border-bottom:none; font-weight:bold;

                .desc {
                    &.all  { color: @orange; }
                    &.open { color: #5DBBE0; /*color: #51AACC;*/ }
                    &.public { color: #5DBBE0; }
                }
            }
        }
    }
    .search-wrap {
        &.user-setting {
            .inner {
                padding: 10px 20px;
                background-position: 570px bottom;
                .text {
                    width: 400px;
                }
                .search-btn {
                    width: 120px;
                }
            }
        }
        &.board {
            .inner {
                padding-left: 75px;
                .text {
                    width: 547px;
                }
            }
        }
        &.help {
            .inner {
                form { width:565px; }
                padding-left: 30px;
                .labels {
                    line-height:29px; margin-right:20px;
                    vertical-align: middle;
                    font-size: 18px;
                    &.sub {
                        color: #555;
                        .opacity(70);
                        margin-right: 5px;
                    }
                }
                .sp-line {
                    .inline-block;
                    border-left: 1px solid #CCC;
                    margin: 0 11px;
                    height: 12px;
                    vertical-align: text-bottom;
                }
                .text {
                    width: 408px;
                }
            }
        }
        form {
            margin: 0;
        }
        .inner {
            background-color: #fff;
            padding: 5px; /*10px 20px 10px 40px;*/
            .border-radius(10px);

            input { margin:0; }
            form  { margin:0 auto; text-align:center; }

            .text {
                width: 360px;
                /*margin: 5px 0 0;*/
                background-color: #fff; /*F3F3F3;*/
                border: 1px solid #CCC;
                border-right: 0 none;
                .box-shadow(none);
                .border-radius(2px 0 0 2px);
                &:focus {
                    .box-shadow(none);
                }
            }
            .search-btn {
                /*margin: 5px 0 0;*/
                border: 1px solid #a9a9a9;
                width: 88px;
                text-align: center;
                padding: 4px 0;
                font-weight: bold;
                font-size: 11px;

                color:#000;
                .border-radius(0 2px 2px 0);
                /*.linear-gradient(#fff, #f2f2f3);*/

                /*
                .opacity(50);
                &:hover {
                    .opacity(100);
                }
                */
               &:hover {
                   color:@orange;
               }
            }
            .btn-advanced {
                color:#707070;
                font-weight:bold;
                padding-left:18px;
                margin:5px 0 0;
                vertical-align:middle;
                .inline-block;
                i {
                    vertical-align:middle; margin-right:3px;
                    .ico-arrow-down-blue;
                }
            }
            .srch-advanced {
                display:none;
            }

            &.advanced {
                /*height:210px;
                border-bottom: 1px solid #D6D6D6;*/

                .srch-advanced {
                    text-align:left;
                    margin-top:14px;
                    display:block;
                    /*width:600px;*/
                    /*padding:5px;*/
                    border-top: 1px solid #D6D6D6;
                    background: #F6F6F6;
                    /*box-shadow: inset 0px 1px #fff;*/

                   /*.issue-label {
                       border:none;
                       &.active {
                            box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
                       }
                   }*/

                   /*.labels { background:#D7D7D7; }*/

                   .custom-label-category:before {
                        content:'|'; margin-right:15px;
                        color:#c1c1c1;
                   }
                }
                .btn-advanced {
                    i { .ico-arrow-up-blue; }
                }

                // override bootstrap
                .form-horizontal {
                    .control-group {
                        margin: 0; padding: 6px 10px;
                        border-bottom: 1px solid #e3e3e3;
                        border-top: 1px solid #fdfdfd;

                    }
                    .control-label {
                        text-align:left; width:60px;
                        font-size:12px; font-weight:bold;
                        color:#666;
                    }
                    .controls { margin-left:100px; padding-left:10px; }
                    .controls:before {
                        content:'|'; margin-right:5px;
                        color:#cccccc;
                        text-shadow:-1px 0px #fff;
                    }
                }
                // -- end of bootstrap overrides
            }
        } // -- end of .inner //
    }
}

.all-projects {
    margin: 0 0 20px;
    list-style: none;

    // -- project list -- //
    .project {
        margin: 5px 20px;
        padding: 10px 20px;
        overflow: hidden;
        border-bottom: 1px solid #DCDCDC;
        .info-wrap {
            .owner-avatar-wrap {
	        overflow:hidden;
                display: inline;
                float: left;
                width: 50px;
                height: 50px;
                margin-right: 10px;
                border: 1px solid #DDD9D9;
                border-radius: 3px !important;
                position: relative;
                img {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  margin: auto;
                }
            }
            .header {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 5px;
                .project-name {
                    color: #686868;
                    &:hover { color:@primary; }
                }
            }
            .forked{
              padding:3px 5px;
              text-shadow: none;
              color:lightgray;
              font-size:11px;
              margin-left: 10px;
              a {
                color: lightgray;
              }
            }
            .desc {
                margin-left:10px;
                white-space:nowrap;
                overflow: hidden;
                text-overflow:ellipsis;
                color: #bababa;
            }
            .name-tag {
                margin: 0;
                margin-left:10px;
                font-size: 11px;
                color: #999;
                .owner-name-small{
                  font-size: 12px;
                }
            }
        }
        .stats-wrap {
            margin-top: 0px;
            text-align: right;

            .like {
                .inline-block;
                vertical-align: middle;
                width: 42px;
                text-align: left;
                margin-right: 20px;
                .num {
                    color: #4489A4;
                }
                .ico {
                    vertical-align: text-bottom;
                    margin-right: 3px;
                }
            }

           .members {
               width:115px;
               ul {
                    display:inline-block;
                    width:115px; max-height:68px;
                    overflow:hidden;

                    li {
                        float:right;
                        .avatar-wrap { margin-right:3px; margin-bottom:3px; }
                    }
                }

                strong { color:@secondary; }
           }

           .leaveProject { margin-top:2px; }
        }
    }

    // -- userinfo -- //
    &.user-streams {
        .project {
            &:first-of-type {
                padding-top:5px;
            }
        }
    }
}

//-- help page

.qas {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    .qa {
        margin-bottom: 14px;
        border-bottom: 1px solid #DCDCDC;
        &:last-of-type {
            border-bottom:none;
        }
        .question-wrap {
            line-height: 1.2;
            display: table;
            padding: 0 15px; /*10px;*/
            margin-bottom: 14px;
            width:100%;
            .ico  { margin-right: 10px;  }
            .icor {
                margin:17px !important;
                .ico-qa-plus;
            }
            .question {
                width:85%;
                vertical-align: middle;
                display: table-cell;
                font-size: 14px;
                color: #4C4C4C;
                /*.opacity(50);*/
                text-decoration: none;
            }
        }
        .answer-wrap {
            display: none;
            padding: 15px; /*19px 20px;*/
            border-top: 1px solid #DCDCDC;
            background-color: #F3F3F3;
            .ico {
                margin-right: 20px;
            }
            .answer {
                vertical-align: top;
                display: table-cell;
                line-height: 16px;

                text-align: justify;
                word-break: break-all;
                line-height: 180%;
                padding-right:9%
            }
        }
        &.open {
            .question-wrap {
                margin-bottom: 16px;
                width:100%;

                .icor {
                    .ico-qa-minus;
                }
                .question {
                    /*font-size: 20px;*/
                    /*.opacity(100);*/
                }
            }

            .answer-wrap {
                display: table;
            }
        }
    }
}

//-- project setting
.page-title {
    margin-top: 20px;
    font-size: 20px;
    font-weight: normal;

    a {
        display:inline-block; max-width:300px; /* 프로젝트명 */
        overflow:hidden; text-overflow:ellipsis;
        cursor:pointer;
    }

    .gray {
        .opacity(50);
        a { max-width:130px !important; } /* 아이디 */
        a:hover { color:inherit !important; }
    }
}

.bubble-wrap {
    overflow: hidden;
    margin-bottom: 20px;
    .border-radius(10px);
    &.gray {
        background-color: #F7F7F7;
    }
    &.dark-gray {
        background-color: #ECECEC;
        hr {
            border-top:1px solid #d4d4d4;
        }
    }
    &.wp {
        padding: 20px 20px 10px;
    }
}

.box-wrap {
    border-bottom: 1px solid #E9E9E9;
    padding: 0 20px;
    &:last-of-type { border-bottom:none; }

    &.top {
        padding-bottom: 20px;
    }
    &.middle {
        padding: 10px 20px;
    }
    &.bottom {
        padding: 20px 0; /*10px 0;*/
        padding-bottom:12px;
        border-bottom: 0 none;
        text-align: center;
    }

    /* 프로젝트 설정 */
    .setting-box {
        float: left;
        width: 399px;

        &.left {
            padding-right: 20px;
            border-right: 1px solid @white;
            .logo-wrap {
                width:260px; height:188px;
                background-repeat:no-repeat;
                background-size:cover;
                background-position:center;
                .border-radius(10px);
                .inline-block;
            }
            .logo-desc {
                width: 120px;
                font-size: 12px;
                margin-left:10px;
                vertical-align:top;

                .inline-block;
                .point {
                    color: @secondary;
                    font-weight:bold;
                    text-transform:uppercase;
                    display:block; clear:both;
                }

                .descs li {
                    margin-top:10px;
                    &:last-of-type { margin-top:25px; }
                }
            }
        }

        &.right {
            padding-left: 20px;
            border-left: 1px solid @gray-d4;
            .text, .textarea {
                width: 380px;
            }
            .textarea {
                height: 80px; /*111px;*/
                margin-bottom: 0;
                resize:vertical;
            }
        }
    }
}
.cu-label {
    width: 80px;
    padding-right: 45px;
    .inline-block;
    vertical-align: top;
}

.cu-desc {
    .inline-block;
    .note {
        color: #777; /*999;*/
        font-size: 12px;
    }
    .notice {
        color: #777;
    }
}

.n-alert.project-del {
    margin-left: 125px;
}
.btn-project-delete {
    margin-left:10px;
}

.project-menu {
    border:1px solid #e7e7e7;
    margin-bottom: 15px;

    ul { margin:0 !important; }
    li { line-height:40px; padding:0; .inline-block; }

    .project-menu-wrap {
        position:relative; height:40px; padding:0px 0px;
    }

    .main {
        background:#f9f9f9; text-align:center;
        a {
            position:relative; padding:0 35px;
            font-weight:bold; color:#777;
            &:hover { color:@primary; text-decoration:underline; }
        }

        .active a {
            color:@primary !important;
            &:after {
                content:'';
                position:absolute; z-index:199;
                width:6px; height:6px; left:48%; top:22px;
                .ico; .ico-arrow-up-gray;
            }
        }
    }

    .sub {
        border-top:1px solid #d4d5d7; z-index:100;
        background:#fff;

        ul {
            position:absolute;
            &.on-home  { left:70px;  }
            &.on-board { left:170px; }
            &.on-code  { left:270px; }
            &.on-issue { right:70px; }
            &.on-task  { right:50px; }
            &.on-admin { right:50px; }
        }

        a { font-weight:bold; color:#959595; padding:0 25px; font-size:11px; }
        .active a { color:#000 !important; }
    }
    .sp-line {
        width:1px; color:#d7d8d9;
        padding:0; margin:0;
    }
}
.user-role {
    .inline-block;
    border-radius:3px 3px 0px 0px;
    padding:5px 10px; font-size:11px;

    i { vertical-align:bottom; }
}
.main-menu-only {
    border-bottom:1px solid #d4d5d7;
}

//--- member
.inner-bubble {
    padding: 30px 20px;
    margin-bottom: 10px;
    .border-radius(10px);
    background-color: @white;
    .text {
        &.uname {
            width: 384px;
            margin: 0;
            .border-radius(2px);
        }
    }
}

.members.project {
    margin: 0;
    list-style: none;

    .member {
        float: left;
        width: 415px; /*375px;*/
        padding: 20px;
        margin-bottom: 6px;
        background-color: @white;
        .border-radius(10px);

        &:nth-child(2n+1) {
            margin-right: 10px;
        }

        .m-body {
            margin-left: 64px;
            .td {
                display: table-cell;
                padding-left: 10px;
                padding-top: 3px;
                &:first-child {
                    padding-left: 8px;
                    width: 120px;
                    max-width: 120px;
                    border-right: 1px solid @gray-d4;
                }

                p {
                    word-wrap: break-word;
                    margin-bottom: 2px;
                }
                .d-label {
                    width: 108px; /*147px;*/
                }
                .btns {
                    text-transform: capitalize;
                    margin-top: 6px;
                }
                .uname { font-size: 20px; }
                .name  { font-size: 11px; }
            }
        }
    }
}

//-- filters
.filter-wrap {
    margin-bottom: 15px;
    overflow: hidden;
    display: block;/*inline;*/

    .filters {
        color:#666;
        float: right;
        .filter {
            margin-right:10px;
            &.active { font-weight:bold; color:@primary; }
            &:last-of-type { margin:0; }
        }
        i { margin-right: 5px; }
    }

    //-- milestone
    &.milestone {
        margin-top: -20px;
    }

    //-- board, user
    &.board, &.user-setting {
        margin: 15px 0 10px;
        padding-right: 20px;
    }
}

//-- milestone
.milestone-legend {
    width:700px; text-align:right;
    color:#999;
    i {
       .inline-block;
       .border-radius(2px);
       width:7px; height:7px;
       margin:0 3px;
       &.orange { background:@orange; }
       &.blue { background:@blue2;     }
       &.gray { background:#B1B1B1;   }
    }
}

.milestones {
    list-style: none;
    margin: 0;

    .milestone {
        border-bottom: 1px solid @gray-d4;
        padding: 15px 0px; /* 15px 30px;*/
        overflow: hidden;
        &:last-of-type { border-bottom:none; }

        .infos {
            width: 700px; /*660px;*/
            float: left;
            .contributors {
                margin: 0;
                list-style: none;
                overflow: hidden;
                .contributor {
                    float: left;
                    margin: 0 5px 5px 0;

                    .img-rounded {
                        width:34px; height:34px;
                        display:block;
                    }
                }
            }
            .meta-info {
                margin:5px 0 10px;
                .title    { font-size:20px; font-weight:bold; }
                .sp       { margin: 0 5px; color:#E4E4E4; }
                .due-date { color: #666; /*999;*/ }
                .num-badge {
                    &.open { }
                    &.closed { color:@primary; }
                }
            }
            .progress-wrap {
                overflow: hidden;
                color: #999;
                font-size: 11px;
                margin-top:15px;
            }
            .desc {
                font-size: 11px;
                margin-top: 15px;
                padding: 15px;
                background-color: #EBEBEB;
                border-top:1px solid #D3D3D3;
                .border-radius(2px);
            }
            .actrow {
                text-align:right;
                padding-top:10px;
            }
        }
        .completion-rate {
            margin-left: 730px;/*700px;*/
            text-align: center;
            font-size: 56px;
            line-height: 1; /*1.3;*/
            letter-spacing: -5px;
            &.done {
                color: @orange;
            }

            i {
                .inline-block;
                font-style: normal;
                font-size: 0.6em;
                vertical-align: top;
                padding-top: 20px;
                margin-left:7px;
            }
        }
    }
}
/*
.milestone-tabs {
    li a {
        padding-left:34px; padding-right:34px;
        background:#ececec;
        border:1px solid #D3D3D3;
        box-shadow:inset 0px 1px 1px #fff;
    }
}
*/
.milestone-desc {
    background: #efefef;
    padding: 10px;
    margin: 15px 0;
    border-top: 1px solid #ccc;
    .border-radius(2px);
}

//-- new milestone
.form-wrap {
    /*overflow: hidden;*/
    &.milestone {
        .inner {
            &.left {
                width: 673px;/*598px;*/
                float: left;
                .text , .textarea {
                    width: 655px; /*584px;*/
                }
                .textarea {
                    height: 306px;
                    resize: vertical;
                }
                .actions {
                    text-align: right;
                    height: 26px;
                    .save {
                        vertical-align: top;
                        margin-right:5px;
                    }
                }
            }

            &.right {
                height:385px;
                margin-left: 690px;/*610px;*/
                padding: 15px 10px;
                background-color: #ececec;
                .border-radius(5px);

                .due-date    { width: 236px; margin-bottom:0; }
                .pika-single { width:232px; }
                .date-picker { margin-top:5px; }

                label { color:#777; }
            }
        }
    }
}

//-- project home
.project-home {
    padding: 10px;
    font-size: 0;

    .inner {
        height: 188px;
        background-color: @white;
        margin-right: 10px;
        font-size: 12px;
        overflow: hidden;
        vertical-align: top;

        .inline-block;
        .box-shadow(0 1px 0 rgba(0, 0, 0, .25));
        .border-radius(10px);

        &.member-info {
            width: 270px; /*230px;*/
            margin-right: 0;
        }

        &.logo {
            position:relative;
            width:260px; height:188px;
            background-repeat:no-repeat;
            background-position:center;
            .background-size(cover);

            .edit {
                position:absolute;
                top:0px; right:0px;
                color:#fff; text-shadow:1px 1px #000;
                padding:5px 10px;
                font-weight:bold;
                i { vertical-align:top; margin-top:2px; }
            }
        }

        &.project-info {
            width: 390px; /*350px;*/
            .infos {
                overflow-y: auto;
                height: 130px;
                list-style: none;
                margin: 0;
                padding: 10px;
                .info {
                    padding: 6px; /*5px 10px;*/
                    border-bottom: 1px solid #ededed;//@gray-d4;
                    color: #777;
                    &:first-child {
                        padding-top: 0;
                    }
                    &:last-child {
                        padding-bottom: 0;
                        border-bottom: 0 none;
                    }
                    .label-list {
                        span:not(.label) {
                            &:not(:last-child):after {
                                content: ", ";
                            }
                        }
                    }
                }
            }
            button#edit-toggle {
                float: right;
            }
        }

        .member-wrap {
            height: 130px;
            overflow-y: auto;
        }

        .project-members {
            list-style: none;
            margin: 0; padding: 10px;

            .member {
                padding: 5px 10px;
                border-bottom: 1px solid @gray-d4;
                color: #999;
                &:first-child {
                    padding-top: 0;
                }
                &:last-child {
                    padding-bottom: 0;
                    border-bottom: 0 none;
                }

               .name {
                   line-height:24px;
                   margin-left:5px;

                   strong {
                       max-width:140px;
                       overflow:hidden;
                       text-overflow:ellipsis;
                       .inline-block;
                   }
               }
            }
        }

        header {
            background-color: #F8F8F8;
            padding: 10px 15px; /*10px 20px;*/
            h3 {
                font-size: 12px;/* 16px;*/
                color: #4C4C4C;
                margin: 0;
                .inline-block;
                line-height: 20px;
            }
            .project-status {
                float: right;
                line-height: 19px;
                .ico-like { vertical-align: bottom; }
                .num { color: #4489A4; }
                .sp { color: #ccc; margin: 0 7px; }
            }
        }
    }
}
.project-hometop-wrap {
    display:block; clear:both;
    height:30px;

    .vcs-wrap {
        .repo-info;
        padding:0; line-height:30px;

        .repo-url {
            width:570px;
            font-family:Consolas,Tahoma,Verdana !important;
            background:#f5f5f5;
        }
    }

    .issue-wrap {
        strong.num {
            &.open { color:@blue; }
        }
    }
}

.readme {
    padding: 5px;
    .default {
        padding:20px;
        text-align:center;
    }
    .readme-wrap {
        .border-radius(10px);
        background-color: @white;
        overflow: hidden;
        header {
            padding: 10px 25px;
            background-color: #F8F8F8;
            border-bottom: 1px solid @gray-d4;
            font-size: 18px;
            .ico {
                vertical-align: middle;
                margin-right: 5px;
            }
        }
        .readme-body {
            padding: 25px;
        }
    }
}

.notice-wrap {
    margin:20px 0 0 0;
    border:1px solid #eee;

    .board-list .board:last-of-type { border-bottom:none; }
}

.write-btn-wrap {
    margin: 20px 0;
    text-align: right;
}

.board-view {
    .num {
        color: #51AACC;
        margin-right: 5px;
    }
}

.board-header{
    padding: 15px 20px;
    border-top: 1px solid @gray-d4;
    border-bottom: 1px solid @gray-d4;
    .div {
        display: table-cell;
        vertical-align: top;
    }
    .board-id {
        width: 35px;
        line-height:16px;
        padding-right: 10px;
        font-size:14px;
    }
    .title {
        width: 655px;
        padding-right: 20px;
        font-size: 14px;
        line-height: 16px;
        color: #000;
    }
    .date {
        width: 120px;
        color: #999;
    }
    &.issue {
        .title { width:650px; }
        .badge {
            font-size:11px;
            text-shadow:none;
            .border-radius(2px);
        }
        .badge-issue-open {
            background-color:@secondary;
        }
    }
}

.board-body {
    padding: 20px;
    .author-info {
        margin-bottom: 34px;
        .media-body {
            padding-left: 10px;
            p {
                margin-bottom: 5px;
                line-height: 14px;
            }
            .name {
                font-size: 11px;
            }
            .status {
                margin: 0;
                color: #646464;
                font-size: 11px;
                .ico {
                    vertical-align: top;
                }
            }
        }
    }
    .content {
        /*width: 700px;*/
       text-align:justify;
       margin-bottom: 20px;
       a { font-weight:bold; }
    }

    .attachments {
        ul { list-style-type:none; margin:0; }
        i { float:left; margin-right:5px; }
    }
}

.board-comment-wrap {
    display:block; clear:both;
    background-color: #f5f5f5;

    .border-radius(10px);
    .comment-header {
        padding: 0 20px;
        color: #222;
        font-size: 14px;
        line-height: 40px;
    }

    .comments {
        margin: 0;
        padding: 0;
        list-style: none;
        .comment {
            padding: 20px;
            .media-body {
                padding-left: 17px;
                .commenter {
                    line-height: 1.3;
                    font-size: 11px;
                    color: #646464;
                    .name {
                        font-size: 10px;
                    }
                    .date {
                        font-size: 10px;
                        color: #BDBDBD;
                    }
                }
                .attach {
                    color: #4489A4;
                }
                .comment-body {
                    color: #999;
                }
            }
            .attach-preview-wrap {
                margin-top: 10px;
            }
        }
    }

}

div.markdown-preview {
    font-size: 12px;
    margin:0px; margin-bottom:9px;
    vertical-align : middle;
    border:1px solid #ccc;
    .border-radius(2px);
    .inline-block;
}

.write-comment-box {
    padding: 17px 20px 15px;
    .write-comment-wrap {
        font-size: 0;
        margin-bottom: 10px;

        div.markdown-preview {
            /*width : 727px !important;
            min-height: 88px !important;*/
            .border-radius(2px 0 0 2px);
        }
        .disabled {
            resize:none;
        }
    }

    .comment-btn {
        vertical-align:top;
        background-color: @white;
        color: @orange;
        line-height: 1;
        font-weight: bold;
        border: 1px solid @gray-cc;
        border-left: 0 none;
        .border-radius(0 2px 2px 0);
        width: 110px;
        height: 90px;
        &.disabled { color:#ccc; }
    }
    .comment {
        width: 795px;
        height: 80px;
        margin: 0; margin-bottom:9px;
        resize:vertical;
        .border-radius(2px 0 0 2px);
        .box-shadow(none);
        &:focus {
            border: 1px solid @gray-cc;
        }
    }
    .upload-wrap {
        background:#efefef;
        padding:15px;
        .border-radius(5px);
    }
}

.board-footer {
    text-align: right;
    font-size: 0;
    margin-top: 20px;
    .add-btn {
        font-size: 12px;
        color: #888;
        .ico {
            margin-right: 5px;
        }
    }
    a {
        margin-left: 5px;
    }
}
.board-actrow {
    margin:20px 0;

    .labels-wrap {
        line-height: 30px;
        padding-right: 30px;
        text-align: left;
        max-width:630px;
        .inline-block;
    }
}

// -- new attach files //
.upload-wrap {
    .attach-wrap {
        text-align:center;

        .btn-wrap {
            display:inline-block !important;
            margin:0 5px;
        }
        span {
            display:inline-block;
            line-height:30px;
        }
    }

    .attached-files {
        display:none;
        padding: 0;
        margin-bottom: 0;
        margin-top: 15px;
        border-top: 1px solid #e0e0e0;
        padding: 15px 0px;

        .attached-file {
            display: inline-block;
            width: 280px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ccc;
            background: #fafafa;
            padding: 0 10px;
            margin-bottom: 5px;
            margin-right: 4px;
            cursor:pointer;
            overflow: hidden;
            -webkit-transition-duration: 0.5s;

            .icon-question-sign { display:none; }
            .name {
                display: inline-block;
                max-width: 120px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space:nowrap;
                -webkit-transition-duration: 0.5s;
            }
            .size { font-size:11px; }

            /* 업로드 하는 도중에는 진행 상태 표시 */
            .progress {
                display: inline-block;
                width: 100px;
                height: 10px;
                margin: 0;
                overflow: hidden;
            }
            .btn-delete {
                display:none;
                width: 30px;
                height: 30px;
                font-size: 1.5em;
                font-weight: bold;
            }

            /* 업로드 완료 후에는 삭제 버튼 표시 */
            &.complete {
               .progress    { display:none; }
               .btn-delete  { display:inline-block; }
            }

            /* 임시 파일 표시 */
            &.temporary {
               .icon-question-sign { display:inline-block; }
            }
        }
    }

    .help { display:none; }
    .help-droppable { display:none; }
}
// -- //

.frm-wrap {
    dl, dt, dd { margin:0; padding:0; }
    dt {
        margin:3px 0px 1px 0px;

        label {
            color:#959595; font-weight:bold;
            margin-right:5px;
        }
        .n-alert .n-inner { font-weight:normal !important; }
    }
}
.content-wrap {
    .text {
        width: 946px;/*866px;*/
        resize:vertical;
    }
    .title {
        margin-bottom: 15px;
    }
    .content {
        height:177px; /*320px;*/
        background-color: #F9F9F9;
    }
    .actions {
        margin-top: 20px;
        text-align: center;
        position: relative;
        .cancel {
            /*position: absolute;
            right: 0;*/
        }
    }

    .issue-options {
        margin-bottom:45px;
        .option {
            width:250px;
            .inline-block;
            /*.option-label { color:#959595; font-weight:bold; margin-bottom:5px; }*/
            .d-label { width:200px; }
        }
    }

    .option-label { color:#959595; font-weight:bold; margin-bottom:5px; }

    .issue-form-labels {
        &.form-horizontal {
            .control-label {
                width:100px; padding-top:0; line-height:30px;
            }
            .controls {
                margin-left:120px; line-height:30px;
            }
        }
    }
}
.content-footer {
    padding: 20px;
    background-color: #F5F5F5;
    .border-radius(5px);
}

.issue-list, .board-list{
    margin: 0;
    padding: 0;
    list-style: none;

    .issue, .board{
        border-bottom: 1px solid @gray-d4;
        padding: 10px;
        &:hover { background:#f7f7f7; }
        input[type="checkbox"] {
          margin-right: 10px;
          margin-bottom: 3px;
        }

        > div {
            display: table-cell;
            vertical-align: middle;
        }
        .num {
            width: 35px;
            color: #B2B2B2;
            vertical-align: middle;
            font-size: 12px;
        }
        .attach-wrap {
            width: 35px;
            text-align: center;
            .ico {
                margin-top: 5px;
            }
        }
        .contents {
            width: 720px;
            padding-right: 20px;

            label {
                display:block;
                margin:0;padding:0;
            }
            .title {
                margin-bottom: 5px;
                text-align:justify;
                font-weight: bold;

                .label-notice {
                    background:@secondary;
                }
                a {
                   overflow:hidden;
                    text-overflow:clip; /*ellipsis;*/
                    -webkit-line-clamp:4;
                    -webkit-box-orient:vertical;
                }
            }
            .infos {
                line-height: 14px;
                font-size: 11px;
                color: #999;
                .author {
                    color: #696969;
                    margin-right:5px;
                }
            }
        }
        .author-avatar-space{
          width:32px;
          padding-right: 10px;
          .img-rounded {
            .inline-block;
            width:40px; height:40px;
          }
        }
        .right-panel {
            width: 160px;
            padding-right: 10px;
            .state {
                float:right;
                margin-top:7px;
                margin-right:13px;
                font-weight:bold;
                font-size:11px;
                color:#bbb; width:38px;
                &.open {
                    color:@blue;
                }
             }
            .avatar-wrap {
              float: right;
            }
            .empty-avatar-space{
              width:32px;
              display:inline-block;
              float:right
            }
            .comment-wrap {
                float: right;
                margin-top: 7px;
                margin-right:15px;

                .ico {
                    vertical-align: bottom;
                    margin-right: 5px;
                }
                .num {
                    color: #4489A4;
                }
            }
            .img-rounded {
                .inline-block;
                width:32px; height:32px;
            }
        }
    }
}

//---- code browse
.code-browse {
    .bubble-wrap {
        padding: 10px;
        .inner-bubble {
            padding: 20px; /*20px 15px 20px 20px;*/
            margin-bottom: 15px;
            border-bottom:1px solid #cfcfcf;
        }
    }
}

/* 공통 스타일 hive-tabs로 합쳐서 이동함 */
/*
.code-tab {
    li a {
        padding-left:64px; padding-right:64px;
        background:#ececec;
        border:1px solid #D3D3D3;
        box-shadow:inset 0px 1px 1px #fff;
    }
}
.plugin-tab {
    li a {
        padding-left:14px; padding-right:14px;
        background:#ececec;
        border:1px solid #D3D3D3;
        box-shadow:inset 0px 1px 1px #fff;
    }
}
*/

.repo-wrap {
    padding:10px;
    overflow:visible !important;
}
.repo-info {
    padding:19px 20px;

    .clone-label {
        color: #4D4D4D;
        margin-right: 10px;
        font-weight:bold;

        strong {
            color:#fff; .border-radius(2px);
            font-size: 11px; padding: 4px;
            text-shadow: -1px -1px rgba(0,0,0,0.3);
            margin-right: 5px;
            .bgblue;

            &.Subversion { .bgblue; }
            &.GIT { .bgblue; /*.bgorange;*/ padding: 4px 27px; }
        }
    }
    .repo-url {
        cursor: text;
        margin: 0;
        width: 420px;
        font-family:Consolas,Tahoma,Verdana !important;
        background:#f5f5f5;

        .box-shadow(none);
        .border-radius(2px 0 0 2px);
        &:focus {
            .box-shadow(none);
            border: 1px solid #CCC;
        }
    }
    .copy-btn {
        padding: 0 19px;
        margin-right: 10px;
        margin-top:1px;
        line-height: 28px;
        border: 1px solid #CCC;
        border-left: 0 none;
        vertical-align: top;
        text-decoration: none;
        font-size: 10px;
        font-weight: bold;
        .inline-block;
        .border-radius(0 2px 2px 0);

        &:hover {
            color: @orange;
        }
    }
    .btn-group {
        margin-top:1px;
        .d-label {
            width: 115px; /*155px;*/
        }
    }

    .branches {
        .label {
            margin:0; padding:0 5px; margin-right:3px;

            &.branch { background-color:@orange; }
        }
    }
}

.double-sp {
    margin: 15px 0 17px;
}

.code-browse-wrap {
    .border-radius(10px);
    .box-shadow(0 1px 0 rgba(0,0,0, .15));
    overflow: hidden;

    .code-browse-header {
        color: @white;
        background-color: #6c6c6c;
        line-height: 34px;
        font-size: 11px;
        padding: 0 20px;

        a { margin:0 5px; }
        a:first-of-type { margin-left:0; }
    }
    .commit-wrap {
        background-color: @white;
    }

    .diff {
        border-bottom:none;
        .border-radius(0px);
    }

    .cell {
        display: table-cell;
        background-color: @white;
        vertical-align: top;
        -webkit-transition-duration:0.1s;

        &.directory-wrap {
            width: 259px;/*196px;*/
            /*min-width: 196px;
            max-width: 196px;*/
            overflow: auto;
            position: relative;
            padding:5px;
        }
        &.sp-wrap {
            display:none;
            border-left: 4px solid #E6E6E6;
        }
        &.file-wrap {
            width:660px; /* 700px */
            /*min-width:660px;
            max-width:660px;*/
            overflow-x: auto;
        }
    }

    .directory-header {
        line-height: 34px;
        background-color: #9C9C9C;
        color: @white;
        font-size: 10px;
        padding-left: 20px;
        position: absolute;
        width: 180px;
        display:none;
    }

    .directories {
        margin: 0;
        /*margin-top: 34px;*/
        padding: 0;
        overflow: auto;
        list-style: none;
        min-height: 320px;

        &.view {
            margin-top: 0;
        }
        .directory {
            padding-left: 20px;
            line-height: 50px;
            border-bottom: 1px solid #E6E6E6;
            a {
                white-space: nowrap;
                color: #337581;
            }
            &.selected {
                background-color: #F2F2F2;
            }
        }
    }

    .code-table {
        width: 100%;
        &.sources {
            /*width: 650px; /*700px;*/
        }
        td {
            padding: 0 15px 0 5px;
        }
        .thead {
            background-color: #9C9C9C;
            line-height: 34px;
            font-size: 10px;
            color: @white;
            .author {
                text-align: left;
            }
        }
        .tbody {
            font-size: 11px;
            color: #666;
            td {
                line-height: 50px;
            }
            tr {
                border-bottom: 1px solid #E6E6E6;
            }
        }
        .commit-id {
            width: 100px;
            padding-left: 20px;

            font-family:Consolas; font-size:12px; font-weight:bold;

            a {
                color:@secondary;
                &:hover { color:@link-hover-color; text-decoration:underline; }

                i { vertical-align:middle; margin-bottom:2px; }
            }
        }
        .filename {
            padding-left: 20px;
            width: 100px;
            max-width: 150px;
            .text-overflow;
        }
        .messages {
            /*.text-overflow;*/
           pre { background:none; border:none; margin:0; }
        }
        .author {
            width: 40px;
            text-align: right;
            line-height:1 !important;
        }
        .date {
            width: 80px;
        }
    }

    .file-header {
        margin-top: 10px;
        line-height: 34px;
        background-color: #D7D7D7;
        color: #767676;
        font-size: 11px;
        padding-left: 15px;
        overflow: hidden;

        .file-info {
            float: left;
            .text-overflow;
            max-width: 590px;
            &.path {
                color: #666;
                .num {
                    color: #4D4D4D;
                    .inline-block;
                    padding: 1px 2px;
                    line-height: 14px;
                    &.plus {
                        background-color: #46A4A4;
                    }
                    &.minus {
                        background-color: #FFA86A;
                    }
                }
            }
        }

        .btn-raw {
            float: right;
            padding: 0 30px;
            line-height: 34px;
            background-color: #BFBFBF;
            text-decoration: none;
            color: #4D4D4D;
            &:hover {
                background-color: #F2F2F2;
                color: #959595;
                .ico {
                    background-position: -228px -28px;
                }
            }
            .ico {
                margin-right: 5px;

            }
        }
    }

    .code-wrap {
        color: @gray-d4;
        overflow-x: auto;
        background-color: rgb(36, 36, 36);
        border:none;
        margin:0 !important;
        padding:0 !important;
        .border-radius(0px);

        .linenum {
            display:inline-block;
            width:40px; background:#555; color:#fff;
            text-align:right;
            padding-right:3px; margin-right:6px;
        }
    }

    .btnResize {
        /*position:absolute;
        top:0; right:0; z-index:999;
        /*padding:2px 4px; cursor:pointer;*/
        width:10px; cursor:e-resize;
        height: 99.9%;
        vertical-align: middle;
        color: gray;
        border-left: 1px solid #ccc;
        background: #e8e8e8;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#e9e9e9));
    }
}

.code-view-table {
    td {
        vertical-align: top;
    }
    pre {
        line-height: 1.5;
        padding: 0;
        margin: 0;
        background-color: transparent;
        border: 0 none;
        .border-radius(0);
        font-size: 12px;
    }
    .line-num {
        padding: 10px 6px;
        text-align: right;
        background-color: #F7F7F7;
        border-right: 1px solid #EEE;
        width: 22px;
        > a {
            color: #AAA;
        }
    }
    .code-lines {
        padding: 10px;
        font-size: 0;
        white-space: pre;
        .line {
            margin: 0;
            padding: 0;
            font-size: 12px;
        }
    }
}

//-- user setting2
.profile-frmwrap {
    .avatar-frm {
        display:inline-block;
        vertical-align:top;
        margin:30px; margin-right:50px;

        .avatar-wrap {
            position:relative;

            .progress {
                position:absolute;
                width:130px; height:0px;
                padding:0; margin:0; bottom:0px;
                background:@primary; .opacity(80);
                -webkit-transition-duration:1s;
                &.loading { height:130px; }
            }
        }

        .btn-wrap {
            margin-left:10px;
            .nbtn i { vertical-align:top; margin-right:2px; }
        }
    }

    dl {
        display:inline-block;
    }

    form {
        display:inline-block;
        vertical-align: top;
        margin-right:50px;
        &:last-of-type { margin-right:0px; }
    }

}
#avatarUploaded {
    display:none;

    .msg {
        width: 210px;
        font-size: 11px;
        padding: 5px; margin: 10px 0px;
        text-align: center;
        background: #FFF0E8;
        border: 1px solid #fac7ab;
        color: #F36C22;
        font-weight: bold;
    }
}

//-- user setting.
.user-info-box {
    float: left;
    width:200px;

    .whoami-wrap {
        position:relative; overflow:hidden;
        width:200px; height:200px;
        background-color:#ccc;
        background-position:center;
        .background-size(cover);
        .border-radius(4px);
        .box-shadow(inset 1px 1px 0 rgba(0,0,0,.15));

        .whoami {
            width:100%; height:50px; left:0;
            background: rgba(0,0,0,0.85);
            border-top:5px solid @primary;
            color:#fff;
            text-shadow:1px 1px #000;
            text-align:left; line-height:120%;
            padding:10px; padding-left:15px; margin-top:73%;

            .uname {
                font-size:18px;
                font-weight:bold;
            }
            .email {
                display:block;
                font-size:11px; font-family:Tahoma;
                margin-left:2px;
                .opacity(80);
            }
        }

        .edit {
            position:absolute;
            top:0px; right:0px;
            color:#fff; text-shadow:1px 1px #000;
            padding:5px 10px;
            font-weight:bold;
            i { vertical-align:top; margin-top:2px; }
        }
    }

    .user-status {
        margin-top:20px;

        p {
            display:inline-block;
            line-height:2em;
            padding:0 10px;
            height:50px;

            .num {
                display:block;
                color: @primary;
                font-size:2em;
                font-weight:bold;
            }

            .labels {
                display:block;
                color: #707070;
                width: 70px;
            }

            &:last-of-type {
                border-left:1px solid #eee;
                padding-left:20px;
            }
        }

        .nbtn {
            margin-top:20px; margin-left:3px;
            text-shadow:1px 1px rgba(0,0,0,0.2);
            i { vertical-align:top; }
        }
    }

    .user-since {
        padding:0 10px;

        .since {
            display:block;
            font-size: 14px;
            font-weight:bold;
            color:@primary;
        }
    }

    .btn-wrap {
        text-align: center;
    }

    hr {
        border-top:1px solid #d9d9d9;
    }
}

.user-box {
    margin: 15px 0 25px;
    margin-bottom:0px;
    overflow: hidden;
}

.user-stream-box {
    margin-left: 220px;
    overflow: hidden;
    .h5-title {
      background-color: #615353;

      color: white;
      padding: 5px;
    }
    /*
    .user-streams {
        margin: 0;
        padding: 0 10px;
        list-style: none;
        .user-stream {
            overflow: hidden;
            &:first-child {
                padding-top: 10px;
            }
            &:last-of-type {
                border:none;
            }
            padding: 20px 0;
            border-bottom: 1px solid @gray-d4;
            .project-name {
                margin: 0 0 10px 0;
                color: #888;
                font-size: 20px;
                line-height: 1.3;
            }
            .stream-desc {
                width: 510px;
                float: left;
            }
            .date {
                margin: 0;
                color: #999;
                font-size: 11px;
            }
            .project-status {
                text-align: right;
                padding-right: 10px;
                .ico {
                    vertical-align: middle;
                }
                .ico-activity {
                    margin-left: 40px;
                }
                .ico-like {
                    margin-right: 5px;
                }
                .num {
                    color: #4489A4;
                }
            }
        }
    }
    */
}
.user-stream-wrap {
    .inner {
        border-bottom:1px solid #c3c3c3;
    }
}

//commit view
.commit-info-wrap {
    padding-left: 10px;
    span {
        .inline-block;
        margin-right: 5px;
        font-size: 11px;
        &.date {
            color: #646464;
        }
        &.sp {
            color: #999;
        }
        &.sha-block {
            color: #646464;
            .num {
                color: #51AACC;
            }
            .commit-id {
                color: #646464;
                font-weight: bold;
            }
        }
    }
}

.diff-code-view-table {
    width: 100%;
    .diff-line-num {
        &:first-child {
            border-left: 1px solid #EEEEEE;
        }
        width: 22px;
        background-color: #F7F7F7;
        padding: 0 6px;
        text-align: right;
        border-right: 1px solid #EEEEEE;
        font-size: 12px;
        line-height: 1.5;
        > a {
            color: #AAA;
        }
    }
    .raw-code {
        padding-left: 10px;
        .point {
            .inline-block;
        }
        &.gc {
            background-color: #EEE;
        }
        &.plus {
            background-color: #CFEAEA;
            .point {
                background-color: #46A4A4;
            }
        }
        &.minus {
            background-color: #FFEBDD;
            .point {
                background-color: #FFA86A;
            }
        }
        pre {
            background-color: transparent;
            border: 0 none;
            .border-radius(0);
            font-size: 12px;
            line-height: 1.5;
            margin: 0;
            padding: 0;
        }
    }
    tr:last-child {
        border-bottom: 1px solid #EEE;
    }
}
/*
.plugin-wrap {
    padding: 10px;
    .plugin-table-wrap {
        .border-radius(10px);
        .box-shadow(0 1px 0 rgba(0,0,0, .15));
        overflow: hidden;
        background-color: @white;
        .plugin-table {
            width: 100%;
            border-collapse: separate;
        }
        td {
            padding: 0;
        }
        thead {
            td {
                background-color: #828282;
                line-height: 44px;
                text-align: center;
                font-weight: bold;
                color: @white;
                border-bottom: 1px solid #414141;
            }
        }
        tbody {
            td {
                border-bottom: 1px solid #E6E6E6;
                border-left: 1px solid #E6E6E6;
                text-align: center;
                &.checked {
                    width: 30px;
                    padding: 0 20px;
                    border: 1px solid #E6E6E6;
                    border-top: 0 none;
                    border-left: 0 none;
                    border-right-width: 3px;
                    .bg-checkbox {
                       padding: 0;
                       margin: 0;
                    }
                }
                &.plugin-name {
                    padding: 0 30px;
                    text-align: left;
                    border-left: 1px solid #CCC;
                    .name {
                        color: @blue;//#4092A1;
                    }
                    .desc {
                        font-size: 11px;
                        color: #666;
                    }
                }
                &.others {
                    width: 89px;
                    color: #999;
                    font-size: 11px;
                    &.large {
                        width: 119px;
                    }
                }
            }
        }
        .plugin-footer {
            border-top: 3px solid #FBFAF8;
            padding: 20px 20px 25px;
            overflow: hidden;
            .check-wrap {
                float: left;
                padding-left: 7px;
            }
            .btn-wrap {
                float: right;
                font-size: 0;
                .ns-btn {
                    margin-left: 10px;
                    .ico { vertical-align:middle; }
                }
            }
            .bg-checkbox {
               .inline-block;
               margin:2px;
            }
        }
    }
}
*/
.statistics {
    padding: 10px;
    font-size: 0;
}
.statistics-wrap {
    .border-radius(10px);
    overflow: hidden;
    .inline-block;
    width: 425px;
    border-bottom: 1px solid @gray-d4;
    background-color: @white;
    &:nth-child(2) {
        margin-right: 10px;
    }
    &.top {
        display: block;
        width: 860px;
        margin-bottom: 15px;
        .graph-wrap {
            width: 820px;
            margin: 10px 20px;
            min-height: 240px;
        }
    }
    .header {
        background-color: #F8F8F8;
        overflow: hidden;
        padding: 0 20px;
        font-size: 12px;
        color: #999;
        h2 {
            font-size: 16px;
            line-height: 37px;
            color: #4C4C4C;
            margin: 0;
            float: left;
        }
        .desc {
            float: right;
            line-height: 37px;
            .ico {
                margin: 0 3px 0 5px;
            }
        }
    }
    .graph-wrap {
        padding: 10px 20px;
        background-color: @white;
        min-height: 240px;
    }
}

.error-wrap {
    padding:50px 0px;
    margin:30px 0px;
    border:1px solid #dcdcdc;
    border-width:1px 0px;
    text-align:center;

    p {
        font-weight:bold; font-size:15px;
        color:#898989; margin-top:18px;
    }
}
.code-tab, .plugin-tab {
    margin: 15px 0 20px;
}

.actions {
    &:last-child { margin-right:0; }
}

// -- site admin
.site-setting-wrap {
    .fl{float:left}
    .fr{float:right}
    .section0{margin-bottom:0}
    .section39{margin-bottom:39px}
    .mt30{margin-top:30px}

    .site_lnb{float:left;width:280px;margin:30px 0 75px}
    .content_area{float:left;width:638px;margin:30px 0 75px;vertical-align:top}

    .lnb_area{
      width:200px;margin:0 auto;
      h3.h_site{margin:0;padding:19px 0 17px 19px;border-style:solid;border-width:1px;border-color:#e6e6e6 #e6e6e6 #c9c9c9;background-color:#f8f8f8;font-size:14px;color::#4c4c4c;line-height:1em}
      ul{
        margin:0;padding:3px 9px 30px;list-style:none;border-style:solid;border-width:1px;border-color:#f6f6f6 #e6e6e6 #ececec;
        li{
          border-bottom:1px solid #e8e8e8;list-style:none;
          a{display:block;padding:7px 0 10px 11px}
          a:hover,a:active,a:focus,a.on{background:url(/assets/images/lnb_arr.gif) 94% 18px no-repeat;color:#f36c22;text-decoration:none}
        }
      }
    }

    .title_area{
      overflow:hidden;margin-bottom:29px;padding-bottom:8px;border-bottom:2px solid #c9c9c9;zoom:1;
      h2{margin:15px 0 0;font-size:18px;color:#4c4c4c;line-height:1em}
      .form-search{
        margin-top:13px;
        input[type=text]{height:25px;padding:0 0 0 10px;font-size:11px;line-height:25px}
        .btn{width:91px;height:27px;margin:0 0 0 -5px;padding:0;font-family:Tahoma;font-size:10px;line-height:27px}
      }
    }

    .h_setting{margin:0 0 20px 0;font-size:14px;color:#4c4c4c;font-weight:bold;line-height:1em}
    .no_date{padding:19px 0;border:1px solid #e6e6e6;background-color:#f9f9f9;font-size:12px;color:#464646;text-align:center}

    .bbs_type1{
      width:100%;border-top:1px solid #e3e3e4;color:#333;table-layout:fixed;word-wrap:break-word;
      caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
      th{
        padding:7px 10px 9px;border-bottom:1px solid #e3e3e4;background-color:#f9f9f9;font-weight:bold;
        &:first-child{border-left:1px solid #e3e3e4}
        &.last{border-right:1px solid #e3e3e4}
      }
      td{
       padding:8px 20px;border-bottom:1px solid #eee;
        &.c{text-align:center}
        &.btn_area{
          padding:0 10px;
          .btn{padding:1px 16px;font-size:12px}
          }
        }
    }
}

// -- pull request
.pull-request-wrap {
    margin-bottom:20px;

    .request-from {
        display:inline-block; width:435px;
        .repo { color:@secondary; font-size:14px; }
        .dropdown-toggle { width:435px; }
        .dropdown-menu   { width:435px; }
    }

    .request-to {
        display:inline-block; width:435px;
        .repo { color:@primary; font-size:14px; }
        .dropdown-toggle { width:435px; }
        .dropdown-menu   { width:435px; }
    }

    .arrow {
        display:inline-block; width:83px;
        text-align:center;
    }
}

.mass-update-form {
  margin-bottom: 10px;
}