/*960px;*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dotum {
  font-family: '돋움', dotum;
}
.gulim {
  font-family: '굴림', Gulim;
}
.thoma {
  font-family: Tahoma;
}
.helvetic-light {
  font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica";
  font-weight: 200;
  font-stretch: normal;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
form,
fieldset,
p,
button {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-rendering: auto !important;
  overflow-y: scroll;
}
textarea {
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace !important;
}
button,
select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: auto !important;
}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
a:hover {
  outline: none !important;
  text-decoration: underline;
}
a:focus {
  outline: none !important;
  text-decoration: underline;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.btn-transparent {
  border: 0;
  padding: 0;
  background: transparent;
}
.d-link {
  color: #5dbbe0;
}
.nm {
  margin: 0 !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.cb {
  clear: both;
}
.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
/** pagination **/
.page-navigation-wrap {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  clear: both;
}
.page-navigation-wrap .page-nums {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  display: inline-block ;
}
.page-navigation-wrap .page-nums .page-num {
  display: inline-block ;
  padding: 0 10px;
  font-size: 12px;
  color: #8e9094;
}
.page-navigation-wrap .page-nums .page-num .current {
  color: #f36c22;
  /*#4489A4;*/
  font-weight: bold;
}
.page-navigation-wrap .page-nums .page-num .input-mini {
  margin: 0;
  width: 30px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #eee;
}
.page-navigation-wrap .page-nums .page-num .input-mini:hover,
.page-navigation-wrap .page-nums .page-num .input-mini:focus {
  /*background:#f5f5f5;*/
  -webkit-box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.1);
  color: #f36c22;
  border-color: #f36c22;
}
.page-navigation-wrap .page-nums .page-num.ikon {
  padding: 0 5px;
}
.page-navigation-wrap .page-nums .page-num.ikon:nth-child(4n-2) {
  padding-right: 10px;
}
.page-navigation-wrap .page-nums .page-num.ikon:nth-child(5n-2) {
  padding-left: 10px;
}
.page-navigation-wrap .page-nums .page-num.ikon span {
  font-size: 11px;
  color: #f36c22;
  /*#4489A4;*/
}
.page-navigation-wrap .page-nums .page-num.ikon span.off {
  color: #8E9094;
}
.page-navigation-wrap .page-nums .page-num.delimiter {
  color: #ddd;
  padding: 0 5px;
}
.page-navigation-wrap .page-nums .page-num .nospinner {
  -moz-appearance: textfield;
}
/** file uploader **/
.upload-progress {
  height: 7px;
  margin-bottom: 5px;
  background: #f0f0f0;
  filter: none;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.upload-progress.done-outline {
  border: 1px solid #8bc34a;
}
.upload-progress.red-outline {
  border: 1px solid #f44336;
}
.upload-progress .bar {
  height: 100%;
  filter: none;
}
.upload-progress .bar.orange {
  background: #f36c22;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress .bar.blue {
  background: #5dbbe0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress .bar.grey {
  background: #9e9e9e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress .bar.red {
  background: #f44336;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress .bar.done {
  background: #8bc34a;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress .bar.open {
  background: #b6da54;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress .bar.closed {
  background: #fd6956;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.upload-progress.avatar {
  height: 5px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/** images **/
.img-rounded {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: 1px solid #ccc;
}
.avatar-wrap {
  width: 32px;
  height: 32px;
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
}
.avatar-wrap.small {
  width: 24px;
  height: 24px;
}
.avatar-wrap.smaller {
  width: 20px;
  height: 20px;
}
.avatar-wrap.mid {
  width: 64px;
  height: 64px;
}
.avatar-wrap.large {
  width: 128px;
  height: 128px;
}
/** text style **/
.bold {
  font-weight: bold;
}
.gray-txt {
  color: #cccccc !important;
}
.darkgray-txt {
  color: #999999 !important;
}
.orange-txt {
  color: #f36c22 !important;
}
.primary-txt {
  color: #f36c22 !important;
}
.secondary-txt {
  color: #51aacc !important;
}
.center-txt {
  text-align: center;
}
.right-txt {
  text-align: right;
}
.left-txt {
  text-align: left;
}
.blue-txt {
  color: #5dbbe0;
}
/** background **/
.bgblack {
  background: #000;
}
.bgwhite {
  background: #fff;
}
.bgblue {
  background: #5dbbe0;
  /*#56B5D9;*/
}
.bgorange {
  background: #f36c22;
}
.bggray {
  background: #f5f5f5;
}
.vmiddle {
  vertical-align: middle !important;
}
.vertical-top {
  vertical-align: top !important;
}
.vtop {
  vertical-align: top    !important;
}
/** form elements **/
.radio-btn {
  vertical-align: top;
  margin: 2px !important;
}
.form-label {
  margin: 0px 5px;
}
.text-right {
  text-align: right;
  padding-right: 20px;
}
.yobicon-middle {
  vertical-align: bottom;
  margin-bottom: 3px;
}
.bold {
  font-weight: bold;
}
.small-font {
  font-size: 10px;
  font-weight: normal;
}
.ml0 {
  margin-left: 0;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mr20 {
  margin-right: 20px;
}
.ml4 {
  margin-left: 4px;
}
.ml5 {
  margin-left: 5px;
}
.ml6 {
  margin-left: 6px;
}
.mr6 {
  margin-right: 6px;
}
.mr5 {
  margin-right: 5px;
}
.mt5 {
  margin-top: 5px;
}
.mt4 {
  margin-top: 4px;
}
.mr3 {
  margin-right: 3px;
}
.pb4 {
  padding-bottom: 4px;
}
.pl0 {
  padding-left: 0;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-i2 {
  margin-right: -2px !important;
}
.font12 {
  font-size: 12px;
}
.no-border {
  border: none !important;
}
.reverb {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.z {
  float: right;
  font-size: .001px;
  color: transparent;
  display: inline-block;
  width: 0px;
}
.font-blue {
  color: #0088cc;
}
.notification-badge {
  font-size: 12px;
  border: 2px solid #FFF;
  line-height: 20px;
  padding: 0 5px;
  background-color: #ff7332;
  color: #ECF0F1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.vmiddle-inline {
  display: inline-block !important;
  vertical-align: middle !important;
}
input.dimgray {
  color: dimgray;
}
input.dimgray::-webkit-input-placeholder {
  color: dimgray;
  opacity: 0.8;
}
input.dimgray:-moz-placeholder {
  color: dimgray;
  opacity: 0.8;
}
/* Firefox 18- */
input.dimgray::-moz-placeholder {
  color: dimgray;
  opacity: 0.8;
}
/* Firefox 19+ */
input.dimgray:-ms-input-placeholder {
  color: dimgray;
  opacity: 0.8;
}
input.white {
  color: #fff;
}
input.white::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
input.white:-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}
/* Firefox 18- */
input.white::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}
/* Firefox 19+ */
input.white:-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
.va-text-top {
  vertical-align: text-top !important;
}
.width100p {
  width: 100%;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.z-index-1 {
  z-index: 1 !important;
}
.hideFromDisplayOnly {
  display: none;
}
.fixed-height-my-issues-list {
  line-height: 36px;
}
.dimgray {
  color: dimgray;
}
.vertical-align {
  display: flex;
  align-items: center;
}
.ico {
  display: inline-block ;
  background-repeat: no-repeat;
  background-image: url('../images/sprite.png');
  vertical-align: middle;
}
.bg-bubble-top {
  width: 198px;
  height: 37px;
  background-position: -2px -63px;
}
.bg-side-menu {
  width: 27px;
  height: 74px;
  background-position: -216px -63px;
}
.btn-back {
  width: 10px;
  height: 7px;
  background-position: -96px -2px;
}
.btn-back:hover {
  background-position: -108px -2px;
}
.btn-cancel {
  width: 9px;
  height: 9px;
  background-position: -218px -2px;
}
.btn-cancel:hover {
  background-position: -207px -2px;
}
.btn-close-folder {
  width: 16px;
  height: 14px;
}
.btn-delete {
  width: 5px;
  height: 5px;
  background-position: -54px -2px;
}
.btn-new-project {
  width: 153px;
  height: 147px;
  background-position: -90px -139px;
}
.btn-new-project:hover {
  background-position: -2px -288px;
}
.btn-open-close {
  width: 54px;
  height: 12px;
  vertical-align: top;
  background-position: -173px -13px;
}
.btn-open-close:hover {
  background-position: -117px -13px;
}
.btn-folder {
  width: 19px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background-position: -2px -44px;
}
.btn-folder.closed {
  background-position: -101px -26px;
}
.btn-pg-first {
  width: 11px;
  height: 9px;
  background-position: -120px -139px;
  /*-185px -2px;*/
}
.btn-pg-first.off {
  background-position: -2px -13px;
}
.btn-pg-latest {
  width: 11px;
  height: 9px;
  background-position: -157px -139px;
  /*-31px -13px;*/
}
.btn-pg-latest.off {
  background-position: -172px -2px;
}
.btn-pg-next {
  width: 6px;
  height: 9px;
  background-position: -146px -139px;
  /*-15px -13px;*/
  margin-left: 10px;
}
.btn-pg-next.off {
  background-position: -23px -13px;
}
.btn-pg-prev {
  width: 6px;
  height: 9px;
  background-position: -136px -139px;
  /*-229px -2px;*/
  margin-right: 10px;
}
.btn-pg-prev.off {
  background-position: -164px -2px;
}
.btn-plus {
  width: 8px;
  height: 8px;
  background-position: -120px -2px;
}
.gnb-left {
  width: 20px;
  height: 87px;
  background-position: -46px -139px;
  /*&.orange {*/
  background-position: -68px -139px;
  /*}*/
}
.gnb-right {
  width: 20px;
  height: 87px;
  background-position: -24px -139px;
  /*&.orange {*/
  background-position: -2px -139px;
  /*}*/
}
.gnb-sp-arrow {
  width: 12px;
  height: 70px;
  background-position: -202px -63px;
}
.ico-apply-small {
  width: 11px;
  height: 9px;
  background-position: -151px -2px;
}
.ico-arrow-down-blue {
  width: 8px;
  height: 4px;
  background-position: -34px -2px;
}
.ico-arrow-up-blue {
  width: 8px;
  height: 4px;
  background-position: -44px -2px;
}
.ico-arrow-up-gray {
  width: 11px;
  height: 6px;
  background-position: -120px -130px;
}
.ico-blue-dot {
  width: 2px;
  height: 2px;
  background-position: -6px -2px;
  vertical-align: middle;
}
.ico-book {
  width: 11px;
  height: 12px;
  background-position: -2px -27px;
}
.ico-book:hover {
  background-position: -15px -27px;
}
.ico-check-mark {
  width: 13px;
  height: 12px;
  background-position: -229px -13px;
}
.ico-clip {
  width: 9px;
  height: 13px;
  background-position: -92px -27px;
}
.ico-close-tag {
  width: 43px;
  height: 17px;
  background-position: -160px -44px;
}
.ico-comment-bubble {
  width: 16px;
  height: 16px;
  background-position: -78px -44px;
}
.ico-delete-small {
  width: 9px;
  height: 10px;
  background-position: -57px -13px;
}
.ico-document {
  width: 14px;
  height: 14px;
  background-position: -121px -27px;
}
.ico-document:hover {
  background-position: -137px -27px;
}
.ico-done-dot {
  width: 7px;
  height: 7px;
  background-position: -69px -2px;
}
.ico-dot-white {
  width: 2px;
  height: 2px;
  background-position: -2px -2px;
  margin: 0 3px;
  vertical-align: middle;
}
.ico-download {
  width: 10px;
  height: 11px;
  background-position: -79px -13px;
}
.ico-edit-small {
  width: 11px;
  height: 10px;
  background-position: -44px -13px;
}
.ico-gray-arrow-right {
  width: 7px;
  height: 9px;
  background-position: -198px -2px;
}
.ico-ing-dot {
  width: 7px;
  height: 7px;
  background-position: -78px -2px;
}
.ico-join {
  width: 17px;
  height: 17px;
  background-position: -141px -44px;
}
.ico-like {
  width: 16px;
  height: 16px;
  background-position: -42px -44px;
}
.ico-lock {
  width: 9px;
  height: 11px;
  background-position: -68px -13px;
}
.ico-not-yet-dot {
  width: 7px;
  height: 7px;
  background-position: -87px -2px;
}
.ico-search {
  width: 14px;
  height: 14px;
  /*13px;*/
  background-position: -136px -152px;
  /*background-position: -28px -27px;*/
  /*&:hover {
        background-position: -44px -27px;
    }*/
}
/*.orange {
    .ico-search {
        background-position: -60px -27px;
        &:hover {
            background-position: -76px -27px;
        }
    }
}*/
.ico-open-tag {
  width: 43px;
  height: 17px;
  background-position: -96px -44px;
}
.ico-pencil {
  width: 16px;
  height: 16px;
  background-position: -60px -44px;
}
.ico-plus-blue {
  width: 8px;
  height: 8px;
  background-position: -130px -2px;
}
.ico-radiobutton-inner {
  width: 6px;
  height: 6px;
  background-position: -61px -2px;
}
.ico-raw {
  width: 9px;
  height: 9px;
  background-position: -140px -2px;
}
.ico-setting {
  width: 16px;
  height: 15px;
  background-position: -153px -27px;
}
.ico-setting:hover,
.ico-setting.on {
  background-position: -171px -27px;
}
.ico-sort {
  width: 7px;
  height: 4px;
  background-position: -16px -2px;
  vertical-align: middle;
}
.ico-sort.down {
  background-position: -25px -2px;
}
.ico-sp-dot {
  width: 4px;
  height: 4px;
  background-position: -10px -2px;
}
.ico-statistics {
  width: 18px;
  height: 15px;
  background-position: -209px -27px;
}
.ico-statistics:hover {
  background-position: -189px -27px;
}
.ico-user-white {
  width: 17px;
  height: 16px;
  background-position: -23px -44px;
}
.signin {
  /*
    &:hover {
        .ico-user {
            background-position: -104px -13px;
        }
    }
    */
}
.signin .ico-user {
  /*
        width: 16px;
        height: 16px;
        background-position: -157px -386px;
        */
  margin-right: 5px;
  vertical-align: middle;
  /*
        width: 11px;
        height: 11px;
        background-position: -91px -13px;
        */
}
.ico-que-mark {
  width: 12px;
  height: 12px;
  background-position: -209px -44px;
  vertical-align: middle;
}
.ico-home {
  width: 11px;
  height: 10px;
  background-position: -226px -43px;
}
.ico-location-arrow {
  width: 3px;
  height: 5px;
  background-position: -240px -43px;
}
.ico-activity {
  vertical-align: middle;
  width: 18px;
  height: 17px;
}
.ico-activity.low {
  background-position: -3px -103px;
}
.ico-activity.low-med {
  background-position: -25px -103px;
}
.ico-activity.med {
  background-position: -47px -103px;
}
.ico-activity.med-high {
  background-position: -69px -103px;
}
.ico-activity.high {
  background-position: -91px -103px;
}
.ico-q {
  background-position: -156px -286px;
  width: 48px;
  height: 48px;
}
.ico-a {
  background-position: -156px -335px;
  width: 48px;
  height: 48px;
}
.ico-readme-book {
  width: 16px;
  height: 11px;
  background-position: -131px -104px;
}
.ico-like-small {
  width: 13px;
  height: 12px;
  background-position: -113px -102px;
  vertical-align: middle;
}
.ico-comment-bubble-small {
  width: 12px;
  height: 12px;
  background-position: -113px -115px;
  vertical-align: middle;
}
.ico-white-arrow-right {
  width: 5px;
  height: 7px;
  background-position: -131px -117px;
}
.ico-qa-plus {
  width: 14px;
  height: 14px;
  background-position: -3px -144px;
}
.ico-qa-minus {
  width: 14px;
  height: 14px;
  background-position: -20px -144px;
}
.ico-err1 {
  width: 62px;
  height: 82px;
  background-position: -5px -160px;
}
.ico-err2 {
  width: 50px;
  height: 80px;
  background-position: -80px -160px;
}
.btn-gray-arrow {
  width: 7px;
  height: 4px;
  vertical-align: middle;
  margin-right: 5px;
  background-position: -151px -104px;
}
.btn-gray-arrow.down {
  background-position: -151px -113px;
}
.ico-location {
  width: 7px;
  height: 9px;
  background-position: -163px -103px;
}
.ico-folder {
  width: 19px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background-position: -2px -44px;
}
.ico-folder.closed {
  background-position: -101px -26px;
}
.ico-file {
  width: 18px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background-position: -135px -26px;
}
.ico-none {
  width: 18px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
  background: none;
}
.btn-tw {
  width: 23px;
  height: 23px;
  background-position: -207px -289px;
}
.btn-tw:hover {
  background-position: -207px -313px;
}
.btn-fb {
  width: 23px;
  height: 23px;
  background-position: -207px -337px;
}
.btn-fb:hover {
  background-position: -207px -361px;
}
.btn-m2 {
  width: 23px;
  height: 23px;
  background-position: -207px -385px;
}
.btn-m2:hover {
  background-position: -207px -409px;
}
.btn-card-close {
  width: 12px;
  height: 12px;
  background-position: -174px -103px;
}
.btn-small-edit {
  width: 11px;
  height: 10px;
  background-position: -174px -127px;
}
.btn-label-white-close {
  width: 7px;
  height: 7px;
  background-position: -174px -117px;
}
.btn-manage-user {
  width: 26px;
  height: 16px;
  background-position: -157px -386px;
}
.btn-add-black {
  width: 8px;
  height: 8px;
  background-position: -157px -409px;
}
.framed-body {
  overflow: hidden;
}
.main {
  width: 100%;
  background-color: #fff;
}
.sidebar {
  background-color: #333333;
  position: sticky;
  top: 0;
  left: 0;
  bottom: 0;
}
.sidebar .nav {
  width: 270px;
}
.sidebar .nav-tabs {
  border-bottom: none;
}
.sidebar .nav-tabs li {
  margin-bottom: -2px;
}
.sidebar .nav-tabs li a {
  padding: 8px 10px;
  border: none;
  color: lightgray;
}
.sidebar .nav-tabs li a:hover {
  color: #f36c22;
  background-color: black;
  border: none;
}
.sidebar .nav-tabs .active a {
  color: #f36c22;
  background-color: black;
  border: none;
}
.sidebar .user-menu-wrap {
  padding: 10px;
  color: grey;
  box-sizing: border-box;
}
.sidebar .user-menu-wrap a:hover {
  color: white;
}
.sidebar .user-menu {
  padding: 5px;
}
#mainFrame {
  width: 100%;
}
.loading-gif {
  background: #ffffff url('../images/loading-gif-2.gif') no-repeat center;
}
.prj {
  color: #202020;
}
.short-menu {
  display: none;
}
.unsupported {
  text-align: center;
  font-size: 14px;
  color: #FFF;
  background-color: #4687FA;
  z-index: 999;
  line-height: 20px;
  padding: 5px 40px;
  font-weight: bold;
  display: none;
}
.unsupported .unsupported-inner {
  margin: 0 auto;
}
.unsupported .unsupported-inner p {
  font-weight: bold;
  padding: 5px 0;
}
.unsupported .unsupported-inner p a:hover {
  color: #fff;
}
.gnb-outer {
  height: 40px;
  background-color: #1b1b1b;
}
.gnb-outer.project-header {
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  width: 100%;
  z-index: 1000;
  padding: 0;
}
.gnb-outer.project-header .gnb-inner .logo:before,
.gnb-outer.project-header .gnb-inner .logo:after {
  display: none;
}
.pin {
  position: absolute;
  display: inline-block;
  left: -2px;
  top: 5px;
  margin-right: 5px;
  padding: 0 1px;
  font-size: 18px;
  background-color: #03a9f4;
  color: #3E2723;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pin i.yobicon-arrow-right,
.pin i.yobicon-arrow-left {
  padding: 4px 2px;
  display: none;
}
.pin i:hover {
  cursor: pointer;
  color: white;
}
.pin:hover {
  cursor: pointer;
}
.gnb-inner {
  margin: 0 auto;
  color: #788ba7;
  height: 40px;
  width: 98%;
}
.gnb-inner .logo-letter {
  background: #FF5722;
  padding: 6px 10px !important;
  color: #803131 !important;
  border-radius: 2px;
  font-weight: bold;
  opacity: 0.7;
}
.gnb-inner .logo-letter:hover {
  color: #FFF !important;
  opacity: 1;
}
.gnb-inner .logo {
  background-position: 11px 10px;
  background-repeat: no-repeat;
  width: 44px;
  height: 40px;
}
.gnb-inner .logo:before {
  content: " ";
  float: left;
  width: 1px;
  height: 40px;
}
.gnb-inner .logo:after {
  content: " ";
  float: left;
  width: 1px;
  height: 40px;
  margin-left: 40px;
}
.gnb-inner .gnb-nav {
  float: left;
  margin-left: 15px;
  list-style: none;
  font-size: 14px;
  color: #a2a2a2;
  display: block;
}
.gnb-inner .gnb-nav li {
  float: left;
  position: relative;
}
.gnb-inner .gnb-nav li.divider {
  line-height: 40px;
  font-size: 12px;
}
.gnb-inner .gnb-nav li.divider:after {
  content: "|";
  color: #a2a2a2;
  opacity: 0.35;
}
.gnb-inner .gnb-nav li a {
  padding: 10px;
  float: none;
  line-height: 40px;
  color: #a2a2a2;
  text-decoration: none;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -ms-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
.gnb-inner .gnb-nav li a:hover {
  color: #FFF;
}
.gnb-inner .gnb-nav li.active a {
  color: #FFF;
}
.gnb-inner .gnb-nav li.active:before {
  content: " ";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px solid transparent;
  border-style: outset outset solid outset;
  border-bottom-color: #FFF;
  margin-left: -8px;
}
.gnb-inner .gnb-usermenu {
  float: right;
  padding: 0;
  list-style: none;
}
.gnb-inner .gnb-usermenu > li {
  float: left;
  margin: 5px 0;
  position: relative;
}
.gnb-inner .gnb-usermenu > li.divider {
  line-height: 30px;
}
.gnb-inner .gnb-usermenu > li.divider:after {
  content: "|";
  color: #788ba7;
  opacity: 0.35;
}
.gnb-inner .gnb-usermenu > li:last-child {
  margin-left: 10px;
}
.gnb-inner .gnb-usermenu > li form {
  margin: 0;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-item {
  font-size: 14px;
  color: #a2a2a2;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-item a {
  line-height: 30px;
  padding: 5px 10px;
  text-decoration: none;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-item a:hover {
  color: #fcfcfc;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-item a:hover .counter-badge {
  color: #fcfcfc;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-item a .counter-badge {
  display: inline-block;
  font-size: 12px;
  min-width: 12px;
  padding: 2px 2px 0 2px;
  text-align: center;
  color: black;
  background-color: rgba(255, 115, 50, 0.75);
  border-radius: 5px;
  line-height: 14px;
  vertical-align: middle;
  margin-left: 4px;
  margin-bottom: 3px;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-item a.usermenu-icon-button {
  font-size: 16px;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown {
  font-size: 14px;
  color: #efefef;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown > a {
  padding: 0 10px;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle {
  display: inline-block;
  line-height: 30px;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle .caret-text {
  padding: 0 2px;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle .caret {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle !important;
  width: 0;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #efefef;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle:hover,
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle:focus {
  color: #5dbbe0;
  text-decoration: none;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle:hover .caret,
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle:focus .caret {
  border-top: 4px solid #5dbbe0;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle.dropdwon-box-btn {
  background-color: #f36c22;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  padding: 0 10px;
}
.gnb-inner .gnb-usermenu > li.gnb-usermenu-dropdown .gnb-dropdown-toggle.dropdwon-box-btn .caret {
  border-top: 4px solid #FFF;
}
.gnb-search-form {
  margin: 0;
  padding: 0 10px;
  font-size: 0;
  line-height: 30px;
  margin-top: 5px;
}
.gnb-search-form .dropdown-toggle {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  background-color: #F7F7F7;
}
.gnb-search-form .dropdown-menu > li {
  clear: both;
  display: block;
  float: none;
}
.gnb-search-form .dropdown-menu > li a {
  padding: 5px 10px;
  line-height: 20px;
}
.search-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.search-box.select {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.search-box input {
  outline: 0 none;
  border: 0;
  line-height: 30px;
  padding: 5px 10px;
  margin-bottom: 3px;
  width: 50px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.search-box input:focus {
  width: 200px;
}
.search-box button {
  background: transparent;
  border: 0;
  outline: 0 none;
  margin: 5px;
}
.project-header-outer {
  background-color: #565656;
  height: 120px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.project-header-outer .project-header-inner {
  height: inherit;
  background-clip: padding-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
}
.project-header-outer .project-header-inner .project-header-wrap {
  height: inherit;
  margin: 0 auto;
  width: 97%;
  position: relative;
}
.project-header-outer .project-header-inner .project-header-wrap .project-header-avatar {
  bottom: -30px;
  left: 0px;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 5px solid #f9f9f9;
  border-radius: 3px !important;
  background: #fff;
}
.project-header-outer .project-header-inner .project-header-wrap .project-header-avatar img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap {
  position: absolute;
  bottom: 18px;
  left: 90px;
  padding: 2px 10px;
  background-color: rgba(0, 0, 0, 0.55);
  display: inline-block;
  font-weight: bold;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap.fork {
  bottom: 5px;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb {
  line-height: 30px;
  font-size: 1.5em;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .project-author a {
  color: #FFF;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .project-author a:hover {
  color: #FFF;
  text-decoration: underline;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .project-separator {
  color: #FFF;
  padding: 0 5px;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .project-name {
  color: #fc491e;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .project-name a:hover {
  color: #fc491e;
  text-decoration: underline;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .project-private {
  color: #788ba7;
  font-size: 14px;
  margin-left: 5px;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .user-project-list .star {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.22);
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .user-project-list .star:hover {
  color: #e91e63;
  cursor: pointer;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-breadcrumb .user-project-list .starred {
  color: #e91e63 !important;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-origin {
  font-size: 12px;
  line-height: 20px;
  margin-top: -7px;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-origin .project-origin-title {
  color: #788ba7;
}
.project-header-outer .project-header-inner .project-header-wrap .project-breadcrumb-wrap .project-origin .project-origin-name {
  margin-left: 5px;
  color: #5dbbe0;
}
.project-header-outer .project-header-inner .project-header-wrap .project-util-wrap {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.project-header-outer .project-header-inner .project-header-wrap .project-util-wrap .project-util {
  list-style: none;
  margin: 0;
}
.project-header-outer .project-header-inner .project-header-wrap .project-util-wrap .project-util li {
  float: left;
  margin-left: 15px;
  position: relative;
}
.project-header-outer .project-header-inner .project-header-wrap .project-util-wrap .project-util li .icons-ul {
  margin: 10px 0 10px 25px;
}
.page-wrap-outer {
  min-height: 450px;
  margin-top: 10px;
}
.page-wrap {
  background-color: #ffffff;
  margin: 0 auto;
}
.project-menu-outer {
  background-color: #ececec;
  height: 39px;
  border-bottom: 1px solid #ddd;
}
.project-menu-outer .project-menu-inner {
  height: 39px;
  margin: 0 auto;
}
.project-menu-outer .project-menu-inner .project-menu-nav {
  list-style: none;
  margin: 0;
  height: 39px;
}
.project-menu-outer .project-menu-inner .project-menu-nav.project-menu-gruop {
  float: left;
  margin-left: 110px;
}
.project-menu-outer .project-menu-inner .project-menu-nav li {
  float: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.project-menu-outer .project-menu-inner .project-menu-nav li a {
  display: inline-block;
  line-height: 30px;
  padding: 5px 20px 4px;
}
.project-menu-outer .project-menu-inner .project-menu-nav li a:hover {
  text-decoration: none;
  color: #fc491e;
  background-color: #dadada;
}
.project-menu-outer .project-menu-inner .project-menu-nav li.active {
  color: #fc491e;
  font-weight: bold;
}
.project-menu-outer .project-menu-inner .project-menu-nav li.active:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px solid transparent;
  border-style: outset outset solid outset;
  border-bottom-color: #ddd;
  margin-left: -8px;
}
.project-menu-outer .project-menu-inner .project-menu-nav li.active:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px solid transparent;
  border-style: outset outset solid outset;
  border-bottom-color: #FFF;
  margin-left: -8px;
}
.project-menu-outer .project-menu-inner .project-setting {
  float: right;
}
.project-menu-count {
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  font-weight: normal;
  min-width: 8px;
  padding: 0 6px;
  background-color: #ff7332;
  color: #ECF0F1;
  text-align: center;
  vertical-align: top;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.project-new-posting {
  font-size: 12px;
  line-height: 14px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  color: #ff7332;
  vertical-align: top;
}
.project-page-wrap {
  margin: 20px auto 0;
}
.project-page-wrap label {
  display: inline-block;
}
.project-page-wrap h4 {
  padding: 10px 0;
  line-height: 30px;
}
.project-page-wrap .nav-tabs > li {
  margin-bottom: -2px;
}
.site-breadcrumb-outer .site-breadcrumb-inner {
  margin: 0 auto;
}
.site-breadcrumb-outer .site-breadcrumb-inner h3 {
  padding: 10px 10px 5px 10px;
  line-height: 30px;
}
.page-footer-outer {
  background-color: #ffffff;
  padding: 10px 0;
}
.page-footer-outer .page-footer {
  margin: 0 auto;
  text-align: center;
  line-height: 34px;
}
.page-footer-outer .provider {
  margin-left: 4px;
  font-family: Verdana;
  font-size: 9px;
  color: #333;
}
.page-footer-outer .provider a {
  font-family: Tahoma;
  color: #444;
  font-weight: bold;
  padding: 0 2px;
}
.page-footer-outer .provider a:hover {
  color: #2cb400;
}
.page-footer-outer .provider .yona-author {
  padding: 2px;
}
.page-footer-outer .provider .yona-author:hover {
  color: white;
  background-color: orangered;
  text-decoration: none;
}
.page-footer-outer .provider .naver-labs:hover {
  color: white;
  background-color: black;
  text-decoration: none;
}
.page-footer-outer .provider .d2-program:hover {
  background-color: #5f5f5f;
  text-decoration: none;
}
.page-footer-outer .provider .d2-program:hover .d2 {
  color: #32cda0;
}
.page-footer-outer .provider .d2-program:hover .program {
  color: #fff;
}
.page-footer-outer .provider .naver-cloud-platform:hover {
  color: white;
  background-color: #1E49B9;
  text-decoration: none;
}
.page {
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page.full {
  padding: 0;
}
.page.code-browse,
.page.plugin-setting {
  padding: 0 20px;
}
.page label {
  cursor: pointer;
  display: inline-block ;
}
.checkbox {
  display: inline-block ;
  vertical-align: top;
  margin: 2px !important;
}
.forked-from {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 10px;
  font-size: 11px;
}
.forked-from i {
  vertical-align: text-bottom;
}
.center-wrap {
  text-align: center;
}
.page .tag-line-wrap {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 26px;
}
.page .tag-line-wrap.signup {
  padding-top: 40px;
  margin-top: 0px;
}
.page .tag-line-wrap.signup .tag-line {
  color: #7C7C7C;
  font-size: 14px;
}
.page .tag-line-wrap.signup .tag-line span {
  color: #535353;
}
.page .tag-line-wrap.login {
  padding-top: 80px;
  margin-top: 0px;
}
.page .tag-line-wrap.reset-password {
  padding-top: 80px;
  margin-top: 0px;
}
.page .tag-line-wrap .title {
  font-size: 3.3em;
  line-height: 42px;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: inline-block ;
}
.page .tag-line-wrap .title .highlight {
  color: #ff7332;
}
.page .tag-line-wrap .tag-line {
  font-size: 1.2em;
  color: #7c7c7c;
  margin-top: 10px;
}
.page .tag-line-wrap .tag-line span {
  color: #5d5d5d;
}
.page .tag-line-wrap-index {
  margin-top: 25px !important;
  margin-bottom: 23px !important;
}
.lost-password {
  overflow: hidden;
}
.siteintro {
  border-bottom: 1px solid #e8e8e8;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), url('../images/bg-samples/photo-svetacreative.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: 1px solid #333;
}
.siteintro .siteintro-cover {
  opacity: 1;
  padding: 55px 0 65px;
  background-position: bottom;
  background-size: 100vw 170px;
  background-repeat: no-repeat;
  overflow: auto;
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
.siteintro .siteintro-wrap {
  margin: 0 auto;
  text-align: center;
}
.siteintro .siteintro-wrap .site-heading {
  margin: 0 ;
  padding: 0;
  font-size: 34px;
  font-weight: normal;
  color: #FAFAFA;
  font-family: sans-serif;
  opacity: 0.9;
}
.siteintro .siteintro-wrap .site-features {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
  display: block;
  margin-top: 5px;
}
.siteintro .siteintro-wrap .site-features li {
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  margin-left: 5px;
  font-weight: normal;
  letter-spacing: 1.1px;
  opacity: 0.5;
}
.siteintro .siteintro-wrap .site-features li:first-child {
  margin-left: 0;
}
.siteintro .signup-btn {
  margin-top: 35px;
  text-align: center;
}
.feature {
  clear: both;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  max-width: 1200px;
}
.feature h2 {
  padding: 0;
  font-size: 26px;
  font-weight: normal;
  margin-top: 30px;
  display: block;
  padding: 10px 20px;
  line-height: 20px;
  z-index: 2;
}
.feature h2 span {
  padding: 0 20px;
  background-color: #FFF;
}
.feature .feature-wrap {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 40px;
}
.feature .feature-wrap li {
  position: relative;
  display: inline-block;
  width: 330px;
  margin-left: 40px;
  box-sizing: border-box;
}
.feature .feature-wrap li .feature-image {
  color: #ff7332;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 40px;
}
.feature .feature-wrap li .feature-info {
  display: block;
  margin-left: 55px;
  height: 100px;
}
.feature .feature-wrap li .feature-info .feature-title {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 16px;
}
.feature .feature-wrap li .feature-info .feature-desc {
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: left;
}
.sample {
  overflow: hidden;
  background-color: #f9f9f9;
  padding: 80px 20px;
}
.sample .sample-wrap {
  margin: 0 auto;
  text-align: center;
  overflow: auto;
}
.sample .sample-wrap .sample-img {
  background-image: url("../images/laptop-image.png");
  background-size: 100% 100%;
  background-position: top center;
  float: left;
  width: 480px;
  height: 280px;
  text-align: center;
  padding-top: 20px;
}
.sample .sample-wrap .sample-img img {
  vertical-align: top;
  width: 360px;
  height: 240px;
}
.sample .sample-wrap .get-started {
  float: left;
  margin-left: 60px;
  width: 440px;
  margin-top: 40px;
  text-align: left;
}
.sample .sample-wrap .get-started h2 {
  margin-bottom: 20px;
}
.sample .sample-wrap .get-started h2 strong {
  color: #f36c22;
}
.site-guide-outer {
  margin: 30px 0 0;
}
.site-guide-outer.hide {
  margin-top: 0px;
  display: none;
}
.site-guide-outer h3 {
  margin: 0;
  padding: 0;
}
.site-guide-outer h3 span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.site-guide-outer .site-guide-inner {
  margin-top: 15px;
  padding: 0 130px;
  font-size: 0;
}
.site-guide-outer .site-guide-inner .guide-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 0;
}
.site-guide-outer .site-guide-inner .guide-wrap li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 15px;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-left: 0 !important;
  font-size: 14px;
  min-height: 150px;
}
.site-guide-outer .site-guide-inner .guide-wrap li h4 {
  font-size: 16px;
  font-weight: bold;
}
.site-guide-outer .site-guide-inner .guide-wrap li p {
  margin-top: 15px;
  font-size: 14px;
  min-height: 60px;
}
.site-guide-outer .site-guide-inner .guide-wrap li:nth-child(odd) {
  background-color: #f2f4f5;
}
.site-guide-outer .site-guide-inner .guide-wrap li:nth-child(even) {
  background-color: #ffffff;
  border-top: 1px solid #f2f4f5;
  border-bottom: 1px solid #f2f4f5;
  padding: 19px 15px;
}
.site-guide-outer .site-guide-inner .guide-wrap li:nth-child(1) {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.site-guide-outer .site-guide-inner .guide-wrap li:nth-child(2) {
  border-right: none;
  border-left: none;
}
.site-guide-outer .site-guide-inner .guide-wrap li:nth-child(3) {
  border-left: none;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}
.guide-toggle {
  text-align: center;
}
.guide-toggle button {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  color: #95a5a6;
  padding: 0px 25px;
  display: inline-block;
  border-top: 2px solid white;
}
.guide-toggle button i {
  font-size: 12px;
}
#notification-more {
  margin-top: 20px;
  width: 95%;
}
.content-container .main-stream {
  margin-bottom: 15px;
}
.content-container .main-stream .activity-streams {
  margin: 0;
}
.content-container .main-stream .activity-streams .warning-none {
  font-size: 16px;
  padding: 15px 20px;
  text-align: center;
  background-color: #8b8b8b;
  color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.content-container .main-stream .activity-streams .notification-stream {
  clear: both;
  color: #DDD;
  padding: 5px 5px 5px 25px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.content-container .main-stream .activity-streams .notification-stream .more {
  background-color: #E0E0E0;
  padding: 0 10px 5px;
  display: inline-block;
  color: #888;
  line-height: 10px;
  border-radius: 2px;
}
.content-container .main-stream .activity-streams .notification-stream:hover {
  background: #f5f5f5;
}
.content-container .main-stream .activity-streams .notification-stream:first-child:before {
  top: 20px;
}
.content-container .main-stream .activity-streams .notification-stream:last-child:before {
  height: 30px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type {
  display: inline-block;
  padding: 4px 6px;
  color: #4caf50;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: top;
  margin-top: 2px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.updated {
  font-size: 12px;
  font-weight: bold;
  color: white;
  border: 1px solid;
  border-radius: 3px;
  padding: 0 2px;
  background-color: #FF9800;
  width: 26px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.closed {
  color: #fd6956;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.changed {
  color: #65c9df;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.rejected {
  color: #fd8658;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.warning {
  color: #fcc666;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.merged {
  color: #65c9df;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.comment2 {
  color: #8b008b;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.info {
  color: #999;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.list-alt {
  color: #795548;
}
.content-container .main-stream .activity-streams .notification-stream .stream-type.ellipsis-horizontal {
  color: grey;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc {
  padding: 4px 7px 7px 7px;
  display: inline-block;
  width: 90%;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .avatar-wrap {
  margin-top: 3px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .title {
  color: #51aacc;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .meta {
  font-size: 12px;
  color: #bbb;
  margin-top: 5px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .meta .author {
  color: #666;
  font-weight: bold;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .meta .author:hover {
  color: #f36c22;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .message-wrap {
  margin-top: 3px;
  font-size: 13px;
  color: #888;
  overflow: hidden;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 20px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .message-wrap .message {
  word-break: break-all;
  line-height: 20px;
}
.content-container .main-stream .activity-streams .notification-stream .stream-desc .stream-info .message-wrap.nowrap {
  min-height: 20px;
  max-height: 200px;
}
.content-container .main-stream .activity-streams .activity-stream {
  padding: 1px 0;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f1f1;
}
.content-container .main-stream .activity-streams .activity-stream:first-of-type {
  padding-top: 10px;
}
.content-container .main-stream .activity-streams .activity-stream:last-child {
  border-bottom: 0 none;
}
.content-container .main-stream .activity-streams .activity-stream .user-thumb-wrap {
  float: left;
  margin-right: 10px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 100%;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .actor {
  font-weight: bold;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .actor:hover {
  color: #51aacc;
  text-decoration: none;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .whereis {
  font-size: 11px;
  color: #333;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .whereis a:hover {
  color: #51aacc;
  text-decoration: none;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .whereis .where {
  color: #51aacc;
  font-weight: bold;
  background-color: #f7f7f7;
  padding: 3px 5px;
  display: inline-block;
  -webkit-box-shadow: inset 0 0 5px #ffffff;
  -moz-box-shadow: inset 0 0 5px #ffffff;
  box-shadow: inset 0 0 5px #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .whereis .title {
  font-weight: bold;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .header-text .title {
  font-size: 12px;
  font-weight: bold;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .author {
  font-weight: bold;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .date {
  color: #bbb;
  margin-left: 5px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc {
  color: #888;
  font-size: 11px;
  /*margin-bottom: 10px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log {
  overflow: hidden;
  margin-bottom: 5px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log:last-child {
  margin-bottom: 0;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log .user-thumb-wrap {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: block;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log .user-thumb-wrap img {
  vertical-align: top;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log .commit-detail {
  font-size: 11px;
  margin-left: 30px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log .commit-detail .commit-id {
  color: #f36c22;
  /*#D06930;*/
  font-weight: bold;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .desc .commit-logs .commit-log .commit-detail .commit-msg {
  color: #808080;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .others {
  line-height: 16px;
  padding-left: 3px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .others .num {
  font-size: 12px;
  color: #5dbbe0;
  /*#4489A4;*/
  margin-left: 3px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .others .date {
  font-size: 11px;
  color: #999;
  margin-left: 5px;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .others .ico {
  vertical-align: bottom;
}
.content-container .main-stream .activity-streams .activity-stream .activity-desc .others .ico.ico-sp-dot {
  vertical-align: middle;
  margin: 0 2px;
}
.content-container .projects-wrap {
  /** Create new project button **/
}
.content-container .projects-wrap .my-projects-tab {
  margin: 0;
}
.content-container .projects-wrap .my-projects {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.content-container .projects-wrap .my-projects .title {
  background-color: #f2f4f5;
  padding: 10px;
  display: block;
  font-weight: bold;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}
.content-container .projects-wrap .my-projects .my-project {
  position: relative;
  padding-left: 15px;
  padding-bottom: 10px;
  margin: 1px;
}
.content-container .projects-wrap .my-projects .my-project .my-project-header .name-wrap {
  display: inline-block ;
  font-size: 14px;
  color: #777;
}
.content-container .projects-wrap .my-projects .my-project .my-project-header .name-wrap i {
  margin-left: 3px;
}
.content-container .projects-wrap .my-projects .my-project .my-project-header .name-wrap a {
  display: inline-block ;
}
.content-container .projects-wrap .my-projects .my-project .my-project-header .name-wrap a strong {
  text-overflow: ellipsis;
  overflow: hidden;
}
.content-container .projects-wrap .my-projects .my-project .my-project-header .ico-wrap {
  vertical-align: top;
  margin-top: 9px;
  width: 5px;
  text-align: right;
  display: inline-block ;
}
.content-container .projects-wrap .my-projects .my-project.on-desc .ico-wrap {
  margin-top: 20px;
}
.content-container .projects-wrap .my-projects .my-project:first-of-type {
  padding-top: 1px;
}
.content-container .projects-wrap .contributors {
  overflow: hidden;
}
.content-container .projects-wrap .contributors .contributor {
  float: left;
  width: 32px;
  border: 1px solid #B4B4B4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 8px 10px 0;
}
.content-container .projects-wrap .contributors .contributor:nth-child(4n) {
  margin-right: 0;
}
.content-container .projects-wrap .sp-line {
  height: 1px;
  background-color: #ffffff;
  border-top: 1px solid #d9d9d9;
  margin: 10px 0;
}
.content-container .projects-wrap .btn-wrap {
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: center;
}
.content-container .projects-wrap .btn-wrap a {
  font-size: 15px;
  /*font-family:"Myriad Pro";*/
  width: 180px;
  height: 35px;
  background-color: #f36c22;
  color: #fff;
  line-height: 35px;
  border-bottom: 1px solid #ae5f54;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block ;
}
.content-container .projects-wrap .btn-wrap a i {
  vertical-align: middle;
  margin-bottom: 4px;
}
.content-container .projects-wrap .getstarted {
  width: 220px;
  padding-top: 11px;
}
.content-container .projects-wrap .getstarted button {
  cursor: pointer;
}
.btn-wrap-new-project {
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: center;
}
.btn-wrap-new-project a {
  font-size: 15px;
  /*font-family:"Myriad Pro";*/
  width: 180px;
  height: 35px;
  background-color: #f36c22;
  color: #fff;
  line-height: 35px;
  border-bottom: 1px solid #ae5f54;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block ;
}
.btn-wrap-new-project a i {
  vertical-align: middle;
  margin-bottom: 4px;
}
.login-form-wrap,
.signup-form-wrap {
  position: relative;
}
.login-form-wrap .text,
.signup-form-wrap .text {
  width: 386px;
  height: 27px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  border-radius: 0 !important;
}
.login-form-wrap .text:focus,
.signup-form-wrap .text:focus {
  border-bottom: 1px solid #f36c22;
  outline: none;
}
.login-form-wrap .text.password,
.signup-form-wrap .text.password {
  margin-bottom: 15px;
}
.login-form-wrap input,
.signup-form-wrap input {
  border: none;
  border-bottom: 1px solid #ccc;
}
.login-form-wrap .alert h4,
.signup-form-wrap .alert h4 {
  font-size: 15px;
}
.login-form-wrap .email-verification-help,
.signup-form-wrap .email-verification-help {
  font-weight: bold;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 16px;
}
.login-form-wrap {
  margin-top: 54px;
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.login-form-wrap .remember-me-wrap {
  margin-top: 0px;
}
.login-form-wrap .remember-me-wrap .checkbox {
  margin-left: 0px !important;
  margin-top: 4px !important;
}
.login-form-wrap .act-row {
  line-height: 22px;
  overflow: auto;
}
.login-form-wrap .btns-row {
  display: block;
  text-align: center;
  margin: 0px auto 20px;
}
.login-form-wrap .social-login-title {
  font-size: 14px;
  padding-top: 10px;
}
.login-form-wrap .social-login-title-line {
  margin-top: 12px;
  margin-bottom: 10px;
}
.signup-form-wrap {
  width: 400px;
  margin-top: 14px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.signup-form-wrap .text.email {
  width: 181px;
  margin-right: 10px;
}
.signup-form-wrap .text.uname {
  width: 181px;
}
.signup-form-wrap .act-row {
  text-align: right;
  color: #999999;
}
.signup-form-wrap .act-row .go-login {
  color: #5C5C5C;
  font-weight: bold;
}
.signup-form-wrap .btns-row {
  display: block;
  margin: 0px auto 20px;
  text-align: center;
}
.form-wrap.new-project {
  position: relative;
  width: 700px;
  margin: 30px auto;
}
.form-wrap.new-project .text {
  width: 98%;
}
.form-wrap.new-project .text.textarea {
  height: 78px;
  resize: vertical;
}
.form-wrap.new-project .actions {
  text-align: center;
  position: relative;
}
.form-wrap.new-project .project-scopes .icon-scope {
  font-size: 18px;
  margin: 0 10px 20px 7px;
}
.form-wrap.new-project .project-scopes .note {
  color: #777;
  font-size: 11px;
  margin-left: 22px;
}
.form-wrap.new-project .project-scopes label {
  display: block;
}
.form-wrap.new-project .advanced-options {
  padding: 10px 0;
  background: #fafafa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.form-wrap.new-project .popover {
  max-width: 144px;
}
.form-wrap.new-project .repo-auth-wrap {
  display: none;
  padding: 10px 30px 10px 20px;
  background: #fafafa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.form-wrap .bordertop {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}
.bread-crumb-wrap {
  overflow: hidden;
}
.bread-crumb-wrap .title {
  margin-top: 0;
  font-weight: normal;
  font-size: 26px;
  float: left;
  color: #f36c22;
}
.bread-crumb-wrap .bread-crumb {
  float: right;
}
.header-wrap {
  margin-top: 30px;
  margin-bottom: 5px;
  padding: 0px;
}
.header-wrap .stats-wrap {
  padding: 0px 0px 5px 0px;
  overflow: hidden;
}
.header-wrap .stats-wrap .stat {
  background-color: #FFF;
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 31px;
  width: 268px;
  margin-right: 10px;
  float: left;
}
.header-wrap .stats-wrap .stat:last-child {
  margin-right: 0;
}
.header-wrap .stats-wrap .stat .desc {
  font-size: 12px;
}
.header-wrap .stats-wrap .stat .num {
  float: right;
  font-size: 28px;
  line-height: 1;
}
.header-wrap .stats-wrap .stat .num.all {
  color: #f36c22;
}
.header-wrap .stats-wrap .stat .num.open {
  color: #5DBBE0;
  /*color: #51AACC;*/
}
.header-wrap .stats-wrap .stat .num.public {
  color: #5DBBE0;
}
.header-wrap .stats-wrap .stat-projectlist {
  border-bottom: 1px solid #c5c5c5;
}
.header-wrap .stats-wrap .stat-projectlist.active {
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
  border-bottom: none;
  font-weight: bold;
  /*&.private { color: #5DBBE0; }*/
}
.header-wrap .stats-wrap .stat-projectlist.active.all {
  color: #f36c22;
}
.header-wrap .stats-wrap .stat-projectlist.active.public {
  color: #5DBBE0;
}
.header-wrap .stats-wrap .stat-issue {
  width: 266px;
  /*240px;*/
  border-bottom: 1px solid #c5c5c5;
}
.header-wrap .stats-wrap .stat-issue.active {
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
  border-bottom: none;
  font-weight: bold;
}
.header-wrap .stats-wrap .stat-issue.active .desc.all {
  color: #f36c22;
}
.header-wrap .stats-wrap .stat-issue.active .desc.open {
  color: #5DBBE0;
  /*color: #51AACC;*/
}
.header-wrap .stats-wrap .stat-issue.active .desc.public {
  color: #5DBBE0;
}
.bottom-actrow {
  margin-top: 15px;
  padding: 6px 2px;
}
.issue-list-wrap {
  clear: both;
}
.search-wrap {
  clear: both;
  padding: 10px 0;
  height: 30px;
}
.search-wrap.underline {
  border-bottom: 1px solid #ddd;
}
.srch-advanced {
  margin-top: 10px;
}
.all-projects {
  margin: 0 0 20px;
  list-style: none;
  clear: both;
}
.all-projects .project {
  padding: 15px 0 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #DCDCDC;
}
.all-projects .project .info-wrap .owner-avatar-wrap {
  overflow: hidden;
  display: inline;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 3px !important;
  position: relative;
}
.all-projects .project .info-wrap .owner-avatar-wrap img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.all-projects .project .info-wrap .header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 10px;
}
.all-projects .project .info-wrap .header .yobicon-lock {
  color: #7F8C8D;
}
.all-projects .project .info-wrap .header .owner-name-small {
  color: #999;
  font-size: 19px;
}
.all-projects .project .info-wrap .forked {
  padding: 3px 5px;
  text-shadow: none;
  font-size: 11px;
  margin-left: 10px;
}
.all-projects .project .info-wrap .desc {
  margin-left: 10px;
  overflow-y: auto;
  max-height: 100px;
  max-width: 647px;
  text-overflow: ellipsis;
  color: #bababa;
}
.all-projects .project .info-wrap .name-tag {
  margin: 0;
  margin-left: 10px;
  font-size: 11px;
  color: #999;
}
.all-projects .project .stats-wrap {
  margin-top: 0px;
  text-align: right;
  /*.leaveProject { margin-top:2px; }*/
}
.all-projects .project .stats-wrap .like {
  display: inline-block ;
  vertical-align: middle;
  width: 42px;
  text-align: left;
  margin-right: 20px;
}
.all-projects .project .stats-wrap .like .num {
  color: #4489A4;
}
.all-projects .project .stats-wrap .like .ico {
  vertical-align: text-bottom;
  margin-right: 3px;
}
.all-projects .project .stats-wrap .members {
  width: 100%;
}
.all-projects .project .stats-wrap .members ul {
  display: inline-block;
  padding-left: 50px;
  overflow: hidden;
}
.all-projects .project .stats-wrap .members ul li {
  float: right;
}
.all-projects .project .stats-wrap .members ul li .avatar-wrap {
  margin-right: 3px;
  margin-bottom: 3px;
}
.all-projects .project .stats-wrap .members strong {
  color: #51aacc;
}
.all-projects.user-streams .project:first-of-type {
  padding-top: 5px;
}
.qas {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}
.qas .qa {
  margin-bottom: 14px;
  border-bottom: 1px solid #DCDCDC;
}
.qas .qa:last-of-type {
  border-bottom: none;
}
.qas .qa .question-wrap i,
.qas .qa .answer-wrap i {
  font-size: 2em;
  vertical-align: middle;
  font-weight: bold;
}
.qas .qa .question-wrap i.q,
.qas .qa .answer-wrap i.q {
  color: #f36c22;
}
.qas .qa .question-wrap i.a,
.qas .qa .answer-wrap i.a {
  color: #000;
  margin-right: 30px;
}
.qas .qa .question-wrap {
  line-height: 1.2;
  display: table;
  padding: 0 15px;
  /*10px;*/
  margin-bottom: 14px;
  width: 100%;
}
.qas .qa .question-wrap .icor {
  margin: 17px !important;
  width: 14px;
  height: 14px;
  background-position: -3px -144px;
}
.qas .qa .question-wrap .question {
  width: 85%;
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  color: #4C4C4C;
  /*.opacity(50);*/
  text-decoration: none;
}
.qas .qa .answer-wrap {
  display: none;
  padding: 15px 15px;
  /*19px 20px;*/
  border-top: 1px solid #DCDCDC;
  background-color: #F3F3F3;
}
.qas .qa .answer-wrap .ico {
  margin-right: 20px;
}
.qas .qa .answer-wrap .answer {
  vertical-align: top;
  display: table-cell;
  line-height: 16px;
  text-align: justify;
  word-break: break-all;
  line-height: 180%;
  padding-right: 9%;
}
.qas .qa.open .question-wrap {
  margin-bottom: 16px;
  width: 100%;
}
.qas .qa.open .question-wrap .icor {
  width: 14px;
  height: 14px;
  background-position: -20px -144px;
}
.qas .qa.open .question-wrap .question {
  /*font-size: 20px;*/
  /*.opacity(100);*/
}
.qas .qa.open .answer-wrap {
  display: table;
}
.page-title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: normal;
}
.page-title a {
  display: inline-block;
  max-width: 300px;
  /* 프로젝트명 */
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.page-title .gray {
  opacity: 0.5;
  /* 아이디 */
}
.page-title .gray a {
  max-width: 130px !important;
}
.page-title .gray a:hover {
  color: inherit !important;
}
.bubble-wrap {
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*10px*/
}
.bubble-wrap.gray {
  background-color: #F7F7F7;
}
.bubble-wrap.dark-gray {
  background-color: #ECECEC;
}
.bubble-wrap.dark-gray hr {
  border-top: 1px solid #d4d4d4;
}
.bubble-wrap.wp {
  padding: 20px 20px 10px;
}
.box-wrap {
  border-bottom: 1px solid #E9E9E9;
  padding: 0 20px;
  /* 프로젝트 설정 */
}
.box-wrap:last-of-type {
  border-bottom: none;
}
.box-wrap.top {
  padding-bottom: 20px;
}
.box-wrap.middle {
  padding: 10px 20px;
}
.box-wrap.bottom {
  padding: 20px 0;
  /*10px 0;*/
  padding-bottom: 12px;
  border-bottom: 0 none;
  text-align: center;
}
.box-wrap .setting-box {
  float: left;
  width: 399px;
}
.box-wrap .setting-box.left {
  padding-right: 20px;
  border-right: 1px solid #ffffff;
}
.box-wrap .setting-box.left .logo-wrap {
  width: 260px;
  height: 188px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block ;
}
.box-wrap .setting-box.left .logo-desc {
  width: 120px;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: top;
  display: inline-block ;
}
.box-wrap .setting-box.left .logo-desc .point {
  color: #51aacc;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  clear: both;
}
.box-wrap .setting-box.left .logo-desc .descs li {
  margin-top: 10px;
}
.box-wrap .setting-box.left .logo-desc .descs li:last-of-type {
  margin-top: 25px;
}
.box-wrap .setting-box.right {
  padding-left: 20px;
  border-left: 1px solid #d4d4d4;
}
.box-wrap .setting-box.right .text,
.box-wrap .setting-box.right .textarea {
  width: 380px;
}
.box-wrap .setting-box.right .textarea {
  height: 80px;
  /*111px;*/
  margin-bottom: 0;
  resize: vertical;
}
.cu-label {
  width: 160px;
  padding-right: 45px;
  display: inline-block ;
  vertical-align: top;
}
.cu-desc {
  display: inline-block ;
}
.cu-desc .note {
  color: #777;
  /*999;*/
  font-size: 12px;
}
.cu-desc .notice {
  color: #DB3A67;
}
label.inline-list {
  margin-left: 15px;
  vertical-align: middle;
}
label.inline-list:first-child {
  margin-left: 0;
}
.n-alert.project-del {
  margin-left: 125px;
}
.btn-project-delete {
  margin-left: 10px;
}
.inner-bubble {
  margin-bottom: 10px;
  position: relative;
}
.inner-bubble .text.uname {
  width: 384px;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.members.project {
  margin: 0;
  list-style: none;
}
.members.project .member {
  border-bottom: 1px solid #DDD;
  padding: 10px 5px;
  display: block;
  position: relative;
  margin-left: 5px;
}
.members.project .member .member-name {
  margin-top: 2px;
  line-height: 20px;
  font-weight: bold;
}
.members.project .member .member-id {
  line-height: 20px;
  color: #ccc;
}
.members.project .member .member-setting {
  position: absolute;
  right: 0;
  top: 15px;
}
.members.project .member .member-setting .owner {
  margin-top: 5px;
  padding: 5px;
}
.members.project .guest {
  background-color: rgba(255, 165, 0, 0.8);
  color: white;
  padding: 0 4px;
}
.check-all {
  vertical-align: middle;
  text-align: center;
  padding: 0 10px;
}
.filter-wrap {
  display: block;
  margin: 5px 0 0;
  height: 30px;
  position: relative;
}
.filter-wrap.small-heights {
  margin: 5px 0 0;
  height: 20px;
}
.filter-wrap .filters {
  color: #666;
  float: right;
  margin-top: 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 2px 10px;
}
.filter-wrap .filters .filter {
  margin-right: 10px;
}
.filter-wrap .filters .filter.active {
  font-weight: bold;
  color: #f36c22;
}
.filter-wrap .filters .filter:last-of-type {
  margin: 0;
}
.filter-wrap .filters i {
  margin-right: 5px;
}
.milestone-legend {
  text-align: left;
  color: #999;
}
.milestone-legend i {
  display: inline-block ;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 35px;
  height: 7px;
  margin: 0 3px;
}
.milestone-legend i.open {
  background-color: #b6da54;
}
.milestone-legend i.closed {
  background-color: #fd6956;
}
.milestone-legend i.gray {
  background: #B1B1B1;
}
.milestone-info {
  margin: 10px 0;
  background-color: #fff;
  padding: 4px;
}
.milestone-info .progress {
  height: 7px;
  width: 100%;
}
.milestone-info .progress .progress-info {
  clear: both;
  width: 100%;
}
.milestone-info .meta-info {
  margin: 5px;
}
.milestone-info .meta-info .title {
  font-size: 12px;
  font-weight: bold;
}
.milestone-info .meta-info .due-date {
  color: #666;
}
.milestone-info .meta-info .due-date.over {
  color: #f36c22;
}
.milestone-info .meta-info .due-date .date {
  font-size: 11px;
}
.milestone-info .progress-wrap {
  overflow: hidden;
  color: #999;
  font-size: 11px;
}
.milestone-info .desc {
  font-size: 11px;
  margin-top: 15px;
  padding: 15px;
  background-color: #EBEBEB;
  border-top: 1px solid #D3D3D3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.issue-option .milestone-info .meta-info {
  margin: 5px 0;
}
.issue-option .milestone-info .meta-info .due-date {
  display: block;
}
.project-home .milestone-info .meta-info .due-date {
  display: block;
}
.project-home .milestone-info .progress-wrap {
  margin: 0 5px;
}
.milestones {
  list-style: none;
  margin: 0;
}
.milestones .milestone {
  padding: 15px 0px;
  /* 15px 30px;*/
}
.milestones .milestone:last-of-type {
  border-bottom: none;
}
.milestones .milestone .bar {
  background: #fd6956 !important;
}
.milestones .milestone .state-label {
  font-size: 13px;
  padding: 5px 0 3px;
  display: inline-block;
  min-width: 13px;
  color: white;
  border-radius: 5px;
  text-align: center;
  line-height: 14px;
  margin-right: 3px;
}
.milestones .milestone .state-label.open {
  color: white;
}
.milestones .milestone .state-label.closed {
  color: #fd6956;
}
.milestones .milestone .issue-item {
  font-size: 14px;
  padding: 3px;
}
.milestones .milestone .issue-item .item-name {
  vertical-align: middle;
}
.milestones .milestone .issue-item .number {
  font-family: menlo, Consolas, monospace, sans-serif;
  font-size: 12px;
  color: gray;
  min-width: 35px;
  padding-right: 5px;
  display: inline-block;
  text-align: right;
  margin-right: 3px;
}
.milestones .milestone .infos {
  width: 100%;
  /*700px*; /*660px;*/
}
.milestones .milestone .infos .contributors {
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.milestones .milestone .infos .contributors .contributor {
  float: left;
  margin: 0 5px 5px 0;
}
.milestones .milestone .infos .contributors .contributor .img-rounded {
  width: 34px;
  height: 34px;
  display: block;
}
.milestones .milestone .infos .meta-info {
  margin: 5px 0 10px;
}
.milestones .milestone .infos .meta-info .milestone-name {
  font-size: 20px;
  font-weight: bold;
}
.milestones .milestone .infos .meta-info .number {
  font-size: 20px;
}
.milestones .milestone .infos .meta-info .percentage {
  font-weight: bold;
}
.milestones .milestone .infos .meta-info .sp {
  margin: 0 5px;
  color: #E4E4E4;
}
.milestones .milestone .infos .meta-info .due-date {
  color: #666;
}
.milestones .milestone .infos .meta-info .due-date.over {
  color: #f36c22;
}
.milestones .milestone .infos .progress-wrap {
  overflow: hidden;
  color: #999;
  font-size: 11px;
  margin-top: 15px;
}
.milestones .milestone .infos .progress-wrap .progress {
  height: 8px;
}
.milestones .milestone .infos .desc {
  font-size: 11px;
  margin-top: 15px;
  padding: 15px;
  background-color: #EBEBEB;
  border-top: 1px solid #D3D3D3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.milestones .milestone .infos .actrow {
  text-align: right;
  padding-top: 10px;
}
.milestones .milestone .completion-rate {
  text-align: center;
}
.milestones .milestone .completion-rate.done {
  color: #f36c22;
}
.milestones .milestone .completion-rate i {
  display: inline-block ;
  font-style: normal;
  font-size: 0.6em;
  vertical-align: top;
  padding-top: 20px;
  margin-left: 7px;
}
.milestone-desc {
  background: #f7f7f7;
  padding: 10px 15px;
  margin: 15px 0;
  border: 1px solid #ddd;
  border-width: 1px 0;
  -webkit-box-shadow: inset 0 0 5px #ffffff;
  -moz-box-shadow: inset 0 0 5px #ffffff;
  box-shadow: inset 0 0 5px #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.milesion-wrap .progress {
  background-color: #b6da54;
}
.milesion-wrap .progress.empty {
  background-color: #B1B1B1;
}
.milesion-wrap .progress .progress-bar {
  background-color: #fd6956;
  height: inherit;
}
.label.milestone-state {
  margin: 0;
  padding: 2px 0px;
  margin-right: 3px;
  width: 40px;
  text-align: center;
  font-size: 11px;
}
.label.milestone-state.open {
  background-color: #b6da54;
}
.label.milestone-state.closed {
  background-color: #fd6956;
}
.form-wrap.milestone {
  position: relative;
}
.form-wrap.milestone .inner.left .title-wrap label {
  font-weight: bold;
}
.form-wrap.milestone .inner.left .title-wrap input {
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.form-wrap.milestone .inner.left .content-wrap label {
  font-weight: bold;
}
.form-wrap.milestone .inner.left .content-wrap textarea {
  width: 100%;
  height: 261px;
  resize: vertical;
}
.form-wrap.milestone .inner.left .actions {
  text-align: right;
  height: 26px;
}
.form-wrap.milestone .inner.left .actions .save {
  vertical-align: top;
  margin-right: 5px;
}
.form-wrap.milestone .inner.right {
  position: absolute;
  top: 22px;
  right: 0;
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 385px;
  padding: 15px 10px;
  /*background-color: #ececec;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.form-wrap.milestone .inner.right .due-date {
  width: 236px;
  margin-bottom: 0;
}
.form-wrap.milestone .inner.right .pika-single {
  width: 232px;
}
.form-wrap.milestone .inner.right .date-picker {
  margin-top: 5px;
}
.form-wrap.milestone .inner.right label {
  color: #777;
}
.project-home-header {
  padding: 5px 0 ;
  margin-bottom: 20px;
  position: relative;
}
.project-home-header .project-overview {
  border-left: 3px solid #fc491e;
  padding: 0 10px;
}
.project-home-header .project-overview h3 {
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
}
.project-home-header .project-overview h3 .markdown-wrap p {
  margin: 0;
  display: inline-block;
}
.project-home-header .project-overview .project-description-edit input {
  margin: 0;
}
.project-home-header .project-clone-wrap {
  position: relative;
  padding: 5px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.project-home-header .project-clone-wrap .project-clone-url {
  text-align: right;
  float: left;
  margin-bottom: 0;
  background-color: #FFF;
  width: 175px;
  border: 1px solid #DDD;
  border-right: none;
  outline: 0;
  cursor: pointer;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-transition: width 0.15s;
  -moz-transition: width 0.15s;
  -ms-transition: width 0.15s;
  -o-transition: width 0.15s;
  transition: width 0.15s;
  position: absolute;
  right: 86px;
}
.project-home-header .project-clone-wrap .project-clone-url:focus {
  width: 450px;
}
.project-home-header .project-clone-wrap .project-clone-button {
  margin-left: 0;
  position: absolute;
  right: 0;
  width: 86px;
  padding: 4px 0 !important;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  float: left;
}
.project-home {
  padding: 10px;
  /*font-size: 0;*/
}
.project-home .issue-wrap {
  margin-bottom: 15px;
}
.project-home .issue-wrap a.btn {
  width: 105px;
}
.project-home .project-btn-wrap {
  text-align: center;
  padding: 5px 0;
}
.project-home .project-btn-wrap .project-btn-item {
  margin-top: 10px;
  display: block;
}
.project-home .project-btn-wrap .project-btn-item a {
  display: block;
}
.project-home .project-btn-wrap .project-btn-item:first-child {
  margin-top: 0;
}
.project-home .inner {
  background-color: #ffffff;
  /*margin-right: 10px;*/
  margin-bottom: 10px;
  font-size: 12px;
  overflow: hidden;
  vertical-align: top;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.project-home .inner.member-info {
  margin-right: 0;
  height: auto !important;
}
.project-home .inner.logo {
  position: relative;
  width: 260px;
  height: 188px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.project-home .inner.logo .edit {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  text-shadow: 1px 1px #000;
  padding: 5px 10px;
  font-weight: bold;
}
.project-home .inner.logo .edit i {
  vertical-align: middle;
}
.project-home .inner.project-info {
  /*width: 53.3%;/*390px; /*350px;*/
}
.project-home .inner.project-info .infos {
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 10px;
}
.project-home .inner.project-info .infos .info {
  padding: 6px;
  /*5px 10px;*/
  border-bottom: 1px solid #ededed;
  color: #777;
}
.project-home .inner.project-info .infos .info:first-child {
  padding-top: 0;
}
.project-home .inner.project-info .infos .info:last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.project-home .inner.project-info .infos .info .label-list span:not(.label):not(:last-child):after {
  content: ", ";
}
.project-home .inner.project-info button#edit-toggle {
  float: right;
}
.project-home .inner .project-members {
  list-style: none;
  margin: 0;
  padding: 10px;
}
.project-home .inner .project-members .member {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #ededed;
  color: #999;
}
.project-home .inner .project-members .member:first-child {
  padding-top: 0;
}
.project-home .inner .project-members .member:last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.project-home .inner .project-members .member .name {
  line-height: 24px;
  margin-left: 5px;
}
.project-home .inner .project-members .member .name strong {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block ;
}
.project-home .inner header {
  background-color: #F8F8F8;
  padding: 10px 0;
}
.project-home .inner header h3 {
  font-size: 12px;
  /* 16px;*/
  color: #4C4C4C;
  margin: 0;
  display: inline-block ;
  line-height: 20px;
}
.project-home .inner header .project-status {
  float: right;
  line-height: 19px;
}
.project-home .inner header .project-status .ico-like {
  vertical-align: bottom;
}
.project-home .inner header .project-status .num {
  color: #4489A4;
}
.project-home .inner header .project-status .sp {
  color: #ccc;
  margin: 0 7px;
}
.project-hometop-wrap {
  display: block;
  clear: both;
  height: 30px;
}
.project-hometop-wrap .vcs-wrap {
  padding: 0px;
  /*text-align:left;/*center;*/
  text-align: right;
  padding-right: 4px;
  padding: 0;
  line-height: 30px;
}
.project-hometop-wrap .vcs-wrap .clone-label {
  color: #4D4D4D;
  margin-right: 10px;
  font-weight: bold;
}
.project-hometop-wrap .vcs-wrap .clone-label strong {
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 11px;
  padding: 4px;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
  margin-right: 5px;
  background: #5dbbe0;
  /*#56B5D9;*/
}
.project-hometop-wrap .vcs-wrap .clone-label strong.Subversion {
  background: #5dbbe0;
  /*#56B5D9;*/
  padding: 8px;
}
.project-hometop-wrap .vcs-wrap .clone-label strong.GIT {
  background: #5dbbe0;
  /*#56B5D9;*/
  /*.bgorange;*/
  padding: 8px 27px;
}
.project-hometop-wrap .vcs-wrap .repo-url {
  cursor: text;
  margin: 0;
  /*width: 520px;*/
  width: 60%;
  font-family: Consolas,Tahoma,Verdana !important;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.project-hometop-wrap .vcs-wrap .repo-url:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #CCC;
}
.project-hometop-wrap .vcs-wrap .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: 11px;
  font-weight: bold;
  display: inline-block ;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.project-hometop-wrap .vcs-wrap .copy-btn:hover {
  color: #f36c22;
}
.project-hometop-wrap .vcs-wrap .btn-group {
  margin-top: 1px;
}
.project-hometop-wrap .vcs-wrap .btn-group .d-label {
  width: 115px;
  /*155px;*/
}
.project-hometop-wrap .vcs-wrap .repo-url {
  width: 570px;
  font-family: Consolas,Tahoma,Verdana !important;
  background: #f5f5f5;
}
.project-hometop-wrap .issue-wrap strong.num.open {
  color: #5dbbe0;
}
.readme {
  padding: 5px;
}
.readme .default {
  padding: 20px;
  text-align: center;
}
.readme .default .v {
  display: inline-block;
  width: 0;
  height: 500px;
  vertical-align: middle;
}
.readme .readme-wrap {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  overflow: hidden;
}
.readme .readme-wrap header {
  padding: 10px 25px;
  background-color: #F8F8F8;
  border-bottom: 1px solid #d4d4d4;
  font-size: 18px;
}
.readme .readme-wrap header .ico {
  vertical-align: middle;
  margin-right: 5px;
}
.readme .readme-wrap .readme-body {
  padding: 25px;
  font-size: 1.2em;
}
.readme .markdown-wrap img {
  box-sizing: content-box;
  background-color: #fff;
  border-style: none;
  box-shadow: none;
  margin: 5px 0;
  padding: 0;
}
.project-overview-home h5 {
  margin-bottom: 20px;
  border-left: 3px solid #ff7332;
  padding-left: 10px;
}
.project-overview-home small {
  color: #999;
  margin-left: 3px;
  width: 35px;
  display: inline-block;
}
.project-overview-home .progress {
  margin-top: 7px;
  width: 100px;
  height: 7px;
}
.project-overview-home .num {
  text-align: right;
  padding-right: 15px;
}
.project-overview-home .empty {
  text-align: center;
}
.project-overview-home .empty p {
  margin-bottom: 15px;
  color: #999;
  font-size: 13px;
}
.project-overview-home .overview-label {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.project-overview-home .overview-label dt {
  width: 120px;
  line-height: 30px;
}
.project-overview-home .overview-label dd {
  margin-left: 140px;
  line-height: 30px;
}
.project-overview-home .overview-label:first-of-type {
  padding-top: 0;
}
.project-overview-home .overview-label:last-of-type {
  border-bottom: none;
}
.project-overview-home .overview-assignee .usf-group {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-overview-home .overview-pullrequest .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-overview-home .overview-pullrequest .review {
  text-align: right;
}
.project-overview-home .overview-pullrequest .review.disabled {
  color: #ddd;
}
.historyAgo {
  font-size: 11px;
  font-weight: normal;
  margin-left: 3px;
  color: #51aacc;
}
.historyAgo.new {
  color: #f36c22;
}
.historyAgo.old {
  color: #777;
}
.write-btn-wrap {
  margin: 20px 0;
  text-align: right;
}
.board-view .num {
  color: #51AACC;
  margin-right: 5px;
}
.board-header {
  display: block;
  clear: both;
  border: none;
  margin: 15px 0;
}
.board-header .board-id {
  font-size: 14px;
  padding-right: 10px;
  color: #939393;
}
.board-header .title {
  font-size: 18px;
  line-height: 30px;
  color: #000;
  padding: 10px 20px;
  background-color: #f2f2f2;
  word-break: break-all;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.board-header .date {
  display: inline-block;
  vertical-align: top;
  line-height: 29px;
  margin-right: 20px;
  color: #999;
}
.board-header .badge {
  color: #fff;
}
.badge {
  margin-right: 25px;
  font-weight: bold;
  color: #FFF;
  padding: 5px 15px;
  line-height: 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.badge.badge-issue-open {
  background-color: #b6da54;
}
.badge.badge-issue-closed {
  background-color: #fd6956;
}
.badge.badge-issue-rejected {
  background-color: #fd8658;
}
.badge.badge-issue-merged {
  background-color: #65c9df;
}
.badge.badge-issue-conflict {
  background-color: #C0392B;
}
.board-body .author-info {
  display: block;
  margin: 10px 20px;
}
.board-body .posting-history {
  display: inline-block;
  margin-left: 10px;
}
.board-body .content {
  padding: 0 20px;
  margin-bottom: 20px;
  min-height: 150px;
}
.board-body .content.empty-content {
  text-align: center;
  background-image: url("../images/no_contents.jpg");
  background-repeat: no-repeat;
  background-position: center 50%;
}
.board-body textarea.content {
  padding: 6px;
}
.board-body .right-menu-icons button.icon {
  line-height: 30px;
  font-size: 22px;
  color: lightgray;
}
.board-body .right-menu-icons button.icon .yobicon-lang {
  font-size: 20px;
}
.board-body .right-menu-icons button.icon.disabled {
  color: #eee !important;
}
.board-body .right-menu-icons button.icon:hover {
  color: #51aacc;
  opacity: 1;
}
.board-body .right-menu-icons .pt5px {
  padding-top: 5px;
}
.board-body .count {
  margin-left: -3px;
}
.empty-result {
  padding: 0 20px;
  margin: 20px 0;
  text-align: center;
  min-height: 250px;
  background-image: url("../images/no_contents.jpg");
  background-repeat: no-repeat;
  background-position: center 50%;
}
.attachments ul {
  list-style-type: none;
}
.attachments .yobicon-paperclip {
  vertical-align: middle;
}
.attachments .filename {
  margin-left: 5px;
}
.attachments .filesize {
  font-size: 10px;
  color: #999;
  margin-left: 5px;
}
.attachments .download i,
.attachments .download span {
  vertical-align: middle;
}
.attachments .attach {
  line-height: 23px;
  width: 100%;
}
.attachments .attaches {
  margin-right: 30px;
}
.board-comment-wrap {
  display: block;
  clear: both;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.board-comment-wrap .comment-header {
  color: #222;
  font-size: 16px;
  line-height: 40px;
}
.board-comment-wrap .comments {
  margin: 0;
  padding: 0;
  list-style: none;
}
.board-comment-wrap .comments .comment-update-form {
  display: none;
}
.board-comment-wrap .comments .comment-update-form .textarea-box {
  padding-right: 2px;
  margin-bottom: 10px;
}
.board-comment-wrap .comments .comment-update-form .write-comment-box {
  padding: 10px;
}
.board-comment-wrap .comments .comment {
  padding: 10px 0px;
  position: relative;
}
.board-comment-wrap .comments .comment:target .media-body {
  border: 2px solid #03a9f4;
}
.board-comment-wrap .comments .comment:target .media-body::before {
  border-color: #03a9f4;
  border-width: 0 0 2px 2px;
}
.board-comment-wrap .comments .comment .comment-avatar {
  float: left;
  padding-left: 5px;
}
.board-comment-wrap .comments .comment .add-a-comment {
  font-size: 12px;
  background-color: #fff;
  position: relative;
  right: 10px;
  color: #00b0e8;
  border: 1px solid #00b0e8;
  margin-top: -32px;
  padding: 0 5px;
  border-radius: 3px;
  display: none;
  z-index: 2;
}
.board-comment-wrap .comments .comment .add-a-comment:hover {
  box-shadow: 1px 1px 2px #e0e0e0;
  cursor: pointer;
  display: block;
}
.board-comment-wrap .comments .comment .subcomment-media-body {
  margin-left: 60px;
  text-align: right;
}
.board-comment-wrap .comments .comment .subcomment-media-body .deleteButtonX {
  display: inline-flex;
  align-items: center;
  color: red;
}
.board-comment-wrap .comments .comment .subcomment-media-body .one-line-comment .contents {
  text-align: left;
  margin-left: 12px;
  padding: 5px 0 4px 10px;
  border-bottom: 1px dashed #ccc;
}
.board-comment-wrap .comments .comment .subcomment-media-body .one-line-comment .contents .no-text-decoration {
  color: #0e90d2;
}
.board-comment-wrap .comments .comment .subcomment-media-body .one-line-comment .contents a.issueLink {
  color: #0e90d2;
}
.board-comment-wrap .comments .comment .subcomment-media-body .one-line-comment .author {
  text-align: right;
}
.board-comment-wrap .comments .comment .subcomment-media-body .child-comment-input-form {
  display: none;
}
.board-comment-wrap .comments .comment .subcomment-media-body .child-comment-input-form textarea {
  margin-top: 5px;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0 !important;
  margin-bottom: 0;
  resize: none;
  overflow: hidden;
  padding-left: 10px;
}
.board-comment-wrap .comments .comment .subcomment-media-body .child-comment-input-form button {
  display: inline-block;
}
.board-comment-wrap .comments .comment .media-body {
  margin-left: 52px;
  border: 1px solid #BDC3C7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.board-comment-wrap .comments .comment .media-body:before {
  position: absolute;
  top: 23px;
  left: 47px;
  content: ' ';
  width: 9px;
  height: 9px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #BDC3C7;
  background-color: #f8f8f8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.board-comment-wrap .comments .comment .media-body:hover {
  box-shadow: 2px 2px 1px 0 #dcdcdc;
}
.board-comment-wrap .comments .comment .media-body .meta-info {
  height: 22px;
  padding: 5px 15px;
  margin-bottom: 0;
  background-color: #F7F7F7;
}
.board-comment-wrap .comments .comment .media-body .meta-info .yobicon-comment {
  vertical-align: middle;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row {
  overflow: hidden;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row i {
  font-size: 20px;
  line-height: 20px;
  color: #000;
  opacity: 0.2;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row i.yobicon-edit-2 {
  margin-top: 2px;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row i.yobicon-hearts:hover {
  color: #f68c52;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row i:hover {
  color: #51aacc;
  opacity: 1;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row i.vote-heart-disable-hover:hover {
  color: initial;
  opacity: 0.2;
  font-size: 16px;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row .vote-description-people {
  color: #3b5998;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row .vote-heart-on {
  font-size: 16px;
  color: #f36c22;
  opacity: 1.0;
}
.board-comment-wrap .comments .comment .media-body .meta-info .act-row .vote-heart-off {
  font-size: 16px;
}
.board-comment-wrap .comments .comment .media-body .meta-info .comment_author {
  font-size: 13px;
  margin-right: 5px;
  color: #3f3e40;
  vertical-align: middle;
}
.board-comment-wrap .comments .comment .media-body .meta-info .ago {
  color: #7F8C8D;
}
.board-comment-wrap .comments .comment .media-body .meta-info .ago .outdated {
  text-decoration: line-through;
}
.board-comment-wrap .comments .comment .media-body .comment-body {
  font-size: 1.1em;
  padding: 5px 20px;
}
.board-comment-wrap .comments .comment .attach-preview-wrap {
  margin-top: 10px;
}
.board-comment-wrap .comments .comment.mentioned .media-body {
  border: 1px solid #56C5F7;
}
.board-comment-wrap .comments .comment.mentioned .media-body:before {
  background-color: #e1f5fe;
  border-color: #56C5F7;
}
.board-comment-wrap .comments .comment.mentioned .meta-info {
  background-color: #e1f5fe;
}
.board-comment-wrap .comments .comment.author .attach {
  border-top: none;
  border-left: none;
}
.board-comment-wrap .comments .reply {
  padding: 0;
}
.board-comment-wrap .comments .reply .media-body {
  border-top: 0px;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.board-comment-wrap .comments .reply .media-body:before {
  content: none;
}
.board-comment-wrap .comments .hasReply {
  padding-bottom: 0px;
}
.board-comment-wrap .comments .hasReply .media-body {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.board-comment-wrap .comments .last {
  padding-bottom: 10px;
}
.board-comment-wrap .comments .last .media-body {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.board-comment-wrap .comments .event {
  padding: 2px 0 2px 55px;
  font-size: 1em;
  line-height: 30px;
  /** pullRequest view **/
}
.board-comment-wrap .comments .event.event-index {
  padding: 0;
  line-height: normal;
  font-size: 12px;
}
.board-comment-wrap .comments .event.event-index .state {
  padding: 1px 3px;
  width: auto;
  margin-right: 0;
}
.board-comment-wrap .comments .event .state {
  color: #FFF;
  padding: 6px 0;
  text-align: center;
  display: inline-block;
  width: 90px;
  line-height: 14px;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.board-comment-wrap .comments .event .state i {
  margin-right: 3px;
}
.board-comment-wrap .comments .event .state.merged {
  background-color: #65c9df;
}
.board-comment-wrap .comments .event .state.closed {
  background-color: #fd6956;
}
.board-comment-wrap .comments .event .state.open {
  background-color: #b6da54;
}
.board-comment-wrap .comments .event .state.changed {
  background-color: #65c9df;
}
.board-comment-wrap .comments .event .state.rejected {
  background: #F39C12;
}
.board-comment-wrap .comments .event .state.conflict {
  background: #C0392B;
}
.board-comment-wrap .comments .event .state.resolved {
  background: #468847;
}
.board-comment-wrap .comments .event .state.sharer-added {
  background-color: #B2EBF2;
  color: #0097A7;
}
.board-comment-wrap .comments .event .state.sharer-deleted {
  background-color: #FFCCBC;
  color: #F4511E;
}
.board-comment-wrap .comments .event .state.label-added {
  background-color: #B2EBF2;
  color: #0097A7;
}
.board-comment-wrap .comments .event .state.label-deleted {
  background-color: #FFCCBC;
  color: #F4511E;
}
.board-comment-wrap .comments .event .state.milestone-changed {
  background-color: #0088cc;
}
.board-comment-wrap .comments .event em {
  font-size: 12px;
  color: #7F8C8D;
  margin-right: 5px;
}
.board-comment-wrap .comments .event .date {
  font-size: 11px;
  color: #aaa;
}
.board-comment-wrap .comments .event .commit-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 102px;
  border: 1px solid #ddd;
  background: #fdfdfd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.board-comment-wrap .comments .event .commit-list .commit-info {
  padding: 10px 5px;
}
.board-comment-wrap .comments .event .commit-list .commit-info .commit-id {
  float: left;
  color: #51aacc;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 12px;
  width: 70px;
  text-align: center;
}
.board-comment-wrap .comments .event .commit-list .commit-info .commitMsg.short {
  margin: 0;
  vertical-align: middle;
  padding: 5px;
}
.board-comment-wrap .comments .event .commit-list .commit-info .commitMsg.desc {
  margin-left: 80px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
}
.board-comment-wrap .comments .event .commit-list .commit-info:nth-child(even) {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.board-comment-wrap .comments .event .commit-list .commit-info:last-child {
  border-bottom: 0;
}
.board-comment-wrap .comments .event .commit-list .outdated {
  text-decoration: line-through;
}
.board-comment-wrap .comments .event .commit-list .outdated a {
  text-decoration: line-through;
}
.board-comment-wrap .comments .event .commit-list .avatar-wrap {
  margin-top: -2px;
  float: right;
  margin-right: 5px;
}
.board-comment-wrap .comments .event .commit-list .date {
  float: right;
  margin-right: 15px;
  margin-top: 3px;
}
.commitMsg a {
  color: #51aacc;
}
.commitMsg.short {
  padding: 5px;
  font-size: 14px;
  word-break: break-word;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: pre-line;
}
.commitMsg.desc {
  /* pre */
  word-break: break-all;
  word-wrap: break-word;
  font-size: 12px;
  background: transparent;
  border: none;
  border-left: 3px solid #F1f1f1;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  color: #666;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.commitMsg.moreBtn {
  /* button */
  position: relative;
  top: -1px;
  display: inline-block;
  outline: none;
  background-color: transparent;
  border: 0;
  line-height: 0;
  margin-left: 3px;
}
.commitMsg.moreBtn span {
  display: inline-block;
  background-color: #bbb;
  color: #fff;
  padding: 2px 7px;
  line-height: 6px;
  height: 12px;
  font-size: 12px;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
div.markdown-loader {
  font-size: 16px;
  min-height: 140px;
  padding: 15px 20px;
  text-align: left;
  clear: both;
}
div.markdown-preview {
  border: 1px solid #ccc;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  background: #FAFAFA;
  padding: 15px 20px;
}
.write-comment-box {
  padding: 0 0 15px 54px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.write-comment-box .write-comment-wrap {
  position: relative;
}
.write-comment-box .write-comment-wrap .nav {
  margin-bottom: 0;
}
.write-comment-box .write-comment-wrap textarea.disabled {
  resize: none;
  height: 80px;
  background: transparent;
}
.write-comment-box .write-comment-wrap input[type="radio"] {
  display: none;
}
.write-comment-box .write-comment-wrap .comment-update-button {
  margin-top: 10px;
}
.write-comment-box .comment {
  height: 160px;
  margin: 0;
  resize: vertical;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.write-comment-box .comment:focus {
  border: 1px solid #cccccc;
}
.write-comment-box .upload-wrap {
  background: #efefef;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.write-comment-box .actrow {
  margin-top: 10px;
}
.board-footer {
  text-align: right;
  font-size: 0;
  margin-top: 20px;
}
.board-footer .add-btn {
  font-size: 12px;
  color: #888;
}
.board-footer .add-btn .ico {
  margin-right: 5px;
}
.board-actrow {
  margin: 20px 0;
  overflow: auto;
  padding-right: 15px;
}
.board-actrow button i.yobicon-hearts:hover {
  color: #f68c52;
}
.board-actrow button.icon {
  line-height: 30px;
  font-size: 22px;
  color: lightgray;
}
.board-actrow button.icon .yobicon-lang {
  font-size: 20px;
}
.board-actrow button.icon.disabled {
  color: #eee !important;
}
.board-actrow button.icon:hover {
  color: #51aacc;
  opacity: 1;
}
.board-actrow button.icon .yobicon-hearts {
  font-size: 16px;
}
.board-actrow .pt5px {
  padding-top: 5px;
}
.labels-wrap {
  position: relative;
}
.labels-wrap select {
  visibility: hidden;
}
.issue-info {
  padding: 15px 0 0 52px;
}
.issue-info.affix {
  top: 0;
  max-height: 97vh;
  overflow-y: scroll;
  overflow-x: hidden;
  right: 0;
  width: 23%;
}
.issue-info .project-btn-item a {
  width: 90%;
  margin-bottom: 15px;
}
.issue-info dl {
  margin-bottom: 20px;
}
.issue-info dl dd {
  padding: 5px 0px;
}
.issue-info p {
  margin-bottom: 5px;
  line-height: 14px;
}
.issue-info .name {
  font-size: 11px;
}
.issue-info .status {
  margin: 0;
  color: #646464;
  font-size: 11px;
}
.issue-info .status .ico {
  vertical-align: top;
}
.upload-wrap {
  padding: 10px !important;
}
.upload-wrap .help {
  display: none;
}
.upload-wrap .help-droppable {
  display: inline;
}
.upload-wrap .attach-wrap {
  text-align: center;
}
.upload-wrap .attach-wrap .btn-wrap {
  display: inline-block !important;
  margin: 0 5px;
  vertical-align: top;
}
.upload-wrap .attach-wrap .plain {
  display: inline-block;
  line-height: 30px;
}
.upload-wrap .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;
  max-width: 50%;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 0 10px;
  margin: 5px 4px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  /* 업로드 하는 도중에는 진행 상태 표시 */
  /* 업로드 완료 후에는 삭제 버튼 표시 */
  /* 임시 파일 표시 */
}
.attached-file:hover {
  border: 1px solid #f36c22;
}
.attached-file i {
  display: none;
  margin-right: 3px;
  vertical-align: middle;
  color: #3a7ee5;
}
.attached-file .name {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition-duration: 0.5s;
}
.attached-file .size {
  font-size: 11px;
  vertical-align: middle;
}
.attached-file .progress {
  display: inline-block;
  width: 100px;
  height: 7px;
  margin: 0;
  overflow: hidden;
}
.attached-file .btn-delete {
  width: 30px;
  height: 30px;
  font-size: 1.5em;
  font-weight: bold;
}
.attached-file .btn-delete:hover {
  color: #f36c22;
}
.attached-file .btn-insert {
  display: none;
  line-height: 20px;
  margin-top: 2px;
  margin-right: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.attached-file .btn-insert:hover {
  background: #fff;
  color: #f36c22;
}
.attached-file.complete .progress {
  display: none;
}
.attached-file.complete .btn-delete {
  display: inline-block;
}
.attached-file.complete .btn-insert {
  display: block;
}
.attached-file.temporary i {
  display: inline-block;
}
.upload-drop-here {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 3px dashed #FFB23D;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: none;
  pointer-events: none;
}
.upload-drop-here .msg-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.upload-drop-here .msg {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -13px;
  color: #999;
  font-size: 26px;
  text-align: center;
}
.dragover .upload-drop-here {
  display: block;
}
.frm-wrap dl,
.frm-wrap dt,
.frm-wrap dd {
  margin: 0;
  padding: 0;
}
.frm-wrap dt {
  margin: 3px 0px 1px 0px;
}
.frm-wrap dt label {
  font-weight: bold;
  margin-right: 5px;
}
.issue-option {
  width: 100%;
  margin-bottom: 16px !important;
}
.issue-option dt {
  margin-bottom: 5px;
}
.issue-option dd {
  margin: 0;
}
.issue-option dd .btn-group {
  width: 100%;
}
.issue-option dd select {
  width: 100%;
}
.issue-option span.over {
  color: #f36c22 !important;
}
.label-editor {
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.label-editor .colors-wrap {
  position: relative;
  padding-top: 32px;
}
.label-editor .colors-wrap .colorInput {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.content-wrap .text {
  width: 97%;
  /*946px;/*866px;*/
}
.content-wrap textarea.content {
  height: 300px;
}
.content-wrap textarea.text {
  resize: vertical;
}
.content-wrap .title {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0 !important;
}
.content-wrap .error {
  margin-bottom: 5px;
}
.content-wrap .message {
  margin-bottom: 15px;
  color: red;
  font-weight: bold;
}
.content-wrap .content {
  height: 190px;
  /*320px;*/
}
.content-wrap .actions {
  margin-top: 20px;
  text-align: center;
  position: relative;
}
.content-wrap .actrow {
  margin-top: 20px;
}
.content-footer {
  padding: 10px 20px;
  background-color: #f5f5f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.post-list-wrap {
  list-style: none;
}
.post-list-wrap.notice-wrap {
  background-color: #F7F7F7;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  clear: both;
}
.post-list-wrap.notice-wrap li:last-child {
  border: none;
}
.post-list-wrap .label-notice {
  background-color: #51aacc;
}
label.issue-item-row {
  display: block;
  margin: 0;
}
.post-item {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: auto;
  clear: both;
}
.post-item.active {
  background-color: #F5F5F5 !important;
}
.post-item .mass-update-check {
  vertical-align: middle;
  text-align: center;
  float: left;
  margin-right: 15px;
}
.post-item .mass-update-check input {
  margin-top: 15px;
}
.post-item .avatar-wrap {
  margin-right: 10px;
  float: left;
}
.post-item .avatar-wrap.assinee {
  margin-right: 0;
}
.post-item .title-wrap {
  display: block;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.post-item .title-wrap .weight-up-arrow {
  color: #8bc34a;
}
.post-item .title-wrap .weight-down-arrow {
  color: red;
}
.post-item .title-wrap .post-id {
  color: #999;
  margin-right: 5px;
  font-size: 13px;
  font-weight: bold;
}
.post-item .title-wrap .title {
  color: #333;
  font-size: 15px;
  font-weight: 600;
}
.post-item .title-wrap .title.project {
  color: #3592b5;
  margin-right: 10px;
}
.post-item .title-wrap .title:hover {
  color: #3592b5;
  text-decoration: none;
}
.post-item .title-wrap .title.name {
  color: #333;
}
.post-item .title-wrap .title.name:hover {
  color: #333;
}
.post-item .title-wrap .title.conflict {
  color: #b94a48;
}
.post-item .title-wrap .title.conflict:hover {
  color: #b94a48;
}
.post-item .infos {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
}
.post-item .infos .infos-item {
  margin-right: 6px;
  float: left;
}
.post-item .infos .infos-item.project-name {
  color: #51aacc;
}
.post-item .infos .infos-item.infos-link-item:hover {
  color: #3592b5;
  text-decoration: none;
}
.post-item .infos .infos-item.infos-icon-link {
  color: #3592b5;
}
.post-item .infos .infos-item.infos-icon-link i {
  vertical-align: middle;
}
.post-item .infos .infos-item.infos-icon-link .size {
  margin-right: 3px;
}
.post-item .infos .infos-item.infos-icon-link .total {
  color: #777;
}
.post-item .infos .infos-item.infos-icon-link:hover {
  color: #3592b5;
  text-decoration: none;
}
.post-item .infos .infos-item.infos-icon-link.open {
  color: #b6da54 !important;
}
.post-item .infos .infos-item.infos-icon-link.closed {
  color: #fd6956 !important;
}
.post-item .infos .infos-item.infos-icon-link.closed .total {
  color: inherit !important;
}
.post-item .infos .infos-item.infos-sympathy {
  color: #e95e01 !important;
  font-weight: bold;
}
.post-item .infos .infos-item .upload-progress {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  overflow: hidden;
  margin-top: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.post-item .infos .infos-item .upload-progress .bar {
  height: 100%;
}
.post-item .infos .infos-item .infos-icon {
  color: #777;
  margin-right: 2px;
}
.post-item .infos .infos-item.over {
  color: #ff7332 !important;
}
.post-item .infos .infos-item.over .infos-icon {
  color: #ff7332;
}
.item-count-groups {
  border: 1px solid #EEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 14px;
  margin-top: 2px;
}
.item-count-groups .comments-count:hover {
  color: #be00be;
}
.item-count-groups .vote-count:hover {
  color: #f68c52;
}
.item-count-groups .vote-color {
  color: #f36c22;
}
.item-count-groups .comments-count-color {
  color: #8b008b;
}
.item-count-groups .sharer-color {
  color: #007fca;
}
.item-count-groups a:nth-child(2) {
  margin-left: -5px;
}
.item-count-groups a:nth-child(3) {
  margin-left: -5px;
}
.item-count-groups .count-groups {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  padding: 0 5px;
}
.item-count-groups .count-groups.item-icon {
  font-size: 9px;
  padding-top: 2px;
  line-height: 12px;
  border-left: 1px solid #EEE;
}
.item-count-groups .count-groups.item-icon:first-child {
  border-left: none;
}
.item-count-groups .count-groups.item-count {
  padding: 0 5px 0 0;
}
.state {
  margin-right: 16px;
  margin-top: 7px;
  font-weight: bold;
  color: #FFF;
  padding: 5px 12px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.state.merged {
  background-color: #65c9df;
}
.state.open {
  background-color: #b6da54;
}
.state.closed {
  background-color: #fd6956;
}
.state.rejected {
  background-color: #fd8658;
}
.state.conflict {
  background: #C0392B;
}
.empty-avatar-wrap {
  width: 32px;
  height: 32px;
}
.mileston-tag {
  max-width: 135px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2196f3;
  font-size: 11px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.overdue {
  color: #c93426;
}
.pullRequest-branchInfo code {
  border: none;
  background: transparent;
  color: #4a7eaf;
  padding: 0;
}
.pullRequest-branchInfo code a {
  color: #4a7eaf;
}
.pullRequest-branchInfo code a.branchName {
  color: #6c8dac;
}
.pullRequest-branchInfo i {
  font-size: 12px;
  margin: 0 5px;
  color: #4a7eaf;
}
.pullRequest-stateInfo {
  margin-top: 15px;
}
.pullRequest-stateInfo .alert {
  padding: 15px;
  font-size: 13px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pullRequest-stateInfo .alert i {
  margin-top: -2px;
  font-size: 15px;
  vertical-align: middle;
}
.pullRequest-stateInfo .alert.alert-success {
  color: #179157;
}
.pullRequest-stateInfo .alert.alert-error {
  color: #b13427;
}
.pullRequest-stateInfo .alert.alert-warning {
  color: #f39c12;
}
.pullRequest-stateInfo .alert.alert-info {
  color: #4a7eaf;
}
.codediff-wrap {
  position: relative;
}
.codediff-wrap .diffs-wrap {
  position: relative;
  display: block;
  margin-right: 282px;
}
.codediff-wrap .diffs-wrap .diff-body {
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 30px;
}
.codediff-wrap .diffs-wrap .write-comment-box {
  padding: 0;
  margin-top: 20px;
}
.codediff-wrap .review-wrap {
  position: absolute;
  display: block;
  width: 260px;
  min-height: 30px;
  top: 0;
  right: 0;
}
.codediff-wrap .review-wrap .review-container {
  width: 260px;
  position: relative;
}
.codediff-wrap .review-wrap .review-container.affix {
  position: fixed;
  top: 10px;
}
.codediff-wrap .review-wrap .review-container .review-list {
  overflow: auto;
}
.codediff-wrap .btn-hide-reviewcards {
  position: absolute;
  right: 0;
}
.codediff-wrap .btn-show-reviewcards {
  display: none;
}
.codediff-wrap.diffs-only .diffs-wrap {
  width: 100%;
}
.codediff-wrap.diffs-only .review-wrap {
  display: none;
}
.codediff-wrap.diffs-only .btn-hide-reviewcards {
  display: none;
}
.codediff-wrap.diffs-only .btn-show-reviewcards {
  display: block;
  position: absolute;
  top: 0;
  right: -52px;
  z-index: 10;
}
.codediff-wrap .non-ranged-threads-wrap {
  margin-top: 20px;
}
.codediff-wrap .non-ranged-threads-wrap .btn-thread-minimize {
  display: none;
}
.codediff-wrap .non-ranged-threads-wrap .comment-thread-wrap {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.codediff-wrap .non-ranged-threads-wrap {
  margin-top: 20px;
}
.codediff-wrap .non-ranged-threads-wrap .btn-thread-minimize {
  display: none;
}
.codediff-wrap .non-ranged-threads-wrap .comment-thread-wrap {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.relative-issue {
  display: none;
}
.relative-issue dt {
  color: #797979;
}
.relative-issue ul {
  margin-left: 5px;
}
.relative-issue ul .issue-item {
  padding: 0;
  border: none;
}
.relative-issue ul .issue-item .date {
  font-size: 11px;
  color: #999;
}
.vote-wrap {
  display: inline-block;
  direction: rtl;
  margin-right: -3px;
  font-size: 13px;
  vertical-align: middle;
}
.vote-wrap a:hover {
  text-decoration: none;
}
.vote-wrap .yobicon-hearts:hover {
  color: #f68c52;
}
.vote-wrap .ybtn {
  padding: 3px 12px !important;
}
.vote-wrap .heart {
  display: inline-block;
  color: #ddd;
  font-size: 17px;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: 3px;
}
.vote-wrap .desc {
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
.vote-wrap .count {
  display: inline-block;
  vertical-align: middle;
}
.vote-wrap .ybtn-watching .heart {
  color: #ff7332;
}
.voter-list-wrap {
  display: inline-block;
  margin-left: .3em;
  margin-right: 5px;
  vertical-align: middle;
  overflow: hidden;
}
#-yona-posting-history .history-made-by {
  font-size: 16px;
  background-color: #eee;
  line-height: 40px;
  padding: 5px;
}
#-yona-posting-history .added {
  background-color: #abdd52;
  padding: 5px;
}
#-yona-posting-history .deleted {
  background-color: #fda9a6;
  padding: 5px;
}
#-yona-posting-history .diff-added {
  background-color: #abdd52;
  padding: 2px 0;
}
#-yona-posting-history .diff-deleted {
  background-color: #fda9a6;
  padding: 2px 0;
}
#-yona-posting-history .diff-ellipsis {
  color: #bdbdbd;
  font-size: 16px;
  font-family: serif;
}
.voter-list {
  display: block;
  list-style: none;
}
.voter-list li {
  float: left;
  margin-right: 3px;
  line-height: 25px;
  margin-top: -4px;
}
.voter-list li:last-of-type {
  margin-right: 0;
}
.voter-list .usf-group {
  display: inline-block;
}
.voter-list .avatar-wrap {
  margin-right: 0 !important;
}
.voters-dialog {
  width: 340px;
  margin-left: -170px;
  text-align: left;
}
.voters-dialog .close {
  margin-top: -2px;
}
.voters-dialog li {
  margin-bottom: 10px;
}
.voters-dialog li:last-of-type {
  margin-bottom: 0;
}
.code-browse .bubble-wrap {
  padding: 10px;
}
.code-browse .bubble-wrap .inner-bubble {
  padding: 20px;
  /*20px 15px 20px 20px;*/
  margin-bottom: 15px;
  border-bottom: 1px solid #cfcfcf;
}
.repo-wrap {
  padding: 0;
  background: #fff !important;
  overflow: visible !important;
}
.repo-info {
  padding: 0px;
  /*text-align:left;/*center;*/
  text-align: right;
  padding-right: 4px;
}
.repo-info .clone-label {
  color: #4D4D4D;
  margin-right: 10px;
  font-weight: bold;
}
.repo-info .clone-label strong {
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 11px;
  padding: 4px;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
  margin-right: 5px;
  background: #5dbbe0;
  /*#56B5D9;*/
}
.repo-info .clone-label strong.Subversion {
  background: #5dbbe0;
  /*#56B5D9;*/
  padding: 8px;
}
.repo-info .clone-label strong.GIT {
  background: #5dbbe0;
  /*#56B5D9;*/
  /*.bgorange;*/
  padding: 8px 27px;
}
.repo-info .repo-url {
  cursor: text;
  margin: 0;
  /*width: 520px;*/
  width: 60%;
  font-family: Consolas,Tahoma,Verdana !important;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.repo-info .repo-url:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #CCC;
}
.repo-info .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: 11px;
  font-weight: bold;
  display: inline-block ;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.repo-info .copy-btn:hover {
  color: #f36c22;
}
.repo-info .btn-group {
  margin-top: 1px;
}
.repo-info .btn-group .d-label {
  width: 115px;
  /*155px;*/
}
.branch-label {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  background: #95a5a6;
  text-shadow: none;
  text-align: center;
  min-width: 50px;
  height: 20px;
  line-height: 20px;
  margin: 0 3px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.branch-label.unknown {
  display: none;
}
.branch-label.branch {
  background-color: #f39c12;
}
.branch-label.tag {
  background-color: #6c8dac;
}
.double-sp {
  margin: 15px 0 17px;
}
.minimap-outer {
  display: none;
  position: fixed;
  width: 15px;
  height: 400px;
  right: 1%;
  top: 192px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  overflow: hidden;
}
.minimap-outer .minimap-wrap {
  position: relative;
  width: 100%;
  height: 400px;
}
.minimap-outer .minimap-wrap .minimap-curr {
  position: absolute;
  width: 100%;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  z-index: 10;
}
.minimap-outer .minimap-wrap .minimap-links {
  position: relative;
  width: 100%;
  height: 400px;
}
.minimap-outer .minimap-wrap .minimap-links a {
  position: absolute;
  width: 100%;
  min-height: 2px;
  background: #ffe000;
  text-indent: -1000px;
  z-index: 11;
}
.code-browse-wrap {
  position: relative;
  /** history **/
  /** diff **/
  /** code/diff.scala.html **/
  /** view **/
  /** list **/
  /** ??? **/
}
.code-browse-wrap .code-browse-header {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  height: 34px;
}
.code-browse-wrap .code-breadcrumb-wrap {
  display: inline-block;
  padding: 0;
  padding-right: 10px;
  color: #555;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
}
.code-browse-wrap .code-breadcrumb-wrap a {
  margin: 0 2px;
}
.code-browse-wrap .code-breadcrumb-wrap a:after {
  content: '/';
  margin-left: 4px;
}
.code-browse-wrap .code-breadcrumb-wrap a:first-of-type {
  margin-left: 0;
}
.code-browse-wrap .code-breadcrumb-wrap a:last-of-type {
  color: #f36c22;
}
.code-browse-wrap .code-breadcrumb-wrap a:last-of-type:after {
  content: '';
  display: inline-block;
}
.code-browse-wrap .nav-tabs {
  margin-bottom: 0;
}
.code-browse-wrap .actrow {
  clear: both;
  margin-top: 10px;
}
.code-browse-wrap .commit-wrap {
  background-color: #ffffff;
}
.code-browse-wrap .commit-wrap .commit-id {
  text-align: center;
  vertical-align: top;
  padding: 0;
}
.code-browse-wrap .commit-wrap .tbody td {
  padding: 10px 15px 10px 5px;
}
.code-browse-wrap .commit-wrap .tbody .messages {
  /* see .commitMsg */
}
.code-browse-wrap .commit-wrap .tbody .commit-id {
  position: relative;
  text-align: center;
  vertical-align: top;
  padding: 12px 3px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 12px;
  width: 70px;
}
.code-browse-wrap .commit-wrap .tbody .commit-id a {
  color: #51aacc;
}
.code-browse-wrap .commit-wrap .tbody .commit-id a:hover {
  color: #f36c22;
  text-decoration: underline;
}
.code-browse-wrap .commit-wrap .tbody .commit-id .btn-copy-commitId {
  display: none;
}
.code-browse-wrap .commit-wrap .tbody .commit-id .btn-copy-commitId.hover {
  background: #f1f1f1;
}
.code-browse-wrap .commit-wrap .tbody .commit-id:hover .btn-copy-commitId {
  position: absolute;
  display: block;
  top: 15px;
  left: -15px;
  color: #51aacc;
}
.code-browse-wrap .commit-wrap .tbody .messages {
  vertical-align: top;
}
.code-browse-wrap .commit-wrap .tbody .author {
  width: 40px;
  text-align: right;
  line-height: 1 !important;
  vertical-align: top;
}
.code-browse-wrap .commit-wrap .tbody .date {
  width: 100px;
  font-size: 12px;
  vertical-align: top;
}
.code-browse-wrap .commit-wrap .tbody .browse {
  width: 70px;
  text-align: center;
  vertical-align: top;
}
.code-browse-wrap .commitId {
  color: #51aacc;
  margin-top: 5px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
}
.code-browse-wrap .commitInfo .ago {
  margin-left: 5px;
  color: #bbb;
}
.code-browse-wrap .commitInfo .commitAuthor {
  float: right;
  margin-top: 5px;
}
.code-browse-wrap .commitInfo .commitAuthor .avatar-wrap {
  margin-right: 5px;
}
.code-browse-wrap .commitInfo .commitMsg-wrap a {
  color: #51aacc;
}
.code-browse-wrap .commitInfo .commitMsg-wrap .commitMsg.short {
  font-size: 18px;
  white-space: normal;
}
.code-browse-wrap .commitInfo .commitMsg-wrap .commitMsg.desc {
  margin: 5px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
}
.code-browse-wrap .commitInfo .commitId-wrap {
  padding: 10px 5px;
}
.code-browse-wrap .diff-wrap {
  width: 100%;
  overflow: auto;
  margin-bottom: 20px;
}
.code-browse-wrap .diff-wrap + ul.comments {
  margin-top: 15px;
}
.code-browse-wrap .compare-wrap .path {
  padding-left: 20px;
  padding-top: 10px;
}
.code-browse-wrap .compare-wrap .compare-from {
  padding-left: 20px;
}
.code-browse-wrap .compare-wrap .mergely-wrap {
  margin: 0px 20px;
}
.code-browse-wrap .compare-wrap .actrow {
  margin-top: 35px;
  text-align: center;
}
.code-browse-wrap .write-comment-box {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 5px;
}
.code-browse-wrap .code-viewer-wrap {
  width: 100%;
  overflow: auto;
  zoom: 1;
}
.code-browse-wrap .code-viewer-wrap .code-tree {
  display: table-cell;
  width: 20%;
  /*259px;*/
  overflow-x: auto;
  float: left;
  height: 100%;
}
.code-browse-wrap .code-viewer-wrap .code-viewer {
  display: table-cell;
  float: right;
  width: 79%;
  /*680px;*/
  height: 100%;
}
.code-browse-wrap .code-wrap {
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 16px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.code-browse-wrap .code-wrap .ace_scrollbar {
  display: none;
}
.code-browse-wrap .code-wrap .ace_scroller {
  right: 0 !important;
}
.code-browse-wrap .image-wrap {
  padding: 10px;
}
.code-browse-wrap .image-wrap img {
  max-width: 100%;
}
.code-browse-wrap .list-wrap {
  display: none;
}
.code-browse-wrap .file-wrap {
  display: block;
  width: 100%;
}
.code-browse-wrap .file-wrap p .filename {
  display: block;
  font-size: 20px;
}
.code-browse-wrap .file-wrap p .filesize {
  display: block;
  font-size: 13px;
  margin-bottom: 20px;
  color: #999;
}
.code-browse-wrap .codebrowser-markdown {
  border: 1px solid #ccc;
  border-top: none;
  padding: 0 20px 15px 20px;
}
.code-browse-wrap .row-fluid {
  line-height: 40px;
}
.code-browse-wrap .currentPath {
  font-weight: bold;
  background: #f7f7f7;
}
.code-browse-wrap .listhead {
  background: #f7f7f7;
  border-bottom: 2px solid #efefef;
  margin-bottom: 5px;
  height: 40px;
  line-height: 40px;
}
.code-browse-wrap .listhead .commitDate {
  text-align: right;
  padding-right: 5px;
}
.code-browse-wrap .listhead .filename {
  padding-left: 5px;
}
.code-browse-wrap .listitem {
  border-bottom: 1px solid #efefef;
}
.code-browse-wrap .listitem .filename {
  font-size: 10pt;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-browse-wrap .listitem .commitMsg {
  font-size: 10pt;
  color: #7e7e7e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-browse-wrap .listitem .commitDate {
  font-size: 8pt;
  color: #7e7e7e;
  white-space: nowrap;
  text-align: right;
  padding-right: 5px;
}
.code-browse-wrap [class^="depth-"] .listhead,
.code-browse-wrap [class*=" depth-"] .listhead {
  display: none;
}
.code-browse-wrap [class^="depth-"] .listitem .filename a,
.code-browse-wrap [class*=" depth-"] .listitem .filename a {
  position: relative;
}
.code-browse-wrap [class^="depth-"] .listitem .commitMsg,
.code-browse-wrap [class*=" depth-"] .listitem .commitMsg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-browse-wrap [class^="depth-"] span.dynatree-icon:before,
.code-browse-wrap [class*=" depth-"] span.dynatree-icon:before {
  content: '';
  position: absolute;
  left: -10px;
  width: 10px;
  height: 10px;
  border: 1px dotted #ccc;
  border-width: 0px 0px 1px 1px;
}
.code-browse-wrap span.dynatree-icon {
  margin: 0 3px 1px 5px;
}
.code-browse-wrap .cell {
  display: table-cell;
  background-color: #ffffff;
  vertical-align: top;
}
.code-browse-wrap .cell.directory-wrap {
  position: relative;
  overflow: auto;
  width: 100%;
  /*20%, 260px;*/
  padding: 15px 5px;
}
.code-browse-wrap .cell.sp-wrap {
  display: none;
  border-left: 4px solid #E6E6E6;
}
.code-browse-wrap .cell.file-wrap {
  width: 100%;
  /*80%, 916px;*/
  overflow-x: auto;
}
.code-browse-wrap .directory-header {
  line-height: 34px;
  background-color: #9C9C9C;
  color: #ffffff;
  font-size: 10px;
  padding-left: 20px;
  position: absolute;
  width: 180px;
  display: none;
}
.code-browse-wrap .directories {
  margin: 0;
  /*margin-top: 34px;*/
  padding: 0;
  overflow: auto;
  list-style: none;
  min-height: 320px;
}
.code-browse-wrap .directories.view {
  margin-top: 0;
}
.code-browse-wrap .directories .directory {
  padding-left: 20px;
  line-height: 50px;
  border-bottom: 1px solid #E6E6E6;
}
.code-browse-wrap .directories .directory a {
  white-space: nowrap;
  color: #337581;
}
.code-browse-wrap .directories .directory.selected {
  background-color: #F2F2F2;
}
.code-browse-wrap .code-table {
  width: 100%;
}
.code-browse-wrap .code-table td {
  padding: 0 15px 0 5px;
}
.code-browse-wrap .code-table .thead {
  background-color: #f5f5f5;
  line-height: 34px;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}
.code-browse-wrap .code-table .tbody {
  font-size: 10pt;
  color: #666;
}
.code-browse-wrap .code-table .tbody td {
  line-height: 30px;
}
.code-browse-wrap .code-table .tbody tr {
  border-bottom: 1px solid #E6E6E6;
}
.code-browse-wrap .code-table .tbody tr:last-of-type {
  border-bottom: none;
}
.code-browse-wrap .code-table .tbody .message {
  line-height: 150%;
}
.code-browse-wrap .code-table .filename {
  padding-left: 10px;
  max-width: 200px;
  display: block;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-browse-wrap .code-table .filename span.dynatree-icon {
  margin-right: 5px;
  margin-bottom: 1px;
}
.code-browse-wrap .code-table .filename.updir span.dynatree-icon {
  display: none;
}
.code-browse-wrap .code-table .updir {
  font-weight: bold;
}
.code-browse-wrap .code-table .messages {
  /* fileList */
}
.code-browse-wrap .code-table .messages .number-of-comments {
  float: right;
  position: relative;
}
.code-browse-wrap .code-table .messages span {
  display: block;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-browse-wrap .code-table .author {
  width: 40px;
  text-align: right;
  line-height: 1 !important;
}
.code-browse-wrap .code-table .date {
  width: 100px;
  font-size: 12px;
}
.code-browse-wrap .file-header {
  margin-top: 10px;
  line-height: 34px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  font-size: 11px;
  overflow: hidden;
  padding: 3px 15px 5px 15px;
}
.code-browse-wrap .file-header .file-info {
  float: left;
  max-width: 70%;
  /*590px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-browse-wrap .file-header .file-info span {
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #ccc;
}
.code-browse-wrap .file-header .file-info span:last-of-type {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.code-browse-wrap .file-header .file-info span:empty {
  display: none;
}
.code-browse-wrap .file-header .file-info .commitMsg {
  font-weight: bold;
}
.code-browse-wrap .file-header .nbtn {
  margin: 2px;
}
.code-view-table td {
  vertical-align: top;
}
.code-view-table pre {
  line-height: 1.5;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
}
.code-view-table .line-num {
  padding: 10px 6px;
  text-align: right;
  background-color: #F7F7F7;
  border-right: 1px solid #EEE;
  width: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.code-view-table .line-num > a {
  color: #AAA;
}
.code-view-table .code-lines {
  padding: 10px;
  font-size: 0;
  white-space: pre;
}
.code-view-table .code-lines .line {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.profile-frmwrap .avatar-frm {
  display: inline-block;
  vertical-align: top;
  margin: 30px;
  margin-right: 50px;
}
.profile-frmwrap .avatar-frm .avatar-wrap {
  position: relative;
}
.profile-frmwrap .avatar-frm .avatar-wrap .progress {
  position: absolute;
  width: 130px;
  height: 0px;
  padding: 0;
  margin: 0;
  bottom: 0px;
  background: #f36c22;
  opacity: 0.8;
  -webkit-transition-duration: 1s;
}
.profile-frmwrap .avatar-frm .avatar-wrap .progress.loading {
  height: 130px;
}
.profile-frmwrap .avatar-frm .btn-wrap {
  margin-left: 10px;
}
.profile-frmwrap .avatar-frm .btn-wrap .nbtn i {
  vertical-align: top;
  margin-right: 2px;
}
.profile-frmwrap dl {
  display: inline-block;
}
.profile-frmwrap form {
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
}
.profile-frmwrap form:last-of-type {
  margin-right: 0px;
}
#avatarUploaded {
  display: none;
}
#avatarUploaded .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-info-box {
  float: left;
  width: 200px;
}
.user-info-box .whoami-wrap {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  background-color: #ccc;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.user-info-box .whoami {
  margin-top: 15px;
}
.user-info-box .whoami .name {
  font-size: 18px;
  font-weight: bold;
}
.user-info-box .whoami .edit {
  text-align: right;
  margin-top: 5px;
}
.user-info-box .user-status {
  margin-top: 20px;
}
.user-info-box .user-status p {
  display: inline-block;
  line-height: 2em;
  padding: 0 10px;
  height: 50px;
}
.user-info-box .user-status p .num {
  display: block;
  color: #f36c22;
  font-size: 2em;
  font-weight: bold;
}
.user-info-box .user-status p .labels {
  display: block;
  color: #707070;
  width: 70px;
  letter-spacing: -1pt;
}
.user-info-box .user-status p:last-of-type {
  border-left: 1px solid #eee;
  padding-left: 20px;
}
.user-info-box .user-status .nbtn {
  margin-top: 20px;
  margin-left: 3px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.user-info-box .user-status .nbtn i {
  vertical-align: top;
}
.user-info-box .guest-user {
  background-color: rgba(255, 165, 0, 0.8);
  color: white;
  text-align: center;
  width: 20px;
  border-radius: 3px;
}
.user-info-box .guest-user .left-mark {
  width: 10px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 10px;
  margin-left: 10px;
  padding-top: 5px;
}
.user-info-box .user-since {
  margin-top: 10px;
  padding: 0 10px;
}
.user-info-box .user-since .since {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #f36c22;
  margin-left: 5px;
}
.user-info-box .btn-wrap {
  text-align: center;
}
.user-info-box hr {
  border-top: 1px solid #d9d9d9;
}
.user-box {
  margin: 15px 0 25px;
  margin-bottom: 0px;
  overflow: hidden;
}
.user-stream-box {
  padding-left: 20px;
  overflow: hidden;
}
.user-stream-box .h5-title {
  background-color: #615353;
  color: white;
  padding: 5px;
}
.user-stream-box .days-ago {
  margin-right: 10px;
}
.user-stream-wrap .inner {
  border-bottom: 1px solid #c3c3c3;
}
.commit-info-wrap {
  padding-left: 10px;
}
.commit-info-wrap span {
  display: inline-block ;
  margin-right: 5px;
  font-size: 11px;
}
.commit-info-wrap span.date {
  color: #646464;
}
.commit-info-wrap span.sp {
  color: #999;
}
.commit-info-wrap span.sha-block {
  color: #646464;
}
.commit-info-wrap span.sha-block .num {
  color: #51AACC;
}
.commit-info-wrap span.sha-block .commit-id {
  color: #646464;
  font-weight: bold;
}
.diff-code-view-table {
  width: 100%;
}
.diff-code-view-table .diff-line-num {
  width: 22px;
  background-color: #F7F7F7;
  padding: 0 6px;
  text-align: right;
  border-right: 1px solid #EEEEEE;
  font-size: 12px;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.diff-code-view-table .diff-line-num:first-child {
  border-left: 1px solid #EEEEEE;
}
.diff-code-view-table .diff-line-num > a {
  color: #AAA;
}
.diff-code-view-table .raw-code {
  padding-left: 10px;
}
.diff-code-view-table .raw-code .point {
  display: inline-block ;
}
.diff-code-view-table .raw-code.gc {
  background-color: #EEE;
}
.diff-code-view-table .raw-code.plus {
  background-color: #CFEAEA;
}
.diff-code-view-table .raw-code.plus .point {
  background-color: #46A4A4;
}
.diff-code-view-table .raw-code.minus {
  background-color: #FFEBDD;
}
.diff-code-view-table .raw-code.minus .point {
  background-color: #FFA86A;
}
.diff-code-view-table .raw-code pre {
  background-color: transparent;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.diff-code-view-table tr:last-child {
  border-bottom: 1px solid #EEE;
}
.statistics {
  padding: 10px;
  font-size: 0;
}
.statistics-wrap {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block ;
  width: 425px;
  border-bottom: 1px solid #d4d4d4;
  background-color: #ffffff;
}
.statistics-wrap:nth-child(2) {
  margin-right: 10px;
}
.statistics-wrap.top {
  display: block;
  width: 860px;
  margin-bottom: 15px;
}
.statistics-wrap.top .graph-wrap {
  width: 820px;
  margin: 10px 20px;
  min-height: 240px;
}
.statistics-wrap .header {
  background-color: #F8F8F8;
  overflow: hidden;
  padding: 0 20px;
  font-size: 12px;
  color: #999;
}
.statistics-wrap .header h2 {
  font-size: 16px;
  line-height: 37px;
  color: #4C4C4C;
  margin: 0;
  float: left;
}
.statistics-wrap .header .desc {
  float: right;
  line-height: 37px;
}
.statistics-wrap .header .desc .ico {
  margin: 0 3px 0 5px;
}
.statistics-wrap .graph-wrap {
  padding: 10px 20px;
  background-color: #ffffff;
  min-height: 240px;
}
.error-wrap {
  padding: 100px 0px;
  text-align: center;
}
.error-wrap p {
  font-weight: bold;
  font-size: 16px;
  color: #898989;
  margin: 30px 0;
}
.code-tab,
.plugin-tab {
  margin: 15px 0 20px;
}
.actions:last-child {
  margin-right: 0;
}
.site-setting-wrap {
  margin: 0 auto;
}
.site-setting-wrap .site-setting-nav {
  list-style: none;
}
.site-setting-wrap .site-setting-nav li {
  border-left: 4px solid #EEE;
  line-height: 30px;
  margin-top: 3px;
  font-size: 14px;
}
.site-setting-wrap .site-setting-nav li a {
  display: block;
  padding: 5px 10px;
}
.site-setting-wrap .site-setting-nav li a:hover {
  background-color: #EEE;
  text-decoration: none;
}
.site-setting-wrap .site-setting-nav li:first-child {
  margin-top: 0;
}
.site-setting-wrap .site-setting-nav li.active {
  border-left: 4px solid #f36c22;
  font-weight: bold;
}
.site-setting-wrap .site-setting-nav li.active a:hover {
  background: none;
}
.site-setting-wrap .title_area {
  overflow: hidden;
  margin-bottom: 29px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}
.site-setting-wrap .title_area h2 {
  margin: 0;
  font-size: 1.5em;
  color: #4c4c4c;
  line-height: 30px;
}
.site-setting-wrap .title_area .form-search {
  margin: 0;
}
.site-setting-wrap .listhead {
  background: #f7f7f7;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
  padding: 5px 0px;
  line-height: 30px;
}
.site-setting-wrap .listhead .listhead-title {
  padding: 0 20px;
}
.site-setting-wrap .listitem {
  border-bottom: 1px solid #efefef;
  line-height: 70px;
}
.site-setting-wrap .listitem .avatar-wrap.list-avatar {
  width: 45px;
  height: 45px;
  margin-right: 10px;
  margin-top: 3px;
  float: left;
}
.site-setting-wrap .listitem .listitem-col {
  font-size: 12px;
  padding: 10px 0;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 20px;
}
.site-setting-wrap .listitem .listitem-col .user-id {
  font-size: 13px;
}
.site-setting-wrap .listitem .listitem-col .email {
  font-size: 13px;
  line-height: 43px;
}
.site-setting-wrap .listitem .listitem-col .created-date {
  padding: 0;
  line-height: 30px;
}
.site-setting-wrap .listitem .listitem-col.action-buttons {
  padding-top: 0;
}
.site-setting-wrap .listitem .listitem-col.action-buttons a {
  margin: 2px !important;
}
.site-setting-wrap .listitem:nth-child(even) {
  background-color: #f9f9f9;
}
.site-setting-wrap .user-list-wrap {
  list-style: none;
}
.site-setting-wrap .user-list-wrap .user-name {
  display: block;
  margin-left: 5px;
  font-size: 14px;
  color: #0088cc;
  margin-top: 8px;
  line-height: 20px;
  font-weight: bold;
}
.site-setting-wrap .user-list-wrap .user-id {
  display: block;
  margin-left: 5px;
  font-size: 13px;
  color: #999;
  line-height: 20px;
  font-style: italic;
}
.site-setting-wrap .post-list-wrap {
  list-style: none;
}
.site-setting-wrap .post-list-wrap .listitem {
  padding: 10px 0;
}
.site-setting-wrap .post-list-wrap .post-info-wrap {
  line-height: 20px;
  margin-top: 5px;
}
.site-setting-wrap .post-list-wrap .post-info-wrap .post-project {
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  line-height: 20px;
  color: #0088cc;
}
.site-setting-wrap .post-list-wrap .post-info-wrap .post-info-separator {
  font-size: 15px;
  font-weight: bold;
  padding: 0 5px;
}
.site-setting-wrap .post-list-wrap .post-info-wrap .post-title {
  font-size: 15px;
  font-weight: bold;
}
.site-setting-wrap .post-list-wrap .post-meta-wrap {
  font-size: 11px;
  line-height: 20px;
}
.site-setting-wrap .post-list-wrap .post-meta-wrap .avatar-wrap {
  width: 14px;
  height: 14px;
}
.site-setting-wrap .post-list-wrap .post-meta-wrap .post-meta-item {
  margin: 0 5px;
}
.site-setting-wrap .post-list-wrap .post-meta-wrap .post-comments i {
  vertical-align: middle;
}
.site-setting-wrap .project-list-wrap {
  list-style: none;
}
.site-setting-wrap .project-list-wrap .project-name {
  font-size: 14px;
  font-weight: bold;
}
.site-setting-wrap .mail-btn-wrap {
  text-align: center;
}
.site-setting-wrap .mess-mail-wrap input[type="text"] {
  margin: 0;
}
.pull-request-wrap {
  position: relative;
  display: block;
  margin-bottom: 20px;
  min-height: 55px;
}
.pull-request-wrap .field-title {
  display: block;
  font-weight: bold;
}
.pull-request-wrap .arrow {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -16px;
  text-align: center;
  color: #95a5a6;
  font-size: 32px;
}
.request-summary {
  float: right;
  width: 100%;
}
.request-summary th {
  text-align: left;
}
.request-summary td {
  text-align: right;
}
.mass-update-wrap.affix {
  top: 0;
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  background: #fff;
  z-index: 900;
}
.mass-update-form {
  position: relative;
  -webkit-transition: padding 0.5s;
}
.mass-update-form .mass-update-list {
  max-height: 350px;
  overflow-y: auto;
}
.fork-wrap .project-from {
  display: inline-block;
  width: 300px;
  vertical-align: middle;
  text-align: center;
}
.fork-wrap .project-from .title {
  color: #51aacc;
}
.fork-wrap .arrow {
  display: inline-block;
  vertical-align: middle;
  padding: 0 40px;
}
.fork-wrap .project-to {
  display: inline-block;
  width: 550px;
  vertical-align: middle;
}
.fork-wrap .project-to .project-name-wrap {
  display: block;
}
.fork-wrap .project-to .project-name-wrap .title {
  color: #f36c22;
}
.fork-wrap .project-to .project-name-wrap .owner {
  display: inline-block;
  font-size: 14px;
  padding-top: 5px;
  margin-right: 10px;
}
.fork-wrap .project-to .project-name-wrap .project-name {
  display: inline-block;
  vertical-align: top;
}
.fork-wrap .project-to .project-name-wrap .project-name input {
  font-size: 14px;
}
.fork-wrap .project-to .project-name-wrap .project-name .help-block {
  color: #999;
}
.fork-wrap .project-to .project-public {
  line-height: 30px;
}
.keymap-help {
  padding: 20px;
  line-height: 30px;
  white-space: nowrap;
  text-align: left;
  font-size: 12px;
  width: 640px;
  margin-left: -320px;
}
.keymap-help .ybtn {
  min-width: 20px;
  margin-right: 3px;
}
.keymap-help .actrow {
  text-align: center;
  margin-top: 30px;
}
.help-messages {
  margin-left: 10px;
}
.help-messages p:not(.lead) {
  font-size: 120%;
}
.input-mini-min {
  width: 30px;
  top: 4px;
  position: relative;
  background-color: #F7F7F7;
  text-align: right;
  border: none;
}
.dimmedColor {
  color: #eee;
}
.no-gradient {
  background-image: none;
}
.btn-flat .active {
  color: #fff;
  background-color: #979797;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-flat .dirty {
  background-color: #51aacc;
}
.btn-flat .btn {
  padding-top: 2px;
  padding-bottom: 2px;
}
.project-category {
  margin-top: 10px;
  border: 2px solid #000;
  border-radius: 5px;
  border-top: 5px solid #000;
}
.project-category .categotry-header {
  text-shadow: none;
  background-color: #000;
  color: #FFF;
  padding-bottom: 7px;
  font-size: 12px;
}
.project-category li a {
  font-size: 13px;
  padding-top: 7px;
  padding-bottom: 7px;
}
/** code comments **/
.diff-body tr.comments {
  display: none;
}
.diff-body.show-comments tr.comments {
  display: table-row;
}
.diff-body tr.comment-form td {
  position: relative;
  padding: 0;
  padding-left: 5px;
  border: 1px solid #ccc;
  border-width: 1px 0;
}
.diff-body tr.comment-form td .review-form {
  position: static;
  max-width: 860px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*div#mode-select { text-align:right; }*/
.pullreq-info {
  clear: both;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.go-zen {
  position: absolute;
  right: 8px;
  margin-top: 14px;
  z-index: 999;
}
.oneline-comment-box {
  display: flex;
  margin-left: 12px;
}
.oneline-comment-box textarea {
  width: 100%;
}
.textarea-box {
  padding: 0;
  margin: 0;
  display: block;
  padding-right: 14px;
  position: relative;
}
.textarea-box textarea {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  width: 100%;
  resize: vertical !important;
  font-size: 1em;
}
.markdown-help {
  margin: 5px 0 0;
}
.markdown-help .markdown-help-title {
  background-color: #F7F7F7;
  padding: 0 10px;
  display: inline-block;
  line-height: 30px;
  border: 1px solid #ddd;
  border-bottom: none;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.markdown-help .markdown-help-nav {
  list-style: none;
  background-color: #F7F7F7;
  border: 1px solid #ddd;
  border-bottom: none;
}
.markdown-help .markdown-help-nav li {
  display: inline-block;
  padding: 5px 7px;
  line-height: 20px;
}
.markdown-help .markdown-help-nav li .label {
  background-color: #C7C9C9;
  text-shadow: none;
}
.markdown-help .markdown-help-nav li.help-nav {
  cursor: pointer;
  position: relative;
  color: #9e9e9e;
}
.markdown-help .markdown-help-nav li.help-nav:hover {
  color: #333;
}
.markdown-help .markdown-help-nav li.help-nav.active {
  color: #333;
  font-weight: bold;
}
.markdown-help .markdown-help-nav li.help-nav.active:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 7px solid transparent;
  border-style: outset outset solid outset;
  border-bottom-color: #ddd;
  margin-left: -7px;
}
.markdown-help .markdown-help-nav li.help-nav.active:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 7px solid transparent;
  border-style: outset outset solid outset;
  border-bottom-color: #FFF;
  margin-left: -7px;
}
.markdown-help .markdown-help-wrap {
  list-style: none;
  background-color: #FFF;
}
.markdown-help .markdown-help-wrap .markdown-help-item {
  border-top: none;
  height: 0;
  overflow: hidden;
}
.markdown-help .markdown-help-wrap .markdown-help-item.active {
  border: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
  height: auto;
  padding: 10px;
}
.markdown-help .markdown-help-wrap .markdown-help-item .thead {
  background-color: #F7F7F7;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  border: 1px solid #ddd;
  border-bottom: none;
}
.markdown-help .markdown-help-wrap .markdown-help-item .thead div {
  padding: 0 10px;
  line-height: 30px;
  font-weight: bold;
}
.markdown-help .markdown-help-wrap .markdown-help-item .markdwon-syntax-wrap {
  border: 1px solid #ddd;
}
.markdown-help .markdown-help-wrap .markdown-help-item .markdwon-syntax-wrap .markdwon-syntax {
  padding: 10px;
}
.markdown-help .markdown-help-wrap .markdown-help-item .markdwon-syntax-wrap .markdwon-syntax pre {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
}
.conflict-files {
  background: #fefefe;
  color: #d14;
  font-family: "monospace", Consolas, Tahoma;
  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.beta {
  font-size: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  padding: 2px;
  margin: 0px;
  color: #f36c22;
}
.diff-body {
  font-family: "monospace", Consolas, Tahoma;
}
.diff-body .isBinary {
  color: #bbb;
  text-shadow: -1px -1px #ffffff;
  padding: 5px 10px;
}
.diff-body .btnPop {
  position: absolute;
  display: none;
}
.diff-body .diff-partial-outer {
  border: 1px solid #bbb;
  margin-bottom: 20px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-meta {
  background-color: #eee;
  border-bottom: 1px solid #bbb;
  height: 30px;
  position: relative;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-meta .diff-partial-commit {
  float: left;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-meta .diff-partial-commit .diff-partial-commit-id {
  float: left;
  padding: 5px 2px;
  font-weight: bold;
  border-right: 1px solid #bbb;
  width: 52px;
  text-align: center;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-meta .diff-partial-file {
  padding: 5px 10px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  margin-right: 115px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-meta .diff-partial-file .filename {
  color: #333333;
  font-size: 13px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-meta .diff-partial-utility {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 5px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code .patch-header .path {
  display: block;
  color: transparent;
  font-size: 0;
  opacity: 0;
  height: 0;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.linenum {
  text-align: right;
  color: rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  border-right: 1px solid #e5e5e5;
  width: 50px;
  padding: 0 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.linenum .line-number {
  width: 50px;
  height: 20px;
  position: relative;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.linenum .line-number:before {
  position: absolute;
  content: attr(data-line-num);
  width: 50px;
  display: block;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.linenum .yobicon-comments {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  margin-left: -84px;
  width: 25px;
  margin-top: 2px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.code {
  white-space: nowrap;
  padding: 0 5px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.code .diff-partial-codeline {
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  white-space: pre;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.diff-comment-box {
  border: 1px solid #e5e5e5;
  border-left: none;
  border-right: none;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.diff-comment-box form {
  margin: 0;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.diff-comment-box .write-comment-box {
  padding: 15px 0 15px 50px;
  margin: 0;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.diff-comment-box .write-comment-box .write-comment-wrap {
  max-width: 1070px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.add {
  background-color: #eeffcc;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.remove {
  background-color: #fdd;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.range {
  color: #999;
  background-color: #f8f8ff;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.range td {
  text-align: right;
  border-right: 1px solid #e5e5e5;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.range td.hunk {
  text-align: left;
  padding-left: 5px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.comments {
  display: none;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.comments td {
  padding: 0;
  /* see .comment-thread-wrap */
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.comments td li {
  max-width: 1150px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table.show-comments tr.comments {
  display: table-row;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code tr.add:hover,
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code tr.remove:hover,
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code tr.context:hover {
  background-color: #CCE9FF !important;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code tr.add:hover .yobicon-comments,
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code tr.remove:hover .yobicon-comments,
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code tr.context:hover .yobicon-comments {
  opacity: 1;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code .linenum:hover .yobicon-comments {
  opacity: 1.0;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code .linenum-from {
  min-width: 15px;
}
.diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code .hide {
  display: none;
}
.diff-body.discommentable .linenum .yobicon-comments {
  display: none;
}
div.diff-body[data-outdated="true"] tr:hover .icon-comment {
  visibility: hidden;
}
.comment-thread-wrap {
  border: 1px solid #e5e5e5;
  border-width: 1px 0px;
  padding: 5px;
  padding-bottom: 0;
  background-color: #fefefe;
  max-width: 876px;
  position: relative;
}
.comment-thread-wrap .thread-header {
  padding: 5px 10px 10px 10px;
}
.comment-thread-wrap .thread-header .badge {
  margin: 0;
  padding: 2px 10px;
}
.comment-thread-wrap .thread-header .thread-info {
  color: #999;
  margin: 0 10px;
}
.comment-thread-wrap .thread-header .thread-info .commitId {
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  margin-right: 5px;
}
.comment-thread-wrap .thread-header .thread-info .comments {
  color: #3592b5;
  margin-left: 10px;
}
.comment-thread-wrap .comments {
  margin: 0 5px;
}
.comment-thread-wrap .comments .comment {
  padding: 2px 0;
}
.comment-thread-wrap .comments .media-body {
  background: #fff;
}
.comment-thread-wrap .btn-thread-here {
  display: none;
}
.comment-thread-wrap .btn-thread-minimize {
  position: absolute;
  top: 8px;
  right: 10px;
}
.comment-thread-wrap .thread-actrow {
  text-align: right;
  padding: 5px 5px 10px;
}
.comment-thread-wrap.open {
  -webkit-box-shadow: inset 5px 0 0 #b6da54;
  -moz-box-shadow: inset 5px 0 0 #b6da54;
  box-shadow: inset 5px 0 0 #b6da54;
}
.comment-thread-wrap.closed {
  -webkit-box-shadow: inset 5px 0 0 #fd6956;
  -moz-box-shadow: inset 5px 0 0 #fd6956;
  box-shadow: inset 5px 0 0 #fd6956;
}
.comment-thread-wrap.fold {
  position: static;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.comment-thread-wrap.fold .thread-header,
.comment-thread-wrap.fold .thread-actrow,
.comment-thread-wrap.fold .comments,
.comment-thread-wrap.fold .write-comment-form {
  display: none;
}
.comment-thread-wrap.fold .btn-thread-here {
  position: absolute;
  z-index: 99;
  right: 0px;
  margin-top: 0px;
  display: block !important;
}
.comment-thread-wrap.fold .btn-thread-minimize {
  display: none;
}
.comment-thread-wrap.fold.open .btn-thread-here button {
  border-left: 3px solid #b6da54;
}
.comment-thread-wrap.fold.closed .btn-thread-here button {
  border-left: 3px solid #fd6956;
}
.comment-thread-wrap + .comment-thread-wrap {
  margin-top: 10px;
}
.comment-thread-wrap.fold + .comment-thread-wrap {
  margin-top: 0;
}
.review-form {
  display: none;
  padding: 0px 10px;
  padding-right: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /* for Markdown Edit/Preview radio button */
  /*&.arrow-left:before,*/
  /*
    &.arrow-left:before {
        top: 23px; left: 0px;
        border-width:0px 0px 1px 1px; margin-left: -7px;
    }
    */
}
.review-form label {
  display: inline-block;
}
.review-form.arrow-top:before,
.review-form.arrow-bottom:before {
  content: ' ';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  border-color: #ccc;
  border-style: solid;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.review-form.arrow-top:before {
  top: -7px;
  border-width: 1px 0px 0px 1px;
}
.review-form.arrow-bottom:before {
  bottom: -7px;
  border-width: 0px 1px 1px 0px;
}
.review-form .author-info-wrap {
  padding: 0px;
  margin-bottom: 10px;
  display: block;
  clear: both;
  height: 35px;
}
.review-form .markdown-help {
  right: 0;
}
.review-form .write-comment-box {
  padding: 0;
  margin: 0;
  margin-left: 46px;
}
.review-block {
  /** ref: yobi.CodeCommentBlock.js **/
  /*background-color:rgba(133,246,150,0.25);*/
  /* green */
  background-color: rgba(0, 133, 255, 0.25);
  /* blue */
  /*background-color:rgba(255,245,0,0.35); /* yellow */
  padding: 2px 0;
}
.review-card {
  display: block;
  border: 1px solid #ddd;
  padding: 10px;
  padding-left: 15px;
  margin-bottom: 5px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.review-card:last-of-type {
  margin-bottom: 0;
}
.review-card:hover {
  text-decoration: none;
  background-color: #fafafa;
}
.review-card.open {
  -webkit-box-shadow: inset 5px 0px 0px #b6da54;
  -moz-box-shadow: inset 5px 0px 0px #b6da54;
  box-shadow: inset 5px 0px 0px #b6da54;
}
.review-card.closed {
  -webkit-box-shadow: inset 5px 0px 0px #fd6956;
  -moz-box-shadow: inset 5px 0px 0px #fd6956;
  box-shadow: inset 5px 0px 0px #fd6956;
}
.review-card .outdated-label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 6px;
  background: #7f8c8d;
  color: #ffffff;
}
.review-card:not(.outdated) .outdated-label {
  display: none;
}
.review-card .content {
  display: box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  max-height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.review-card .info {
  display: block;
  text-align: right;
  margin-top: 10px;
}
.review-card .date {
  color: #999;
  vertical-align: middle;
}
.review-card .comments {
  color: #3592b5;
  margin-top: 2px;
  margin-left: 1px;
}
.warning-none {
  font-size: 16px;
  text-align: center;
  background-color: #d4d4d4;
}
.commit-id {
  color: #51aacc;
  padding: 2px;
}
.commit-id:hover {
  color: #f36c22;
  text-decoration: underline;
}
.commit-hash {
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace !important;
}
.referred-event {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 3px;
}
.branch-list-wrap .thead {
  background-color: #f5f5f5;
  line-height: 34px;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}
.branch-list-wrap tr.head {
  background: #fafafa;
}
.branch-list-wrap th,
.branch-list-wrap td {
  vertical-align: top;
  border: none;
}
.branch-list-wrap tr {
  border-bottom: 1px solid #e5e5e5;
}
.branch-list-wrap .branchName {
  min-width: 180px;
  padding-top: 13px;
}
.branch-list-wrap .branchName a {
  color: #5dbbe0;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
}
.branch-list-wrap .branchName .headBranch {
  color: #0088cc;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 3px 5px;
  display: inline-block ;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.branch-list-wrap .commit {
  width: 155px;
  padding-top: 13px;
}
.branch-list-wrap .commit .commitId {
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
}
.branch-list-wrap .commit .date {
  font-size: 11px;
  color: #777;
  margin-left: 10px;
}
.branch-list-wrap .pullRequest {
  width: 170px;
  padding-top: 13px;
}
.branch-list-wrap .pullRequest .disabled {
  color: #cdcdcd;
}
.branch-list-wrap .pullRequest .pullrequest-state.open:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #b6da54;
}
.branch-list-wrap .pullRequest .pullrequest-state.closed:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #fd6956;
}
.branch-list-wrap .pullRequest .pullrequest-state.merged:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #65c9df;
}
.branch-list-wrap .actions {
  width: 220px;
  min-width: 220px;
  text-align: right !important;
}
.link {
  color: #51aacc;
}
.link:hover {
  color: #51aacc;
  text-decoration: none;
}
.group-title-head {
  color: #00bff3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 5px;
  padding: 3px;
}
.my-list-item img {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ececec;
  margin-right: 3px;
}
.my-list-item .dummy-25px {
  width: 25px;
  display: inline-block;
}
.search-box-wrap {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.search-box-wrap input[type="text"] {
  margin-bottom: 0;
}
.search-box-wrap h3.search-result-title {
  font-size: 16px;
  margin-top: 15px;
  font-weight: normal;
  padding: 0 15px;
}
.search-box-wrap h3.search-result-title strong {
  color: #f36c22;
}
.search-category-wrap li {
  font-weight: bold;
}
.search-category-wrap li.empty a {
  color: #d3d2d3;
}
.search-list-wrap {
  list-style: none;
  display: block;
}
.search-list-wrap li.search-list-item {
  position: relative;
  display: block;
  float: none;
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.search-list-wrap li.search-list-item.project {
  padding: 15px 15px 15px 60px;
}
.search-list-wrap .avatar-wrap {
  border: 1px solid #ececec;
  width: 40px;
  height: 40px;
  float: left;
  margin-left: -55px;
}
.search-list-wrap .avatar-wrap img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  border: 0 none;
}
.search-list-wrap .avatar-wrap.meta {
  width: 20px;
  height: 20px;
  float: none;
  margin-left: 0;
}
.search-list-wrap .avatar-wrap.comment-author {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.search-list-wrap .title-wrap {
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-list-wrap .title-wrap .post-id {
  color: #999;
  font-weight: normal;
}
.search-list-wrap .title-wrap .title {
  color: #333;
}
.search-list-wrap .state {
  margin: 0;
  margin-right: 5px;
  font-weight: bold;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.search-list-wrap .search-content {
  display: block;
  font-size: 14px;
  padding-left: 20px;
}
.search-list-wrap .search-content.np {
  padding-left: 0 !important;
}
.search-list-wrap .search-content-body {
  display: block;
}
.search-list-wrap .search-meta-info {
  margin-top: 10px;
  font-size: 13px;
  color: #999;
  padding-left: 20px;
}
.search-list-wrap .search-meta-info.np {
  padding-left: 0 !important;
}
.search-list-wrap .search-meta-info .meta-item {
  line-height: 20px;
  margin-right: 10px;
}
.search-list-wrap .project-link:hover {
  color: #3592b5 !important;
}
.search-list-wrap .user-link {
  color: #3592b5 !important;
  font-weight: bold;
}
.search-list-wrap strong.keyword {
  background-color: #6BC4E9;
  padding: 2px;
}
.search-list-wrap .search-comment-wrap {
  display: block;
  position: relative;
}
.dropdown-menu > li img {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ececec;
  margin-right: 3px;
}
.dropdown-menu > li .dummy-25px {
  width: 25px;
  display: inline-block;
}
.margin-right-15 {
  margin-right: 15px;
}
.howto-resolve-conflict .help {
  padding: 10px;
  font-size: 12px;
  background: #fefefe;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.howto-resolve-conflict .help ol {
  margin-left: 30px;
}
.howto-resolve-conflict .help ol code {
  display: block;
  font-weight: normal;
  padding: 5px;
  margin: 5px 0;
}
.howto-resolve-conflict .help ol .ybtn {
  margin: 0 5px;
  font-weight: normal !important;
}
.loginDialog {
  width: 460px;
  margin-left: -230px;
}
.loginDialog input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.loginDialog .login-form-wrap {
  margin: 20px auto !important;
}
.loginDialog .error {
  display: none;
  margin-bottom: 20px;
  color: #E74C3C;
}
.loginDialog .error .yobicon-error {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 13px;
}
.loginDialog .act-row input.checkbox {
  margin-top: 4px !important;
}
.loginDialog .act-row label.bg-checkbox {
  display: inline-block;
}
.loginDialog .btns-row {
  width: auto;
}
.loginDialog .fullsize {
  width: 100%;
}
.label-head {
  color: #0088cc;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 3px 5px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.confirm-button-vertical {
  width: 300px;
  clear: both;
  margin-bottom: 10px !important;
  margin-left: 0px !important;
}
.label-editor-wrap .new-label-wrap {
  margin: 30px auto;
}
.label-editor-wrap .new-label-wrap .form-legend {
  display: block;
  margin-bottom: 10px;
}
.label-editor-wrap .new-label-wrap .form-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.label-editor-wrap .new-label-wrap .input-label {
  width: 214px;
}
.label-editor-wrap .new-label-wrap .btn-submit {
  vertical-align: top;
  min-width: 100px;
}
.label-editor-wrap .issue-label-list-wrap {
  margin: 0 auto;
}
.label-editor-wrap .issue-label-list-wrap .list-head {
  border: 1px solid #ddd;
  border-width: 2px 0px 0px;
  background: #fafafa;
}
.label-editor-wrap .issue-label-list-wrap .list-head .category {
  padding-right: 18px;
  line-height: 30px;
  text-align: right;
}
.label-editor-wrap .issue-label-list-wrap .list-head .name {
  padding-left: 8px;
  line-height: 30px;
}
.label-editor-wrap .issue-label-list-wrap .list-item .category-name {
  margin-right: 2px;
}
.label-editor-wrap .issue-label-list-wrap .list-item .table .issue-label {
  display: block;
  max-width: 90%;
  font-size: 12px;
}
.label-editor-wrap .issue-label-list-wrap .list-item .table tr {
  border-bottom: 1px solid #ddd;
}
.label-editor-wrap .issue-label-list-wrap .list-item .table tr:last-of-type {
  border-bottom: none;
}
.label-editor-wrap .issue-label-list-wrap .list-item .table td {
  border-top: none;
}
.label-editor-wrap .issue-label-list-wrap .list-item .table td.info {
  width: 150px;
  text-align: right;
}
.label-editor-wrap .issue-label-list-wrap .list-item .table td.actions {
  width: 150px;
  text-align: right;
  padding-right: 1px;
}
.webhook-editor-wrap .new-webhook-wrap {
  margin: 30px auto;
}
.webhook-editor-wrap .new-webhook-wrap .form-legend {
  display: block;
  margin-bottom: 10px;
}
.webhook-editor-wrap .new-webhook-wrap .form-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.webhook-editor-wrap .new-webhook-wrap .input-webhook-payload {
  width: 355px;
}
.webhook-editor-wrap .new-webhook-wrap .input-webhook-secret {
  width: 214px;
}
.webhook-editor-wrap .new-webhook-wrap .btn-submit {
  vertical-align: top;
  min-width: 100px;
}
.webhook-editor-wrap .webhook-list-wrap {
  margin: 0 auto;
}
.webhook-editor-wrap .webhook-list-wrap .list-head {
  border: 1px solid #ddd;
  border-width: 0px 0px 2px;
  background: #fafafa;
}
.webhook-editor-wrap .webhook-list-wrap .list-head .payload-url,
.webhook-editor-wrap .webhook-list-wrap .list-head .secret {
  padding-left: 8px;
  line-height: 30px;
}
.webhook-editor-wrap .webhook-list-wrap .list-item {
  border-bottom: 1px solid #ddd;
}
.webhook-editor-wrap .webhook-list-wrap .list-item h6 {
  padding-left: 8px;
}
.webhook-editor-wrap .webhook-list-wrap .list-item .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webhook-editor-wrap .webhook-list-wrap .list-item .table {
  table-layout: fixed;
}
.webhook-editor-wrap .webhook-list-wrap .list-item .table .webhook-secret {
  display: block;
  font-size: 12px;
}
.webhook-editor-wrap .webhook-list-wrap .list-item .table td {
  border-top: none;
}
.webhook-editor-wrap .webhook-list-wrap .list-item .table td.info {
  width: 150px;
}
.webhook-editor-wrap .webhook-list-wrap .list-item .table td.actions {
  width: 80px;
  text-align: right;
  padding-right: 1px;
}
.category-exclusive {
  margin-right: 5px;
  vertical-align: middle;
  cursor: help;
}
.category-exclusive.single {
  color: #6c8dac;
}
.category-exclusive.multiple {
  color: #f39c12;
}
.edit-label-form {
  margin-top: 20px;
}
.edit-label-form .input-label-name {
  margin-left: 20px;
  margin-bottom: 0;
}
.edit-label-form .select2-container {
  text-align: left;
}
.label-preset-colors {
  display: none;
  /*inline-block;*/
  vertical-align: top;
  margin-top: 3px;
}
.label-preset-colors.edit {
  display: block;
  margin-top: 10px;
}
.label-preset-colors .btn-preset-color {
  display: inline-block;
  padding: 1px 12px;
  height: 24px;
  /*padding:1px 15px; height:30px;*/
  margin-top: 0;
  margin-right: 1px;
  line-height: 1;
  outline: none;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.3);
}
.label-preset-colors .btn-preset-color.active {
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.label-preset-colors .input-label-color {
  vertical-align: top;
  margin-bottom: 0;
  padding: 1px 6px;
  padding-left: 30px;
  -webkit-box-shadow: inset 25px 0 0 #555555;
  -moz-box-shadow: inset 25px 0 0 #555555;
  box-shadow: inset 25px 0 0 #555555;
}
.edit-label-category-form input.category-name {
  display: block;
  width: 68%;
  margin: 20px auto;
  font-size: 15px;
  text-align: center;
}
.admin-logged-in-affix {
  z-index: 1000;
  padding: 10px 10px;
  width: 100%;
  box-sizing: border-box;
  color: white;
  font-size: 20px;
  background-color: #ad0000;
  text-align: center;
  font-weight: bold;
}
.no-margin-no-padding {
  margin: 0px !important;
  padding: 0px !important;
  box-shadow: none !important;
  border: none !important;
}
.no-text-decoration {
  text-decoration: none !important;
}
.user-link {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  border: 1px solid #4FC3F7;
  border-radius: 3px;
  margin-right: 3px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #4FC3F7;
  color: white;
}
.user-link.me {
  background-color: #BA68C8;
  border: 1px solid #BA68C8;
}
.user-link:hover {
  color: black;
  background-color: #4FC3F7 !important;
}
.user-link span {
  font-weight: 600;
  color: white;
}
.project-link,
.org-link {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  border: 1px solid #9741ff;
  border-radius: 3px;
  margin-right: 3px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #9741ff;
  font-weight: 600;
  color: white;
}
.project-link:hover,
.org-link:hover {
  color: white;
  background-color: #9741ff !important;
}
.ago-date {
  vertical-align: middle;
}
.new-issue-by {
  vertical-align: middle;
  font-size: 13px;
  display: none;
  float: left;
  position: relative;
  margin-top: 2px;
}
.new-issue-by a {
  text-decoration: none;
  border: 1px solid transparent;
  padding: 0 5px;
  color: #51aacc;
}
.new-issue-by a:hover {
  color: #387a93;
  cursor: pointer;
}
.watcher-count {
  opacity: 0.9 !important;
  border: 0 !important;
  text-shadow: none;
}
.watch-on {
  background-color: #b6da54 !important;
  background-image: none !important;
}
.nofocus {
  outline: 0 !important;
}
.watch-btn > button {
  padding: 4px 10px;
}
.title-prefix {
  font-size: 15px;
  font-weight: bold;
  border-radius: 2px;
  color: #3592B5;
}
.title-prefix:hover {
  background-color: #3592B5;
  color: white;
}
.title-prefix-hover {
  background-color: #3592B5;
  color: white;
}
.send-notification-check {
  vertical-align: middle;
  padding: 9px;
  border-radius: 3px;
}
.send-notification-check strong {
  margin-right: 5px;
}
.send-notification-check .checkbox.inline {
  padding-top: 0px;
}
#s2id_projects {
  margin-top: 10px;
}
#option_form #s2id_projects {
  margin-top: 0;
}
.group-project-name {
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
}
.group-board {
  width: 100% !important;
}
#option_form > .board-labels {
  min-width: 120px;
  display: inline-block;
}
#option_form > .board-labels dt {
  display: none;
}
.post-list .search-wrap form .search-bar {
  height: 22px;
  display: inline-block;
  margin-right: 10px;
}
.post-list .search-wrap form .search-bar .textbox {
  width: inherit;
}
.post-list .search-wrap form .select2-container {
  height: 32px;
}
.stats-wrap i {
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
}
.stats-wrap .yobicon-lightbulb.ramp-on {
  color: #B6DA54;
}
.stats-wrap .yobicon-lightbulb.ramp-off {
  color: #DADADA;
}
.obfuscate {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.resp-comment-avatar {
  display: none;
}
.show-watchers {
  display: none;
  margin-left: 3px;
  height: 30px;
}
.show-watchers:hover {
  cursor: pointer;
}
.show-watchers button {
  height: 30px;
}
.watcher-list {
  display: none;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fafafa;
}
.watcher-list .watcher-name {
  padding: 5px;
}
.watcher-list .watcher-name:hover {
  background-color: #f1f1f1;
  text-decoration: none;
}
.attachment-files {
  color: gray;
}
.attachment-files .attachment-files-header {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
  background-color: #f1f1f1;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-left: auto !important;
}
.attachment-files .attachment-files-header .header-preview {
  margin-left: auto;
}
.attachment-files .attachment-files-header .header-file-name {
  text-align: center;
}
.attachment-files .attachment-files-header .header-size {
  text-align: right;
}
.attachment-files .attachment-files-header .header-location {
  text-align: center;
}
.attachment-files .attachment-file-detail {
  padding: 5px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  line-height: 30px;
  border: 1px solid #fff;
  border-bottom: 1px solid #eee;
  margin-left: auto !important;
}
.attachment-files .attachment-file-detail .file-preview {
  max-height: 40px;
  overflow: hidden;
  margin-left: auto;
}
.attachment-files .attachment-file-detail .file-preview img {
  max-width: 40px;
  box-sizing: border-box;
}
.attachment-files .attachment-file-detail .file-name {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
  color: black;
}
.attachment-files .attachment-file-detail .file-name .icon:before {
  padding-right: 5px;
}
.attachment-files .attachment-file-detail .file-size {
  text-align: right;
  font-size: 11px;
}
.attachment-files .attachment-file-detail .file-download {
  font-size: 16px;
  text-align: center;
}
.attachment-files .attachment-file-detail .file-date {
  text-align: right;
  font-size: 11px;
}
.attachment-files .attachment-file-detail .file-location {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-files .hover {
  border: 1px solid #10A2E4;
}
.user-file-search {
  margin-bottom: 10px;
}
.user-file-search input {
  width: 100% !important;
}
.label-edit {
  color: #51aacc;
}
.right-menu {
  margin-top: 10px;
  margin-left: 10px;
  width: 350px;
}
.auth-provider-logo {
  font-family: 'Roboto', sans-serif;
}
.auth-provider-logo svg {
  vertical-align: middle;
}
.auth-provider-logo .github {
  width: 30px;
  display: inline-block;
  margin-left: -4px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.providers .provider-name {
  height: 40px;
}
.cache-warning {
  color: darkviolet;
  font-weight: bold;
}
.width16px {
  width: 16px;
  display: inline-block;
}
.width25px {
  width: 25px;
  display: inline-block;
}
#simple-issue-list .state-label {
  font-size: 13px;
  padding: 5px 0 3px;
  display: inline-block;
  min-width: 13px;
  color: white;
  border-radius: 5px;
  text-align: center;
  line-height: 14px;
  margin-right: 3px;
}
#simple-issue-list .state-label.open {
  color: white;
}
#simple-issue-list .state-label.closed {
  color: #fd6956;
}
#simple-issue-list .issue-item {
  font-size: 14px;
  padding: 3px;
}
#simple-issue-list .issue-item .item-name {
  vertical-align: middle;
}
#simple-issue-list .issue-item .number {
  font-family: menlo, Consolas, monospace, sans-serif;
  font-size: 12px;
  color: gray;
  min-width: 35px;
  padding-right: 5px;
  display: inline-block;
  text-align: right;
  margin-right: 3px;
}
.subtask-progress:hover {
  cursor: pointer;
}
.child-issue-list {
  color: #666;
}
.child-issue-list .closed {
  background-color: transparent !important;
}
.child-issue-list .yobicon-checkmark {
  color: #fd6956;
}
.child-issue .child-issue-date {
  display: none;
  font-size: 10px;
  color: lightgrey;
}
.issue-item-row:hover .child-issue-date {
  display: inline-block;
}
.subtasks {
  margin-bottom: 15px;
  margin-top: 40px;
}
.subtasks .state-label {
  font-size: 13px;
  padding: 5px 0 3px;
  display: inline-block;
  min-width: 13px;
  color: white;
  border-radius: 5px;
  text-align: center;
  line-height: 14px;
  margin-right: 3px;
}
.subtasks .state-label.open {
  color: white;
}
.subtasks .state-label.closed {
  color: #fd6956;
}
.subtasks .issue-item {
  font-size: 14px;
  padding: 3px;
}
.subtasks .issue-item .item-name {
  vertical-align: middle;
}
.subtasks .issue-item .number {
  font-family: menlo, Consolas, monospace, sans-serif;
  font-size: 12px;
  color: gray;
  min-width: 35px;
  padding-right: 5px;
  display: inline-block;
  text-align: right;
  margin-right: 3px;
}
.subtasks .issue-item {
  padding: 0 3px;
}
.subtasks .parent-issue {
  font-size: 16px;
}
.subtasks .parent-issue-delimeter {
  margin: 5px 0 0 0;
  border-top: dashed 1px #ddd;
}
.subtask {
  color: #9e9e9e;
}
.subtask a {
  border: 1px solid;
  padding: 0 2px;
}
.subtask a:hover {
  color: #51aacc;
  text-decoration: none;
}
.subtask-message {
  font-size: 12px;
  color: #9E9E9E;
  line-height: 15px;
  padding: 7px 0 5px 0;
  border: 1px solid #ddd;
  text-align: center;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 14px;
}
.subtask-message:hover {
  color: #f36c22;
  cursor: pointer;
  border: 1px solid #f36c22;
}
.subtask-message.option-on {
  border: 1px solid #f36c22;
  color: #f36c22;
}
.subtask-wrap {
  display: none;
}
.subtask-wrap.show {
  display: block;
}
.infos .upload-progress,
.parent-issue .upload-progress {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  overflow: hidden;
  margin-top: 3px;
  box-shadow: none;
}
.infos .completion-ratio,
.parent-issue .completion-ratio {
  margin-right: 3px;
}
.infos .open,
.parent-issue .open {
  background-color: #8BC34A;
}
.infos .closed,
.parent-issue .closed {
  background-color: #f68c52;
}
.infos .parent-issue-state,
.parent-issue .parent-issue-state {
  border-radius: 0;
  color: white;
  padding: 2px;
  font-size: 12px;
  line-height: 17px;
  vertical-align: text-bottom;
}
.txt-orange {
  color: #f68c52;
}
.txt-green {
  color: #8bc34a;
}
.reset-user-visited-list {
  padding-top: 5px;
  clear: both;
}
.file-path-wrap {
  font-size: 16px;
}
.file-path-wrap .new-file-name {
  padding: 0 0;
  margin-bottom: 0;
  margin-left: 3px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #999;
  border-radius: 0 !important;
  height: 36px;
}
#new-file-link {
  margin: 0 5px;
}
.show-subtasks-li {
  margin-left: -18px;
}
.two-column-icon,
.show-subtasks {
  display: inline-block;
  line-height: 37px;
  margin-left: 10px;
}
.two-column-icon i,
.show-subtasks i {
  font-size: 16px;
  margin-right: 5px;
  line-height: 20px;
}
.two-column-icon label,
.show-subtasks label {
  padding-top: 4px;
  padding-left: 0;
}
.two-column-icon #two-column-mode,
.show-subtasks #two-column-mode,
.two-column-icon #toggle-show-subtasks,
.show-subtasks #toggle-show-subtasks {
  float: none;
  margin: 4px 4px 0 2px;
  vertical-align: top;
}
.two-column-icon .two-column-icon-border,
.show-subtasks .two-column-icon-border,
.two-column-icon .show-subtasks-button-border,
.show-subtasks .show-subtasks-button-border {
  color: #03a9f4;
  border: 1px solid #03afff;
  border-radius: 3px;
  padding: 3px 3px 0 3px;
}
.two-column-icon .two-column-icon-border:hover,
.show-subtasks .two-column-icon-border:hover,
.two-column-icon .show-subtasks-button-border:hover,
.show-subtasks .show-subtasks-button-border:hover {
  background-color: #03afff;
  color: #fff0ff;
}
.two-column-icon .two-column-icon-border:hover .two-column-mode-text,
.show-subtasks .two-column-icon-border:hover .two-column-mode-text,
.two-column-icon .show-subtasks-button-border:hover .two-column-mode-text,
.show-subtasks .show-subtasks-button-border:hover .two-column-mode-text {
  color: #fff0ff;
}
.two-column-icon-selected,
.show-subtasks-selected {
  background-color: #aee5ff;
}
.two-column-icon-selected .two-column-mode-text,
.show-subtasks-selected .two-column-mode-text {
  color: #0293d6;
}
.two-column-mode-text,
.show-subtasks-text {
  padding: 0 4px 0 0;
  line-height: 20px;
  vertical-align: text-bottom;
}
.absoluteAndLeftMargin {
  position: absolute;
  margin-left: 260px;
}
.page-nums {
  margin-left: -120px !important;
}
.highlightBg {
  background-color: #eee !important;
}
#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  /* Specify the width of your pageslide here */
  width: 50%;
  padding: 0;
  /* These styles are optional, and describe how the pageslide will look */
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  -moz-shadow: inset 0 0 5px 5px #222;
  box-shadow: 2px 2px 8px #000;
  background: #ffffff url('../images/loading-gif-2.gif') no-repeat center;
}
.myissues-search-input {
  margin: 20px 0 20px;
}
.project-protected {
  background-color: #00bcd4;
  border-radius: 2px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  padding: 0 2px;
  vertical-align: top;
}
.no-margin {
  margin: 0;
}
.for-subtask-progressbar {
  padding-left: 5px;
}
.for-subtask-progressbar .subtask-progress {
  display: inline-block;
  width: 30px;
  vertical-align: bottom;
}
.for-subtask-progressbar .completion-ratio {
  font-size: 0.8em;
}
.for-subtask-progressbar .subtask {
  font-size: 0.8em;
}
.my-issues .post-item {
  padding: 0 10px;
  color: #999999;
}
.my-issues .post-item .title-wrap {
  margin-top: 2px;
  white-space: normal;
  overflow: auto;
  display: table;
}
.my-issues .post-item .title-wrap .title-cell {
  padding: 5px 0;
  display: table-cell;
  vertical-align: middle;
}
.my-issues .post-item .title-wrap .item-count-groups {
  font-size: 10px;
}
.my-issues .post-item .title-wrap .title {
  font-size: 14px;
  font-weight: 500;
}
.my-issues .post-item .author {
  display: table;
}
.my-issues .post-item .author .author-cell {
  display: table-cell;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.my-issues .post-item .meta {
  display: table;
}
.my-issues .post-item .meta .meta-cell {
  display: table-cell;
  vertical-align: middle;
}
.my-issues .post-item .post-id {
  color: #999;
  margin-right: 5px;
  font-size: 12px;
  font-weight: normal;
}
.my-issues .post-item .infos {
  margin-top: 4px;
}
.subtask-mark {
  border: 1px solid #e95e01;
  border-radius: 3px;
  padding: 2px 5px;
  font-size: 14px;
  color: #e95e01;
  margin-right: 5px;
}
.subtask-number {
  font-size: 12px;
  margin-right: 5px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  display: inline-block;
  min-width: 22px;
}
.to-branch {
  border: 1px solid;
  padding: 0 5px;
}
.to-default-branch {
  border: 1px solid #03a9f4;
  padding: 0 5px;
  color: #03a9f4;
}
.no-border-at-child .item-count-groups {
  border: none !important;
}
.child-issues .selected-child {
  font-weight: bold;
  border: 1px solid #ddd;
  background-color: #F5F5F5;
  border-radius: 4px;
}
.sharer-list {
  margin-top: -5px;
  padding: 15px;
}
.sharer-list.sharer-list-border {
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}
.sharer-list.sharer-list-border:before {
  position: absolute;
  top: -9px;
  left: 133px;
  content: ' ';
  width: 16px;
  height: 16px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #BDC3C7;
  background-color: #fff;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sharer-list .issue-share-title {
  font-size: 16px;
}
.sharer-list .sharer-item {
  display: inline-block;
  background-color: #ececec;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  padding: 1px 8px;
}
.project-name-in-my-issues {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
}
.project-name-in-my-issues .project-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.favorite-issue .my-issue {
  font-size: 16px !important;
}
.favorite-issue .star {
  color: rgba(0, 0, 0, 0.2);
  font-size: 22px;
}
.favorite-issue .star:hover {
  color: #e91e63;
  cursor: pointer;
}
.favorite-issue .starred {
  color: #e91e63 !important;
}
@keyframes showNav {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.task-list-button {
  margin-top: 2px;
}
.task-list-button .tasklist-icon {
  vertical-align: top;
}
.task-list-button button {
  margin-top: 1px;
}
.tasklist {
  padding: 10px 20px 0 20px;
  box-shadow: none;
  filter: none;
  display: none;
}
.tasklist.task-show {
  display: block;
  animation: showNav 250ms ease-in-out both;
}
.tasklist .task-title {
  font-weight: 500;
}
.tasklist .task-title .done-counter {
  margin-left: 5px;
}
.tasklist .task-progress {
  background-color: #D4D4D4;
}
.tasklist .task-progress .bar {
  transition: .2s;
  height: 2px;
  width: 100%;
}
.tasklist .task-progress .red {
  background-color: red;
}
.tasklist .task-progress .green {
  background-color: #8bc34a;
}
.attach {
  color: #9E9E9E;
  padding: 4px 10px 0 10px;
}
.attach:last-child {
  padding-bottom: 6px;
}
.attach .yobicon-paperclip {
  vertical-align: middle;
}
.attach .ybtn.download {
  color: inherit;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.attach .ybtn.download:hover,
.attach .ybtn.download:focus {
  background-color: rgba(255, 255, 255, 0.85);
}
.upload-button-line .file-upload {
  position: relative;
  display: inline-block;
}
.upload-button-line .file-upload__label {
  display: block;
  border-radius: 2px;
  transition: background .3s;
}
.upload-button-line .file-upload__input {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 0;
  bottom: 0;
  width: 0;
  opacity: 0;
}
.issue-weight .divider {
  color: grey;
  margin: 0 3px;
}
.issue-weight .weight-number {
  color: #795548;
  font-weight: 500;
  font-size: 20px;
  margin-left: 5px;
  vertical-align: middle;
}
/* task list */
.task-list-item {
  list-style: none;
}
.task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
.child-comment-input-form .notification-receiver {
  margin-left: 12px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.notification-receiver {
  background-color: #F7F7F7;
  display: none;
  text-align: start;
  padding: 5px 5px 5px 10px;
}
.notification-receiver .notification-receiver-title {
  color: #999;
}
.notification-receiver .notification-receiver-list span {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  border: 1px solid #4FC3F7;
  border-radius: 3px;
  margin-right: 3px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #4FC3F7;
  color: white;
  font-size: 12px;
}
.video-content {
  max-height: 50vh;
}
.index-comment {
  font-size: 12px;
  padding: 2px 5px !important;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-top: 5px;
}
.index-comment.mentioned {
  background-color: #BA68C8;
  color: white;
}
.index-comment.mentioned a:hover {
  color: #b3e5fc;
}
.index-comment.mentionedInChild {
  border-color: #BA68C8;
}
.index-comment .comment-exists {
  color: #8b008b;
  margin-right: 5px;
}
.index-comment:hover {
  border-color: #03a9f4;
  cursor: pointer;
  box-shadow: 2px 2px 1px 0 #dcdcdc;
}
.index-comment .comment-body {
  word-break: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.index-comment .index-comment-author {
  text-align: right;
}
.index-comment a {
  text-decoration: none;
}
.reload-page-link {
  color: #388e3c;
  text-decoration: underline;
}
.reload-page-link:hover {
  color: white;
}
.gallery-image-link {
  color: #ffd500;
  font-size: 1.1em;
}
.gallery-image-link:hover {
  color: #ffd500;
}
.gallery-image-link:hover,
.gallery-image-link:visited {
  color: #00ddff;
}
.issue-state {
  border-radius: 3px;
  padding: 0 3px;
  margin-left: 3px;
  user-select: none;
}
.issue-state.open {
  color: #fff;
  background-color: #2ea043;
}
.issue-state.closed {
  color: #fff;
  background-color: #da3733;
}
.issue-state:hover {
  text-decoration: none;
}
.tippy-box[data-theme~=light-border] {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 8, 16, 0.15);
  color: #333;
  box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08);
}
.tippy-box[data-theme~=light-border] > .tippy-backdrop {
  background-color: #ffffff;
}
.tippy-box[data-theme~=light-border] > .tippy-arrow:after,
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow:after {
  content: "";
  position: absolute;
  z-index: -1;
}
.tippy-box[data-theme~=light-border] > .tippy-arrow:after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow:before {
  border-top-color: #ffffff;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow:after {
  border-top-color: rgba(0, 8, 16, 0.2);
  border-width: 7px 7px 0;
  top: 17px;
  left: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow:after {
  top: 17px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #fff;
  bottom: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow:after {
  border-bottom-color: rgba(0, 8, 16, 0.2);
  border-width: 0 7px 7px;
  bottom: 17px;
  left: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow:after {
  bottom: 17px;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow:before {
  border-left-color: #ffffff;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow:after {
  border-left-color: rgba(0, 8, 16, 0.2);
  border-width: 7px 0 7px 7px;
  left: 17px;
  top: 1px;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow > svg {
  left: 11px;
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow:after {
  left: 12px;
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow:before {
  border-right-color: #fff;
  right: 16px;
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow:after {
  border-width: 7px 7px 7px 0;
  right: 17px;
  top: 1px;
  border-right-color: rgba(0, 8, 16, 0.2);
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow > svg {
  right: 11px;
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow:after {
  right: 12px;
}
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow {
  fill: #ffffff;
}
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
  background-size: 16px 6px;
  width: 16px;
  height: 6px;
}
::-webkit-scrollbar {
  height: 8px;
  overflow: visible;
  width: 10px;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  min-height: 28px;
  padding: 0 2px;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: 0 solid transparent;
}
::-webkit-scrollbar-thumb:horizontal {
  border-width: 0;
  padding: 0;
}
::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-track:active {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 rgba(0, 0, 0, 0.07);
}
::-webkit-scrollbar-track:horizontal {
  border-width: 0;
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-track:horizontal:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
::-webkit-scrollbar-track:horizontal:hover {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 720px) {
  body {
    overflow-y: auto;
    flex-direction: column;
  }
  .sidebar {
    position: relative;
  }
  .sidemenu-width {
    width: 100vw !important;
  }
  .sidenav {
    width: 100vw;
  }
  .main-stream {
    width: 100%;
  }
  .board-header .title {
    border-radius: 0 !important;
  }
  .board-actrow {
    padding: 2px;
    line-height: 40px;
  }
  .board-comment-wrap {
    padding: 2px;
  }
  .post-list-wrap {
    margin-left: 10px;
  }
  .markdown-wrap ul,
  .markdown-wrap ol {
    padding: 0 0 0 1.5em !important;
  }
  .markdown-wrap p,
  .markdown-wrap ul,
  .markdown-wrap ol {
    font-size: 16px !important;
  }
  .markdown-wrap li > img {
    max-width: 100% !important;
  }
  .markdown-wrap img {
    padding: 0 !important;
    box-shadow: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100vw !important;
    position: relative;
    left: -15px;
    display: block;
  }
  .post-list-wrap .post-item {
    padding: 10px 0 !important;
  }
  .post-list-wrap .post-item .title {
    font-size: 16px;
  }
  .post-list-wrap .post-item .title.project {
    font-size: 12px;
  }
  .site-guide-outer {
    margin: 40px 0 0 !important;
  }
  .board-comment-wrap .comments .event .commit-list {
    margin: 10px 0 !important;
  }
  .board-comment-wrap .comments .comment .subcomment-media-body {
    margin-left: 0;
  }
  .dropdown-toggle .d-label {
    width: inherit !important;
  }
  .yobiDialog {
    padding: 5px 5px !important;
    width: 85% !important;
  }
  .modal {
    left: inherit !important;
    margin-left: inherit !important;
    width: inherit !important;
  }
  .inner-bubble .text.uname {
    width: inherit !important;
  }
  .input-webhook-payload {
    width: inherit !important;
  }
  .box-wrap {
    padding: 10px 0 !important;
  }
  .box-wrap .setting-box.left .logo-wrap {
    width: 100px !important;
    height: 100px !important;
  }
  .box-wrap .setting-box.right {
    padding-left: 0 !important;
    border-left: none !important;
  }
  .box-wrap .textarea {
    width: inherit !important;
  }
  .codediff-wrap .review-wrap .review-container {
    position: inherit !important;
  }
  .diff-body .diff-partial-outer {
    margin-left: 15px;
  }
  .review-form .write-comment-box {
    margin-left: 0 !important;
  }
  .codediff-wrap .diffs-wrap {
    margin-right: inherit !important;
  }
  .codediff-wrap .review-wrap {
    position: inherit !important;
  }
  input[type='text'],
  input[type='number'],
  input[type='password'],
  textarea {
    font-size: 16px !important;
  }
  .search-wrap {
    height: inherit !important;
  }
  .gnb-inner .logo:after {
    margin-left: inherit !important;
  }
  .media-body .meta-info {
    padding: 5px 5px !important;
  }
  .comments .event {
    padding-left: 5px !important;
  }
  .board-header .date {
    margin-right: 5px !important;
  }
  .badge-small {
    margin-right: 0 !important;
    padding: 5px 5px;
  }
  .admin-logged-in-affix {
    width: auto !important;
  }
  .modal {
    left: inherit;
    margin-right: 0 !important;
  }
  .loginDialog {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .loginDialog .login-form-wrap {
    width: inherit;
  }
  .loginDialog .login-form-wrap .text {
    width: 95%;
  }
  .login-form-wrap {
    width: 95% !important;
  }
  .login-form-wrap .text {
    width: 95% !important;
  }
  .signup-form-wrap {
    width: 95% !important;
  }
  .signup-form-wrap .popover.left {
    left: 24.375px !important;
  }
  .signup-form-wrap .popover.left .popover-content {
    width: 150px !important;
  }
  .signup-form-wrap .text {
    width: 40% !important;
  }
  .signup-form-wrap dl {
    text-align: right;
  }
  .gnb-usermenu-item {
    color: #5dbbe0 !important;
  }
  .gnb-usermenu-dropdown {
    color: #5dbbe0 !important;
  }
  .span-left-pane {
    width: 100% !important;
  }
  .span-right-pane {
    display: none !important;
  }
  .gnb-search-form {
    display: none !important;
  }
  .short-menu {
    display: block;
  }
  .menu-name {
    display: none;
  }
  .project-menu-nav li a {
    padding: 5px 12px 4px 12px !important;
  }
  .project-menu-count {
    position: absolute !important;
    margin-top: -36px !important;
  }
  .show-in-mobile {
    display: block !important;
  }
  .show-in-mobile-inline {
    display: inline-block !important;
  }
  .hide-in-mobile {
    display: none !important;
  }
  .watch-btn {
    display: none;
  }
  .comment-body {
    padding: 10px 10px !important;
  }
  .textarea-box textarea {
    width: 100%;
  }
  .content-wrap .text {
    width: 95%;
  }
  .unsupported {
    min-width: 10px !important;
  }
  .gnb-outer {
    min-width: 10px !important;
  }
  .page-wrap-outer {
    min-width: 10px !important;
    padding: 0 !important;
  }
  .board-body .content {
    padding: 0 15px;
  }
  .site-breadcrumb-outer {
    min-width: 10px !important;
  }
  .project-header-outer {
    min-width: 10px !important;
  }
  .project-menu-outer {
    min-width: 10px !important;
  }
  .page-footer-outer {
    min-width: 10px !important;
  }
  .comment-avatar {
    display: none;
  }
  .media-body {
    margin-left: 0 !important;
  }
  .media-body:before {
    display: none;
  }
  .media-body .resp-comment-avatar {
    display: inline-block;
  }
  .media-body .avatar-wrap {
    width: 24px !important;
    height: 24px !important;
    margin-top: -5px;
  }
  .write-comment-box {
    padding: 0;
  }
  .project-menu-count {
    background: none;
    color: inherit;
    font-weight: bold;
  }
  .project-menu-gruop {
    margin-left: 0 !important;
  }
  .project-header-avatar {
    left: 0 !important;
    width: 50px !important;
    height: 50px !important;
    bottom: -6px !important;
    border: 1px solid #f9f9f9 !important;
  }
  .project-breadcrumb-wrap {
    left: 52px !important;
    bottom: 5px !important;
  }
  .project-breadcrumb-wrap .project-name,
  .project-breadcrumb-wrap .project-author {
    font-size: 0.7em;
  }
  .dropdown-menu.flat .pop-title {
    white-space: normal !important;
  }
  .dropdown-menu.flat.right {
    width: 250px !important;
    right: 0 !important;
    left: inherit !important;
  }
  .dropdown-menu.flat .pop-content {
    white-space: normal !important;
  }
  .project-header-wrap .project-util-wrap {
    bottom: 10px !important;
  }
  .span-hard-wrap {
    min-width: 95%;
    width: 100vw;
  }
  .nav-tabs li a {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .readme .readme-wrap .readme-body {
    padding: 0;
  }
  .search-wrap.underline {
    border-bottom: none !important;
  }
  .search-bar {
    margin: 5px 0;
  }
  .search-bar .textbox {
    width: inherit !important;
  }
  .board-labels {
    width: 70px !important;
  }
  .project-selects {
    width: 100px !important;
  }
  .post-list .ybtn-success {
    margin-top: 6px;
  }
  .post-list .search-wrap form {
    width: inherit !important;
  }
  .post-list .search-wrap form .search-bar {
    width: 120px !important;
  }
  .siteintro .siteintro-cover {
    overflow: inherit;
    width: inherit;
  }
  .siteintro .siteintro-cover .site-heading {
    font-size: 22px;
    padding-left: 20px;
  }
  .feature-wrap {
    width: inherit !important;
  }
  .feature-wrap li {
    width: 95% !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
  }
  .label-editor-wrap .new-label-wrap .btn-submit {
    margin: 10px 0;
  }
  .attachment-files {
    font-size: 12px;
  }
  .attachment-files .attachment-files-header {
    display: none;
  }
  .attachment-files .attachment-file-detail .file-preview {
    height: 75px;
  }
  .attachment-files .attachment-file-detail .file-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
  }
  .attachment-files .attachment-file-detail .file-size {
    text-align: left;
  }
  .attachment-files .attachment-file-detail .file-date {
    display: block;
    text-align: left;
  }
  .attachment-files .attachment-file-detail .file-location {
    font-size: 12px;
    display: block;
  }
  .page-nums {
    margin-left: 0;
  }
}
@media all {
  .attachment-files {
    font-size: 12px;
  }
  .attachment-files .attachment-files-header .header-file-name {
    max-width: 200px;
  }
  .attachment-files .attachment-files-header .header-size {
    max-width: 80px;
    display: block;
  }
  .attachment-files .attachment-file-detail .file-name {
    max-width: 200px;
    font-size: 14px;
    word-break: break-all;
  }
  .attachment-files .attachment-file-detail .file-size {
    max-width: 80px;
    font-size: 12px;
  }
  .attachment-files .attachment-file-detail .file-date {
    display: block;
  }
  .attachment-files .attachment-file-detail .file-location {
    font-size: 12px;
    display: block;
  }
  .unsupported {
    width: 100vw;
    padding: 0 10px;
  }
  .unsupported .unsupported-inner {
    width: 95%;
  }
  .gnb-outer {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .search-box input:focus {
    max-width: 250px;
  }
  .page-wrap-outer {
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .project-page-wrap {
    width: 100%;
    margin-top: 5px !important;
  }
  .project-page-wrap .project-breadcrumb {
    font-size: 1.5em;
    font-weight: bold;
  }
  .site-breadcrumb-outer {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .project-home-header .project-clone-wrap .project-clone-url {
    width: 100px;
    max-width: 125px;
  }
  .project-home-header .project-clone-wrap:hover .project-clone-url {
    width: 100%;
    max-width: 250px;
  }
  .diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr.comments td li {
    max-width: 910px;
  }
  .diff-body .diff-partial-outer .diff-partial-inner .diff-partial-code table tr td.diff-comment-box .write-comment-box .write-comment-wrap {
    max-width: 850px;
  }
  .page-footer-outer {
    padding: 10px;
  }
  .page-footer-outer .page-footer {
    width: 100%;
  }
  .issue-info {
    padding: 15px 0 0 10px;
  }
  .markdown-help .markdown-help-nav li {
    padding: 5px 8px;
  }
}
/**
 * Bootstrap theme: Yobi UI
 *
 * Override bootstrap::
 * 기본 글자 크기 12px로 설정
 * (bootstrap 2.3.1 : 14px,
 *  bootstrap 2.2.1 : 12px)
 */
body {
  font-size: 13px;
  display: flex;
  min-height: 100vh;
}
label,
input,
button,
select,
textarea {
  font-size: 12px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-size: 12px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 12px;
}
.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
/* box-shadow, border-radius */
form {
  margin: 0 0 2px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #f36c22 !important;
}
/** popover **/
.popover {
  line-height: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.1);
}
.popover-content {
  padding: 9px 10px;
  line-height: 120%;
}
/** yobi.ui.Dropdown **/
.dropdown-toggle {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  margin-left: .3em;
  padding: 0px;
  padding-left: 12px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  color: #333;
  background: #ffffff;
  text-shadow: none;
  line-height: 20px;
  font-size: 14px;
  outline: 0 none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown-toggle.small .d-label {
  width: 29px;
}
.dropdown-toggle.medium .d-label {
  width: 58px;
}
.dropdown-toggle.large .d-label {
  width: 116px;
}
.dropdown-toggle.auto {
  width: 100%;
  padding-right: 28px;
}
.dropdown-toggle.auto .d-label {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-toggle.auto .d-caret {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: inherit;
}
.dropdown-toggle .d-label {
  float: left;
  margin: 0;
  padding: 4px 0;
  padding-right: 9px;
  width: 116px;
  overflow: hidden;
  display: inline-block ;
}
.dropdown-toggle .d-caret {
  float: right;
  margin: 0;
  padding: 4px 9px;
}
.dropdown-toggle .d-caret .caret {
  border-top-color: #4f4f4f;
}
.dropdown-toggle .d-caret.nlb {
  border-left: none;
}
.dropdown-toggle.blue {
  background: #51aacc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.dropdown-toggle.blue .d-caret .caret {
  border-top-color: #fff;
}
.dropdown-toggle.orange {
  background: #f36c22;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.dropdown-toggle.orange .d-caret .caret {
  border-top-color: #fff;
}
@-moz-document url-prefix() {
  * > .dropdown-toggle {
    padding: 3px 0 !important;
  }
}
.btn-group.open .btn.dropdown-toggle {
  background: #f2f2f2;
}
.btn-group.open .btn.dropdown-toggle.blue {
  background: #3da0c6;
}
.btn-group.open .btn.dropdown-toggle.orange {
  background: #ef5d0d;
}
.dropdown-menu {
  padding: 0;
  width: inherit;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-menu li {
  margin-bottom: 1px;
}
.dropdown-menu li:hover .usf-group .loginid {
  color: #fff;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #fff;
  cursor: pointer;
  background: #51aacc !important;
  filter: none;
  /* for IE */
  /*.linear-gradient(@darkgray, darken(@darkgray, 10%));*/
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #fff;
  background: #51aacc !important;
  filter: none;
  /* for IE */
  /*.linear-gradient(@darkgray, darken(@darkgray, 10%));*/
}
.dropdown-menu .disabled span {
  padding-left: 10px;
  font-weight: bold;
  color: #878787;
}
.dropdown-menu li:last-of-type.divider {
  display: none;
}
.btn-group.auto {
  width: 100%;
}
.usf-group .avatar-wrap {
  margin-right: 5px;
}
.usf-group .name {
  margin-right: 2px;
}
.usf-group .loginid {
  color: #999;
}
/** buttons **/
.icon-refresh {
  cursor: pointer;
}
.btn.disabled,
.btn[disabled] {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.btn.disabled .caret,
.btn[disabled] .caret {
  border-top-color: #aaa;
}
.nbtn:disabled {
  background-color: #dadada !important;
  color: gray;
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.nbtn {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  line-height: 18px;
  border: 0;
  padding: 0;
  margin-right: 5px;
  white-space: nowrap;
  color: #ffffff;
  background-color: #707070;
  text-shadow: none;
  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block ;
}
.nbtn > i.ico {
  margin-right: 5px;
}
.nbtn:hover {
  background-color: #575757;
  text-decoration: none;
}
.nbtn.last {
  margin-right: 0;
}
.nbtn.active {
  -webkit-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.nbtn.blue {
  background-color: #51aacc;
  /*#56B5D9*/
}
.nbtn.blue:hover {
  background-color: #3592b5;
  color: #00ddff;
}
.nbtn.blue .num-badge {
  background-color: #fff;
  color: #51aacc;
}
.nbtn.orange {
  background-color: #f36c22;
}
.nbtn.orange:hover {
  background-color: #d6530c;
  color: #f7ffe2;
}
.nbtn.purple {
  background-color: #8d008d;
}
.nbtn.purple:hover {
  background-color: #5a005a;
}
.nbtn.green {
  background-color: #007fca;
}
.nbtn.green:hover {
  background-color: #005f97;
  color: #00ddff;
}
.nbtn.red {
  background-color: #e45642;
}
.nbtn.red:hover {
  background-color: #d5351e;
  color: #fff;
}
.nbtn.mint {
  background-color: #83d6df;
}
.nbtn.mint:hover {
  background-color: #5ac9d5;
  color: #fff;
}
.nbtn.black {
  background-color: #222;
}
.nbtn.black:hover {
  background-color: #000;
}
.nbtn.white {
  color: #222;
  background-color: #ffffff;
}
.nbtn.white:hover {
  background-color: #e6e6e6;
  color: #f36c22;
}
a.nbtn,
div.nbtn,
span.nbtn,
p.nbtn {
  vertical-align: middle;
}
a.nbtn.small,
div.nbtn.small,
span.nbtn.small,
p.nbtn.small {
  padding: 3px 10px;
}
a.nbtn.medium,
div.nbtn.medium,
span.nbtn.medium,
p.nbtn.medium {
  padding: 6px 20px;
}
a.nbtn.large,
div.nbtn.large,
span.nbtn.large,
p.nbtn.large {
  padding: 9px 30px;
  font-size: 15px;
}
button.nbtn.square {
  padding: 1px 12px;
  height: 24px;
  line-height: 1;
  margin-top: 4px;
  margin-right: 4px;
}
button.nbtn.small {
  padding: 1px 10px;
  height: 24px;
  line-height: 1;
}
button.nbtn.medium {
  padding: 4px 20px;
  height: 30px;
  line-height: 1;
}
button.nbtn.large {
  padding: 8px 30px;
  height: 36px;
  line-height: 1;
  font-size: 15px;
}
.nbtn-group .nbtn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 0;
}
.nbtn-group:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.nbtn-group:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* fileUpload button **/
.fake-file-wrap {
  position: relative;
  display: block;
  clear: both;
  overflow: hidden;
  cursor: pointer;
}
.fake-file-wrap:hover {
  background: #e6e6e6;
}
.fake-file-wrap .file {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 0;
  left: 5px;
  /*-15px;*/
  min-width: 100px;
  width: 100%;
  opacity: 0;
}
/** issue label **/
.issue-label {
  background: #f9f9f9;
  font-size: 11px;
  text-shadow: none;
  line-height: 12px;
  -webkit-transition-duration: 0.25s;
  /*&.editable .delete { display:inline; }*/
}
.issue-label:last-of-type {
  margin: 0;
}
.issue-label .delete {
  display: inline;
  /*none;*/
  margin-left: 8px;
  padding: 8px 4px;
  font-size: 20px;
  vertical-align: middle;
  -webkit-transition-duration: inherit;
}
.issue-label .delete:hover {
  background: rgba(0, 0, 0, 0.2);
}
.issue-label.list-label {
  padding: 2px 3px;
  font-weight: normal;
}
.issue-label.active {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.issue-label.active.active-white {
  color: #fff;
}
.issue-label.active.active-dimgray {
  color: #696969;
}
.issue-label:hover {
  opacity: 0.7;
}
.issue-label.static.active {
  border-left: initial !important;
}
.issue-label.static:hover {
  opacity: 1;
}
span.issue-label {
  display: inline-block;
  overflow: hidden;
  line-height: 20px;
  margin-right: 5px;
  padding: 2px 6px;
}
span.issue-label:hover {
  background: #DFDFDF;
  opacity: 1;
}
.dropdown-menu .issue-label:hover {
  opacity: 1;
}
/** project label */
.project-label {
  border: none;
  padding: 1px 5px;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  background: #aaa;
  /*d9d9d9;*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*.box-shadow(inset 0px -2px 2px rgba(255,255,255,0.4));*/
  /*&.language { background:#ffc48c; }
    &.license  { background:#ff9f80; }*/
}
/* */
/** input **/
/* 검색버튼 스타일 */
.btn-search {
  width: 88px;
  margin: 5px 0 0;
  padding: 4px 0;
  border: 1px solid #a9a9a9;
  color: #000000;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.btn-search:hover {
  color: #f36c22;
}
/** 화면 중앙의 프로젝트 내 검색 폼 **/
.form-search .text {
  width: 360px;
  margin: 5px 0 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.form-search .text:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-search .btn {
  width: 88px;
  margin: 5px 0 0;
  padding: 4px 0;
  border: 1px solid #a9a9a9;
  color: #000000;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.form-search .btn:hover {
  color: #f36c22;
}
/** 화면 상단의 전체 검색 폼 **/
.form-searchbar {
  width: 146px;
  height: 29px;
  margin: 0;
  padding: 0 6px;
  background-color: #ffffff;
  border: 1px solid #aaabac;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*.box-shadow(inset 0px 2px 3px rgba(0,0,0,0.12));*/
}
.form-searchbar .text {
  width: 128px;
  /*height: 13px;*/
  margin: 0;
  margin-right: 3px;
  padding: 4px 0px;
  border: 0 none;
  font-size: 14px;
  /* 11px */
  color: #898989;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-searchbar .text:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-searchbar .ico-search {
  border: 0;
  padding: 0;
  background-color: transparent;
  /*margin-bottom:2px;*/
  margin-top: 2px;
}
/** Avatar Wraps **/
.avatar-wrap {
  width: 32px;
  height: 32px;
  /* default size: medium */
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background: #ddd;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.avatar-wrap.mini {
  width: 12px;
  height: 12px;
}
.avatar-wrap.smaller {
  width: 20px;
  height: 20px;
}
.avatar-wrap.small {
  width: 24px;
  height: 24px;
}
.avatar-wrap.medium {
  width: 32px;
  height: 32px;
}
.avatar-wrap.mlarge {
  width: 40px;
  height: 40px;
}
.avatar-wrap.larger {
  width: 45px;
  height: 45px;
}
.avatar-wrap.large {
  width: 64px;
  height: 64px;
}
.avatar-wrap.xlarge {
  width: 128px;
  height: 128px;
}
.avatar-wrap img {
  width: 100%;
  vertical-align: top;
}
.avatar-wrap i {
  width: 100%;
  height: 100%;
  display: block;
  line-height: inherit;
  text-align: center;
  color: #fff;
}
/** tab UI **/
.nav-tabs li a {
  padding-left: 30px;
  padding-right: 30px;
  color: #3592b5;
  font-weight: bold;
}
.nav-tabs li a:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
.nav-tabs li.active a {
  font-weight: bold;
}
.nav-tabs.small {
  height: 29px;
}
.nav-tabs.small li a {
  padding: 4px 15px;
}
.nav-tabs.small .editor-notice-label {
  padding: 4px 15px;
}
.nav-tabs.small .editor-notice-label .unsaved {
  border: 1px solid #fd8658;
  border-radius: 3px;
  color: #fd8658;
  padding: 2px 4px;
}
.nav-tabs.small .editor-notice-label .saved {
  border: 1px solid #8bc34a;
  border-radius: 3px;
  color: #8bc34a;
  padding: 2px 4px;
}
.tab-box {
  border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tab-box-content {
  display: none;
}
.tab-box-content.active {
  display: block;
}
.tab-searchbox {
  padding: 5px 15px;
}
.subtab-wrap {
  padding: 10px 10px 5px 10px;
}
.nav-subtab li {
  display: inline-block;
  margin-left: 5px;
}
.nav-subtab li:first-child {
  margin-left: 0;
}
.nav-subtab li a {
  display: block;
  padding: 5px 8px;
}
.nav-subtab li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #f36c22;
}
.nav-subtab li.active a {
  text-decoration: none;
  background-color: #f36c22;
  color: #fcfcfc !important;
  border-bottom: 1px solid #f36c22;
}
.my-project-item li {
  padding: 5px 15px;
  border-top: 1px solid #ececec;
  font-size: 14px;
}
/** alert **/
.yobiDialog {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  border: 10px solid #bebebe;
  padding: 16px 20px;
  width: 500px;
}
.yobiDialog .btn-dismiss {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: right;
  display: block;
  clear: both;
}
.yobiDialog .btn-dismiss button {
  font-size: 24px;
  font-weight: bold;
  color: #898989;
  border: none;
  background: transparent;
}
.yobiDialog .message .msg {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.5em;
}
.yobiDialog .message .desc {
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  margin: 20px 0 25px;
  line-height: 150%;
  color: #555;
}
.yobiToasts {
  position: fixed;
  overflow: hidden;
  right: 20px !important;
  bottom: 25px !important;
  margin: 10px;
  z-index: 9999;
}
.yobiToasts .toast {
  position: relative;
  width: 450px;
  word-break: keep-all;
  word-wrap: break-word;
  margin: 10px;
  padding: 10px 20px;
  outline: none;
  font-weight: bold;
  box-sizing: border-box;
  color: black;
  background-color: #cddc39;
  -webkit-transition-duration: 0.3s;
  box-shadow: 1px 1px 3px black;
  opacity: 0.9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.yobiToasts .toast .btn-dismiss {
  position: absolute;
  top: 5px;
  left: 420px;
}
.yobiToasts .toast .btn-dismiss button {
  color: black;
  font-size: 25px;
  font-weight: bold;
}
.yobiToasts .toast .v {
  display: inline-block;
  width: 0;
  height: 50px;
  vertical-align: middle;
}
.yobiToasts .toast .msg {
  width: 90%;
  font-size: 15px;
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  margin: 0;
  vertical-align: middle;
}
.yobiSpinner {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.yobiSpinner .spinContainer {
  position: fixed;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
}
/** etc **/
.num-badge {
  font-weight: bold;
  vertical-align: top;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /*Tahoma;*/
  text-shadow: none;
  border-radius: 2px;
  margin-left: 3px;
  font-size: 13px;
  padding: 2px 4px;
}
.num-noti {
  display: inline-block;
  background: #f36c22;
  color: #fff;
  font-weight: bold;
  border: 1px solid #eee;
  padding: 0px 5px;
  margin-left: 5px;
  vertical-align: middle;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /*Tahoma;*/
  text-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.label-exp {
  background: #51aacc;
  text-shadow: none;
}
.label-exp i {
  font-size: 10px;
}
.counter {
  left: 2px;
  position: relative;
  padding: 2px 3px;
  font-size: 11px;
  color: #51aacc;
}
.ybtn,
.flat > li > .ybtn {
  text-align: center;
  white-space: nowrap;
  color: #333;
  background-color: #ffffff;
  text-shadow: none;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  display: inline-block;
  padding: 4px 12px !important;
  vertical-align: middle;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: 0 none;
  position: relative;
  margin-bottom: 0;
  margin-left: .3em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.ybtn i,
.flat > li > .ybtn i {
  line-height: 20px;
}
.ybtn.ybtn-medium,
.flat > li > .ybtn.ybtn-medium {
  padding: 4px 12px;
}
.ybtn:first-child,
.flat > li > .ybtn:first-child {
  margin-left: 0;
}
.ybtn:hover,
.flat > li > .ybtn:hover,
.ybtn:focus,
.flat > li > .ybtn:focus,
.ybtn:active,
.flat > li > .ybtn:active,
.ybtn:focus,
.flat > li > .ybtn:focus,
.ybtn.disabled,
.flat > li > .ybtn.disabled,
.ybtn[disabled],
.flat > li > .ybtn[disabled] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: #f1f1f1;
  color: #292929;
  text-decoration: none;
}
.ybtn.ybtn-small,
.flat > li > .ybtn.ybtn-small {
  padding: 3px 10px !important;
  font-size: 13px !important;
}
.ybtn.ybtn-large,
.flat > li > .ybtn.ybtn-large {
  padding: 10px 15px !important;
  font-size: 16px !important;
}
.ybtn.ybtn-middle,
.flat > li > .ybtn.ybtn-middle {
  padding: 7px 15px !important;
  font-size: 14px !important;
}
.ybtn.ybtn-mini,
.flat > li > .ybtn.ybtn-mini {
  padding: 0 6px !important;
  font-size: 10.5px !important;
}
.ybtn.ybtn-minimum,
.flat > li > .ybtn.ybtn-minimum {
  padding: 0 4px !important;
  font-size: 10px !important;
  line-height: 16px !important;
}
.ybtn.ybtn-minimum i,
.flat > li > .ybtn.ybtn-minimum i {
  line-height: 16px;
}
.ybtn.ybtn-maximum,
.flat > li > .ybtn.ybtn-maximum {
  padding: 20px 30px !important;
  font-size: 26px !important;
}
.ybtn.ybtn-fullsize,
.flat > li > .ybtn.ybtn-fullsize {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.ybtn.ybtn-padding,
.flat > li > .ybtn.ybtn-padding {
  padding: 13px 30px !important;
  font-size: 20px !important;
}
.ybtn.ybtn-primary,
.flat > li > .ybtn.ybtn-primary,
.ybtn.ybtn-success,
.flat > li > .ybtn.ybtn-success,
.ybtn.ybtn-info,
.flat > li > .ybtn.ybtn-info,
.ybtn.ybtn-danger,
.flat > li > .ybtn.ybtn-danger,
.ybtn.ybtn-inverse,
.flat > li > .ybtn.ybtn-inverse,
.ybtn.ybtn-disabled,
.flat > li > .ybtn.ybtn-disabled,
.ybtnybtn-warning,
.flat > li > .ybtnybtn-warning,
.ybtn.ybtn-transparent,
.flat > li > .ybtn.ybtn-transparent,
.ybtn.ybtn-watching,
.flat > li > .ybtn.ybtn-watching {
  color: #ffffff;
}
.ybtn.ybtn-gray,
.flat > li > .ybtn.ybtn-gray {
  backgroun-color: #f2f2f2;
}
.ybtn.ybtn-gray:hover,
.flat > li > .ybtn.ybtn-gray:hover,
.ybtn.ybtn-gray:focus,
.flat > li > .ybtn.ybtn-gray:focus,
.ybtn.ybtn-gray:active,
.flat > li > .ybtn.ybtn-gray:active,
.ybtn.ybtn-gray:focus,
.flat > li > .ybtn.ybtn-gray:focus {
  background-color: #ffffff !important;
}
.ybtn.ybtn-primary,
.flat > li > .ybtn.ybtn-primary {
  background-color: #ff7332 !important;
  border: 1px solid #e95e01;
}
.ybtn.ybtn-primary:hover,
.flat > li > .ybtn.ybtn-primary:hover,
.ybtn.ybtn-primary:focus,
.flat > li > .ybtn.ybtn-primary:focus,
.ybtn.ybtn-primary:active,
.flat > li > .ybtn.ybtn-primary:active,
.ybtn.ybtn-primary:focus,
.flat > li > .ybtn.ybtn-primary:focus {
  background-color: #e95e01 !important;
}
.ybtn.ybtn-success,
.flat > li > .ybtn.ybtn-success {
  background-color: #ff7332 !important;
  border: 1px solid #e95e01;
}
.ybtn.ybtn-success:hover,
.flat > li > .ybtn.ybtn-success:hover,
.ybtn.ybtn-success:focus,
.flat > li > .ybtn.ybtn-success:focus,
.ybtn.ybtn-success:active,
.flat > li > .ybtn.ybtn-success:active,
.ybtn.ybtn-success:focus,
.flat > li > .ybtn.ybtn-success:focus {
  background-color: #e95e01 !important;
}
.ybtn.ybtn-warning,
.flat > li > .ybtn.ybtn-warning {
  background-color: #f1c40f !important;
  border: 1px solid #f5d313;
}
.ybtn.ybtn-warning:hover,
.flat > li > .ybtn.ybtn-warning:hover,
.ybtn.ybtn-warning:focus,
.flat > li > .ybtn.ybtn-warning:focus {
  background-color: #f5d313 !important;
}
.ybtn.ybtn-info,
.flat > li > .ybtn.ybtn-info {
  background-color: #3a7ee5 !important;
  border: 1px solid #206ee5;
}
.ybtn.ybtn-info:hover,
.flat > li > .ybtn.ybtn-info:hover,
.ybtn.ybtn-info:focus,
.flat > li > .ybtn.ybtn-info:focus {
  background-color: #206ee5 !important;
}
.ybtn.ybtn-danger,
.flat > li > .ybtn.ybtn-danger {
  background-color: #c93426 !important;
  border: 1px solid #b13427;
}
.ybtn.ybtn-danger:hover,
.flat > li > .ybtn.ybtn-danger:hover,
.ybtn.ybtn-danger:focus,
.flat > li > .ybtn.ybtn-danger:focus {
  background-color: #b13427 !important;
}
.ybtn.ybtn-danger-no-outline,
.flat > li > .ybtn.ybtn-danger-no-outline {
  font-weight: 600;
  box-shadow: none;
  color: #666;
  padding: 1px 10px !important;
  border: 1px solid transparent;
  background-color: #eee;
}
.ybtn.ybtn-danger-no-outline:hover,
.flat > li > .ybtn.ybtn-danger-no-outline:hover,
.ybtn.ybtn-danger-no-outline:focus,
.flat > li > .ybtn.ybtn-danger-no-outline:focus {
  color: #c93426;
  background-color: #fbe9e7;
  border: 1px solid #EF9A9A;
}
.ybtn.ybtn-inverse,
.flat > li > .ybtn.ybtn-inverse {
  background-color: #8f8e8e !important;
  border: 1px solid #7a7a7a;
}
.ybtn.ybtn-inverse:hover,
.flat > li > .ybtn.ybtn-inverse:hover,
.ybtn.ybtn-inverse:focus,
.flat > li > .ybtn.ybtn-inverse:focus {
  background-color: #7a7a7a !important;
}
.ybtn.ybtn-transparent,
.flat > li > .ybtn.ybtn-transparent {
  background-color: rgba(0, 0, 0, 0.25);
}
.ybtn.ybtn-transparent:hover,
.flat > li > .ybtn.ybtn-transparent:hover,
.ybtn.ybtn-transparent:focus,
.flat > li > .ybtn.ybtn-transparent:focus {
  background-color: rgba(0, 0, 0, 0.45);
}
.ybtn.ybtn-disabled,
.flat > li > .ybtn.ybtn-disabled,
.ybtn[disabled],
.flat > li > .ybtn[disabled] {
  background-color: #f2f2f2 !important;
  border: none;
  color: #dedede;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}
.ybtn.ybtn-disabled:hover,
.flat > li > .ybtn.ybtn-disabled:hover,
.ybtn[disabled]:hover,
.flat > li > .ybtn[disabled]:hover,
.ybtn.ybtn-disabled:focus,
.flat > li > .ybtn.ybtn-disabled:focus,
.ybtn[disabled]:focus,
.flat > li > .ybtn[disabled]:focus {
  background-color: #f2f2f2 !important;
}
.ybtn.ybtn-watching,
.flat > li > .ybtn.ybtn-watching {
  background-color: #f4efea !important;
  border: 1px solid #C9C5C1;
  color: #333;
}
.ybtn.ybtn-watching:hover,
.flat > li > .ybtn.ybtn-watching:hover,
.ybtn.ybtn-watching:focus,
.flat > li > .ybtn.ybtn-watching:focus {
  background-color: #e0dad4 !important;
}
.ybtn.ybtn-unwatching,
.flat > li > .ybtn.ybtn-unwatching {
  background-color: #f2f2f2 !important;
  border: none;
}
.ybtn.ybtn-unwatching:hover,
.flat > li > .ybtn.ybtn-unwatching:hover,
.ybtn.ybtn-unwatching:focus,
.flat > li > .ybtn.ybtn-unwatching:focus {
  background-color: !important;
}
.ybtn.dropdown-toggle:after,
.flat > li > .ybtn.dropdown-toggle:after {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle !important;
  width: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #383838;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.ybtn.dropdown-toggle:hover:after,
.flat > li > .ybtn.dropdown-toggle:hover:after,
.ybtn.dropdown-toggle:focus:after,
.flat > li > .ybtn.dropdown-toggle:focus:after {
  text-decoration: none;
}
.ybtn.dropdown-toggle.ybtn-success:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-success:after,
.ybtn.dropdown-toggle.ybtn-primary:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-primary:after,
.ybtn.dropdown-toggle.ybtn-info:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-info:after,
.ybtn.dropdown-toggle.ybtn-danger:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-danger:after,
.ybtn.dropdown-toggle.ybtn-inverse:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-inverse:after,
.ybtn.dropdown-toggle.ybtn-disabled:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-disabled:after {
  border-top: 4px solid #ffffff !important;
}
.ybtn.dropdown-toggle.ybtn-success:hover:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-success:hover:after,
.ybtn.dropdown-toggle.ybtn-primary:hover:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-primary:hover:after,
.ybtn.dropdown-toggle.ybtn-info:hover:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-info:hover:after,
.ybtn.dropdown-toggle.ybtn-danger:hover:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-danger:hover:after,
.ybtn.dropdown-toggle.ybtn-inverse:hover:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-inverse:hover:after,
.ybtn.dropdown-toggle.ybtn-disabled:hover:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-disabled:hover:after,
.ybtn.dropdown-toggle.ybtn-success:focus:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-success:focus:after,
.ybtn.dropdown-toggle.ybtn-primary:focus:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-primary:focus:after,
.ybtn.dropdown-toggle.ybtn-info:focus:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-info:focus:after,
.ybtn.dropdown-toggle.ybtn-danger:focus:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-danger:focus:after,
.ybtn.dropdown-toggle.ybtn-inverse:focus:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-inverse:focus:after,
.ybtn.dropdown-toggle.ybtn-disabled:focus:after,
.flat > li > .ybtn.dropdown-toggle.ybtn-disabled:focus:after {
  border-top: 4px solid #ffffff !important;
  text-decoration: none;
}
.ybtn.round-left,
.flat > li > .ybtn.round-left {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.ybtn.round-right,
.flat > li > .ybtn.round-right {
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}
.dropdown-menu.flat {
  top: 100%;
  left: 0;
  display: block;
  position: absolute;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  background-color: #ffffff;
  overflow: visible;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  margin-top: -10px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  padding: 4px 0 6px;
}
.dropdown-menu.flat:before {
  content: " ";
  border-color: transparent;
  border-style: dashed dashed solid;
  border-width: 0 8px 8px;
  position: absolute;
  left: 7px;
  z-index: 1;
  height: 0;
  width: 0;
  -webkit-animation: gb__a .2s;
  animation: gb__a .2s;
  border-bottom-color: #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -8px;
}
.dropdown-menu.flat:after {
  content: " ";
  border-color: transparent;
  border-bottom-color: #ffffff;
  border-style: dashed dashed solid;
  border-width: 0 8px 8px;
  position: absolute;
  left: 7px;
  top: -7px;
  z-index: 1;
  height: 0;
  width: 0;
}
.dropdown-menu.flat .pop-title {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f2f4f5;
  padding: 3px 0;
  padding: 3px 11px 5px;
  margin: 5px 3px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}
.dropdown-menu.flat .pop-title:first-child {
  margin-top: 0px;
}
.dropdown-menu.flat .pop-content {
  font-size: 12px;
  padding: 10px 15px;
  white-space: nowrap;
  text-align: left;
  color: #292929;
  background-color: #ffffff;
}
.dropdown-menu.flat .pop-content p {
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.dropdown-menu.flat .pop-content.btn-wrap {
  margin-top: 0;
  padding-top: 0;
  text-align: center;
}
.dropdown-menu.flat li {
  margin: 0 5px 2px !important;
  white-space: nowrap;
  float: none !important;
  background-color: #ffffff;
  color: #292929;
}
.dropdown-menu.flat li:first-child > a,
.dropdown-menu.flat li:last-child > a {
  color: #292929;
  border-radius: 2px;
  padding-bottom: 7px;
  padding-top: 5px;
}
.dropdown-menu.flat li.active > a,
.dropdown-menu.flat li:selected > a {
  background: rgba(255, 255, 255, 0.25);
  color: #292929;
  position: relative;
  z-index: 1;
}
.dropdown-menu.flat li.empty {
  padding: 3px;
  text-align: center;
}
.dropdown-menu.flat li dt {
  padding-left: 11px;
  padding-right: 11px;
}
.dropdown-menu.flat li.divider {
  margin-left: 11px;
  margin-right: 11px;
}
.dropdown-menu.flat li.title {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f2f4f5;
  padding: 3px 0;
  padding: 3px 11px 5px;
  margin: 5px 3px;
  font-weight: bold;
  color: #333;
}
.dropdown-menu.flat li.title:first-child {
  margin-top: 0px;
}
.dropdown-menu.flat li > a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #292929;
  padding: 3px 5px 5px 15px;
  background-color: transparent !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dropdown-menu.flat li > a:hover,
.dropdown-menu.flat li > a:active,
.dropdown-menu.flat li > a:focus {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.dropdown-menu.flat li > a.highlighted {
  background: #526476;
}
.dropdown-menu.flat li > a.highlighted:hover,
.dropdown-menu.flat li > a.highlighted:active,
.dropdown-menu.flat li > a.highlighteda:focus {
  background: #fff;
}
.dropdown-menu.flat li > a.ybtn {
  display: inline-block;
  height: auto;
}
.dropdown-menu.flat li .disabled {
  color: #ccc;
  font-size: 0.8em;
}
.dropdown-menu.flat.right {
  left: auto;
  right: 0px;
}
.dropdown-menu.flat.right:before,
.dropdown-menu.flat.right:after {
  right: 7px;
  left: auto;
}
.dropdown-menu.flat.maximum {
  max-height: 500px;
  overflow-y: auto;
}
.open > .flat {
  opacity: 1;
  visibility: visible;
  margin-top: 12px;
}
.tooltip {
  white-space: nowrap;
}
.btn-transparent {
  background: transparent;
  border: 0;
  outline: none;
}
.btn-transparent-with-fontsize-lineheight {
  background: transparent;
  border: 0;
  outline: none;
  font-size: 0;
  line-height: normal;
}
.numberic {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  border: 2px solid #FFF;
  line-height: 15px;
  padding: 0 5px;
  background-color: #ff7332;
  color: #ECF0F1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* ============================================================
 * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
/**
 * Flat UI Free
 * licensed under a CC BY 3.0 and MIT License
 *
 * http://creativecommons.org/licenses/by/3.0/
 * http://opensource.org/licenses/mit-license.html
 */
.has-switch {
  border-radius: 30px;
  display: inline-block;
  cursor: pointer;
  line-height: 1.231;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 80px;
  -webkit-mask: url('../images/switch-mask.png') 0 0 no-repeat;
  mask: url('../images/switch-mask.png') 0 0 no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}
.has-switch > div {
  width: 162%;
  position: relative;
  top: 0;
}
.has-switch > div.switch-animate {
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.has-switch > div.switch-off {
  left: -63%;
}
.has-switch > div.switch-off label {
  background-color: #FFF;
  border-color: #fd6956;
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.has-switch > div.switch-on {
  left: 0%;
}
.has-switch > div.switch-on label {
  background-color: #fff;
}
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span {
  cursor: pointer;
  font-size: 13px;
  /*14.994px;*/
  font-weight: 700;
  float: left;
  height: 29px;
  line-height: 19px;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 5px;
  position: relative;
  text-align: center;
  width: 50%;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.has-switch span.switch-left {
  border-radius: 30px 0 0 30px;
  background-color: #b6da54;
  color: #fff;
  border-left: 1px solid transparent;
}
.has-switch span.switch-left:hover {
  background-color: #a3ce2d;
}
.has-switch span.switch-right {
  border-radius: 0 30px 30px 0;
  background-color: #fd6956;
  color: #FFF;
  /*#ffffff;*/
  text-indent: 5px;
}
.has-switch span.switch-right:hover {
  background-color: #fc3c24;
}
.has-switch label {
  border: 4px solid #b6da54;
  border-radius: 50%;
  float: left;
  height: 21px;
  margin: 0 -15px 0 -14px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 21px;
  z-index: 100;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
  -webkit-backface-visibility: hidden;
}
.switch-square {
  border-radius: 6px;
  -webkit-mask: url('../images/switch-mask.png') 0 0 no-repeat;
  mask: url('../images/switch-mask.png') 0 0 no-repeat;
}
.switch-square > div.switch-off label {
  border-color: #7f8c9a;
  border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left {
  border-radius: 6px 0 0 6px;
}
.switch-square span.switch-right {
  border-radius: 0 6px 6px 0;
}
.switch-square label {
  border-radius: 0 6px 6px 0;
  border-color: #51aacc;
}
.search-bar {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 20px;
  padding: 4px 25px 4px 5px;
  position: relative;
  height: 20px;
  background-color: #FFF;
}
.search-bar .textbox {
  border: 0 none;
  height: 20px;
  width: 350px;
  margin: 0 -5px;
  padding: 0 5px;
  -webkit-transition: width 0.15s;
  -moz-transition: width 0.15s;
  -ms-transition: width 0.15s;
  -o-transition: width 0.15s;
  transition: width 0.15s;
}
.search-bar .textbox.small {
  width: 150px;
}
.search-bar .textbox.large {
  width: 560px;
}
.search-bar .textbox.resize {
  width: 80px;
}
.search-bar .textbox.resize:focus,
.search-bar .textbox.resize:active {
  width: 350px;
}
.search-bar .textbox.full {
  width: 100%;
}
.search-bar .search-btn {
  background-color: transparent;
  border: 0;
  height: 20px;
  outline: 0 none;
  position: absolute;
  top: 5px;
  right: 5px;
}
.control-label {
  font-weight: bold;
  display: block;
  padding: 4px 4px 0px 4px;
  color: 666;
}
.down-arrow:after {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle !important;
  width: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 0;
  border-top: 4px solid #383838;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
del {
  color: #aaa;
}
.pop-watch .content {
  padding: 10px 25px;
}
.pop-watch .brow {
  text-align: center;
  padding: 10px 0;
}
.pop-watch ul {
  margin: 0px;
  padding: 5px;
}
.pop-watch ul li {
  display: list-item;
}
.dbtn-group .nbtn.last {
  padding: 5px 20px;
  margin-right: 0;
  border: 1px solid #ccc;
  border-right: none;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.dbtn-group button.dropdown-toggle {
  padding: 0;
  margin: 0;
  border-left: none;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.dbtn-group button.dropdown-toggle.pl .d-label {
  width: auto;
  padding: 4px 0px 4px 5px;
}
.dbtn-group button.dropdown-toggle.pl .d-caret {
  border-left: none;
}
.lst-stacked li {
  font-size: 13px;
  padding: 8px;
}
.lst-stacked li a {
  display: block;
}
.lst-stacked li .num-badge {
  padding: 0 2px;
}
.lst-stacked li.active {
  color: #fff;
  background: #51aacc;
  font-weight: bold;
  overflow: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.lst-stacked li.active .num-badge {
  color: #fff;
}
.lst-stacked li.active a:hover {
  color: #fff;
}
.caret-wrap {
  padding: 5px;
}
.caret-wrap .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #5dbbe0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-top: 9px;
}
.caret-wrap .caret.up {
  border-top: 0;
  border-bottom-width: 4px solid #5dbbe0;
}
.caret-wrap .caret.down {
  border-top: 4px solid #5dbbe0;
  border-bottom: 0;
}
code {
  white-space: inherit;
  word-break: break-all;
}
.markdown-wrap {
  font-size: 1.1em;
  clear: both;
  overflow: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  padding: 15px 20px !important;
  word-wrap: break-word;
}
.markdown-wrap > *:first-child {
  margin-top: 0 !important;
}
.markdown-wrap > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-wrap ul,
.markdown-wrap ol {
  padding: 0 0 5px 2.5em;
  font-weight: normal;
  margin-left: 0;
}
.markdown-wrap li {
  margin-bottom: 5px;
}
.markdown-wrap li > ul {
  margin-bottom: 0;
  padding: 5px 0 0 2.5em;
}
.markdown-wrap li > ul :last-of-type {
  padding-bottom: 0;
}
.markdown-wrap li > ul pre {
  padding-bottom: 10px !important;
}
.markdown-wrap li > p {
  margin-top: 8px;
  margin-bottom: 2px;
}
.markdown-wrap a {
  color: #4183c4;
  text-decoration: none;
}
.markdown-wrap a:hover {
  color: #4183c4;
  text-decoration: underline;
}
.markdown-wrap a:hover span {
  text-decoration: none;
}
.markdown-wrap a:active {
  color: #4183c4;
  text-decoration: none;
}
.markdown-wrap h1,
.markdown-wrap h2,
.markdown-wrap h3 {
  line-height: 40px;
  margin-bottom: 16px;
}
.markdown-wrap h1 {
  font-size: 2.0em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #eee;
  width: 95%;
  font-weight: 600;
}
.markdown-wrap h1 .head-anchor {
  margin-left: 3px;
  opacity: 0;
}
.markdown-wrap h1:hover .head-anchor {
  opacity: 1;
}
.markdown-wrap h2 {
  line-height: 1.25;
  font-size: 1.5em;
  width: 95%;
  padding: 0 0 0.3em 0;
  border-bottom: 1px solid #eaecef;
}
.markdown-wrap h2 .head-anchor {
  margin-left: 3px;
  opacity: 0;
}
.markdown-wrap h2:hover .head-anchor {
  opacity: 1;
}
.markdown-wrap h3 {
  margin: 1em 0 5px;
  font-size: 1.25em;
  padding: 0;
}
.markdown-wrap h3 .head-anchor {
  margin-left: 3px;
  opacity: 0;
}
.markdown-wrap h3:hover .head-anchor {
  opacity: 1;
}
.markdown-wrap h4 {
  font-size: 1.25em;
  margin-top: 1.2em;
  padding: 0;
}
.markdown-wrap h4 .head-anchor {
  margin-left: 3px;
  opacity: 0;
}
.markdown-wrap h4:hover .head-anchor {
  opacity: 1;
}
.markdown-wrap h5 {
  font-size: 1em;
  margin-top: 20px;
}
.markdown-wrap h5 .head-anchor {
  margin-left: 3px;
  opacity: 0;
}
.markdown-wrap h5:hover .head-anchor {
  opacity: 1;
}
.markdown-wrap hr {
  height: 1px;
  margin: 10px 0;
  border: 0;
  color: #ccc;
  background-color: #ccc;
}
.markdown-wrap p {
  margin: 0 0 12px 0;
  line-height: 1.6em;
}
.markdown-wrap blockquote p {
  font-size: 0.9em;
  font-weight: normal;
}
.markdown-wrap code {
  padding: 5px 5px 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
  font-size: 13px;
}
.markdown-wrap code .title {
  font-size: inherit;
}
.markdown-wrap blockquote {
  border-left: 4px solid #DDD;
  padding: 0 15px;
  color: #777;
}
.markdown-wrap li > img {
  max-width: 80%;
}
.markdown-wrap p > input[type='checkbox'] {
  vertical-align: text-top;
}
.markdown-wrap li > input[type='checkbox'] {
  vertical-align: top;
}
.markdown-wrap img {
  max-width: 100%;
  margin: 10px 0;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-sbox-izing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 600px;
}
.markdown-wrap > ul {
  line-height: 20px;
  list-style: disc;
  margin-bottom: 16px;
}
.markdown-wrap li {
  line-height: 1.6em;
}
.markdown-wrap ul ul,
.markdown-wrap ol ul {
  list-style: circle;
}
.markdown-wrap ul ul ul,
.markdown-wrap ol ul ul,
.markdown-wrap ol ol ul,
.markdown-wrap ul ol ul {
  list-style: square;
}
.markdown-wrap ol {
  line-height: 1.6em;
  list-style: decimal;
}
.markdown-wrap pre {
  font-size: 1em;
  background-color: #EFEFEF;
  padding: 10px;
  margin: 10px 0;
  word-break: normal;
  border: none;
}
.markdown-wrap pre code {
  margin: 0;
  padding: 0;
  border: none;
}
.markdown-wrap table {
  border-collapse: collapse;
  margin: 15px 15px;
}
.markdown-wrap table th {
  padding: 5px;
  border: 1px solid #dcddde;
  background-color: #f7f7f7;
  min-width: 45px;
}
.markdown-wrap table td {
  padding: 5px;
  border: 1px solid #dcddde;
  word-break: break-all;
}
.markdown-wrap.markdown-before {
  visibility: hidden;
}
.markdown-wrap .popover {
  max-width: 400px;
}
.markdown-wrap .popover-title {
  font-size: 14px;
  font-weight: bold;
}
.yobi-migration .title-text-bg {
  background: #333333;
  border-top: 1px solid rgba(85, 85, 85, 0.53);
  border-bottom: 1px solid #ccc;
}
.yobi-migration .title-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
}
.yobi-migration .left-border {
  border-left: 1px solid #ccc;
}
.yobi-migration .comeback-text {
  background: #333333;
  color: whitesmoke;
  font-family: 'Muli', sans-serif;
  font-size: 30px;
  text-align: right;
  margin-right: 20px;
  margin-top: 25px;
}
.yobi-migration .comeback-text .midium-font {
  font-size: 14px;
}
.yobi-migration .head-title {
  background-color: white;
  padding-bottom: 0 !important;
  word-wrap: break-word;
  height: 60px;
}
.yobi-migration .head-title .source-title {
  text-align: right;
}
.yobi-migration .head-title .destination-title {
  text-align: left;
  padding-left: 8px;
}
.yobi-migration .head-title .project-name {
  margin-top: 10px;
  font-size: 30px;
  font-family: Consolas, monospace, Menlo;
  line-height: normal;
}
.yobi-migration .head-title .project-name.warn {
  color: white;
  font-size: 20px;
  margin-top: 4px;
  padding: 5px 10px;
  font-weight: bold;
  background-color: #b94a48;
}
.yobi-migration .head-title .arrow {
  text-align: center;
  color: #b94a48;
}
.yobi-migration .head-title i {
  font-size: 20px;
  padding: 10px;
}
.yobi-migration .header-pannel .board {
  font-size: 14px;
  max-height: 60px;
  overflow: hidden;
  background-color: #333333 !important;
  color: #fff;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
  padding-left: 40px;
}
.yobi-migration .header-pannel .buttons {
  margin-left: 20px;
}
.yobi-migration .header-pannel .error-data {
  color: #ff4840;
}
.yobi-migration .header-pannel .progress {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.yobi-migration .search {
  border-right: 1px solid #ccc;
  border-bottom: none;
  height: 40px;
}
.yobi-migration .project-list {
  padding: 5px;
  margin: 5px;
}
.yobi-migration .project-list:hover {
  background-color: #EEE;
  cursor: pointer;
}
.source-destination {
  margin-left: 20px;
}
.source-destination .header {
  padding: 10px;
  background-color: #e36b23 ;
  font-weight: bold;
  font-size: 16px;
  color: white;
}
.source-destination .owner {
  font-weight: bold;
  color: black;
  padding: 5px;
  font-size: 14px;
  margin-left: -10px;
}
.source-destination .search input {
  border: none;
  height: 30px;
  font-size: 18px;
}
.source-destination .status .progress {
  margin-left: 0;
}
.source-destination .status .progress .bar {
  margin-left: 0;
}
.source-destination .status .left-title {
  font-size: 14px;
  font-weight: bold;
  min-width: 30px;
}
.source-destination .status .yobicon-check-circle {
  display: inline-block;
  margin-left: -20px;
  vertical-align: top;
  margin-top: 8px;
  color: green;
  font-size: 16px;
}
.source-destination .status .yobicon-delete-circle-alt {
  display: inline-block;
  margin-left: -20px;
  vertical-align: top;
  margin-top: 8px;
  color: red;
  font-size: 16px;
}
.source-destination .status .caution {
  border-radius: 3px;
  padding: 5px;
  background-color: #eee;
  color: #333;
  margin-bottom: 7px;
  margin-top: 0;
}
.source-destination .status .caution a {
  color: #1fb0ff;
  font-size: 14px;
}
.source-destination .status .btn-group {
  width: 300px;
}
.source-destination .status .btn {
  font-weight: bold !important;
  width: 100%;
}
.source-destination .project-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.source-destination .project-name a {
  color: #0088cc;
}
.source-destination .metainfo-sm {
  font-size: 13px;
  color: #999;
}
.source-destination .metainfo {
  font-size: 14px;
  color: #999;
}
.source-destination .project-list {
  margin: 5px 10px;
}
.source-destination .private {
  font-size: 12px;
  font-weight: normal !important;
  padding: 0 2px !important;
}
.source-destination td {
  vertical-align: middle !important;
  text-align: center;
}
.source-destination .selected {
  border-left: 3px solid #e36b23;
  padding-left: 11px;
  background-color: #eee;
  margin-left: 1px;
}
.source-destination .left-project-list {
  height: 60vh;
  overflow: auto;
  border: 1px solid #ccc;
}
.source-destination .destination-project {
  margin-left: 0 !important;
}
.source-destination .destination-project-list {
  height: 60vh;
  overflow: auto;
  border: 1px solid #ccc;
  border-left: none !important;
}
.source-destination .dl-horizontal {
  font-size: 12px !important;
}
.source-destination .dl-horizontal dd {
  margin-left: 120px !important;
  width: 100% !important;
}
.source-destination .dl-horizontal dt {
  width: 100px !important;
}
.source-destination .text-align-left {
  text-align: left !important;
}
.source-destination .td-title {
  width: 100px !important;
  vertical-align: top !important;
}
.source-destination .alert-bg {
  background-color: #333;
}
.source-destination .alert-icon {
  font-size: 20px;
  color: #FD6956;
  padding: 5px;
  margin-bottom: 5px;
}
.source-destination .alert-icon .description {
  font-size: 12px !important;
  color: #fafafa;
}
.source-destination .alert-icon-text {
  font-size: 16px !important;
}
.source-destination .assignee {
  font-size: 14px;
}
.source-destination .assignee input {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  padding-bottom: 0;
  margin-bottom: 0;
  width: 90%;
  border: 0;
}
.source-destination .table-bordered {
  width: 100%;
}
.source-destination .warn-no-worker,
.source-destination .warn-user-project {
  color: red;
}
/** override bootstrap.css **/
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
  /** default backdrop opacity is 80% **/
}
/** override select2.css **/
.select2-container {
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.select2-container .avatar-wrap {
  margin-top: 0;
}
.select2-container:hover {
  background-color: #fafafa;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.select2-container .select2-choice {
  padding: 1px 0 1px 12px;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  background-image: none;
  filter: none;
}
.select2-container .select2-choice > .select2-chosen {
  white-space: nowrap;
}
.select2-container .select2-choice .select2-arrow {
  width: auto;
  padding: 4px 9px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border-left: none;
  background: transparent;
  background-image: none;
  filter: none;
}
.select2-container .select2-choice .select2-arrow b {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #4f4f4f;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-top: 8px;
  margin-left: 0;
}
.select2-container .select2-choice abbr {
  top: 7px;
}
.select2-container.select2-drop-above .select2-choice {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.select2-container.select2-container-disabled {
  color: #333 !important;
  border: 1px solid rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.35;
}
.select2-container.select2-container-disabled:hover {
  background-color: #e6e6e6;
}
.select2-container.select2-container-disabled .select2-choice {
  background-color: #e6e6e6;
  border: none;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #e6e6e6;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow b {
  border-top-color: #aaa;
}
.select2-container.select2-dropdown-open .select2-choice {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.select2-container.fullsize {
  width: 100% !important;
}
.select2-results {
  max-height: 350px;
  padding: 4px;
  margin: 4px 0 0 0;
}
.select2-results li {
  margin-bottom: 1px;
}
.select2-results .avatar-wrap {
  margin-top: 0;
}
.select2-results .select2-highlighted {
  background: #51aacc;
  color: #fff;
}
.select2-results .select2-highlighted .loginid {
  color: #fff;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px 8px;
  white-space: nowrap;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  padding: 3px 7px 4px 8px;
  background: #fafafa;
  color: #aaa;
}
.select2-results .select2-result-with-children {
  border-top: 1px solid #eee;
  padding-top: 4px;
  margin-top: 4px;
}
.select2-drop {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.select2-drop.select2-drop-above {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05);
}
.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom: 0;
}
.select2-drop.select2-drop-active {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
}
.select2-drop-auto-width {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.select2-search {
  margin-top: 4px;
}
.select2-search input {
  background: #ffffff url('../javascripts/lib/select2/select2.png') no-repeat 100% -22px;
}
.select2-search input.select2-active {
  background: #ffffff url('../javascripts/lib/select2/select2-spinner.gif') no-repeat 100%;
}
.select2-container-active .select2-choices {
  border: 1px solid rgba(0, 0, 0, 0.15);
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sharer-list .select2-container {
  border: none;
  box-shadow: none;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.sharer-list .select2-container-multi .select2-choices .select2-search-choice {
  background-color: #ececec;
  border: 1px solid #dfdfdf;
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: inherit;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.select2-dropdown-open.select2-drop-above {
  border-top: 1px solid transparent;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: none;
  background-color: transparent;
  background-image: none;
  filter: none;
}
.select2-container-multi .select2-choices {
  background: none;
  filter: none;
  border: none;
}
.select2-container-multi .select2-choices .select2-search-choice {
  border: none;
  background-image: none;
  filter: none;
}
.select2-container-multi .select2-choices .select2-search-field input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  padding: 3px 5px;
}
.select2-container-multi.issue-labels {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi.issue-labels.bordered {
  border: 1px solid #ddd;
}
.select2-container-multi.issue-labels.bordered:hover,
.select2-container-multi.issue-labels.bordered.select2-container-active {
  border: 1px solid #ddd;
}
.select2-container-multi.issue-labels .select2-choices .select2-search-choice {
  background: transparent;
  filter: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi.issue-labels .select2-choices .select2-search-choice-close {
  top: 6px;
  right: 3px;
  left: auto;
  opacity: 0;
}
.select2-container-multi.issue-labels:hover,
.select2-container-multi.issue-labels.select2-container-active {
  border: none;
  background: transparent;
}
.select2-container-multi.issue-labels:hover .select2-choices,
.select2-container-multi.issue-labels.select2-container-active .select2-choices {
  border: none;
}
.select2-container-multi.issue-labels:hover .select2-choices .select2-search-choice-close,
.select2-container-multi.issue-labels.select2-container-active .select2-choices .select2-search-choice-close {
  opacity: 1;
}
.select2-container-multi.issue-labels:hover .select2-search-choice:hover,
.select2-container-multi.issue-labels.select2-container-active .select2-search-choice:hover {
  background: #e6e6e6;
}
.select2-container-multi.issue-labels .select2-search-choice-focus .select2-search-choice-close {
  opacity: 1;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #f36c22;
  background-image: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi.select2-container-disabled .select2-choices {
  border: none;
}
.select2-drop.issue-labels {
  min-width: 220px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.select2-drop.issue-labels .select2-results {
  min-width: 200px;
}
.select2-drop.issue-labels .select2-result-with-children > .select2-result-label {
  padding: 10px 7px;
}
.select2-drop.issue-labels .select2-result-with-children > .select2-result-label:first-of-type {
  padding-top: 0;
}
.select2-drop.issue-labels .select2-result-with-children > .select2-result-sub > li:last-of-type {
  margin-bottom: 10px;
}
li.select2-result-with-children:first-of-type {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.label {
  border-radius: 1px;
}
.select2-without-searchbox .select2-search {
  display: none;
}
.select2-drop.branches {
  width: auto !important;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.select2-drop.branches .select2-results {
  width: auto;
}
.select2-result-label .issue-label {
  display: block;
  margin-right: 15px;
}
.pika-table abbr[title] {
  cursor: default;
}
.select2-chosen .branch-label {
  margin-top: -2px;
}
.tooltip {
  font-size: 12px;
}
.tooltip.in {
  font-size: 12px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.welcome-table {
  border-bottom: 1px solid #eee;
  margin-bottom: -1px;
}
.welcome-table td {
  border-top: none;
  font-size: 14px;
  vertical-align: middle;
}
.welcome-table a {
  width: 85%;
}
.oauth-login-btn {
  display: block;
  margin: 10px 0;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #fcfcfc inset;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 100px #fcfcfc inset;
}
.title_area .nav {
  margin-top: 10px;
}
.title_area ul li {
  font-size: 16px;
  font-weight: normal;
}
.myissues .user-ul .favored {
  border-bottom: 1px solid #eee;
}
.myissues .site-logo {
  display: none;
}
.myissues .star-project {
  display: none;
}
.myissues .project-item {
  padding: 0 10px;
}
.myissues .project-item .project-name {
  max-width: 150px;
  width: 100%;
}
.myissues .project-item .project-owner {
  padding-right: 0;
  max-width: 150px;
  width: 100%;
  text-align: right;
}
.myissues .project-item .flex-item {
  flex-direction: column;
}
.myissues .no-result {
  display: none;
}
.video-js {
  max-height: 50vh;
  max-width: 100vh;
}
.viewer-toolbar ul li {
  line-height: unset;
}
/*# sourceMappingURL=yobi.css.map */