@charset "UTF-8";
.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    color: black;
    border: 1px solid #DDD;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    min-width: 120px;
    z-index: 11110 !important
}

.atwho-view .atwho-header {
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-bottom: solid 1px #eaeff1;
    color: #6f8092;
    font-size: 11px;
    font-weight: bold
}

.atwho-view .atwho-header .small {
    color: #6f8092;
    float: right;
    padding-top: 2px;
    margin-right: -5px;
    font-size: 12px;
    font-weight: normal
}

.atwho-view .atwho-header:hover {
    cursor: default
}

.atwho-view .cur {
    background: #3366FF;
    color: white
}

.atwho-view .cur small {
    color: white
}

.atwho-view strong {
    color: #3366FF
}

.atwho-view .cur strong {
    color: white;
    font: bold
}

.atwho-view ul {
    list-style: none;
    padding: 0;
    margin: auto;
    max-height: 200px;
    overflow-y: auto
}

.atwho-view ul li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
    cursor: pointer
}

.atwho-view small {
    font-size: smaller;
    color: #777;
    font-weight: normal
}

.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.chzn-container .chzn-drop {
    background: white;
    border: 1px solid #aaaaaa;
    border-top: 0;
    position: absolute;
    top: 100%;
    left: -9999px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    z-index: 1010;
    width: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box
}

.chzn-container.chzn-with-drop .chzn-drop {
    left: 0
}

.chzn-container-single .chzn-single {
    background-color: white;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    border-radius: 5px;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none
}

.chzn-container-single .chzn-default {
    color: #999999
}

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) -42px 1px no-repeat
}

.chzn-container-single .chzn-single abbr:hover {
    background-position: -42px -10px
}

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px
}

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px
}

.chzn-container-single .chzn-single div b {
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat 0px 2px;
    display: block;
    width: 100%;
    height: 100%
}

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010
}

.chzn-container-single .chzn-search input {
    background: #fff url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat 100% -20px;
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat 100% -20px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat 100% -20px, linear-gradient(#eee 1%, #fff 15%);
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaaaaa;
    font-family: sans-serif;
    font-size: 1em;
    width: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box
}

.chzn-container-single .chzn-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chzn-container-single-nosearch .chzn-search {
    position: absolute;
    left: -9999px
}

.chzn-container-multi .chzn-choices {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    border: 1px solid #aaaaaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
    width: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none
}

.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0
}

.chzn-container-multi .chzn-choices .search-field input {
    color: #666666;
    background: transparent !important;
    border: 0 !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chzn-container-multi .chzn-choices .search-field .default {
    color: #999999
}

.chzn-container-multi .chzn-choices .search-choice {
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666666;
    border: 1px solid #cccccc;
    padding-right: 5px
}

.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) -42px 1px no-repeat
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chzn-container-multi .chzn-results {
    margin: 0;
    padding: 0
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: white
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal
}

.chzn-container .chzn-results .highlighted em {
    background: transparent
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999999;
    font-weight: bold
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1
}

.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px
}

.chzn-container .chzn-results-scroll-down {
    bottom: 0
}

.chzn-container .chzn-results-scroll-down span {
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat -4px -3px
}

.chzn-container .chzn-results-scroll-up span {
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat -22px -3px
}

.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #5897fb
}

.chzn-container-active.chzn-with-drop .chzn-single {
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 1px 0 white inset;
    box-shadow: 0 1px 0 white inset;
    background-color: #eeeeee;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.chzn-container-active.chzn-with-drop .chzn-single div {
    background: transparent;
    border-left: none
}

.chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position: -18px 2px
}

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #5897fb
}

.chzn-container-active .chzn-choices .search-field input {
    color: #111111 !important
}

.chzn-disabled {
    cursor: default;
    opacity: 0.5 !important
}

.chzn-disabled .chzn-single,
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default
}

.chzn-rtl {
    text-align: right
}

.chzn-rtl .chzn-single {
    padding: 0 8px 0 0;
    overflow: visible
}

.chzn-rtl .chzn-single span {
    margin-left: 26px;
    margin-right: 0;
    direction: rtl
}

.chzn-rtl .chzn-single div {
    left: 3px;
    right: auto
}

.chzn-rtl .chzn-single abbr {
    left: 26px;
    right: auto
}

.chzn-rtl .chzn-choices .search-field input {
    direction: rtl
}

.chzn-rtl .chzn-choices li {
    float: right
}

.chzn-rtl .chzn-choices .search-choice {
    padding: 3px 5px 3px 19px;
    margin: 3px 5px 3px 0
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
    left: 4px;
    right: auto
}

.chzn-rtl .chzn-search {
    left: 9999px
}

.chzn-rtl.chzn-with-drop .chzn-search {
    left: 0px
}

.chzn-rtl .chzn-drop {
    left: 9999px
}

.chzn-rtl.chzn-container-single .chzn-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chzn-rtl .chzn-results .group-option {
    padding-left: 0;
    padding-right: 15px
}

.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
    border-right: none
}

.chzn-rtl .chzn-search input {
    background: #fff url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat -30px -20px;
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat -30px -20px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background: url(../images/chosen-sprite-78783920654ffbd0ea2b444e5c9ccab6.png) no-repeat -30px -20px, linear-gradient(#eee 1%, #fff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl
}

.chzn-container-single.chzn-rtl .chzn-single div b {
    background-position: 6px 2px
}

.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .chzn-rtl .chzn-search input {
        background-image: url(../images/chosen-sprite@2x-ed91cf81a954db0c86959ba1e0f70177.png) !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important
    }
    .chzn-container-single .chzn-single abbr,
    .chzn-container-single .chzn-single div b {
        background-image: url(../images/chosen-sprite@2x-ed91cf81a954db0c86959ba1e0f70177.png) !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important
    }
    .chzn-container-single .chzn-search input {
        background-image: url(../images/chosen-sprite@2x-ed91cf81a954db0c86959ba1e0f70177.png) !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important
    }
    .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
        background-image: url(../images/chosen-sprite@2x-ed91cf81a954db0c86959ba1e0f70177.png) !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important
    }
    .chzn-container .chzn-results-scroll-down span,
    .chzn-container .chzn-results-scroll-up span {
        background-image: url(../images/chosen-sprite@2x-ed91cf81a954db0c86959ba1e0f70177.png) !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important
    }
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), color-stop(50%, #fff));
    background-image: linear-gradient(to top, #eee 0%, #fff 50%)
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 4px 4px;
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(90%, #fff));
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%)
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.select2-container .select2-choice>.select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto
}

html[dir="rtl"] .select2-container .select2-choice>.select2-chosen {
    margin-left: 26px;
    margin-right: 0
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) right top no-repeat;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), color-stop(60%, #eee));
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%)
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat 0 1px
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 4px 4px 0 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat 100% -22px;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat 100% -22px, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(99%, #eee)) 0 0;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;
    background: #fff url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat -37px -22px;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat -37px -22px, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(99%, #eee)) 0 0;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-search input.select2-active {
    background: #fff url(../images/select2-spinner-94e3345b27e74d13d1d0c755fafb5c65.gif) no-repeat 100%;
    background: url(../images/select2-spinner-94e3345b27e74d13d1d0c755fafb5c65.gif) no-repeat 100%, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(99%, #eee)) 0 0;
    background: url(../images/select2-spinner-94e3345b27e74d13d1d0c755fafb5c65.gif) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to top, #fff 0%, #eee 50%)
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%)
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    -webkit-filter: none;
    filter: none
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results-dept-1 .select2-result-label {
    padding-left: 20px
}

.select2-results-dept-2 .select2-result-label {
    padding-left: 40px
}

.select2-results-dept-3 .select2-result-label {
    padding-left: 60px
}

.select2-results-dept-4 .select2-result-label {
    padding-left: 80px
}

.select2-results-dept-5 .select2-result-label {
    padding-left: 100px
}

.select2-results-dept-6 .select2-result-label {
    padding-left: 110px
}

.select2-results-dept-7 .select2-result-label {
    padding-left: 120px
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px
}

.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url(../images/select2-spinner-94e3345b27e74d13d1d0c755fafb5c65.gif) no-repeat 100%
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, 0.2)
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%)
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px
}

.select2-locked {
    padding: 3px 5px 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
    float: right
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url(../images/select2-spinner-94e3345b27e74d13d1d0c755fafb5c65.gif) no-repeat 100% !important
}

.select2-default {
    color: #999 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url(../images/select2-12b14b260519d76c566c12f61a41cfde.png) right top no-repeat
}

html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url(../images/select2x2-3deac6e55bbf89384319e26855e92752.png) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important
    }
    .select2-search input {
        background-position: 100% -21px !important
    }
}

.chzn-container-single .chzn-single {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #FFF;
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em
}

.chzn-container-single .chzn-single div b {
    background: url(../images/chosen-sprite.png) no-repeat 0px 9px
}

.chzn-container-active .chzn-single {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff
}

.chzn-container-active .chzn-single div b {
    background: url(../images/chosen-sprite.png) no-repeat 0px 9px
}

.chzn-container-active.chzn-with-drop {
    border-radius: 0
}

.chzn-container-active.chzn-with-drop .chzn-single {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff
}

.chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position: -18px 9px
}

.chzn-container-single .chzn-drop {
    border-radius: 0
}

.ajax-users-select,
#ingore-select {
    width: 400px
}

.ajax-users-select.input-large,
#ingore-select.input-large {
    width: 210px
}

.user-result {
    padding: 4px
}

.user-result .user-image {
    float: left
}

.user-result .user-name {
    font-size: 14px !important
}

.user-result .user-username {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.15)
}

.project-refs-form {
    margin: 0
}

.project-refs-form span {
    background: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important
}

.project-refs-select {
    width: 100px
}

.project-refs-form .chzn-container {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 10px
}

.project-refs-form .chzn-container .chzn-drop {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 400px
}

.project-refs-form .chzn-container .chzn-drop .chzn-results {
    max-height: 300px
}

.project-refs-form .chzn-container .chzn-drop .chzn-search input {
    min-width: 365px
}

.chzn-container .chzn-search input {
    height: 25px
}

.chzn-container .chzn-drop {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 2px 0;
    min-width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em
}

.chzn-container .chzn-drop .chzn-results {
    margin-top: 5px;
    max-height: 300px
}

.chzn-container .chzn-drop .chzn-results .group-result {
    color: #474d57;
    border-bottom: 1px solid #EEE;
    padding: 8px
}

.chzn-container .chzn-drop .chzn-results .active-result.highlighted {
    font-weight: bold;
    background: #fff;
    color: #474d57
}

.chzn-container .chzn-drop .chzn-results .active-result.result-selected {
    background: #efefef;
    border-left: 4px solid #ddd
}

.chzn-container .chzn-drop .chzn-search input {
    min-width: 165px;
    border-width: 2px
}

.chzn-container .chzn-single {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chzn-container .chzn-single div {
    background: transparent;
    border-left: none
}

.chzn-container .chzn-single span {
    font-weight: normal
}

.select2-container .select2-choice {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em
}

.select2-container .select2-choice div {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none
}

.select2-drop {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em;
    border-top: none
}

.select2-no-results,
.select2-searching {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 7px;
    color: #666
}

.select2-drop.select2-drop-above {
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-search input {
    padding: 4px 20px 4px 5px
}

.select2-container .select2-choice div b {
    background: url(../images/select2.png) no-repeat 0 5px
}

.select2-container-multi .select2-choices {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em;
    background-image: none
}

.select2-container-multi .select2-choices .select2-search-choice {
    word-break: break-all
}

.chzn-small .chzn-container .chzn-single {
    line-height: 20px;
    height: 26px;
    width: 100px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.3125em;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 0.8rem;
    color: #808080;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
    border-radius: 0.25em
}

.chzn-small .chzn-container .chzn-single div b {
    background-position: 0 2px
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
    z-index: 1
}

.jcrop-vline,
.jcrop-hline {
    background: #fff url(../images/jcrop.gif);
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px !important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    height: 100%;
    width: 100%
}

.jcrop-handle {
    background-color: #333;
    border: 1px #EEE solid;
    font-size: 1px;
    height: 7px;
    width: 7px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #FFF;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #FFF;
    border-radius: 3px
}

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #FFF
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui-helper-clearfix {
    display: inline-block
}

* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #fff url(../images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
    color: #404040
}

.ui-widget-content a {
    color: #404040
}

.ui-widget-header {
    font-weight: bold;
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border: 1px solid #666
}

.ui-widget-header a {
    color: #222222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
    background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear background-image;
    transition: 0.1s linear background-image;
    overflow: visible
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight p,
.ui-state-error p,
.ui-state-default p {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 7px 15px
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    position: relative;
    margin-bottom: 18px;
    color: #404040;
    background-color: #eedc94;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
    background-image: linear-gradient(top, #fceec1, #eedc94);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25)
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    position: relative;
    margin-bottom: 18px;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(../images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(../images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../images/ui-icons_f6cf3b_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    font-weight: bold
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em 1.7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom: 1;
    font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: 0;
    color: #ffffff;
    background: #0064cd;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-menu .ui-menu-item a.ui-state-active {
    padding: 1px .4em
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-menu {
    width: 200px;
    margin-bottom: 2em
}

.ui-button {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
    background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    margin: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear background-image;
    transition: 0.1s linear background-image;
    overflow: visible
}

.ui-button-primary {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-button-success {
    color: #ffffff;
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-button-error {
    color: #ffffff;
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-button-icon-only {
    width: 2.2em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
    display: none
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    top: 50%;
    margin-top: -3px;
    margin-bottom: 3px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-state-active {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.4em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    padding: 5px 15px;
    border: 0px 0px 0px 1px solid;
    border-color: white;
    padding: 5px 15px;
    font-size: 18px;
    text-decoration: none;
    background: none;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 1px solid #ccc
}

.ui-dialog .ui-dialog-title {
    float: left;
    color: #404040;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    text-indent: 9999px
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 1px;
    filter: alpha(opacity=90);
    -khtml-opacity: 0.90;
    -moz-opacity: 0.90;
    opacity: 0.90
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    background-color: #f5f5f5;
    padding: 5px 15px 5px;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    zoom: 1;
    margin-bottom: 0
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs .ui-tabs-nav {
    background: none;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
    border: 0px
}

.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-nav li a:hover {
    background: whiteSmoke;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    color: #00438A
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
    border-bottom: 1px solid #DDD
}

.ui-tabs .ui-tabs-nav li {
    text-decoration: none;
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    padding: 0px 0px 1px 0px;
    white-space: nowrap;
    background: none;
    border: 0px
}

.ui-tabs-nav .ui-state-default {
    -webkit-box-shadow: 0px 0px 0px #ffffff;
    box-shadow: 0px 0px 0px #ffffff
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    cursor: text;
    padding: 0 15px;
    margin-right: 2px;
    line-height: 34px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0px;
    outline: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: #ffffff;
    cursor: default;
    color: gray;
    outline: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #ffffff;
    outline: none;
    border: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
    background: #ffffff;
    outline: none;
    margin-bottom: 0px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
    color: #0069D6;
    background: none;
    font-weight: normal;
    margin-bottom: -1px
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tabs-panel .ui-button {
    text-decoration: none
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-tabs .ui-tabs-nav li {
    -webkit-filter: none;
    filter: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -o-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: inset 0 1px 0 #ffffff
}

* html .ui-tooltip {
    background-image: none
}

body .ui-tooltip {
    border-width: 2px
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 0px;
    font-weight: bold;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: #808080
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display/**/
    : block;
    position: absolute;
    z-index: -1;
    -webkit-filter: mask();
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-datepicker th {
    font-weight: bold;
    color: gray
}

.ui-datepicker-today a:hover {
    background-color: #808080;
    color: #ffffff
}

.ui-datepicker-today a {
    background-color: #BFBFBF;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0px
}

.ui-datepicker td a {
    margin-bottom: 0px;
    border: 0px
}

.ui-datepicker td:hover {
    color: #ffffff
}

.ui-datepicker td .ui-state-default {
    border: 0px;
    background: none;
    margin-bottom: 0px;
    padding: 5px;
    color: gray;
    text-align: center;
    -webkit-filter: none;
    filter: none
}

.ui-datepicker td .ui-state-active {
    background: #BFBFBF;
    margin-bottom: 0px;
    font-size: normal;
    text-shadow: 0px;
    color: #ffffff;
    border-radius: 4px
}

.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #0064cd;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px
}

.ui-progressbar {
    height: 2em;
    text-align: left
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}

input:focus,
textarea:focus {
    outline: 0
}

input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
    display: inline-block;
    padding: 0.67861em 1em;
    line-height: 18px;
    border: 1px solid #dce3e8;
    border-radius: 3px
}

.ui-toolbar {
    padding: 7px 14px;
    margin: 0 0 18px;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background-image: linear-gradient(top, #fff, #f5f5f5);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff
}

.ui-dialog-buttonset .ui-button:nth-child(2) {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e6e6e6));
    background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    transition: 0.1s linear all;
    overflow: visible
}

.colpick {
    position: absolute;
    width: 346px;
    height: 180px;
    overflow: hidden;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    background: #ebebeb;
    border: 1px solid #bbb;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.colpick_color {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 156px;
    height: 156px;
    overflow: hidden;
    outline: 1px solid #aaa;
    cursor: crosshair
}

.colpick_color_overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.colpick_color_overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.colpick_selector_outer {
    background: none;
    position: absolute;
    width: 11px;
    height: 11px;
    margin: -6px 0 0 -6px;
    border: 1px solid black;
    border-radius: 50%
}

.colpick_selector_inner {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid white;
    border-radius: 50%
}

.colpick_hue {
    position: absolute;
    top: 6px;
    left: 175px;
    width: 19px;
    height: 156px;
    border: 1px solid #aaa;
    cursor: n-resize
}

.colpick_hue_arrs {
    position: absolute;
    left: -8px;
    width: 35px;
    height: 7px;
    margin: -7px 0 0 0
}

.colpick_hue_larr {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #858585
}

.colpick_hue_rarr {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #858585
}

.colpick_new_color {
    position: absolute;
    left: 207px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f
}

.colpick_current_color {
    position: absolute;
    left: 277px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f
}

.colpick_field,
.colpick_hex_field {
    position: absolute;
    height: 20px;
    width: 60px;
    overflow: hidden;
    background: #f3f3f3;
    color: #b8b8b8;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    border-radius: 3px
}

.colpick_rgb_r {
    top: 40px;
    left: 207px
}

.colpick_rgb_g {
    top: 67px;
    left: 207px
}

.colpick_rgb_b {
    top: 94px;
    left: 207px
}

.colpick_hsb_h {
    top: 40px;
    left: 277px
}

.colpick_hsb_s {
    top: 67px;
    left: 277px
}

.colpick_hsb_b {
    top: 94px;
    left: 277px
}

.colpick_hex_field {
    width: 68px;
    left: 207px;
    top: 121px
}

.colpick_focus {
    border-color: #999
}

.colpick_field_letter {
    position: absolute;
    width: 16px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    background: #efefef;
    border-right: 1px solid #bdbdbd;
    font-weight: bold;
    color: #777
}

.colpick_field input,
.colpick_hex_field input {
    position: absolute;
    right: 11px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    background: transparent;
    border: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    text-align: right;
    outline: none
}

.colpick_hex_field input {
    right: 4px
}

.colpick_field_arrs {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 21px;
    cursor: n-resize
}

.colpick_field_uarr {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #959595
}

.colpick_field_darr {
    position: absolute;
    bottom: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #959595
}

.colpick_submit {
    position: absolute;
    left: 207px;
    top: 149px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    background: #efefef;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #bdbdbd;
    border-radius: 3px
}

.colpick_submit:hover {
    background: #f3f3f3;
    border-color: #999;
    cursor: pointer
}

.colpick_full_ns .colpick_submit,
.colpick_full_ns .colpick_current_color {
    display: none
}

.colpick_full_ns .colpick_new_color {
    width: 130px;
    height: 25px
}

.colpick_full_ns .colpick_rgb_r,
.colpick_full_ns .colpick_hsb_h {
    top: 42px
}

.colpick_full_ns .colpick_rgb_g,
.colpick_full_ns .colpick_hsb_s {
    top: 73px
}

.colpick_full_ns .colpick_rgb_b,
.colpick_full_ns .colpick_hsb_b {
    top: 104px
}

.colpick_full_ns .colpick_hex_field {
    top: 135px
}

.colpick_rgbhex .colpick_hsb_h,
.colpick_rgbhex .colpick_hsb_s,
.colpick_rgbhex .colpick_hsb_b {
    display: none
}

.colpick_rgbhex {
    width: 282px
}

.colpick_rgbhex .colpick_field,
.colpick_rgbhex .colpick_submit {
    width: 68px
}

.colpick_rgbhex .colpick_new_color {
    width: 34px;
    border-right: none
}

.colpick_rgbhex .colpick_current_color {
    width: 34px;
    left: 240px;
    border-left: none
}

.colpick_rgbhex_ns .colpick_submit,
.colpick_rgbhex_ns .colpick_current_color {
    display: none
}

.colpick_rgbhex_ns .colpick_new_color {
    width: 68px;
    border: 1px solid #8f8f8f
}

.colpick_rgbhex_ns .colpick_rgb_r {
    top: 42px
}

.colpick_rgbhex_ns .colpick_rgb_g {
    top: 73px
}

.colpick_rgbhex_ns .colpick_rgb_b {
    top: 104px
}

.colpick_rgbhex_ns .colpick_hex_field {
    top: 135px
}

.colpick_hex .colpick_hsb_h,
.colpick_hex .colpick_hsb_s,
.colpick_hex .colpick_hsb_b,
.colpick_hex .colpick_rgb_r,
.colpick_hex .colpick_rgb_g,
.colpick_hex .colpick_rgb_b {
    display: none
}

.colpick_hex {
    width: 206px;
    height: 201px
}

.colpick_hex .colpick_hex_field {
    width: 72px;
    height: 25px;
    top: 168px;
    left: 80px
}

.colpick_hex .colpick_hex_field div,
.colpick_hex .colpick_hex_field input {
    height: 25px;
    line-height: 25px
}

.colpick_hex .colpick_new_color {
    left: 9px;
    top: 168px;
    width: 30px;
    border-right: none
}

.colpick_hex .colpick_current_color {
    left: 39px;
    top: 168px;
    width: 30px;
    border-left: none
}

.colpick_hex .colpick_submit {
    left: 164px;
    top: 168px;
    width: 30px;
    height: 25px;
    line-height: 25px
}

.colpick_hex_ns .colpick_submit,
.colpick_hex_ns .colpick_current_color {
    display: none
}

.colpick_hex_ns .colpick_hex_field {
    width: 80px
}

.colpick_hex_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f
}

.colpick_dark {
    background: #161616;
    border-color: #2a2a2a
}

.colpick_dark .colpick_color {
    outline-color: #333
}

.colpick_dark .colpick_hue {
    border-color: #555
}

.colpick_dark .colpick_field,
.colpick_dark .colpick_hex_field {
    background: #101010;
    border-color: #2d2d2d
}

.colpick_dark .colpick_field_letter {
    background: #131313;
    border-color: #2d2d2d;
    color: #696969
}

.colpick_dark .colpick_field input,
.colpick_dark .colpick_hex_field input {
    color: #7a7a7a
}

.colpick_dark .colpick_field_uarr {
    border-bottom-color: #696969
}

.colpick_dark .colpick_field_darr {
    border-top-color: #696969
}

.colpick_dark .colpick_focus {
    border-color: #444
}

.colpick_dark .colpick_submit {
    background: #131313;
    border-color: #2d2d2d;
    color: #7a7a7a
}

.colpick_dark .colpick_submit:hover {
    background-color: #101010;
    border-color: #444
}

.project_access {
    margin: 10px 10px 0 0;
    color: #777;
    font-size: 12px
}

.project-access-table {
    margin-top: -20px !important;
    border: none !important
}

.ui-box {
    height: auto
}

.ctl_content {
    float: left;
    width: 570px;
    margin-bottom: -25px
}

.ctl_content .ctl_operation {
    line-height: 20px
}

.ctl_content .ctl_status {
    font-size: 13px;
    color: #7a7a7a;
    font-weight: bold;
    margin: 0 20px 0 5px
}

.ctl_operation .start {
    color: #0b9604
}

.ctl_operation .stop {
    color: #a5951a
}

.ctl_operation .refresh {
    color: #000000
}

.ctl_operation .btn-paas {
    font-size: 12px;
    font-weight: bold;
    padding: 1px 12px 1px 12px
}

.ctl_operation .btn-disabled {
    background-color: #dcdcdc
}

.ctl_content .ctl_using_status {
    margin: 15px 0 5px 0
}

.ctl_content .small-input {
    padding: 2px 5px
}

.ctl_content .domain-input {
    padding: 2px 5px;
    width: 100px
}

.ctl_content .normal_button {
    padding: 4px 16px;
    marigin-right: 5px;
    font-weight: bold
}

.ctl_content .deploy_button {
    font-size: 12px;
    font-weight: bold;
    padding: 1px 12px 1px 12px
}

.envi_variable {
    margin: 10px;
    border: 1px dotted #073642;
    width: 690px;
    padding: 10px 0 0 10px
}

.env_input_field {
    padding: 10px 0 0 10px;
    line-height: 30px;
    margin-top: 10px
}

.env_input_field .var-input {
    padding: 2px 5px;
    margin-right: 20px
}

.env_input_field .normal_button {
    padding: 4px 16px;
    marigin-right: 5px;
    font-weight: bold;
    margin-top: -10px
}

.service_head {
    border-bottom: 1px solid #bbbbbb;
    margin: 15px 0 0 10px;
    width: 700px
}

.service_head .service_title {
    font-size: 16px;
    margin-bottom: 2px;
    color: #96161a
}

.service_head .service_title .service_description {
    font-size: 11px
}

.service_table {
    margin: 5px 0 0 10px
}

.service_table .normal {
    font-size: 12px;
    margin-right: 5px
}

.service_table .remove {
    color: red;
    font-size: 12px;
    margin-right: 10px
}

.service_img {
    padding: 5px;
    margin-right: 5px;
    border-radius: 3px;
    width: 90px;
    height: 90px
}

.paas_service_type {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    border: 3px solid #ffffff;
    border-radius: 3px;
    margin: 0 10px 20px 0
}

.paas_service_image {
    width: 100%;
    height: 100px;
    float: left
}

.service_input_alert {
    font-size: 14px;
    color: red;
    float: right;
    line-height: 40px
}

.service_button {
    float: right;
    margin-right: 350px;
    height: 40px
}

.service-name-input {
    float: right;
    margin-right: 10px;
    height: 40px
}

.show_m_div {
    display: none;
    position: absolute;
    top: 30%;
    left: 25%;
    z-index: 1002;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    width: 700px;
    border-radius: 5px
}

.bg_lockDiv {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30)
}

.show_m_title {
    border-bottom: 1px solid #d6d6d6;
    background-color: #eeeeee;
    padding: 10px
}

.env_content {
    padding: 10px
}

.service_env_name {
    text-align: left;
    margin-right: 20px;
    padding: 5px
}

.service_env_value {
    text-align: right;
    float: right;
    padding: 5px
}

.guest_page {
    background-color: #333;
    display: block;
    height: 420px;
    opacity: 0.7;
    position: absolute;
    text-align: center;
    top: 238px;
    vertical-align: middle;
    width: 980px;
    z-index: 1000
}

.guest_alert {
    background-color: #fff;
    padding: 8px;
    opacity: initial;
    border-radius: 5px;
    color: #000
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none
}


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html,
body {
    height: 100%
}

html {
    font-size: 14px
}

body {
    margin: 0px;
    padding: 0px;
    min-width: 278px;
    background: #f7f7f7;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.8);
    font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    line-height: 1.33em;
    margin: calc(2rem - 0.165em) 0em 1rem;
    font-weight: bold;
    padding: 0em
}

h1 {
    min-height: 1rem;
    font-size: 2rem
}

h2 {
    font-size: 1.714rem
}

h3 {
    font-size: 1.28rem
}

h4 {
    font-size: 1.071rem
}

h5 {
    font-size: 1rem
}

p {
    margin: 0em 0em 1em;
    line-height: 1.33
}

p:first-child {
    margin-top: 0em
}

p:last-child {
    margin-bottom: 0em
}

a {
    color: #009fda;
    text-decoration: none
}

a:hover {
    color: #00b2f3
}

::-webkit-selection {
    background-color: rgba(255, 255, 160, 0.4);
    color: rgba(0, 0, 0, 0.8)
}

::-moz-selection {
    background-color: rgba(255, 255, 160, 0.4);
    color: rgba(0, 0, 0, 0.8)
}

::selection {
    background-color: rgba(255, 255, 160, 0.4);
    color: rgba(0, 0, 0, 0.8)
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.6);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    margin: 0em 0.25em 0em 0em;
    padding: 0.78571em 1.5em 0.78571em;
    text-transform: none;
    text-shadow: none;
    font-weight: bold;
    line-height: 1;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    background-image: none;
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent
}

.ui.button:hover {
    background-color: #e8e8e8;
    background-image: none;
    -webkit-box-shadow: '';
    box-shadow: '';
    color: rgba(0, 0, 0, 0.8)
}

.ui.button:hover .icon {
    opacity: 0.85
}

.ui.button:focus {
    background-color: '';
    background-image: '';
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0px 1px rgba(81, 167, 232, 0.8) inset, 0px 0px 3px 2px rgba(81, 167, 232, 0.8);
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0px 1px rgba(81, 167, 232, 0.8) inset, 0px 0px 3px 2px rgba(81, 167, 232, 0.8);
    color: rgba(0, 0, 0, 0.8)
}

.ui.button:focus .icon {
    opacity: 0.85
}

.ui.button:active,
.ui.active.button:active {
    background-color: #cccccc;
    background-image: '';
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.active.button {
    background-color: #d0d0d0;
    background-image: none;
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset;
    box-shadow: 0px 0px 0px 1px transparent inset;
    color: rgba(0, 0, 0, 0.8)
}

.ui.button.active:hover {
    background-color: #d0d0d0;
    background-image: none;
    color: rgba(0, 0, 0, 0.8)
}

.ui.button.active:active {
    background-color: #d0d0d0;
    background-image: none
}

.ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    point-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.ui.loading.button:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285em 0em 0em -0.64285em;
    width: 1.2857em;
    height: 1.2857em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.15)
}

.ui.loading.button:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285em 0em 0em -0.64285em;
    width: 1.2857em;
    height: 1.2857em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #ffffff transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent
}

.ui.labeled.icon.loading.button .icon {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@-webkit-keyframes button-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes button-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.basic.loading.button:not(.inverted):before {
    border-color: rgba(0, 0, 0, 0.1)
}

.ui.basic.loading.button:not(.inverted):after {
    border-top-color: #aaaaaa
}

.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.disabled.button:hover,
.ui.disabled.button.active {
    cursor: default;
    background-color: #dcddde !important;
    color: rgba(0, 0, 0, 0.4) !important;
    opacity: 0.3 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none
}

.ui.animated.button {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    padding-right: 0em !important
}

.ui.animated.button .content {
    will-change: transform, opacity
}

.ui.animated.button .visible.content {
    position: relative;
    margin-right: 1.5em
}

.ui.animated.button .hidden.content {
    position: absolute;
    width: 100%
}

.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
    -webkit-transition: right 0.3s ease 0s;
    transition: right 0.3s ease 0s
}

.ui.animated.button .visible.content {
    left: auto;
    right: 0%
}

.ui.animated.button .hidden.content {
    top: 50%;
    left: auto;
    right: -100%;
    margin-top: -0.5em
}

.ui.animated.button:hover .visible.content {
    left: auto;
    right: 200%
}

.ui.animated.button:hover .hidden.content {
    left: auto;
    right: 0%
}

.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
    transition: top 0.3s ease, -webkit-transform 0.3s ease;
    transition: top 0.3s ease, transform 0.3s ease;
    transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.ui.vertical.animated.button .visible.content {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    right: auto
}

.ui.vertical.animated.button .hidden.content {
    top: -50%;
    left: 0%;
    right: auto
}

.ui.vertical.animated.button:hover .visible.content {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    right: auto
}

.ui.vertical.animated.button:hover .hidden.content {
    top: 50%;
    right: auto
}

.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.ui.fade.animated.button .visible.content {
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui.fade.animated.button .hidden.content {
    opacity: 0;
    left: 0%;
    right: auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.ui.fade.animated.button:hover .visible.content {
    left: auto;
    right: auto;
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
}

.ui.fade.animated.button:hover .hidden.content {
    left: 0%;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui.inverted.button {
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
    box-shadow: 0px 0px 0px 2px #ffffff inset !important;
    background: transparent none;
    color: #ffffff;
    text-shadow: none !important
}

.ui.inverted.buttons .button {
    margin: 0px 0px 0px -2px
}

.ui.inverted.buttons .button:first-child {
    margin-left: 0em
}

.ui.inverted.vertical.buttons .button {
    margin: 0px 0px -2px 0px
}

.ui.inverted.vertical.buttons .button:first-child {
    margin-top: 0em
}

.ui.inverted.buttons .button:hover {
    position: relative
}

.ui.inverted.button:hover {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
    box-shadow: 0px 0px 0px 2px #ffffff inset !important;
    color: rgba(0, 0, 0, 0.8)
}

.ui.facebook.button {
    background-color: #3b579d;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.facebook.button:hover {
    background-color: #3f5da8;
    color: #ffffff;
    text-shadow: none
}

.ui.facebook.button:active {
    background-color: #314983;
    color: #ffffff;
    text-shadow: none
}

.ui.twitter.button {
    background-color: #4092cc;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.twitter.button:hover {
    background-color: #4c99cf;
    color: #ffffff;
    text-shadow: none
}

.ui.twitter.button:active {
    background-color: #3180b7;
    color: #ffffff;
    text-shadow: none
}

.ui.google.plus.button {
    background-color: #d34836;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.google.plus.button:hover {
    background-color: #d65343;
    color: #ffffff;
    text-shadow: none
}

.ui.google.plus.button:active {
    background-color: #bc3a29;
    color: #ffffff;
    text-shadow: none
}

.ui.linkedin.button {
    background-color: #1f88be;
    color: #ffffff;
    text-shadow: none
}

.ui.linkedin.button:hover {
    background-color: #2191cb;
    color: #ffffff;
    text-shadow: none
}

.ui.linkedin.button:active {
    background-color: #1a729f;
    color: #ffffff;
    text-shadow: none
}

.ui.youtube.button {
    background-color: #cc181e;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.youtube.button:hover {
    background-color: #da1a20;
    color: #ffffff;
    text-shadow: none
}

.ui.youtube.button:active {
    background-color: #ac1419;
    color: #ffffff;
    text-shadow: none
}

.ui.instagram.button {
    background-color: #49769c;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.instagram.button:hover {
    background-color: #4e7ea6;
    color: #ffffff;
    text-shadow: none
}

.ui.instagram.button:active {
    background-color: #3e6484;
    color: #ffffff;
    text-shadow: none
}

.ui.pinterest.button {
    background-color: #00aced;
    color: #ffffff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.pinterest.button:hover {
    background-color: #00b7fc;
    color: #ffffff;
    text-shadow: none
}

.ui.pinterest.button:active {
    background-color: #0092c9;
    color: #ffffff;
    text-shadow: none
}

.ui.vk.button {
    background-color: #4D7198;
    color: #ffffff;
    background-image: none;
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.vk.button:hover {
    background-color: #5279a2;
    color: #ffffff
}

.ui.vk.button:active {
    background-color: #415f80;
    color: #ffffff
}

.ui.button>.icon {
    opacity: 0.8;
    margin: 0em 0.4em 0em -0.2em;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    vertical-align: baseline;
    color: ''
}

.ui.button>.right.icon {
    margin: 0em -0.2em 0em 0.4em
}

.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
    float: left;
    margin-left: 0em;
    margin-right: 0.25em
}

.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
    float: right;
    margin-right: 0em;
    margin-left: 0.25em
}

.ui.compact.buttons .button,
.ui.compact.button {
    padding: 0.5892825em 1.125em 0.5892825em
}

.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
    padding: 0.5892825em 0.5892825em 0.5892825em
}

.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
    padding: 0.5892825em 3.69642em 0.5892825em
}

.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
    font-size: 0.71428571rem
}

.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
    font-size: 0.85714286rem
}

.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
    font-size: 0.92857143rem
}

.ui.buttons .button,
.ui.buttons .or,
.ui.button {
    font-size: 1rem
}

.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
    font-size: 1.14285714rem
}

.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
    font-size: 1.28571429rem
}

.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
    font-size: 1.42857143rem
}

.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
    font-size: 1.71428571rem
}

.ui.icon.buttons .button,
.ui.icon.button {
    padding: 0.78571em 0.78571em 0.78571em
}

.ui.icon.buttons .button>.icon,
.ui.icon.button>.icon {
    opacity: 0.9;
    margin: 0em;
    vertical-align: top
}

.ui.basic.buttons .button,
.ui.basic.button {
    background: transparent !important;
    background-image: none;
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: normal;
    border-radius: 0.2857rem;
    text-transform: none;
    text-shadow: none !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset
}

.ui.basic.buttons {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15);
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15);
    border-radius: 0.2857rem
}

.ui.basic.buttons .button {
    border-radius: 0em
}

.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
    background: #fafafa !important;
    color: rgba(0, 0, 0, 0.8) !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.basic.buttons .button:active,
.ui.basic.button:active {
    background: #f8f8f8 !important;
    color: rgba(0, 0, 0, 0.8) !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.basic.buttons .button.active,
.ui.basic.button.active {
    background: rgba(0, 0, 0, 0.05) !important;
    -webkit-box-shadow: '' !important;
    box-shadow: '' !important;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: rgba(39, 41, 43, 0.3);
    box-shadow: rgba(39, 41, 43, 0.3)
}

.ui.basic.buttons .button.active:hover,
.ui.basic.button.active:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.ui.basic.buttons .button:hover {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset inset;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset inset
}

.ui.basic.buttons .button:active {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset inset
}

.ui.basic.buttons .button.active {
    -webkit-box-shadow: rgba(39, 41, 43, 0.3) inset;
    box-shadow: rgba(39, 41, 43, 0.3) inset
}

.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
    background-color: transparent !important;
    color: #fafafa !important;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important
}

.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
    color: #ffffff !important;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
    box-shadow: 0px 0px 0px 2px #ffffff inset !important
}

.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important
}

.ui.basic.inverted.buttons .button.active,
.ui.basic.inverted.button.active {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    text-shadow: none;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset
}

.ui.basic.inverted.buttons .button.active:hover,
.ui.basic.inverted.button.active:hover {
    background-color: rgba(255, 255, 255, 0.07);
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important;
    box-shadow: 0px 0px 0px 2px #ffffff inset !important
}

.ui.basic.buttons .button {
    border-left: 1px solid rgba(39, 41, 43, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.vertical.buttons .button {
    border-left: none
}

.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
    position: relative;
    padding-left: 4.07142em !important;
    padding-right: 1.5em !important
}

.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
    position: absolute;
    width: 2.57142em;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    text-align: center;
    color: '';
    border-radius: 0.2857rem 0px 0px 0.2857rem;
    line-height: 1;
    -webkit-box-shadow: -1px 0px 0px 0px transparent inset;
    box-shadow: -1px 0px 0px 0px transparent inset
}

.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
    top: 0em;
    left: 0em
}

.ui[class*="right labeled"].icon.button {
    padding-right: 4.07142em !important;
    padding-left: 1.5em !important
}

.ui[class*="right labeled"].icon.button>.icon {
    left: auto;
    right: 0em;
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    -webkit-box-shadow: 1px 0px 0px 0px transparent inset;
    box-shadow: 1px 0px 0px 0px transparent inset
}

.ui.labeled.icon.buttons>.button>.icon:before,
.ui.labeled.icon.button>.icon:before,
.ui.labeled.icon.buttons>.button>.icon:after,
.ui.labeled.icon.button>.icon:after {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    margin-top: -0.5em
}

.ui.labeled.icon.buttons .button>.icon {
    border-radius: 0em
}

.ui.labeled.icon.buttons .button:first-child>.icon {
    border-top-left-radius: 0.2857rem;
    border-bottom-left-radius: 0.2857rem
}

.ui.labeled.icon.buttons .button:last-child>.icon {
    border-top-right-radius: 0.2857rem;
    border-bottom-right-radius: 0.2857rem
}

.ui.vertical.labeled.icon.buttons .button:first-child>.icon {
    border-radius: 0em;
    border-top-left-radius: 0.2857rem
}

.ui.vertical.labeled.icon.buttons .button:last-child>.icon {
    border-radius: 0em;
    border-bottom-left-radius: 0.2857rem
}

.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important
}

.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
    background-color: #5bbd72 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none;
    color: #ffffff !important
}

.ui.button.toggle.active:hover {
    background-color: #66c17b !important;
    text-shadow: none;
    color: #ffffff !important
}

.ui.circular.button {
    border-radius: 10em
}

.ui.circular.button>.icon {
    width: 1em;
    vertical-align: baseline
}

.ui.attached.button {
    display: block;
    margin: 0em;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) !important;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) !important;
    border-radius: 0em
}

.ui.attached.top.button {
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

.ui.attached.bottom.button {
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

.ui.attached.left.button {
    display: inline-block;
    border-left: none;
    padding-right: 0.75em;
    text-align: right;
    border-radius: 0.2857rem 0em 0em 0.2857rem
}

.ui.attached.right.button {
    display: inline-block;
    padding-left: 0.75em;
    text-align: left;
    border-radius: 0em 0.2857rem 0.2857rem 0em
}

.ui.buttons .or {
    position: relative;
    float: left;
    width: 0.3em;
    height: 2.57142em;
    z-index: 3
}

.ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'or';
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    text-shadow: none;
    margin-top: -0.892855em;
    margin-left: -0.892855em;
    width: 1.78571em;
    height: 1.78571em;
    line-height: 1.78571em;
    color: rgba(0, 0, 0, 0.4);
    font-style: normal;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset;
    box-shadow: 0px 0px 0px 1px transparent inset
}

.ui.buttons .or[data-text]:before {
    content: attr(data-text)
}

.ui.fluid.buttons .or {
    width: 0em !important
}

.ui.fluid.buttons .or:after {
    display: none
}

.attached.ui.buttons {
    margin: 0px;
    border-radius: 0em 0em 0em 0em
}

.attached.ui.buttons .button {
    margin: 0em
}

.attached.ui.buttons .button:first-child {
    border-radius: 0em 0em 0em 0em
}

.attached.ui.buttons .button:last-child {
    border-radius: 0em 0em 0em 0em
}

[class*="top attached"].ui.buttons {
    margin-bottom: -1px;
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

[class*="top attached"].ui.buttons .button:first-child {
    border-radius: 0.2857rem 0em 0em 0em
}

[class*="top attached"].ui.buttons .button:last-child {
    border-radius: 0em 0.2857rem 0em 0em
}

[class*="bottom attached"].ui.buttons {
    margin-top: -1px;
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

[class*="bottom attached"].ui.buttons .button:first-child {
    border-radius: 0em 0em 0em 0.2857rem
}

[class*="bottom attached"].ui.buttons .button:last-child {
    border-radius: 0em 0em 0.2857rem 0em
}

[class*="left attached"].ui.buttons {
    margin-left: -1px;
    border-radius: 0em 0.2857rem 0.2857rem 0em
}

[class*="left attached"].ui.buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0em 0.2857rem 0em 0em
}

[class*="left attached"].ui.buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0em 0em 0.2857rem 0em
}

[class*="right attached"].ui.buttons,
[class*="right attached"].ui.buttons .button {
    margin-right: -1px;
    border-radius: 0.2857rem 0em 0em 0.2857rem
}

[class*="right attached"].ui.buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0.2857rem 0em 0em 0em
}

[class*="right attached"].ui.buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0em 0em 0em 0.2857rem
}

.ui.fluid.buttons,
.ui.button.fluid,
.ui.fluid.buttons>.button {
    display: block;
    width: 100%
}

.ui.\32.buttons,
.ui.two.buttons {
    width: 100%
}

.ui.\32.buttons>.button,
.ui.two.buttons>.button {
    width: 50%
}

.ui.\33.buttons,
.ui.three.buttons {
    width: 100%
}

.ui.\33.buttons>.button,
.ui.three.buttons>.button {
    width: 33.333%
}

.ui.\34.buttons,
.ui.four.buttons {
    width: 100%
}

.ui.\34.buttons>.button,
.ui.four.buttons>.button {
    width: 25%
}

.ui.\35.buttons,
.ui.five.buttons {
    width: 100%
}

.ui.\35.buttons>.button,
.ui.five.buttons>.button {
    width: 20%
}

.ui.\36.buttons,
.ui.six.buttons {
    width: 100%
}

.ui.\36.buttons>.button,
.ui.six.buttons>.button {
    width: 16.666%
}

.ui.\37.buttons,
.ui.seven.buttons {
    width: 100%
}

.ui.\37.buttons>.button,
.ui.seven.buttons>.button {
    width: 14.285%
}

.ui.\38.buttons,
.ui.eight.buttons {
    width: 100%
}

.ui.\38.buttons>.button,
.ui.eight.buttons>.button {
    width: 12.500%
}

.ui.\39.buttons,
.ui.nine.buttons {
    width: 100%
}

.ui.\39.buttons>.button,
.ui.nine.buttons>.button {
    width: 11.11%
}

.ui.\31\30.buttons,
.ui.ten.buttons {
    width: 100%
}

.ui.\31\30.buttons>.button,
.ui.ten.buttons>.button {
    width: 10%
}

.ui.\31\31.buttons,
.ui.eleven.buttons {
    width: 100%
}

.ui.\31\31.buttons>.button,
.ui.eleven.buttons>.button {
    width: 9.09%
}

.ui.\31\32.buttons,
.ui.twelve.buttons {
    width: 100%
}

.ui.\31\32.buttons>.button,
.ui.twelve.buttons>.button {
    width: 8.3333%
}

.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons>.button {
    display: block;
    width: auto
}

.ui.\32.vertical.buttons>.button,
.ui.two.vertical.buttons>.button {
    height: 50%
}

.ui.\33.vertical.buttons>.button,
.ui.three.vertical.buttons>.button {
    height: 33.333%
}

.ui.\34.vertical.buttons>.button,
.ui.four.vertical.buttons>.button {
    height: 25%
}

.ui.\35.vertical.buttons>.button,
.ui.five.vertical.buttons>.button {
    height: 20%
}

.ui.\36.vertical.buttons>.button,
.ui.six.vertical.buttons>.button {
    height: 16.666%
}

.ui.\37.vertical.buttons>.button,
.ui.seven.vertical.buttons>.button {
    height: 14.285%
}

.ui.\38.vertical.buttons>.button,
.ui.eight.vertical.buttons>.button {
    height: 12.500%
}

.ui.\39.vertical.buttons>.button,
.ui.nine.vertical.buttons>.button {
    height: 11.11%
}

.ui.\31\30.vertical.buttons>.button,
.ui.ten.vertical.buttons>.button {
    height: 10%
}

.ui.\31\31.vertical.buttons>.button,
.ui.eleven.vertical.buttons>.button {
    height: 9.09%
}

.ui.\31\32.vertical.buttons>.button,
.ui.twelve.vertical.buttons>.button {
    height: 8.3333%
}

.ui.black.buttons .button,
.ui.black.button {
    background-color: #1b1c1d;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.black.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.black.buttons .button:hover,
.ui.black.button:hover {
    background-color: #1b1c1d;
    color: #ffffff;
    text-shadow: none
}

.ui.black.buttons .button:active,
.ui.black.button:active {
    background-color: #0a0a0b;
    color: #ffffff;
    text-shadow: none
}

.ui.black.buttons .button.active,
.ui.black.buttons .button.active:active,
.ui.black.button.active,
.ui.black.button .button.active:active {
    background-color: #0f0f10;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.black.buttons .button,
.ui.basic.black.button {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    color: rgba(0, 0, 0, 0.6) !important
}

.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #1b1c1d inset !important;
    box-shadow: 0px 0px 0px 2px #1b1c1d inset !important;
    color: #1b1c1d !important
}

.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #0a0a0b inset !important;
    box-shadow: 0px 0px 0px 2px #0a0a0b inset !important;
    color: #0a0a0b !important
}

.ui.basic.black.buttons .button.active,
.ui.basic.black.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #0a0a0b inset !important;
    box-shadow: 0px 0px 0px 2px #0a0a0b inset !important;
    color: #0a0a0b !important
}

.ui.buttons>.basic.black.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important;
    box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important;
    color: #ffffff
}

.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #333333 inset !important;
    box-shadow: 0px 0px 0px 2px #333333 inset !important;
    background-color: #333333;
    color: #ffffff
}

.ui.inverted.black.buttons .button.active,
.ui.inverted.black.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #333333 inset !important;
    box-shadow: 0px 0px 0px 2px #333333 inset !important;
    background-color: #333333;
    color: #ffffff
}

.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #212121 inset !important;
    box-shadow: 0px 0px 0px 2px #212121 inset !important;
    background-color: #212121;
    color: #ffffff
}

.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button,
.ui.inverted.black.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #333333 inset !important;
    box-shadow: 0px 0px 0px 2px #333333 inset !important;
    color: #ffffff !important
}

.ui.inverted.black.basic.buttons .button.active,
.ui.inverted.black.buttons .basic.button.active,
.ui.inverted.black.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #333333 inset !important;
    box-shadow: 0px 0px 0px 2px #333333 inset !important;
    color: #ffffff !important
}

.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #212121 inset !important;
    box-shadow: 0px 0px 0px 2px #212121 inset !important;
    color: #ffffff !important
}

.ui.blue.buttons .button,
.ui.blue.button {
    background-color: #3b83c0;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.blue.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
    background-color: #458ac6;
    color: #ffffff;
    text-shadow: none
}

.ui.blue.buttons .button:active,
.ui.blue.button:active {
    background-color: #3370a5;
    color: #ffffff;
    text-shadow: none
}

.ui.blue.buttons .button.active,
.ui.blue.buttons .button.active:active,
.ui.blue.button.active,
.ui.blue.button .button.active:active {
    background-color: #3576ac;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    color: rgba(0, 0, 0, 0.6) !important
}

.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #458ac6 inset !important;
    box-shadow: 0px 0px 0px 2px #458ac6 inset !important;
    color: #458ac6 !important
}

.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #3370a5 inset !important;
    box-shadow: 0px 0px 0px 2px #3370a5 inset !important;
    color: #3370a5 !important
}

.ui.basic.blue.buttons .button.active,
.ui.basic.blue.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #3370a5 inset !important;
    box-shadow: 0px 0px 0px 2px #3370a5 inset !important;
    color: #3370a5 !important
}

.ui.buttons>.basic.blue.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    color: #54c8ff
}

.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    background-color: #54c8ff;
    color: #ffffff
}

.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    background-color: #54c8ff;
    color: #ffffff
}

.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #30bdff inset !important;
    box-shadow: 0px 0px 0px 2px #30bdff inset !important;
    background-color: #30bdff;
    color: #ffffff
}

.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button,
.ui.inverted.blue.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    color: #54c8ff !important
}

.ui.inverted.blue.basic.buttons .button.active,
.ui.inverted.blue.buttons .basic.button.active,
.ui.inverted.blue.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    box-shadow: 0px 0px 0px 2px #54c8ff inset !important;
    color: #54c8ff !important
}

.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #30bdff inset !important;
    box-shadow: 0px 0px 0px 2px #30bdff inset !important;
    color: #54c8ff !important
}

.ui.green.buttons .button,
.ui.green.button {
    background-color: #5bbd72;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.green.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.green.buttons .button:hover,
.ui.green.button:hover {
    background-color: #66c17b;
    color: #ffffff;
    text-shadow: none
}

.ui.green.buttons .button:active,
.ui.green.button:active {
    background-color: #46ae5f;
    color: #ffffff;
    text-shadow: none
}

.ui.green.buttons .button.active,
.ui.green.buttons .button.active:active,
.ui.green.button.active,
.ui.green.button .button.active:active {
    background-color: #49b562;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.green.buttons .button,
.ui.basic.green.button {
    -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
    box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
    color: #21BA45 !important
}

.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #66c17b inset !important;
    box-shadow: 0px 0px 0px 2px #66c17b inset !important;
    color: #66c17b !important
}

.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #46ae5f inset !important;
    box-shadow: 0px 0px 0px 2px #46ae5f inset !important;
    color: #46ae5f !important
}

.ui.basic.green.buttons .button.active,
.ui.basic.green.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #46ae5f inset !important;
    box-shadow: 0px 0px 0px 2px #46ae5f inset !important;
    color: #46ae5f !important
}

.ui.buttons>.basic.green.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    color: #2ecc40
}

.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    background-color: #2ecc40;
    color: #ffffff
}

.ui.inverted.green.buttons .button.active,
.ui.inverted.green.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    background-color: #2ecc40;
    color: #ffffff
}

.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #27af37 inset !important;
    box-shadow: 0px 0px 0px 2px #27af37 inset !important;
    background-color: #27af37;
    color: #ffffff
}

.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button,
.ui.inverted.green.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    color: #2ecc40 !important
}

.ui.inverted.green.basic.buttons .button.active,
.ui.inverted.green.buttons .basic.button.active,
.ui.inverted.green.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    box-shadow: 0px 0px 0px 2px #2ecc40 inset !important;
    color: #2ecc40 !important
}

.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #27af37 inset !important;
    box-shadow: 0px 0px 0px 2px #27af37 inset !important;
    color: #2ecc40 !important
}

.ui.orange.buttons .button,
.ui.orange.button {
    background-color: #e07b53;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.orange.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
    background-color: #e28560;
    color: #ffffff;
    text-shadow: none
}

.ui.orange.buttons .button:active,
.ui.orange.button:active {
    background-color: #db6435;
    color: #ffffff;
    text-shadow: none
}

.ui.orange.buttons .button.active,
.ui.orange.buttons .button.active:active,
.ui.orange.button.active,
.ui.orange.button .button.active:active {
    background-color: #0f0f10;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
    -webkit-box-shadow: 0 0 0 1px #f2711c inset !important;
    box-shadow: 0 0 0 1px #f2711c inset !important;
    color: #f2711c !important
}

.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #e28560 inset !important;
    box-shadow: 0px 0px 0px 2px #e28560 inset !important;
    color: #e28560 !important
}

.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #db6435 inset !important;
    box-shadow: 0px 0px 0px 2px #db6435 inset !important;
    color: #db6435 !important
}

.ui.basic.orange.buttons .button.active,
.ui.basic.orange.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #db6435 inset !important;
    box-shadow: 0px 0px 0px 2px #db6435 inset !important;
    color: #db6435 !important
}

.ui.buttons>.basic.orange.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    color: #ff851b
}

.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    background-color: #ff851b;
    color: #ffffff
}

.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    background-color: #ff851b;
    color: #ffffff
}

.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #f67300 inset !important;
    box-shadow: 0px 0px 0px 2px #f67300 inset !important;
    background-color: #f67300;
    color: #ffffff
}

.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button,
.ui.inverted.orange.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    color: #ff851b !important
}

.ui.inverted.orange.basic.buttons .button.active,
.ui.inverted.orange.buttons .basic.button.active,
.ui.inverted.orange.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    box-shadow: 0px 0px 0px 2px #ff851b inset !important;
    color: #ff851b !important
}

.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #f67300 inset !important;
    box-shadow: 0px 0px 0px 2px #f67300 inset !important;
    color: #ff851b !important
}

.ui.pink.buttons .button,
.ui.pink.button {
    background-color: #d9499a;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.pink.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
    background-color: #dc56a1;
    color: #ffffff;
    text-shadow: none
}

.ui.pink.buttons .button:active,
.ui.pink.button:active {
    background-color: #d22c8a;
    color: #ffffff;
    text-shadow: none
}

.ui.pink.buttons .button.active,
.ui.pink.buttons .button.active:active,
.ui.pink.button.active,
.ui.pink.button .button.active:active {
    background-color: #d5348e;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
    -webkit-box-shadow: 0 0 0 1px #e03997 inset !important;
    box-shadow: 0 0 0 1px #e03997 inset !important;
    color: #e03997 !important
}

.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #dc56a1 inset !important;
    box-shadow: 0px 0px 0px 2px #dc56a1 inset !important;
    color: #dc56a1 !important
}

.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #d22c8a inset !important;
    box-shadow: 0px 0px 0px 2px #d22c8a inset !important;
    color: #d22c8a !important
}

.ui.basic.pink.buttons .button.active,
.ui.basic.pink.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #d22c8a inset !important;
    box-shadow: 0px 0px 0px 2px #d22c8a inset !important;
    color: #d22c8a !important
}

.ui.buttons>.basic.pink.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    color: #ff8edf
}

.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    background-color: #ff8edf;
    color: #ffffff
}

.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    background-color: #ff8edf;
    color: #ffffff
}

.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff6ad5 inset !important;
    box-shadow: 0px 0px 0px 2px #ff6ad5 inset !important;
    background-color: #ff6ad5;
    color: #ffffff
}

.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button,
.ui.inverted.pink.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    color: #ff8edf !important
}

.ui.inverted.pink.basic.buttons .button.active,
.ui.inverted.pink.buttons .basic.button.active,
.ui.inverted.pink.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    box-shadow: 0px 0px 0px 2px #ff8edf inset !important;
    color: #ff8edf !important
}

.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff6ad5 inset !important;
    box-shadow: 0px 0px 0px 2px #ff6ad5 inset !important;
    color: #ff8edf !important
}

.ui.purple.buttons .button,
.ui.purple.button {
    background-color: #564f8a;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.purple.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
    background-color: #5c5594;
    color: #ffffff;
    text-shadow: none
}

.ui.purple.buttons .button:active,
.ui.purple.button:active {
    background-color: #484273;
    color: #ffffff;
    text-shadow: none
}

.ui.purple.buttons .button.active,
.ui.purple.buttons .button.active:active,
.ui.purple.button.active,
.ui.purple.button .button.active:active {
    background-color: #4c467a;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    color: rgba(0, 0, 0, 0.6) !important
}

.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #5c5594 inset !important;
    box-shadow: 0px 0px 0px 2px #5c5594 inset !important;
    color: #5c5594 !important
}

.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #484273 inset !important;
    box-shadow: 0px 0px 0px 2px #484273 inset !important;
    color: #484273 !important
}

.ui.basic.purple.buttons .button.active,
.ui.basic.purple.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #484273 inset !important;
    box-shadow: 0px 0px 0px 2px #484273 inset !important;
    color: #484273 !important
}

.ui.buttons>.basic.purple.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    color: #cdc6ff
}

.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    background-color: #cdc6ff;
    color: #1b1c1d
}

.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    background-color: #cdc6ff;
    color: #1b1c1d
}

.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #aea2ff inset !important;
    box-shadow: 0px 0px 0px 2px #aea2ff inset !important;
    background-color: #aea2ff;
    color: #1b1c1d
}

.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button,
.ui.inverted.purple.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    color: #cdc6ff !important
}

.ui.inverted.purple.basic.buttons .button.active,
.ui.inverted.purple.buttons .basic.button.active,
.ui.inverted.purple.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    box-shadow: 0px 0px 0px 2px #cdc6ff inset !important;
    color: #cdc6ff !important
}

.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #aea2ff inset !important;
    box-shadow: 0px 0px 0px 2px #aea2ff inset !important;
    color: #cdc6ff !important
}

.ui.red.buttons .button,
.ui.red.button {
    background-color: #d95c5c;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.red.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.red.buttons .button:hover,
.ui.red.button:hover {
    background-color: #dc6868;
    color: #ffffff;
    text-shadow: none
}

.ui.red.buttons .button:active,
.ui.red.button:active {
    background-color: #d23f3f;
    color: #ffffff;
    text-shadow: none
}

.ui.red.buttons .button.active,
.ui.red.buttons .button.active:active,
.ui.red.button.active,
.ui.red.button .button.active:active {
    background-color: #d44747;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.red.buttons .button,
.ui.basic.red.button {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    color: rgba(0, 0, 0, 0.6) !important
}

.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #dc6868 inset !important;
    box-shadow: 0px 0px 0px 2px #dc6868 inset !important;
    color: #dc6868 !important
}

.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #d23f3f inset !important;
    box-shadow: 0px 0px 0px 2px #d23f3f inset !important;
    color: #d23f3f !important
}

.ui.basic.red.buttons .button.active,
.ui.basic.red.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #d23f3f inset !important;
    box-shadow: 0px 0px 0px 2px #d23f3f inset !important;
    color: #d23f3f !important
}

.ui.buttons>.basic.red.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    color: #ff695e
}

.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    background-color: #ff695e;
    color: #ffffff
}

.ui.inverted.red.buttons .button.active,
.ui.inverted.red.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    background-color: #ff695e;
    color: #ffffff
}

.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff483a inset !important;
    box-shadow: 0px 0px 0px 2px #ff483a inset !important;
    background-color: #ff483a;
    color: #ffffff
}

.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button,
.ui.inverted.red.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    color: #ff695e !important
}

.ui.inverted.red.basic.buttons .button.active,
.ui.inverted.red.buttons .basic.button.active,
.ui.inverted.red.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    box-shadow: 0px 0px 0px 2px #ff695e inset !important;
    color: #ff695e !important
}

.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #ff483a inset !important;
    box-shadow: 0px 0px 0px 2px #ff483a inset !important;
    color: #ff695e !important
}

.ui.teal.buttons .button,
.ui.teal.button {
    background-color: #00b5ad;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.teal.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
    background-color: #00c4bc;
    color: #ffffff;
    text-shadow: none
}

.ui.teal.buttons .button:active,
.ui.teal.button:active {
    background-color: #00918b;
    color: #ffffff;
    text-shadow: none
}

.ui.teal.buttons .button.active,
.ui.teal.buttons .button.active:active,
.ui.teal.button.active,
.ui.teal.button .button.active:active {
    background-color: #009c95;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    color: rgba(0, 0, 0, 0.6) !important
}

.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #00c4bc inset !important;
    box-shadow: 0px 0px 0px 2px #00c4bc inset !important;
    color: #00c4bc !important
}

.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #00918b inset !important;
    box-shadow: 0px 0px 0px 2px #00918b inset !important;
    color: #00918b !important
}

.ui.basic.teal.buttons .button.active,
.ui.basic.teal.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #00918b inset !important;
    box-shadow: 0px 0px 0px 2px #00918b inset !important;
    color: #00918b !important
}

.ui.buttons>.basic.teal.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    color: #6dffff
}

.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    background-color: #6dffff;
    color: #1b1c1d
}

.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    background-color: #6dffff;
    color: #1b1c1d
}

.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #49ffff inset !important;
    box-shadow: 0px 0px 0px 2px #49ffff inset !important;
    background-color: #49ffff;
    color: #1b1c1d
}

.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button,
.ui.inverted.teal.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    color: #6dffff !important
}

.ui.inverted.teal.basic.buttons .button.active,
.ui.inverted.teal.buttons .basic.button.active,
.ui.inverted.teal.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    box-shadow: 0px 0px 0px 2px #6dffff inset !important;
    color: #6dffff !important
}

.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #49ffff inset !important;
    box-shadow: 0px 0px 0px 2px #49ffff inset !important;
    color: #6dffff !important
}

.ui.yellow.buttons .button,
.ui.yellow.button {
    background-color: #f2c61f;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.yellow.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
    background-color: #f3ca2d;
    color: #ffffff;
    text-shadow: none
}

.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
    background-color: #e0b40d;
    color: #ffffff;
    text-shadow: none
}

.ui.yellow.buttons .button.active,
.ui.yellow.buttons .button.active:active,
.ui.yellow.button.active,
.ui.yellow.button .button.active:active {
    background-color: #eabc0e;
    color: #ffffff;
    text-shadow: none
}

.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(39, 41, 43, 0.15) inset !important;
    color: rgba(0, 0, 0, 0.6) !important
}

.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #f3ca2d inset !important;
    box-shadow: 0px 0px 0px 2px #f3ca2d inset !important;
    color: #f3ca2d !important
}

.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #e0b40d inset !important;
    box-shadow: 0px 0px 0px 2px #e0b40d inset !important;
    color: #e0b40d !important
}

.ui.basic.yellow.buttons .button.active,
.ui.basic.yellow.button.active {
    background: transparent !important;
    -webkit-box-shadow: 0px 0px 0px 2px #e0b40d inset !important;
    box-shadow: 0px 0px 0px 2px #e0b40d inset !important;
    color: #e0b40d !important
}

.ui.buttons>.basic.yellow.button:not(:first-child) {
    margin-left: -2px
}

.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    color: #ffe21f
}

.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    background-color: #ffe21f;
    color: #1b1c1d
}

.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    background-color: #ffe21f;
    color: #1b1c1d
}

.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #fada00 inset !important;
    box-shadow: 0px 0px 0px 2px #fada00 inset !important;
    background-color: #fada00;
    color: #1b1c1d
}

.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button,
.ui.inverted.yellow.basic.button {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #ffffff !important
}

.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
    -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    color: #ffe21f !important
}

.ui.inverted.yellow.basic.buttons .button.active,
.ui.inverted.yellow.buttons .basic.button.active,
.ui.inverted.yellow.basic.button.active {
    -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    box-shadow: 0px 0px 0px 2px #ffe21f inset !important;
    color: #ffe21f !important
}

.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
    -webkit-box-shadow: 0px 0px 0px 2px #fada00 inset !important;
    box-shadow: 0px 0px 0px 2px #fada00 inset !important;
    color: #ffe21f !important
}

.ui.primary.buttons .button,
.ui.primary.button {
    background-color: #3b83c0;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.primary.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
    background-color: #458ac6;
    color: #ffffff;
    text-shadow: none
}

.ui.primary.buttons .button:active,
.ui.primary.button:active {
    background-color: #3370a5;
    color: #ffffff;
    text-shadow: none
}

.ui.primary.buttons .active.button,
.ui.primary.button.active {
    background-color: #3576ac;
    color: #ffffff;
    text-shadow: none
}

.ui.secondary.buttons .button,
.ui.secondary.button {
    background-color: #1b1c1d;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.secondary.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
    background-color: #222425;
    color: #ffffff;
    text-shadow: none
}

.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
    background-color: #0a0a0b;
    color: #ffffff;
    text-shadow: none
}

.ui.secondary.buttons .active.button,
.ui.secondary.button.active {
    background-color: #0f0f10;
    color: #ffffff;
    text-shadow: none
}

.ui.positive.buttons .button,
.ui.positive.button {
    background-color: #5bbd72 !important;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.positive.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
.ui.positive.buttons .active.button,
.ui.positive.button.active {
    background-color: #66c17b !important;
    color: #ffffff;
    text-shadow: none
}

.ui.positive.buttons .button:active,
.ui.positive.button:active {
    background-color: #46ae5f !important;
    color: #ffffff;
    text-shadow: none
}

.ui.positive.buttons .button.active,
.ui.positive.buttons .button.active:active,
.ui.positive.button.active,
.ui.positive.button .button.active:active {
    background-color: #49b562;
    color: #ffffff;
    text-shadow: none
}

.ui.negative.buttons .button,
.ui.negative.button {
    background-color: #d95c5c !important;
    color: #ffffff;
    text-shadow: none;
    background-image: none
}

.ui.negative.button {
    -webkit-box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.negative.buttons .button:hover,
.ui.negative.button:hover,
.ui.negative.buttons .active.button,
.ui.negative.button.active {
    background-color: #dc6868 !important;
    color: #ffffff;
    text-shadow: none
}

.ui.negative.buttons .button:active,
.ui.negative.button:active {
    background-color: #d23f3f !important;
    color: #ffffff;
    text-shadow: none
}

.ui.negative.buttons .button.active,
.ui.negative.buttons .button.active:active,
.ui.negative.button.active,
.ui.negative.button .button.active:active {
    background-color: #d44747;
    color: #ffffff;
    text-shadow: none
}

.ui.buttons {
    display: inline-block;
    vertical-align: middle;
    margin: 0em 0.25em 0em 0em
}

.ui.buttons>.button:hover,
.ui.buttons>.button.active {
    position: relative
}

.ui.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.buttons .button:first-child {
    border-left: none
}

.ui.buttons:not(.basic):not(.inverted) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.buttons>.ui.button:not(.basic):not(.inverted),
.ui.buttons:not(.basic):not(.inverted)>.button {
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.buttons .button {
    margin: 0em;
    float: left;
    border-radius: 0em;
    margin: 0px 0px 0px 0px
}

.ui.buttons .button:first-child {
    margin-left: 0em;
    border-top-left-radius: 0.2857rem;
    border-bottom-left-radius: 0.2857rem
}

.ui.buttons .button:last-child {
    border-top-right-radius: 0.2857rem;
    border-bottom-right-radius: 0.2857rem
}

.ui.vertical.buttons {
    display: inline-block
}

.ui.vertical.buttons .button {
    display: block;
    float: none;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.vertical.buttons .button:first-child,
.ui.vertical.buttons .mini.button:first-child,
.ui.vertical.buttons .tiny.button:first-child,
.ui.vertical.buttons .small.button:first-child,
.ui.vertical.buttons .massive.button:first-child,
.ui.vertical.buttons .huge.button:first-child {
    border-radius: 0.2857rem 0.2857rem 0px 0px
}

.ui.vertical.buttons .button:last-child,
.ui.vertical.buttons .mini.button:last-child,
.ui.vertical.buttons .tiny.button:last-child,
.ui.vertical.buttons .small.button:last-child,
.ui.vertical.buttons .massive.button:last-child,
.ui.vertical.buttons .huge.button:last-child,
.ui.vertical.buttons .gigantic.button:last-child {
    margin-bottom: 0px;
    border-radius: 0px 0px 0.2857rem 0.2857rem
}

.ui.divider {
    margin: 1rem 0rem;
    line-height: 1;
    height: 0em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ui.divider:not(.vertical):not(.horizontal) {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.ui.grid>.column+.divider,
.ui.grid>.row>.column+.divider {
    left: auto
}

.ui.horizontal.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: '';
    line-height: 1;
    text-align: center
}

.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat
}

.ui.horizontal.divider:before {
    background-position: right 1em top 50%
}

.ui.horizontal.divider:after {
    background-position: left 1em top 50%
}

.ui.vertical.divider {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: 0rem;
    padding: 0em;
    width: auto;
    height: 50%;
    line-height: 0em;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ui.vertical.divider:before,
.ui.vertical.divider:after {
    position: absolute;
    left: 50%;
    content: '';
    z-index: 3;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    width: 0%;
    height: calc(100% - 1rem)
}

.ui.vertical.divider:before {
    top: -100%
}

.ui.vertical.divider:after {
    top: auto;
    bottom: 0px
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid .ui.vertical.divider,
    .ui.grid .stackable.row .ui.vertical.divider {
        display: table;
        white-space: nowrap;
        height: auto;
        margin: '';
        overflow: hidden;
        line-height: 1;
        text-align: center;
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
    .ui.stackable.grid .ui.vertical.divider:before,
    .ui.grid .stackable.row .ui.vertical.divider:before,
    .ui.stackable.grid .ui.vertical.divider:after,
    .ui.grid .stackable.row .ui.vertical.divider:after {
        position: static;
        left: 0;
        border-left: none;
        border-right: none;
        content: '';
        display: table-cell;
        position: relative;
        top: 50%;
        width: 50%;
        background-repeat: no-repeat
    }
    .ui.stackable.grid .ui.vertical.divider:before,
    .ui.grid .stackable.row .ui.vertical.divider:before {
        background-position: right 1em top 50%
    }
    .ui.stackable.grid .ui.vertical.divider:after,
    .ui.grid .stackable.row .ui.vertical.divider:after {
        background-position: left 1em top 50%
    }
}

.ui.divider>.icon {
    margin: 0rem;
    font-size: 1rem;
    height: 1em;
    vertical-align: middle
}

.ui.hidden.divider {
    border-color: transparent !important
}

.ui.hidden.divider:before,
.ui.hidden.divider:after {
    display: none
}

.ui.divider.inverted,
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
    color: #FFFFFF
}

.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
    border-top-color: rgba(34, 36, 38, 0.15) !important;
    border-left-color: rgba(34, 36, 38, 0.15) !important;
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    border-right-color: rgba(255, 255, 255, 0.15) !important
}

.ui.fitted.divider {
    margin: 0em
}

.ui.clearing.divider {
    clear: both
}

.ui.section.divider {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ui.divider {
    font-size: 1rem
}

.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid .ui.vertical.divider:before,
    .ui.grid .stackable.row .ui.vertical.divider:before,
    .ui.stackable.grid .ui.vertical.divider:after,
    .ui.grid .stackable.row .ui.vertical.divider:after {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")
    }
}

i.flag:not(.icon) {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: baseline;
    margin: 0em 0.5em 0em 0em;
    text-decoration: inherit;
    speak: none;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.flag:not(.icon):before {
    display: inline-block;
    content: '';
    background: url("../images/flags.png") no-repeat 0px 0px;
    width: 16px;
    height: 11px
}

i.flag.ad:before,
i.flag.andorra:before {
    background-position: 0px 0px
}

i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
    background-position: 0px -26px
}

i.flag.af:before,
i.flag.afghanistan:before {
    background-position: 0px -52px
}

i.flag.ag:before,
i.flag.antigua:before {
    background-position: 0px -78px
}

i.flag.ai:before,
i.flag.anguilla:before {
    background-position: 0px -104px
}

i.flag.al:before,
i.flag.albania:before {
    background-position: 0px -130px
}

i.flag.am:before,
i.flag.armenia:before {
    background-position: 0px -156px
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
    background-position: 0px -182px
}

i.flag.ao:before,
i.flag.angola:before {
    background-position: 0px -208px
}

i.flag.ar:before,
i.flag.argentina:before {
    background-position: 0px -234px
}

i.flag.as:before,
i.flag.american.samoa:before {
    background-position: 0px -260px
}

i.flag.at:before,
i.flag.austria:before {
    background-position: 0px -286px
}

i.flag.au:before,
i.flag.australia:before {
    background-position: 0px -312px
}

i.flag.aw:before,
i.flag.aruba:before {
    background-position: 0px -338px
}

i.flag.ax:before,
i.flag.aland.islands:before {
    background-position: 0px -364px
}

i.flag.az:before,
i.flag.azerbaijan:before {
    background-position: 0px -390px
}

i.flag.ba:before,
i.flag.bosnia:before {
    background-position: 0px -416px
}

i.flag.bb:before,
i.flag.barbados:before {
    background-position: 0px -442px
}

i.flag.bd:before,
i.flag.bangladesh:before {
    background-position: 0px -468px
}

i.flag.be:before,
i.flag.belgium:before {
    background-position: 0px -494px
}

i.flag.bf:before,
i.flag.burkina.faso:before {
    background-position: 0px -520px
}

i.flag.bg:before,
i.flag.bulgaria:before {
    background-position: 0px -546px
}

i.flag.bh:before,
i.flag.bahrain:before {
    background-position: 0px -572px
}

i.flag.bi:before,
i.flag.burundi:before {
    background-position: 0px -598px
}

i.flag.bj:before,
i.flag.benin:before {
    background-position: 0px -624px
}

i.flag.bm:before,
i.flag.bermuda:before {
    background-position: 0px -650px
}

i.flag.bn:before,
i.flag.brunei:before {
    background-position: 0px -676px
}

i.flag.bo:before,
i.flag.bolivia:before {
    background-position: 0px -702px
}

i.flag.br:before,
i.flag.brazil:before {
    background-position: 0px -728px
}

i.flag.bs:before,
i.flag.bahamas:before {
    background-position: 0px -754px
}

i.flag.bt:before,
i.flag.bhutan:before {
    background-position: 0px -780px
}

i.flag.bv:before,
i.flag.bouvet.island:before {
    background-position: 0px -806px
}

i.flag.bw:before,
i.flag.botswana:before {
    background-position: 0px -832px
}

i.flag.by:before,
i.flag.belarus:before {
    background-position: 0px -858px
}

i.flag.bz:before,
i.flag.belize:before {
    background-position: 0px -884px
}

i.flag.ca:before,
i.flag.canada:before {
    background-position: 0px -910px
}

i.flag.cc:before,
i.flag.cocos.islands:before {
    background-position: 0px -962px
}

i.flag.cd:before,
i.flag.congo:before {
    background-position: 0px -988px
}

i.flag.cf:before,
i.flag.central.african.republic:before {
    background-position: 0px -1014px
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
    background-position: 0px -1040px
}

i.flag.ch:before,
i.flag.switzerland:before {
    background-position: 0px -1066px
}

i.flag.ci:before,
i.flag.cote.divoire:before {
    background-position: 0px -1092px
}

i.flag.ck:before,
i.flag.cook.islands:before {
    background-position: 0px -1118px
}

i.flag.cl:before,
i.flag.chile:before {
    background-position: 0px -1144px
}

i.flag.cm:before,
i.flag.cameroon:before {
    background-position: 0px -1170px
}

i.flag.cn:before,
i.flag.china:before {
    background-position: 0px -1196px
}

i.flag.co:before,
i.flag.colombia:before {
    background-position: 0px -1222px
}

i.flag.cr:before,
i.flag.costa.rica:before {
    background-position: 0px -1248px
}

i.flag.cs:before,
i.flag.serbia:before {
    background-position: 0px -1274px
}

i.flag.cu:before,
i.flag.cuba:before {
    background-position: 0px -1300px
}

i.flag.cv:before,
i.flag.cape.verde:before {
    background-position: 0px -1326px
}

i.flag.cx:before,
i.flag.christmas.island:before {
    background-position: 0px -1352px
}

i.flag.cy:before,
i.flag.cyprus:before {
    background-position: 0px -1378px
}

i.flag.cz:before,
i.flag.czech.republic:before {
    background-position: 0px -1404px
}

i.flag.de:before,
i.flag.germany:before {
    background-position: 0px -1430px
}

i.flag.dj:before,
i.flag.djibouti:before {
    background-position: 0px -1456px
}

i.flag.dk:before,
i.flag.denmark:before {
    background-position: 0px -1482px
}

i.flag.dm:before,
i.flag.dominica:before {
    background-position: 0px -1508px
}

i.flag.do:before,
i.flag.dominican.republic:before {
    background-position: 0px -1534px
}

i.flag.dz:before,
i.flag.algeria:before {
    background-position: 0px -1560px
}

i.flag.ec:before,
i.flag.ecuador:before {
    background-position: 0px -1586px
}

i.flag.ee:before,
i.flag.estonia:before {
    background-position: 0px -1612px
}

i.flag.eg:before,
i.flag.egypt:before {
    background-position: 0px -1638px
}

i.flag.eh:before,
i.flag.western.sahara:before {
    background-position: 0px -1664px
}

i.flag.er:before,
i.flag.eritrea:before {
    background-position: 0px -1716px
}

i.flag.es:before,
i.flag.spain:before {
    background-position: 0px -1742px
}

i.flag.et:before,
i.flag.ethiopia:before {
    background-position: 0px -1768px
}

i.flag.eu:before,
i.flag.european.union:before {
    background-position: 0px -1794px
}

i.flag.fi:before,
i.flag.finland:before {
    background-position: 0px -1846px
}

i.flag.fj:before,
i.flag.fiji:before {
    background-position: 0px -1872px
}

i.flag.fk:before,
i.flag.falkland.islands:before {
    background-position: 0px -1898px
}

i.flag.fm:before,
i.flag.micronesia:before {
    background-position: 0px -1924px
}

i.flag.fo:before,
i.flag.faroe.islands:before {
    background-position: 0px -1950px
}

i.flag.fr:before,
i.flag.france:before {
    background-position: 0px -1976px
}

i.flag.ga:before,
i.flag.gabon:before {
    background-position: -36px 0px
}

i.flag.gb:before,
i.flag.england:before,
i.flag.united.kingdom:before {
    background-position: -36px -26px
}

i.flag.gd:before,
i.flag.grenada:before {
    background-position: -36px -52px
}

i.flag.ge:before,
i.flag.georgia:before {
    background-position: -36px -78px
}

i.flag.gf:before,
i.flag.french.guiana:before {
    background-position: -36px -104px
}

i.flag.gh:before,
i.flag.ghana:before {
    background-position: -36px -130px
}

i.flag.gi:before,
i.flag.gibraltar:before {
    background-position: -36px -156px
}

i.flag.gl:before,
i.flag.greenland:before {
    background-position: -36px -182px
}

i.flag.gm:before,
i.flag.gambia:before {
    background-position: -36px -208px
}

i.flag.gn:before,
i.flag.guinea:before {
    background-position: -36px -234px
}

i.flag.gp:before,
i.flag.guadeloupe:before {
    background-position: -36px -260px
}

i.flag.gq:before,
i.flag.equatorial.guinea:before {
    background-position: -36px -286px
}

i.flag.gr:before,
i.flag.greece:before {
    background-position: -36px -312px
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
    background-position: -36px -338px
}

i.flag.gt:before,
i.flag.guatemala:before {
    background-position: -36px -364px
}

i.flag.gu:before,
i.flag.guam:before {
    background-position: -36px -390px
}

i.flag.gw:before,
i.flag.guinea-bissau:before {
    background-position: -36px -416px
}

i.flag.gy:before,
i.flag.guyana:before {
    background-position: -36px -442px
}

i.flag.hk:before,
i.flag.hong.kong:before {
    background-position: -36px -468px
}

i.flag.hm:before,
i.flag.heard.island:before {
    background-position: -36px -494px
}

i.flag.hn:before,
i.flag.honduras:before {
    background-position: -36px -520px
}

i.flag.hr:before,
i.flag.croatia:before {
    background-position: -36px -546px
}

i.flag.ht:before,
i.flag.haiti:before {
    background-position: -36px -572px
}

i.flag.hu:before,
i.flag.hungary:before {
    background-position: -36px -598px
}

i.flag.id:before,
i.flag.indonesia:before {
    background-position: -36px -624px
}

i.flag.ie:before,
i.flag.ireland:before {
    background-position: -36px -650px
}

i.flag.il:before,
i.flag.israel:before {
    background-position: -36px -676px
}

i.flag.in:before,
i.flag.india:before {
    background-position: -36px -702px
}

i.flag.io:before,
i.flag.indian.ocean.territory:before {
    background-position: -36px -728px
}

i.flag.iq:before,
i.flag.iraq:before {
    background-position: -36px -754px
}

i.flag.ir:before,
i.flag.iran:before {
    background-position: -36px -780px
}

i.flag.is:before,
i.flag.iceland:before {
    background-position: -36px -806px
}

i.flag.it:before,
i.flag.italy:before {
    background-position: -36px -832px
}

i.flag.jm:before,
i.flag.jamaica:before {
    background-position: -36px -858px
}

i.flag.jo:before,
i.flag.jordan:before {
    background-position: -36px -884px
}

i.flag.jp:before,
i.flag.japan:before {
    background-position: -36px -910px
}

i.flag.ke:before,
i.flag.kenya:before {
    background-position: -36px -936px
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
    background-position: -36px -962px
}

i.flag.kh:before,
i.flag.cambodia:before {
    background-position: -36px -988px
}

i.flag.ki:before,
i.flag.kiribati:before {
    background-position: -36px -1014px
}

i.flag.km:before,
i.flag.comoros:before {
    background-position: -36px -1040px
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
    background-position: -36px -1066px
}

i.flag.kp:before,
i.flag.north.korea:before {
    background-position: -36px -1092px
}

i.flag.kr:before,
i.flag.south.korea:before {
    background-position: -36px -1118px
}

i.flag.kw:before,
i.flag.kuwait:before {
    background-position: -36px -1144px
}

i.flag.ky:before,
i.flag.cayman.islands:before {
    background-position: -36px -1170px
}

i.flag.kz:before,
i.flag.kazakhstan:before {
    background-position: -36px -1196px
}

i.flag.la:before,
i.flag.laos:before {
    background-position: -36px -1222px
}

i.flag.lb:before,
i.flag.lebanon:before {
    background-position: -36px -1248px
}

i.flag.lc:before,
i.flag.saint.lucia:before {
    background-position: -36px -1274px
}

i.flag.li:before,
i.flag.liechtenstein:before {
    background-position: -36px -1300px
}

i.flag.lk:before,
i.flag.sri.lanka:before {
    background-position: -36px -1326px
}

i.flag.lr:before,
i.flag.liberia:before {
    background-position: -36px -1352px
}

i.flag.ls:before,
i.flag.lesotho:before {
    background-position: -36px -1378px
}

i.flag.lt:before,
i.flag.lithuania:before {
    background-position: -36px -1404px
}

i.flag.lu:before,
i.flag.luxembourg:before {
    background-position: -36px -1430px
}

i.flag.lv:before,
i.flag.latvia:before {
    background-position: -36px -1456px
}

i.flag.ly:before,
i.flag.libya:before {
    background-position: -36px -1482px
}

i.flag.ma:before,
i.flag.morocco:before {
    background-position: -36px -1508px
}

i.flag.mc:before,
i.flag.monaco:before {
    background-position: -36px -1534px
}

i.flag.md:before,
i.flag.moldova:before {
    background-position: -36px -1560px
}

i.flag.me:before,
i.flag.montenegro:before {
    background-position: -36px -1586px
}

i.flag.mg:before,
i.flag.madagascar:before {
    background-position: -36px -1613px
}

i.flag.mh:before,
i.flag.marshall.islands:before {
    background-position: -36px -1639px
}

i.flag.mk:before,
i.flag.macedonia:before {
    background-position: -36px -1665px
}

i.flag.ml:before,
i.flag.mali:before {
    background-position: -36px -1691px
}

i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
    background-position: -36px -1717px
}

i.flag.mn:before,
i.flag.mongolia:before {
    background-position: -36px -1743px
}

i.flag.mo:before,
i.flag.macau:before {
    background-position: -36px -1769px
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
    background-position: -36px -1795px
}

i.flag.mq:before,
i.flag.martinique:before {
    background-position: -36px -1821px
}

i.flag.mr:before,
i.flag.mauritania:before {
    background-position: -36px -1847px
}

i.flag.ms:before,
i.flag.montserrat:before {
    background-position: -36px -1873px
}

i.flag.mt:before,
i.flag.malta:before {
    background-position: -36px -1899px
}

i.flag.mu:before,
i.flag.mauritius:before {
    background-position: -36px -1925px
}

i.flag.mv:before,
i.flag.maldives:before {
    background-position: -36px -1951px
}

i.flag.mw:before,
i.flag.malawi:before {
    background-position: -36px -1977px
}

i.flag.mx:before,
i.flag.mexico:before {
    background-position: -72px 0px
}

i.flag.my:before,
i.flag.malaysia:before {
    background-position: -72px -26px
}

i.flag.mz:before,
i.flag.mozambique:before {
    background-position: -72px -52px
}

i.flag.na:before,
i.flag.namibia:before {
    background-position: -72px -78px
}

i.flag.nc:before,
i.flag.new.caledonia:before {
    background-position: -72px -104px
}

i.flag.ne:before,
i.flag.niger:before {
    background-position: -72px -130px
}

i.flag.nf:before,
i.flag.norfolk.island:before {
    background-position: -72px -156px
}

i.flag.ng:before,
i.flag.nigeria:before {
    background-position: -72px -182px
}

i.flag.ni:before,
i.flag.nicaragua:before {
    background-position: -72px -208px
}

i.flag.nl:before,
i.flag.netherlands:before {
    background-position: -72px -234px
}

i.flag.no:before,
i.flag.norway:before {
    background-position: -72px -260px
}

i.flag.np:before,
i.flag.nepal:before {
    background-position: -72px -286px
}

i.flag.nr:before,
i.flag.nauru:before {
    background-position: -72px -312px
}

i.flag.nu:before,
i.flag.niue:before {
    background-position: -72px -338px
}

i.flag.nz:before,
i.flag.new.zealand:before {
    background-position: -72px -364px
}

i.flag.om:before,
i.flag.oman:before {
    background-position: -72px -390px
}

i.flag.pa:before,
i.flag.panama:before {
    background-position: -72px -416px
}

i.flag.pe:before,
i.flag.peru:before {
    background-position: -72px -442px
}

i.flag.pf:before,
i.flag.french.polynesia:before {
    background-position: -72px -468px
}

i.flag.pg:before,
i.flag.new.guinea:before {
    background-position: -72px -494px
}

i.flag.ph:before,
i.flag.philippines:before {
    background-position: -72px -520px
}

i.flag.pk:before,
i.flag.pakistan:before {
    background-position: -72px -546px
}

i.flag.pl:before,
i.flag.poland:before {
    background-position: -72px -572px
}

i.flag.pm:before,
i.flag.saint.pierre:before {
    background-position: -72px -598px
}

i.flag.pn:before,
i.flag.pitcairn.islands:before {
    background-position: -72px -624px
}

i.flag.pr:before,
i.flag.puerto.rico:before {
    background-position: -72px -650px
}

i.flag.ps:before,
i.flag.palestine:before {
    background-position: -72px -676px
}

i.flag.pt:before,
i.flag.portugal:before {
    background-position: -72px -702px
}

i.flag.pw:before,
i.flag.palau:before {
    background-position: -72px -728px
}

i.flag.py:before,
i.flag.paraguay:before {
    background-position: -72px -754px
}

i.flag.qa:before,
i.flag.qatar:before {
    background-position: -72px -780px
}

i.flag.re:before,
i.flag.reunion:before {
    background-position: -72px -806px
}

i.flag.ro:before,
i.flag.romania:before {
    background-position: -72px -832px
}

i.flag.rs:before,
i.flag.serbia:before {
    background-position: -72px -858px
}

i.flag.ru:before,
i.flag.russia:before {
    background-position: -72px -884px
}

i.flag.rw:before,
i.flag.rwanda:before {
    background-position: -72px -910px
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
    background-position: -72px -936px
}

i.flag.sb:before,
i.flag.solomon.islands:before {
    background-position: -72px -962px
}

i.flag.sc:before,
i.flag.seychelles:before {
    background-position: -72px -988px
}

i.flag.sd:before,
i.flag.sudan:before {
    background-position: -72px -1040px
}

i.flag.se:before,
i.flag.sweden:before {
    background-position: -72px -1066px
}

i.flag.sg:before,
i.flag.singapore:before {
    background-position: -72px -1092px
}

i.flag.sh:before,
i.flag.saint.helena:before {
    background-position: -72px -1118px
}

i.flag.si:before,
i.flag.slovenia:before {
    background-position: -72px -1144px
}

i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
    background-position: -72px -1170px
}

i.flag.sk:before,
i.flag.slovakia:before {
    background-position: -72px -1196px
}

i.flag.sl:before,
i.flag.sierra.leone:before {
    background-position: -72px -1222px
}

i.flag.sm:before,
i.flag.san.marino:before {
    background-position: -72px -1248px
}

i.flag.sn:before,
i.flag.senegal:before {
    background-position: -72px -1274px
}

i.flag.so:before,
i.flag.somalia:before {
    background-position: -72px -1300px
}

i.flag.sr:before,
i.flag.suriname:before {
    background-position: -72px -1326px
}

i.flag.st:before,
i.flag.sao.tome:before {
    background-position: -72px -1352px
}

i.flag.sv:before,
i.flag.el.salvador:before {
    background-position: -72px -1378px
}

i.flag.sy:before,
i.flag.syria:before {
    background-position: -72px -1404px
}

i.flag.sz:before,
i.flag.swaziland:before {
    background-position: -72px -1430px
}

i.flag.tc:before,
i.flag.caicos.islands:before {
    background-position: -72px -1456px
}

i.flag.td:before,
i.flag.chad:before {
    background-position: -72px -1482px
}

i.flag.tf:before,
i.flag.french.territories:before {
    background-position: -72px -1508px
}

i.flag.tg:before,
i.flag.togo:before {
    background-position: -72px -1534px
}

i.flag.th:before,
i.flag.thailand:before {
    background-position: -72px -1560px
}

i.flag.tj:before,
i.flag.tajikistan:before {
    background-position: -72px -1586px
}

i.flag.tk:before,
i.flag.tokelau:before {
    background-position: -72px -1612px
}

i.flag.tl:before,
i.flag.timorleste:before {
    background-position: -72px -1638px
}

i.flag.tm:before,
i.flag.turkmenistan:before {
    background-position: -72px -1664px
}

i.flag.tn:before,
i.flag.tunisia:before {
    background-position: -72px -1690px
}

i.flag.to:before,
i.flag.tonga:before {
    background-position: -72px -1716px
}

i.flag.tr:before,
i.flag.turkey:before {
    background-position: -72px -1742px
}

i.flag.tt:before,
i.flag.trinidad:before {
    background-position: -72px -1768px
}

i.flag.tv:before,
i.flag.tuvalu:before {
    background-position: -72px -1794px
}

i.flag.tw:before,
i.flag.taiwan:before {
    background-position: -72px -1820px
}

i.flag.tz:before,
i.flag.tanzania:before {
    background-position: -72px -1846px
}

i.flag.ua:before,
i.flag.ukraine:before {
    background-position: -72px -1872px
}

i.flag.ug:before,
i.flag.uganda:before {
    background-position: -72px -1898px
}

i.flag.um:before,
i.flag.us.minor.islands:before {
    background-position: -72px -1924px
}

i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
    background-position: -72px -1950px
}

i.flag.uy:before,
i.flag.uruguay:before {
    background-position: -72px -1976px
}

i.flag.uz:before,
i.flag.uzbekistan:before {
    background-position: -108px 0px
}

i.flag.va:before,
i.flag.vatican.city:before {
    background-position: -108px -26px
}

i.flag.vc:before,
i.flag.saint.vincent:before {
    background-position: -108px -52px
}

i.flag.ve:before,
i.flag.venezuela:before {
    background-position: -108px -78px
}

i.flag.vg:before,
i.flag.british.virgin.islands:before {
    background-position: -108px -104px
}

i.flag.vi:before,
i.flag.us.virgin.islands:before {
    background-position: -108px -130px
}

i.flag.vn:before,
i.flag.vietnam:before {
    background-position: -108px -156px
}

i.flag.vu:before,
i.flag.vanuatu:before {
    background-position: -108px -182px
}

i.flag.wf:before,
i.flag.wallis.and.futuna:before {
    background-position: -108px -234px
}

i.flag.ws:before,
i.flag.samoa:before {
    background-position: -108px -260px
}

i.flag.ye:before,
i.flag.yemen:before {
    background-position: -108px -286px
}

i.flag.yt:before,
i.flag.mayotte:before {
    background-position: -108px -312px
}

i.flag.za:before,
i.flag.south.africa:before {
    background-position: -108px -338px
}

i.flag.zm:before,
i.flag.zambia:before {
    background-position: -108px -364px
}

i.flag.zw:before,
i.flag.zimbabwe:before {
    background-position: -108px -390px
}

.ui.header {
    border: none;
    margin: calc(2rem - 0.165em) 0em 1rem;
    padding: 0em 0em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: bold;
    line-height: 1.33em;
    text-transform: none;
    color: rgba(0, 0, 0, 0.8)
}

.ui.header .sub.header {
    font-size: 1.0714rem;
    font-weight: normal;
    margin: 0em;
    padding: 0em;
    line-height: 1.2em;
    color: rgba(0, 0, 0, 0.5)
}

.ui.header:first-child {
    margin-top: -0.165em
}

.ui.header:last-child {
    margin-bottom: 0em
}

.ui.header>.icon {
    display: table-cell;
    opacity: 1;
    font-size: 1.5em;
    padding-top: 0.165em;
    vertical-align: middle;
    padding-right: 0.5rem
}

.ui.header .icon:only-child {
    display: inline-block;
    padding: 0em;
    margin-right: 0.5rem;
    vertical-align: baseline
}

.ui.header .content {
    display: inline-block;
    vertical-align: top
}

.ui.header>.icon+.content {
    padding-left: 0.5rem;
    display: table-cell;
    vertical-align: middle
}

.ui.tiny.header {
    font-size: 1em
}

.ui.small.header {
    font-size: 1.071em
}

.ui.medium.header {
    font-size: 1.285em
}

.ui.large.header {
    font-size: 1.714em
}

.ui.huge.header {
    min-height: 1em;
    font-size: 2em
}

.ui.header .ui.label {
    margin: 0em 0em 0em 0.5rem;
    vertical-align: middle
}

.ui.header+p {
    margin-top: 0em
}

h1.ui.header {
    font-size: 2rem
}

h2.ui.header {
    font-size: 1.714rem
}

h3.ui.header {
    font-size: 1.28rem
}

h4.ui.header {
    font-size: 1.071rem
}

h5.ui.header {
    font-size: 1rem
}

.ui.icon.header {
    display: inline-block;
    text-align: center;
    margin: 2rem 0em 1rem
}

.ui.icon.header:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden
}

.ui.icon.header:first-child {
    margin-top: 0em
}

.ui.icon.header .icon {
    float: none;
    display: block;
    width: auto;
    height: auto;
    padding: 0em;
    font-size: 3em;
    margin: 0em auto 0.25rem;
    opacity: 1
}

.ui.icon.header .content {
    display: block
}

.ui.icon.header .circular.icon {
    font-size: 2em
}

.ui.icon.header .square.icon {
    font-size: 2em
}

.ui.block.icon.header .icon {
    margin-bottom: 0em
}

.ui.icon.header.aligned {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.ui.disabled.header {
    opacity: 0.3
}

.ui.black.header {
    color: #1b1c1d !important
}

a.ui.black.header:hover {
    color: #1b1c1d !important
}

.ui.blue.header {
    color: #3b83c0 !important
}

a.ui.blue.header:hover {
    color: #458ac6 !important
}

.ui.green.header {
    color: #5bbd72 !important
}

a.ui.green.header:hover {
    color: #66c17b !important
}

.ui.orange.header {
    color: #e07b53 !important
}

a.ui.orange.header:hover {
    color: #e28560 !important
}

.ui.pink.header {
    color: #d9499a !important
}

a.ui.pink.header:hover {
    color: #dc56a1 !important
}

.ui.purple.header {
    color: #564f8a !important
}

a.ui.purple.header:hover {
    color: #5c5594 !important
}

.ui.red.header {
    color: #d95c5c !important
}

a.ui.red.header:hover {
    color: #dc6868 !important
}

.ui.teal.header {
    color: #00b5ad !important
}

a.ui.teal.header:hover {
    color: #00c4bc !important
}

.ui.yellow.header {
    color: #f2c61f !important
}

a.ui.yellow.header:hover {
    color: #f3ca2d !important
}

.ui.black.dividing.header {
    border-bottom: 2px solid #1b1c1d
}

.ui.blue.dividing.header {
    border-bottom: 2px solid #3b83c0
}

.ui.green.dividing.header {
    border-bottom: 2px solid #5bbd72
}

.ui.orange.dividing.header {
    border-bottom: 2px solid #e07b53
}

.ui.pink.dividing.header {
    border-bottom: 2px solid #d9499a
}

.ui.purple.dividing.header {
    border-bottom: 2px solid #564f8a
}

.ui.red.dividing.header {
    border-bottom: 2px solid #d95c5c
}

.ui.teal.dividing.header {
    border-bottom: 2px solid #00b5ad
}

.ui.yellow.dividing.header {
    border-bottom: 2px solid #f2c61f
}

.ui.inverted.header {
    color: #ffffff
}

.ui.inverted.header .sub.header {
    color: rgba(255, 255, 255, 0.85)
}

.ui.inverted.attached.header {
    background: #333 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: #333 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.block.header {
    background: #333 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: #333 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.black.header {
    color: #aaaaaa !important
}

a.ui.inverted.black.header:hover {
    color: #b2b2b2 !important
}

.ui.inverted.blue.header {
    color: #54c8ff !important
}

a.ui.inverted.blue.header:hover {
    color: #63cdff !important
}

.ui.inverted.green.header {
    color: #2ecc40 !important
}

a.ui.inverted.green.header:hover {
    color: #37d249 !important
}

.ui.inverted.orange.header {
    color: #ff851b !important
}

a.ui.inverted.orange.header:hover {
    color: #ff8d2a !important
}

.ui.inverted.pink.header {
    color: #ff8edf !important
}

a.ui.inverted.pink.header:hover {
    color: #ff9de3 !important
}

.ui.inverted.purple.header {
    color: #cdc6ff !important
}

a.ui.inverted.purple.header:hover {
    color: #dad5ff !important
}

.ui.inverted.red.header {
    color: #ff695e !important
}

a.ui.inverted.red.header:hover {
    color: #ff776d !important
}

.ui.inverted.teal.header {
    color: #6dffff !important
}

a.ui.inverted.teal.header:hover {
    color: #7cffff !important
}

.ui.inverted.yellow.header {
    color: #ffe21f !important
}

a.ui.inverted.yellow.header:hover {
    color: #ffe42e !important
}

.ui.inverted.block.header {
    border-bottom: none
}

.ui.left.aligned.header {
    text-align: left
}

.ui.right.aligned.header {
    text-align: right
}

.ui.centered.header,
.ui.center.aligned.header {
    text-align: center
}

.ui.justified.header {
    text-align: justify
}

.ui.justified.header:after {
    display: inline-block;
    content: '';
    width: 100%
}

.ui.floated.header,
.ui[class*="left floated"].header {
    float: left;
    margin-top: 0em;
    margin-right: 0.5em
}

.ui[class*="right floated"].header {
    float: right;
    margin-top: 0em;
    margin-left: 0.5em
}

.ui.fitted.header {
    padding: 0em
}

.ui.dividing.header {
    padding-bottom: 0.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.dividing.header .sub.header {
    padding-bottom: 0.25rem
}

.ui.dividing.header .icon {
    margin-bottom: 0em
}

.ui.inverted.dividing.header {
    border-bottom-color: rgba(255, 255, 255, 0.2)
}

.ui.block.header {
    background: #f0f0f0;
    padding: 0.75rem 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d5;
    border-radius: 0.3125rem
}

.ui.tiny.block.header {
    font-size: 1em
}

.ui.small.block.header {
    font-size: 1.071em
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.285em
}

.ui.large.block.header {
    font-size: 1.714em
}

.ui.huge.block.header {
    font-size: 2em
}

.ui.attached.header {
    background: #ffffff;
    padding: 0.75rem 1rem;
    margin-left: -1px;
    margin-right: -1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached.block.header {
    background: #f0f0f0
}

.ui.attached:not(.top):not(.bottom).header {
    margin-top: 0em;
    margin-bottom: 0em;
    border-top: none;
    border-bottom: none;
    border-radius: 0em
}

.ui.top.attached.header {
    margin-bottom: 0em;
    border-bottom: none;
    border-radius: 0.3125rem 0.3125rem 0em 0em
}

.ui.bottom.attached.header {
    margin-top: 0em;
    border-top: none;
    border-radius: 0em 0em 0.3125rem 0.3125rem
}

.ui.tiny.attached.header {
    font-size: 0.8571em
}

.ui.small.attached.header {
    font-size: 0.9285em
}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1em
}

.ui.large.attached.header {
    font-size: 1.0714em
}

.ui.huge.attached.header {
    font-size: 1.1428em
}

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.285em
}


/*!
 * # Semantic UI 2.4.2 - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

@font-face {
    font-family: 'Icons';
    src: url("/semantic/icons.eot");
    src: url("../fonts/icons.eot") format("embedded-opentype"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.icon:before {
    background: none !important;
    width: auto
}

i.icon.loading {
    height: 1em;
    line-height: 1;
    -webkit-animation: icon-loading 2s linear infinite;
    animation: icon-loading 2s linear infinite
}

@-webkit-keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

i.icon.hover {
    opacity: 1 !important
}

i.icon.active {
    opacity: 1 !important
}

i.emphasized.icon {
    opacity: 1 !important
}

i.disabled.icon {
    opacity: 0.45 !important
}

i.fitted.icon {
    width: auto;
    margin: 0em !important
}

i.link.icon,
i.link.icons {
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

i.link.icon:hover,
i.link.icons:hover {
    opacity: 1 !important
}

i.circular.icon {
    border-radius: 500em !important;
    line-height: 1 !important;
    padding: 0.5em 0em !important;
    -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    width: 2em !important;
    height: 2em !important
}

i.circular.inverted.icon {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

i.flipped.icon,
i.horizontally.flipped.icon {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

i.vertically.flipped.icon {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

i.left.rotated.icon,
i.counterclockwise.rotated.icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

i.bordered.icon {
    line-height: 1;
    vertical-align: baseline;
    width: 2em;
    height: 2em;
    padding: 0.5em 0em !important;
    -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset
}

i.bordered.inverted.icon {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

i.inverted.bordered.icon,
i.inverted.circular.icon {
    background-color: #1B1C1D !important;
    color: #FFFFFF !important
}

i.inverted.icon {
    color: #FFFFFF
}

i.red.icon {
    color: #DB2828 !important
}

i.inverted.red.icon {
    color: #FF695E !important
}

i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
    background-color: #DB2828 !important;
    color: #FFFFFF !important
}

i.orange.icon {
    color: #F2711C !important
}

i.inverted.orange.icon {
    color: #FF851B !important
}

i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
    background-color: #F2711C !important;
    color: #FFFFFF !important
}

i.yellow.icon {
    color: #FBBD08 !important
}

i.inverted.yellow.icon {
    color: #FFE21F !important
}

i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
    background-color: #FBBD08 !important;
    color: #FFFFFF !important
}

i.olive.icon {
    color: #B5CC18 !important
}

i.inverted.olive.icon {
    color: #D9E778 !important
}

i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
    background-color: #B5CC18 !important;
    color: #FFFFFF !important
}

i.green.icon {
    color: #21BA45 !important
}

i.inverted.green.icon {
    color: #2ECC40 !important
}

i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
    background-color: #21BA45 !important;
    color: #FFFFFF !important
}

i.teal.icon {
    color: #00B5AD !important
}

i.inverted.teal.icon {
    color: #6DFFFF !important
}

i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
    background-color: #00B5AD !important;
    color: #FFFFFF !important
}

i.blue.icon {
    color: #2185D0 !important
}

i.inverted.blue.icon {
    color: #54C8FF !important
}

i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
    background-color: #2185D0 !important;
    color: #FFFFFF !important
}

i.violet.icon {
    color: #6435C9 !important
}

i.inverted.violet.icon {
    color: #A291FB !important
}

i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
    background-color: #6435C9 !important;
    color: #FFFFFF !important
}

i.purple.icon {
    color: #A333C8 !important
}

i.inverted.purple.icon {
    color: #DC73FF !important
}

i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
    background-color: #A333C8 !important;
    color: #FFFFFF !important
}

i.pink.icon {
    color: #E03997 !important
}

i.inverted.pink.icon {
    color: #FF8EDF !important
}

i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
    background-color: #E03997 !important;
    color: #FFFFFF !important
}

i.brown.icon {
    color: #A5673F !important
}

i.inverted.brown.icon {
    color: #D67C1C !important
}

i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
    background-color: #A5673F !important;
    color: #FFFFFF !important
}

i.grey.icon {
    color: #767676 !important
}

i.inverted.grey.icon {
    color: #DCDDDE !important
}

i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
    background-color: #767676 !important;
    color: #FFFFFF !important
}

i.black.icon {
    color: #1B1C1D !important
}

i.inverted.black.icon {
    color: #545454 !important
}

i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
    background-color: #1B1C1D !important;
    color: #FFFFFF !important
}

i.mini.icon,
i.mini.icons {
    line-height: 1;
    font-size: 0.4em
}

i.tiny.icon,
i.tiny.icons {
    line-height: 1;
    font-size: 0.5em
}

i.small.icon,
i.small.icons {
    line-height: 1;
    font-size: 0.75em
}

i.icon,
i.icons {
    font-size: 1em
}

i.large.icon,
i.large.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 1.5em
}

i.big.icon,
i.big.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 2em
}

i.huge.icon,
i.huge.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 4em
}

i.massive.icon,
i.massive.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 8em
}

i.icons {
    display: inline-block;
    position: relative;
    line-height: 1
}

i.icons .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: 0em;
    margin: 0
}

i.icons .icon:first-child {
    position: static;
    width: auto;
    height: auto;
    vertical-align: top;
    -webkit-transform: none;
    transform: none;
    margin-right: 0.25rem
}

i.icons .corner.icon {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    font-size: 0.45em;
    text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF
}

i.icons .top.right.corner.icon {
    top: 0;
    left: auto;
    right: 0;
    bottom: auto
}

i.icons .top.left.corner.icon {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

i.icons .bottom.left.corner.icon {
    top: auto;
    left: 0;
    right: auto;
    bottom: 0
}

i.icons .bottom.right.corner.icon {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0
}

i.icons .inverted.corner.icon {
    text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D
}

i.icon.linkedin.in:before {
    content: "\f0e1"
}

i.icon.zoom.in:before {
    content: "\f00e"
}

i.icon.zoom.out:before {
    content: "\f010"
}

i.icon.sign.in:before {
    content: "\f2f6"
}

i.icon.in.cart:before {
    content: "\f218"
}

i.icon.log.out:before {
    content: "\f2f5"
}

i.icon.sign.out:before {
    content: "\f2f5"
}

i.icon.\35 00px:before {
    content: "\f26e"
}

i.icon.accessible.icon:before {
    content: "\f368"
}

i.icon.accusoft:before {
    content: "\f369"
}

i.icon.address.book:before {
    content: "\f2b9"
}

i.icon.address.card:before {
    content: "\f2bb"
}

i.icon.adjust:before {
    content: "\f042"
}

i.icon.adn:before {
    content: "\f170"
}

i.icon.adversal:before {
    content: "\f36a"
}

i.icon.affiliatetheme:before {
    content: "\f36b"
}

i.icon.algolia:before {
    content: "\f36c"
}

i.icon.align.center:before {
    content: "\f037"
}

i.icon.align.justify:before {
    content: "\f039"
}

i.icon.align.left:before {
    content: "\f036"
}

i.icon.align.right:before {
    content: "\f038"
}

i.icon.amazon:before {
    content: "\f270"
}

i.icon.amazon.pay:before {
    content: "\f42c"
}

i.icon.ambulance:before {
    content: "\f0f9"
}

i.icon.american.sign.language.interpreting:before {
    content: "\f2a3"
}

i.icon.amilia:before {
    content: "\f36d"
}

i.icon.anchor:before {
    content: "\f13d"
}

i.icon.android:before {
    content: "\f17b"
}

i.icon.angellist:before {
    content: "\f209"
}

i.icon.angle.double.down:before {
    content: "\f103"
}

i.icon.angle.double.left:before {
    content: "\f100"
}

i.icon.angle.double.right:before {
    content: "\f101"
}

i.icon.angle.double.up:before {
    content: "\f102"
}

i.icon.angle.down:before {
    content: "\f107"
}

i.icon.angle.left:before {
    content: "\f104"
}

i.icon.angle.right:before {
    content: "\f105"
}

i.icon.angle.up:before {
    content: "\f106"
}

i.icon.angrycreative:before {
    content: "\f36e"
}

i.icon.angular:before {
    content: "\f420"
}

i.icon.app.store:before {
    content: "\f36f"
}

i.icon.app.store.ios:before {
    content: "\f370"
}

i.icon.apper:before {
    content: "\f371"
}

i.icon.apple:before {
    content: "\f179"
}

i.icon.apple.pay:before {
    content: "\f415"
}

i.icon.archive:before {
    content: "\f187"
}

i.icon.arrow.alternate.circle.down:before {
    content: "\f358"
}

i.icon.arrow.alternate.circle.left:before {
    content: "\f359"
}

i.icon.arrow.alternate.circle.right:before {
    content: "\f35a"
}

i.icon.arrow.alternate.circle.up:before {
    content: "\f35b"
}

i.icon.arrow.circle.down:before {
    content: "\f0ab"
}

i.icon.arrow.circle.left:before {
    content: "\f0a8"
}

i.icon.arrow.circle.right:before {
    content: "\f0a9"
}

i.icon.arrow.circle.up:before {
    content: "\f0aa"
}

i.icon.arrow.down:before {
    content: "\f063"
}

i.icon.arrow.left:before {
    content: "\f060"
}

i.icon.arrow.right:before {
    content: "\f061"
}

i.icon.arrow.up:before {
    content: "\f062"
}

i.icon.arrows.alternate:before {
    content: "\f0b2"
}

i.icon.arrows.alternate.horizontal:before {
    content: "\f337"
}

i.icon.arrows.alternate.vertical:before {
    content: "\f338"
}

i.icon.assistive.listening.systems:before {
    content: "\f2a2"
}

i.icon.asterisk:before {
    content: "\f069"
}

i.icon.asymmetrik:before {
    content: "\f372"
}

i.icon.at:before {
    content: "\f1fa"
}

i.icon.audible:before {
    content: "\f373"
}

i.icon.audio.description:before {
    content: "\f29e"
}

i.icon.autoprefixer:before {
    content: "\f41c"
}

i.icon.avianex:before {
    content: "\f374"
}

i.icon.aviato:before {
    content: "\f421"
}

i.icon.aws:before {
    content: "\f375"
}

i.icon.backward:before {
    content: "\f04a"
}

i.icon.balance.scale:before {
    content: "\f24e"
}

i.icon.ban:before {
    content: "\f05e"
}

i.icon.band.aid:before {
    content: "\f462"
}

i.icon.bandcamp:before {
    content: "\f2d5"
}

i.icon.barcode:before {
    content: "\f02a"
}

i.icon.bars:before {
    content: "\f0c9"
}

i.icon.baseball.ball:before {
    content: "\f433"
}

i.icon.basketball.ball:before {
    content: "\f434"
}

i.icon.bath:before {
    content: "\f2cd"
}

i.icon.battery.empty:before {
    content: "\f244"
}

i.icon.battery.full:before {
    content: "\f240"
}

i.icon.battery.half:before {
    content: "\f242"
}

i.icon.battery.quarter:before {
    content: "\f243"
}

i.icon.battery.three.quarters:before {
    content: "\f241"
}

i.icon.bed:before {
    content: "\f236"
}

i.icon.beer:before {
    content: "\f0fc"
}

i.icon.behance:before {
    content: "\f1b4"
}

i.icon.behance.square:before {
    content: "\f1b5"
}

i.icon.bell:before {
    content: "\f0f3"
}

i.icon.bell.slash:before {
    content: "\f1f6"
}

i.icon.bicycle:before {
    content: "\f206"
}

i.icon.bimobject:before {
    content: "\f378"
}

i.icon.binoculars:before {
    content: "\f1e5"
}

i.icon.birthday.cake:before {
    content: "\f1fd"
}

i.icon.bitbucket:before {
    content: "\f171"
}

i.icon.bitcoin:before {
    content: "\f379"
}

i.icon.bity:before {
    content: "\f37a"
}

i.icon.black.tie:before {
    content: "\f27e"
}

i.icon.blackberry:before {
    content: "\f37b"
}

i.icon.blind:before {
    content: "\f29d"
}

i.icon.blogger:before {
    content: "\f37c"
}

i.icon.blogger.b:before {
    content: "\f37d"
}

i.icon.bluetooth:before {
    content: "\f293"
}

i.icon.bluetooth.b:before {
    content: "\f294"
}

i.icon.bold:before {
    content: "\f032"
}

i.icon.bolt:before {
    content: "\f0e7"
}

i.icon.bomb:before {
    content: "\f1e2"
}

i.icon.book:before {
    content: "\f02d"
}

i.icon.bookmark:before {
    content: "\f02e"
}

i.icon.bowling.ball:before {
    content: "\f436"
}

i.icon.box:before {
    content: "\f466"
}

i.icon.boxes:before {
    content: "\f468"
}

i.icon.braille:before {
    content: "\f2a1"
}

i.icon.briefcase:before {
    content: "\f0b1"
}

i.icon.btc:before {
    content: "\f15a"
}

i.icon.bug:before {
    content: "\f188"
}

i.icon.building:before {
    content: "\f1ad"
}

i.icon.bullhorn:before {
    content: "\f0a1"
}

i.icon.bullseye:before {
    content: "\f140"
}

i.icon.buromobelexperte:before {
    content: "\f37f"
}

i.icon.bus:before {
    content: "\f207"
}

i.icon.buysellads:before {
    content: "\f20d"
}

i.icon.calculator:before {
    content: "\f1ec"
}

i.icon.calendar:before {
    content: "\f133"
}

i.icon.calendar.alternate:before {
    content: "\f073"
}

i.icon.calendar.check:before {
    content: "\f274"
}

i.icon.calendar.minus:before {
    content: "\f272"
}

i.icon.calendar.plus:before {
    content: "\f271"
}

i.icon.calendar.times:before {
    content: "\f273"
}

i.icon.camera:before {
    content: "\f030"
}

i.icon.camera.retro:before {
    content: "\f083"
}

i.icon.car:before {
    content: "\f1b9"
}

i.icon.caret.down:before {
    content: "\f0d7"
}

i.icon.caret.left:before {
    content: "\f0d9"
}

i.icon.caret.right:before {
    content: "\f0da"
}

i.icon.caret.square.down:before {
    content: "\f150"
}

i.icon.caret.square.left:before {
    content: "\f191"
}

i.icon.caret.square.right:before {
    content: "\f152"
}

i.icon.caret.square.up:before {
    content: "\f151"
}

i.icon.caret.up:before {
    content: "\f0d8"
}

i.icon.cart.arrow.down:before {
    content: "\f218"
}

i.icon.cart.plus:before {
    content: "\f217"
}

i.icon.cc.amazon.pay:before {
    content: "\f42d"
}

i.icon.cc.amex:before {
    content: "\f1f3"
}

i.icon.cc.apple.pay:before {
    content: "\f416"
}

i.icon.cc.diners.club:before {
    content: "\f24c"
}

i.icon.cc.discover:before {
    content: "\f1f2"
}

i.icon.cc.jcb:before {
    content: "\f24b"
}

i.icon.cc.mastercard:before {
    content: "\f1f1"
}

i.icon.cc.paypal:before {
    content: "\f1f4"
}

i.icon.cc.stripe:before {
    content: "\f1f5"
}

i.icon.cc.visa:before {
    content: "\f1f0"
}

i.icon.centercode:before {
    content: "\f380"
}

i.icon.certificate:before {
    content: "\f0a3"
}

i.icon.chart.area:before {
    content: "\f1fe"
}

i.icon.chart.bar:before {
    content: "\f080"
}

i.icon.chart.line:before {
    content: "\f201"
}

i.icon.chart.pie:before {
    content: "\f200"
}

i.icon.check:before {
    content: "\f00c"
}

i.icon.check.circle:before {
    content: "\f058"
}

i.icon.check.square:before {
    content: "\f14a"
}

i.icon.chess:before {
    content: "\f439"
}

i.icon.chess.bishop:before {
    content: "\f43a"
}

i.icon.chess.board:before {
    content: "\f43c"
}

i.icon.chess.king:before {
    content: "\f43f"
}

i.icon.chess.knight:before {
    content: "\f441"
}

i.icon.chess.pawn:before {
    content: "\f443"
}

i.icon.chess.queen:before {
    content: "\f445"
}

i.icon.chess.rook:before {
    content: "\f447"
}

i.icon.chevron.circle.down:before {
    content: "\f13a"
}

i.icon.chevron.circle.left:before {
    content: "\f137"
}

i.icon.chevron.circle.right:before {
    content: "\f138"
}

i.icon.chevron.circle.up:before {
    content: "\f139"
}

i.icon.chevron.down:before {
    content: "\f078"
}

i.icon.chevron.left:before {
    content: "\f053"
}

i.icon.chevron.right:before {
    content: "\f054"
}

i.icon.chevron.up:before {
    content: "\f077"
}

i.icon.child:before {
    content: "\f1ae"
}

i.icon.chrome:before {
    content: "\f268"
}

i.icon.circle:before {
    content: "\f111"
}

i.icon.circle.notch:before {
    content: "\f1ce"
}

i.icon.clipboard:before {
    content: "\f328"
}

i.icon.clipboard.check:before {
    content: "\f46c"
}

i.icon.clipboard.list:before {
    content: "\f46d"
}

i.icon.clock:before {
    content: "\f017"
}

i.icon.clone:before {
    content: "\f24d"
}

i.icon.closed.captioning:before {
    content: "\f20a"
}

i.icon.cloud:before {
    content: "\f0c2"
}

i.icon.cloudscale:before {
    content: "\f383"
}

i.icon.cloudsmith:before {
    content: "\f384"
}

i.icon.cloudversify:before {
    content: "\f385"
}

i.icon.code:before {
    content: "\f121"
}

i.icon.code.branch:before {
    content: "\f126"
}

i.icon.codepen:before {
    content: "\f1cb"
}

i.icon.codiepie:before {
    content: "\f284"
}

i.icon.coffee:before {
    content: "\f0f4"
}

i.icon.cog:before {
    content: "\f013"
}

i.icon.cogs:before {
    content: "\f085"
}

i.icon.columns:before {
    content: "\f0db"
}

i.icon.comment:before {
    content: "\f075"
}

i.icon.comment.alternate:before {
    content: "\f27a"
}

i.icon.comments:before {
    content: "\f086"
}

i.icon.compass:before {
    content: "\f14e"
}

i.icon.compress:before {
    content: "\f066"
}

i.icon.connectdevelop:before {
    content: "\f20e"
}

i.icon.contao:before {
    content: "\f26d"
}

i.icon.copy:before {
    content: "\f0c5"
}

i.icon.copyright:before {
    content: "\f1f9"
}

i.icon.cpanel:before {
    content: "\f388"
}

i.icon.creative.commons:before {
    content: "\f25e"
}

i.icon.credit.card:before {
    content: "\f09d"
}

i.icon.crop:before {
    content: "\f125"
}

i.icon.crosshairs:before {
    content: "\f05b"
}

i.icon.css3:before {
    content: "\f13c"
}

i.icon.css3.alternate:before {
    content: "\f38b"
}

i.icon.cube:before {
    content: "\f1b2"
}

i.icon.cubes:before {
    content: "\f1b3"
}

i.icon.cut:before {
    content: "\f0c4"
}

i.icon.cuttlefish:before {
    content: "\f38c"
}

i.icon.d.and.d:before {
    content: "\f38d"
}

i.icon.dashcube:before {
    content: "\f210"
}

i.icon.database:before {
    content: "\f1c0"
}

i.icon.deaf:before {
    content: "\f2a4"
}

i.icon.delicious:before {
    content: "\f1a5"
}

i.icon.deploydog:before {
    content: "\f38e"
}

i.icon.deskpro:before {
    content: "\f38f"
}

i.icon.desktop:before {
    content: "\f108"
}

i.icon.deviantart:before {
    content: "\f1bd"
}

i.icon.digg:before {
    content: "\f1a6"
}

i.icon.digital.ocean:before {
    content: "\f391"
}

i.icon.discord:before {
    content: "\f392"
}

i.icon.discourse:before {
    content: "\f393"
}

i.icon.dna:before {
    content: "\f471"
}

i.icon.dochub:before {
    content: "\f394"
}

i.icon.docker:before {
    content: "\f395"
}

i.icon.dollar.sign:before {
    content: "\f155"
}

i.icon.dolly:before {
    content: "\f472"
}

i.icon.dolly.flatbed:before {
    content: "\f474"
}

i.icon.dot.circle:before {
    content: "\f192"
}

i.icon.download:before {
    content: "\f019"
}

i.icon.draft2digital:before {
    content: "\f396"
}

i.icon.dribbble:before {
    content: "\f17d"
}

i.icon.dribbble.square:before {
    content: "\f397"
}

i.icon.dropbox:before {
    content: "\f16b"
}

i.icon.drupal:before {
    content: "\f1a9"
}

i.icon.dyalog:before {
    content: "\f399"
}

i.icon.earlybirds:before {
    content: "\f39a"
}

i.icon.edge:before {
    content: "\f282"
}

i.icon.edit:before {
    content: "\f044"
}

i.icon.eject:before {
    content: "\f052"
}

i.icon.elementor:before {
    content: "\f430"
}

i.icon.ellipsis.horizontal:before {
    content: "\f141"
}

i.icon.ellipsis.vertical:before {
    content: "\f142"
}

i.icon.ember:before {
    content: "\f423"
}

i.icon.empire:before {
    content: "\f1d1"
}

i.icon.envelope:before {
    content: "\f0e0"
}

i.icon.envelope.open:before {
    content: "\f2b6"
}

i.icon.envelope.square:before {
    content: "\f199"
}

i.icon.envira:before {
    content: "\f299"
}

i.icon.eraser:before {
    content: "\f12d"
}

i.icon.erlang:before {
    content: "\f39d"
}

i.icon.ethereum:before {
    content: "\f42e"
}

i.icon.etsy:before {
    content: "\f2d7"
}

i.icon.euro.sign:before {
    content: "\f153"
}

i.icon.exchange.alternate:before {
    content: "\f362"
}

i.icon.exclamation:before {
    content: "\f12a"
}

i.icon.exclamation.circle:before {
    content: "\f06a"
}

i.icon.exclamation.triangle:before {
    content: "\f071"
}

i.icon.expand:before {
    content: "\f065"
}

i.icon.expand.arrows.alternate:before {
    content: "\f31e"
}

i.icon.expeditedssl:before {
    content: "\f23e"
}

i.icon.external.alternate:before {
    content: "\f35d"
}

i.icon.external.square.alternate:before {
    content: "\f360"
}

i.icon.eye:before {
    content: "\f06e"
}

i.icon.eye.dropper:before {
    content: "\f1fb"
}

i.icon.eye.slash:before {
    content: "\f070"
}

i.icon.facebook:before {
    content: "\f09a"
}

i.icon.facebook.f:before {
    content: "\f39e"
}

i.icon.facebook.messenger:before {
    content: "\f39f"
}

i.icon.facebook.square:before {
    content: "\f082"
}

i.icon.fast.backward:before {
    content: "\f049"
}

i.icon.fast.forward:before {
    content: "\f050"
}

i.icon.fax:before {
    content: "\f1ac"
}

i.icon.female:before {
    content: "\f182"
}

i.icon.fighter.jet:before {
    content: "\f0fb"
}

i.icon.file:before {
    content: "\f15b"
}

i.icon.file.alternate:before {
    content: "\f15c"
}

i.icon.file.archive:before {
    content: "\f1c6"
}

i.icon.file.audio:before {
    content: "\f1c7"
}

i.icon.file.code:before {
    content: "\f1c9"
}

i.icon.file.excel:before {
    content: "\f1c3"
}

i.icon.file.image:before {
    content: "\f1c5"
}

i.icon.file.pdf:before {
    content: "\f1c1"
}

i.icon.file.powerpoint:before {
    content: "\f1c4"
}

i.icon.file.video:before {
    content: "\f1c8"
}

i.icon.file.word:before {
    content: "\f1c2"
}

i.icon.film:before {
    content: "\f008"
}

i.icon.filter:before {
    content: "\f0b0"
}

i.icon.fire:before {
    content: "\f06d"
}

i.icon.fire.extinguisher:before {
    content: "\f134"
}

i.icon.firefox:before {
    content: "\f269"
}

i.icon.first.aid:before {
    content: "\f479"
}

i.icon.first.order:before {
    content: "\f2b0"
}

i.icon.firstdraft:before {
    content: "\f3a1"
}

i.icon.flag:before {
    content: "\f024"
}

i.icon.flag.checkered:before {
    content: "\f11e"
}

i.icon.flask:before {
    content: "\f0c3"
}

i.icon.flickr:before {
    content: "\f16e"
}

i.icon.flipboard:before {
    content: "\f44d"
}

i.icon.fly:before {
    content: "\f417"
}

i.icon.folder:before {
    content: "\f07b"
}

i.icon.folder.open:before {
    content: "\f07c"
}

i.icon.font:before {
    content: "\f031"
}

i.icon.font.awesome:before {
    content: "\f2b4"
}

i.icon.font.awesome.alternate:before {
    content: "\f35c"
}

i.icon.font.awesome.flag:before {
    content: "\f425"
}

i.icon.fonticons:before {
    content: "\f280"
}

i.icon.fonticons.fi:before {
    content: "\f3a2"
}

i.icon.football.ball:before {
    content: "\f44e"
}

i.icon.fort.awesome:before {
    content: "\f286"
}

i.icon.fort.awesome.alternate:before {
    content: "\f3a3"
}

i.icon.forumbee:before {
    content: "\f211"
}

i.icon.forward:before {
    content: "\f04e"
}

i.icon.foursquare:before {
    content: "\f180"
}

i.icon.free.code.camp:before {
    content: "\f2c5"
}

i.icon.freebsd:before {
    content: "\f3a4"
}

i.icon.frown:before {
    content: "\f119"
}

i.icon.futbol:before {
    content: "\f1e3"
}

i.icon.gamepad:before {
    content: "\f11b"
}

i.icon.gavel:before {
    content: "\f0e3"
}

i.icon.gem:before {
    content: "\f3a5"
}

i.icon.genderless:before {
    content: "\f22d"
}

i.icon.get.pocket:before {
    content: "\f265"
}

i.icon.gg:before {
    content: "\f260"
}

i.icon.gg.circle:before {
    content: "\f261"
}

i.icon.gift:before {
    content: "\f06b"
}

i.icon.git:before {
    content: "\f1d3"
}

i.icon.git.square:before {
    content: "\f1d2"
}

i.icon.github:before {
    content: "\f09b"
}

i.icon.github.alternate:before {
    content: "\f113"
}

i.icon.github.square:before {
    content: "\f092"
}

i.icon.gitkraken:before {
    content: "\f3a6"
}

i.icon.gitlab:before {
    content: "\f296"
}

i.icon.gitter:before {
    content: "\f426"
}

i.icon.glass.martini:before {
    content: "\f000"
}

i.icon.glide:before {
    content: "\f2a5"
}

i.icon.glide.g:before {
    content: "\f2a6"
}

i.icon.globe:before {
    content: "\f0ac"
}

i.icon.gofore:before {
    content: "\f3a7"
}

i.icon.golf.ball:before {
    content: "\f450"
}

i.icon.goodreads:before {
    content: "\f3a8"
}

i.icon.goodreads.g:before {
    content: "\f3a9"
}

i.icon.google:before {
    content: "\f1a0"
}

i.icon.google.drive:before {
    content: "\f3aa"
}

i.icon.google.play:before {
    content: "\f3ab"
}

i.icon.google.plus:before {
    content: "\f2b3"
}

i.icon.google.plus.g:before {
    content: "\f0d5"
}

i.icon.google.plus.square:before {
    content: "\f0d4"
}

i.icon.google.wallet:before {
    content: "\f1ee"
}

i.icon.graduation.cap:before {
    content: "\f19d"
}

i.icon.gratipay:before {
    content: "\f184"
}

i.icon.grav:before {
    content: "\f2d6"
}

i.icon.gripfire:before {
    content: "\f3ac"
}

i.icon.grunt:before {
    content: "\f3ad"
}

i.icon.gulp:before {
    content: "\f3ae"
}

i.icon.h.square:before {
    content: "\f0fd"
}

i.icon.hacker.news:before {
    content: "\f1d4"
}

i.icon.hacker.news.square:before {
    content: "\f3af"
}

i.icon.hand.lizard:before {
    content: "\f258"
}

i.icon.hand.paper:before {
    content: "\f256"
}

i.icon.hand.peace:before {
    content: "\f25b"
}

i.icon.hand.point.down:before {
    content: "\f0a7"
}

i.icon.hand.point.left:before {
    content: "\f0a5"
}

i.icon.hand.point.right:before {
    content: "\f0a4"
}

i.icon.hand.point.up:before {
    content: "\f0a6"
}

i.icon.hand.pointer:before {
    content: "\f25a"
}

i.icon.hand.rock:before {
    content: "\f255"
}

i.icon.hand.scissors:before {
    content: "\f257"
}

i.icon.hand.spock:before {
    content: "\f259"
}

i.icon.handshake:before {
    content: "\f2b5"
}

i.icon.hashtag:before {
    content: "\f292"
}

i.icon.hdd:before {
    content: "\f0a0"
}

i.icon.heading:before {
    content: "\f1dc"
}

i.icon.headphones:before {
    content: "\f025"
}

i.icon.heart:before {
    content: "\f004"
}

i.icon.heartbeat:before {
    content: "\f21e"
}

i.icon.hips:before {
    content: "\f452"
}

i.icon.hire.a.helper:before {
    content: "\f3b0"
}

i.icon.history:before {
    content: "\f1da"
}

i.icon.hockey.puck:before {
    content: "\f453"
}

i.icon.home:before {
    content: "\f015"
}

i.icon.hooli:before {
    content: "\f427"
}

i.icon.hospital:before {
    content: "\f0f8"
}

i.icon.hospital.symbol:before {
    content: "\f47e"
}

i.icon.hotjar:before {
    content: "\f3b1"
}

i.icon.hourglass:before {
    content: "\f254"
}

i.icon.hourglass.end:before {
    content: "\f253"
}

i.icon.hourglass.half:before {
    content: "\f252"
}

i.icon.hourglass.start:before {
    content: "\f251"
}

i.icon.houzz:before {
    content: "\f27c"
}

i.icon.html5:before {
    content: "\f13b"
}

i.icon.hubspot:before {
    content: "\f3b2"
}

i.icon.i.cursor:before {
    content: "\f246"
}

i.icon.id.badge:before {
    content: "\f2c1"
}

i.icon.id.card:before {
    content: "\f2c2"
}

i.icon.image:before {
    content: "\f03e"
}

i.icon.images:before {
    content: "\f302"
}

i.icon.imdb:before {
    content: "\f2d8"
}

i.icon.inbox:before {
    content: "\f01c"
}

i.icon.indent:before {
    content: "\f03c"
}

i.icon.industry:before {
    content: "\f275"
}

i.icon.info:before {
    content: "\f129"
}

i.icon.info.circle:before {
    content: "\f05a"
}

i.icon.instagram:before {
    content: "\f16d"
}

i.icon.internet.explorer:before {
    content: "\f26b"
}

i.icon.ioxhost:before {
    content: "\f208"
}

i.icon.italic:before {
    content: "\f033"
}

i.icon.itunes:before {
    content: "\f3b4"
}

i.icon.itunes.note:before {
    content: "\f3b5"
}

i.icon.jenkins:before {
    content: "\f3b6"
}

i.icon.joget:before {
    content: "\f3b7"
}

i.icon.joomla:before {
    content: "\f1aa"
}

i.icon.js:before {
    content: "\f3b8"
}

i.icon.js.square:before {
    content: "\f3b9"
}

i.icon.jsfiddle:before {
    content: "\f1cc"
}

i.icon.key:before {
    content: "\f084"
}

i.icon.keyboard:before {
    content: "\f11c"
}

i.icon.keycdn:before {
    content: "\f3ba"
}

i.icon.kickstarter:before {
    content: "\f3bb"
}

i.icon.kickstarter.k:before {
    content: "\f3bc"
}

i.icon.korvue:before {
    content: "\f42f"
}

i.icon.language:before {
    content: "\f1ab"
}

i.icon.laptop:before {
    content: "\f109"
}

i.icon.laravel:before {
    content: "\f3bd"
}

i.icon.lastfm:before {
    content: "\f202"
}

i.icon.lastfm.square:before {
    content: "\f203"
}

i.icon.leaf:before {
    content: "\f06c"
}

i.icon.leanpub:before {
    content: "\f212"
}

i.icon.lemon:before {
    content: "\f094"
}

i.icon.less:before {
    content: "\f41d"
}

i.icon.level.down.alternate:before {
    content: "\f3be"
}

i.icon.level.up.alternate:before {
    content: "\f3bf"
}

i.icon.life.ring:before {
    content: "\f1cd"
}

i.icon.lightbulb:before {
    content: "\f0eb"
}

i.icon.linechat:before {
    content: "\f3c0"
}

i.icon.linkify:before {
    content: "\f0c1"
}

i.icon.linkedin:before {
    content: "\f08c"
}

i.icon.linkedin.alt:before {
    content: "\f0e1"
}

i.icon.linode:before {
    content: "\f2b8"
}

i.icon.linux:before {
    content: "\f17c"
}

i.icon.lira.sign:before {
    content: "\f195"
}

i.icon.list:before {
    content: "\f03a"
}

i.icon.list.alternate:before {
    content: "\f022"
}

i.icon.list.ol:before {
    content: "\f0cb"
}

i.icon.list.ul:before {
    content: "\f0ca"
}

i.icon.location.arrow:before {
    content: "\f124"
}

i.icon.lock:before {
    content: "\f023"
}

i.icon.lock.open:before {
    content: "\f3c1"
}

i.icon.long.arrow.alternate.down:before {
    content: "\f309"
}

i.icon.long.arrow.alternate.left:before {
    content: "\f30a"
}

i.icon.long.arrow.alternate.right:before {
    content: "\f30b"
}

i.icon.long.arrow.alternate.up:before {
    content: "\f30c"
}

i.icon.low.vision:before {
    content: "\f2a8"
}

i.icon.lyft:before {
    content: "\f3c3"
}

i.icon.magento:before {
    content: "\f3c4"
}

i.icon.magic:before {
    content: "\f0d0"
}

i.icon.magnet:before {
    content: "\f076"
}

i.icon.male:before {
    content: "\f183"
}

i.icon.map:before {
    content: "\f279"
}

i.icon.map.marker:before {
    content: "\f041"
}

i.icon.map.marker.alternate:before {
    content: "\f3c5"
}

i.icon.map.pin:before {
    content: "\f276"
}

i.icon.map.signs:before {
    content: "\f277"
}

i.icon.mars:before {
    content: "\f222"
}

i.icon.mars.double:before {
    content: "\f227"
}

i.icon.mars.stroke:before {
    content: "\f229"
}

i.icon.mars.stroke.horizontal:before {
    content: "\f22b"
}

i.icon.mars.stroke.vertical:before {
    content: "\f22a"
}

i.icon.maxcdn:before {
    content: "\f136"
}

i.icon.medapps:before {
    content: "\f3c6"
}

i.icon.medium:before {
    content: "\f23a"
}

i.icon.medium.m:before {
    content: "\f3c7"
}

i.icon.medkit:before {
    content: "\f0fa"
}

i.icon.medrt:before {
    content: "\f3c8"
}

i.icon.meetup:before {
    content: "\f2e0"
}

i.icon.meh:before {
    content: "\f11a"
}

i.icon.mercury:before {
    content: "\f223"
}

i.icon.microchip:before {
    content: "\f2db"
}

i.icon.microphone:before {
    content: "\f130"
}

i.icon.microphone.slash:before {
    content: "\f131"
}

i.icon.microsoft:before {
    content: "\f3ca"
}

i.icon.minus:before {
    content: "\f068"
}

i.icon.minus.circle:before {
    content: "\f056"
}

i.icon.minus.square:before {
    content: "\f146"
}

i.icon.mix:before {
    content: "\f3cb"
}

i.icon.mixcloud:before {
    content: "\f289"
}

i.icon.mizuni:before {
    content: "\f3cc"
}

i.icon.mobile:before {
    content: "\f10b"
}

i.icon.mobile.alternate:before {
    content: "\f3cd"
}

i.icon.modx:before {
    content: "\f285"
}

i.icon.monero:before {
    content: "\f3d0"
}

i.icon.money.bill.alternate:before {
    content: "\f3d1"
}

i.icon.moon:before {
    content: "\f186"
}

i.icon.motorcycle:before {
    content: "\f21c"
}

i.icon.mouse.pointer:before {
    content: "\f245"
}

i.icon.music:before {
    content: "\f001"
}

i.icon.napster:before {
    content: "\f3d2"
}

i.icon.neuter:before {
    content: "\f22c"
}

i.icon.newspaper:before {
    content: "\f1ea"
}

i.icon.nintendo.switch:before {
    content: "\f418"
}

i.icon.node:before {
    content: "\f419"
}

i.icon.node.js:before {
    content: "\f3d3"
}

i.icon.npm:before {
    content: "\f3d4"
}

i.icon.ns8:before {
    content: "\f3d5"
}

i.icon.nutritionix:before {
    content: "\f3d6"
}

i.icon.object.group:before {
    content: "\f247"
}

i.icon.object.ungroup:before {
    content: "\f248"
}

i.icon.odnoklassniki:before {
    content: "\f263"
}

i.icon.odnoklassniki.square:before {
    content: "\f264"
}

i.icon.opencart:before {
    content: "\f23d"
}

i.icon.openid:before {
    content: "\f19b"
}

i.icon.opera:before {
    content: "\f26a"
}

i.icon.optin.monster:before {
    content: "\f23c"
}

i.icon.osi:before {
    content: "\f41a"
}

i.icon.outdent:before {
    content: "\f03b"
}

i.icon.page4:before {
    content: "\f3d7"
}

i.icon.pagelines:before {
    content: "\f18c"
}

i.icon.paint.brush:before {
    content: "\f1fc"
}

i.icon.palfed:before {
    content: "\f3d8"
}

i.icon.pallet:before {
    content: "\f482"
}

i.icon.paper.plane:before {
    content: "\f1d8"
}

i.icon.paperclip:before {
    content: "\f0c6"
}

i.icon.paragraph:before {
    content: "\f1dd"
}

i.icon.paste:before {
    content: "\f0ea"
}

i.icon.patreon:before {
    content: "\f3d9"
}

i.icon.pause:before {
    content: "\f04c"
}

i.icon.pause.circle:before {
    content: "\f28b"
}

i.icon.paw:before {
    content: "\f1b0"
}

i.icon.paypal:before {
    content: "\f1ed"
}

i.icon.pen.square:before {
    content: "\f14b"
}

i.icon.pencil.alternate:before {
    content: "\f303"
}

i.icon.percent:before {
    content: "\f295"
}

i.icon.periscope:before {
    content: "\f3da"
}

i.icon.phabricator:before {
    content: "\f3db"
}

i.icon.phoenix.framework:before {
    content: "\f3dc"
}

i.icon.phone:before {
    content: "\f095"
}

i.icon.phone.square:before {
    content: "\f098"
}

i.icon.phone.volume:before {
    content: "\f2a0"
}

i.icon.php:before {
    content: "\f457"
}

i.icon.pied.piper:before {
    content: "\f2ae"
}

i.icon.pied.piper.alternate:before {
    content: "\f1a8"
}

i.icon.pied.piper.pp:before {
    content: "\f1a7"
}

i.icon.pills:before {
    content: "\f484"
}

i.icon.pinterest:before {
    content: "\f0d2"
}

i.icon.pinterest.p:before {
    content: "\f231"
}

i.icon.pinterest.square:before {
    content: "\f0d3"
}

i.icon.plane:before {
    content: "\f072"
}

i.icon.play:before {
    content: "\f04b"
}

i.icon.play.circle:before {
    content: "\f144"
}

i.icon.playstation:before {
    content: "\f3df"
}

i.icon.plug:before {
    content: "\f1e6"
}

i.icon.plus:before {
    content: "\f067"
}

i.icon.plus.circle:before {
    content: "\f055"
}

i.icon.plus.square:before {
    content: "\f0fe"
}

i.icon.podcast:before {
    content: "\f2ce"
}

i.icon.pound.sign:before {
    content: "\f154"
}

i.icon.power.off:before {
    content: "\f011"
}

i.icon.print:before {
    content: "\f02f"
}

i.icon.product.hunt:before {
    content: "\f288"
}

i.icon.pushed:before {
    content: "\f3e1"
}

i.icon.puzzle.piece:before {
    content: "\f12e"
}

i.icon.python:before {
    content: "\f3e2"
}

i.icon.qq:before {
    content: "\f1d6"
}

i.icon.qrcode:before {
    content: "\f029"
}

i.icon.question:before {
    content: "\f128"
}

i.icon.question.circle:before {
    content: "\f059"
}

i.icon.quidditch:before {
    content: "\f458"
}

i.icon.quinscape:before {
    content: "\f459"
}

i.icon.quora:before {
    content: "\f2c4"
}

i.icon.quote.left:before {
    content: "\f10d"
}

i.icon.quote.right:before {
    content: "\f10e"
}

i.icon.random:before {
    content: "\f074"
}

i.icon.ravelry:before {
    content: "\f2d9"
}

i.icon.react:before {
    content: "\f41b"
}

i.icon.rebel:before {
    content: "\f1d0"
}

i.icon.recycle:before {
    content: "\f1b8"
}

i.icon.redriver:before {
    content: "\f3e3"
}

i.icon.reddit:before {
    content: "\f1a1"
}

i.icon.reddit.alien:before {
    content: "\f281"
}

i.icon.reddit.square:before {
    content: "\f1a2"
}

i.icon.redo:before {
    content: "\f01e"
}

i.icon.redo.alternate:before {
    content: "\f2f9"
}

i.icon.registered:before {
    content: "\f25d"
}

i.icon.rendact:before {
    content: "\f3e4"
}

i.icon.renren:before {
    content: "\f18b"
}

i.icon.reply:before {
    content: "\f3e5"
}

i.icon.reply.all:before {
    content: "\f122"
}

i.icon.replyd:before {
    content: "\f3e6"
}

i.icon.resolving:before {
    content: "\f3e7"
}

i.icon.retweet:before {
    content: "\f079"
}

i.icon.road:before {
    content: "\f018"
}

i.icon.rocket:before {
    content: "\f135"
}

i.icon.rocketchat:before {
    content: "\f3e8"
}

i.icon.rockrms:before {
    content: "\f3e9"
}

i.icon.rss:before {
    content: "\f09e"
}

i.icon.rss.square:before {
    content: "\f143"
}

i.icon.ruble.sign:before {
    content: "\f158"
}

i.icon.rupee.sign:before {
    content: "\f156"
}

i.icon.safari:before {
    content: "\f267"
}

i.icon.sass:before {
    content: "\f41e"
}

i.icon.save:before {
    content: "\f0c7"
}

i.icon.schlix:before {
    content: "\f3ea"
}

i.icon.scribd:before {
    content: "\f28a"
}

i.icon.search:before {
    content: "\f002"
}

i.icon.search.minus:before {
    content: "\f010"
}

i.icon.search.plus:before {
    content: "\f00e"
}

i.icon.searchengin:before {
    content: "\f3eb"
}

i.icon.sellcast:before {
    content: "\f2da"
}

i.icon.sellsy:before {
    content: "\f213"
}

i.icon.server:before {
    content: "\f233"
}

i.icon.servicestack:before {
    content: "\f3ec"
}

i.icon.share:before {
    content: "\f064"
}

i.icon.share.alternate:before {
    content: "\f1e0"
}

i.icon.share.alternate.square:before {
    content: "\f1e1"
}

i.icon.share.square:before {
    content: "\f14d"
}

i.icon.shekel.sign:before {
    content: "\f20b"
}

i.icon.shield.alternate:before {
    content: "\f3ed"
}

i.icon.ship:before {
    content: "\f21a"
}

i.icon.shipping.fast:before {
    content: "\f48b"
}

i.icon.shirtsinbulk:before {
    content: "\f214"
}

i.icon.shopping.bag:before {
    content: "\f290"
}

i.icon.shopping.basket:before {
    content: "\f291"
}

i.icon.shopping.cart:before {
    content: "\f07a"
}

i.icon.shower:before {
    content: "\f2cc"
}

i.icon.sign.language:before {
    content: "\f2a7"
}

i.icon.signal:before {
    content: "\f012"
}

i.icon.simplybuilt:before {
    content: "\f215"
}

i.icon.sistrix:before {
    content: "\f3ee"
}

i.icon.sitemap:before {
    content: "\f0e8"
}

i.icon.skyatlas:before {
    content: "\f216"
}

i.icon.skype:before {
    content: "\f17e"
}

i.icon.slack:before {
    content: "\f198"
}

i.icon.slack.hash:before {
    content: "\f3ef"
}

i.icon.sliders.horizontal:before {
    content: "\f1de"
}

i.icon.slideshare:before {
    content: "\f1e7"
}

i.icon.smile:before {
    content: "\f118"
}

i.icon.snapchat:before {
    content: "\f2ab"
}

i.icon.snapchat.ghost:before {
    content: "\f2ac"
}

i.icon.snapchat.square:before {
    content: "\f2ad"
}

i.icon.snowflake:before {
    content: "\f2dc"
}

i.icon.sort:before {
    content: "\f0dc"
}

i.icon.sort.alphabet.down:before {
    content: "\f15d"
}

i.icon.sort.alphabet.up:before {
    content: "\f15e"
}

i.icon.sort.amount.down:before {
    content: "\f160"
}

i.icon.sort.amount.up:before {
    content: "\f161"
}

i.icon.sort.down:before {
    content: "\f0dd"
}

i.icon.sort.numeric.down:before {
    content: "\f162"
}

i.icon.sort.numeric.up:before {
    content: "\f163"
}

i.icon.sort.up:before {
    content: "\f0de"
}

i.icon.soundcloud:before {
    content: "\f1be"
}

i.icon.space.shuttle:before {
    content: "\f197"
}

i.icon.speakap:before {
    content: "\f3f3"
}

i.icon.spinner:before {
    content: "\f110"
}

i.icon.spotify:before {
    content: "\f1bc"
}

i.icon.square:before {
    content: "\f0c8"
}

i.icon.square.full:before {
    content: "\f45c"
}

i.icon.stack.exchange:before {
    content: "\f18d"
}

i.icon.stack.overflow:before {
    content: "\f16c"
}

i.icon.star:before {
    content: "\f005"
}

i.icon.star.half:before {
    content: "\f089"
}

i.icon.staylinked:before {
    content: "\f3f5"
}

i.icon.steam:before {
    content: "\f1b6"
}

i.icon.steam.square:before {
    content: "\f1b7"
}

i.icon.steam.symbol:before {
    content: "\f3f6"
}

i.icon.step.backward:before {
    content: "\f048"
}

i.icon.step.forward:before {
    content: "\f051"
}

i.icon.stethoscope:before {
    content: "\f0f1"
}

i.icon.sticker.mule:before {
    content: "\f3f7"
}

i.icon.sticky.note:before {
    content: "\f249"
}

i.icon.stop:before {
    content: "\f04d"
}

i.icon.stop.circle:before {
    content: "\f28d"
}

i.icon.stopwatch:before {
    content: "\f2f2"
}

i.icon.strava:before {
    content: "\f428"
}

i.icon.street.view:before {
    content: "\f21d"
}

i.icon.strikethrough:before {
    content: "\f0cc"
}

i.icon.stripe:before {
    content: "\f429"
}

i.icon.stripe.s:before {
    content: "\f42a"
}

i.icon.studiovinari:before {
    content: "\f3f8"
}

i.icon.stumbleupon:before {
    content: "\f1a4"
}

i.icon.stumbleupon.circle:before {
    content: "\f1a3"
}

i.icon.subscript:before {
    content: "\f12c"
}

i.icon.subway:before {
    content: "\f239"
}

i.icon.suitcase:before {
    content: "\f0f2"
}

i.icon.sun:before {
    content: "\f185"
}

i.icon.superpowers:before {
    content: "\f2dd"
}

i.icon.superscript:before {
    content: "\f12b"
}

i.icon.supple:before {
    content: "\f3f9"
}

i.icon.sync:before {
    content: "\f021"
}

i.icon.sync.alternate:before {
    content: "\f2f1"
}

i.icon.syringe:before {
    content: "\f48e"
}

i.icon.table:before {
    content: "\f0ce"
}

i.icon.table.tennis:before {
    content: "\f45d"
}

i.icon.tablet:before {
    content: "\f10a"
}

i.icon.tablet.alternate:before {
    content: "\f3fa"
}

i.icon.tachometer.alternate:before {
    content: "\f3fd"
}

i.icon.tag:before {
    content: "\f02b"
}

i.icon.tags:before {
    content: "\f02c"
}

i.icon.tasks:before {
    content: "\f0ae"
}

i.icon.taxi:before {
    content: "\f1ba"
}

i.icon.telegram:before {
    content: "\f2c6"
}

i.icon.telegram.plane:before {
    content: "\f3fe"
}

i.icon.tencent.weibo:before {
    content: "\f1d5"
}

i.icon.terminal:before {
    content: "\f120"
}

i.icon.text.height:before {
    content: "\f034"
}

i.icon.text.width:before {
    content: "\f035"
}

i.icon.th:before {
    content: "\f00a"
}

i.icon.th.large:before {
    content: "\f009"
}

i.icon.th.list:before {
    content: "\f00b"
}

i.icon.themeisle:before {
    content: "\f2b2"
}

i.icon.thermometer:before {
    content: "\f491"
}

i.icon.thermometer.empty:before {
    content: "\f2cb"
}

i.icon.thermometer.full:before {
    content: "\f2c7"
}

i.icon.thermometer.half:before {
    content: "\f2c9"
}

i.icon.thermometer.quarter:before {
    content: "\f2ca"
}

i.icon.thermometer.three.quarters:before {
    content: "\f2c8"
}

i.icon.thumbs.down:before {
    content: "\f165"
}

i.icon.thumbs.up:before {
    content: "\f164"
}

i.icon.thumbtack:before {
    content: "\f08d"
}

i.icon.ticket.alternate:before {
    content: "\f3ff"
}

i.icon.times:before {
    content: "\f00d"
}

i.icon.times.circle:before {
    content: "\f057"
}

i.icon.tint:before {
    content: "\f043"
}

i.icon.toggle.off:before {
    content: "\f204"
}

i.icon.toggle.on:before {
    content: "\f205"
}

i.icon.trademark:before {
    content: "\f25c"
}

i.icon.train:before {
    content: "\f238"
}

i.icon.transgender:before {
    content: "\f224"
}

i.icon.transgender.alternate:before {
    content: "\f225"
}

i.icon.trash:before {
    content: "\f1f8"
}

i.icon.trash.alternate:before {
    content: "\f2ed"
}

i.icon.tree:before {
    content: "\f1bb"
}

i.icon.trello:before {
    content: "\f181"
}

i.icon.tripadvisor:before {
    content: "\f262"
}

i.icon.trophy:before {
    content: "\f091"
}

i.icon.truck:before {
    content: "\f0d1"
}

i.icon.tty:before {
    content: "\f1e4"
}

i.icon.tumblr:before {
    content: "\f173"
}

i.icon.tumblr.square:before {
    content: "\f174"
}

i.icon.tv:before {
    content: "\f26c"
}

i.icon.twitch:before {
    content: "\f1e8"
}

i.icon.twitter:before {
    content: "\f099"
}

i.icon.twitter.square:before {
    content: "\f081"
}

i.icon.typo3:before {
    content: "\f42b"
}

i.icon.uber:before {
    content: "\f402"
}

i.icon.uikit:before {
    content: "\f403"
}

i.icon.umbrella:before {
    content: "\f0e9"
}

i.icon.underline:before {
    content: "\f0cd"
}

i.icon.undo:before {
    content: "\f0e2"
}

i.icon.undo.alternate:before {
    content: "\f2ea"
}

i.icon.uniregistry:before {
    content: "\f404"
}

i.icon.universal.access:before {
    content: "\f29a"
}

i.icon.university:before {
    content: "\f19c"
}

i.icon.unlink:before {
    content: "\f127"
}

i.icon.unlock:before {
    content: "\f09c"
}

i.icon.unlock.alternate:before {
    content: "\f13e"
}

i.icon.untappd:before {
    content: "\f405"
}

i.icon.upload:before {
    content: "\f093"
}

i.icon.usb:before {
    content: "\f287"
}

i.icon.user:before {
    content: "\f007"
}

i.icon.user.circle:before {
    content: "\f2bd"
}

i.icon.user.md:before {
    content: "\f0f0"
}

i.icon.user.plus:before {
    content: "\f234"
}

i.icon.user.secret:before {
    content: "\f21b"
}

i.icon.user.times:before {
    content: "\f235"
}

i.icon.users:before {
    content: "\f0c0"
}

i.icon.ussunnah:before {
    content: "\f407"
}

i.icon.utensil.spoon:before {
    content: "\f2e5"
}

i.icon.utensils:before {
    content: "\f2e7"
}

i.icon.vaadin:before {
    content: "\f408"
}

i.icon.venus:before {
    content: "\f221"
}

i.icon.venus.double:before {
    content: "\f226"
}

i.icon.venus.mars:before {
    content: "\f228"
}

i.icon.viacoin:before {
    content: "\f237"
}

i.icon.viadeo:before {
    content: "\f2a9"
}

i.icon.viadeo.square:before {
    content: "\f2aa"
}

i.icon.viber:before {
    content: "\f409"
}

i.icon.video:before {
    content: "\f03d"
}

i.icon.vimeo:before {
    content: "\f40a"
}

i.icon.vimeo.square:before {
    content: "\f194"
}

i.icon.vimeo.v:before {
    content: "\f27d"
}

i.icon.vine:before {
    content: "\f1ca"
}

i.icon.vk:before {
    content: "\f189"
}

i.icon.vnv:before {
    content: "\f40b"
}

i.icon.volleyball.ball:before {
    content: "\f45f"
}

i.icon.volume.down:before {
    content: "\f027"
}

i.icon.volume.off:before {
    content: "\f026"
}

i.icon.volume.up:before {
    content: "\f028"
}

i.icon.vuejs:before {
    content: "\f41f"
}

i.icon.warehouse:before {
    content: "\f494"
}

i.icon.weibo:before {
    content: "\f18a"
}

i.icon.weight:before {
    content: "\f496"
}

i.icon.weixin:before {
    content: "\f1d7"
}

i.icon.whatsapp:before {
    content: "\f232"
}

i.icon.whatsapp.square:before {
    content: "\f40c"
}

i.icon.wheelchair:before {
    content: "\f193"
}

i.icon.whmcs:before {
    content: "\f40d"
}

i.icon.wifi:before {
    content: "\f1eb"
}

i.icon.wikipedia.w:before {
    content: "\f266"
}

i.icon.window.close:before {
    content: "\f410"
}

i.icon.window.maximize:before {
    content: "\f2d0"
}

i.icon.window.minimize:before {
    content: "\f2d1"
}

i.icon.window.restore:before {
    content: "\f2d2"
}

i.icon.windows:before {
    content: "\f17a"
}

i.icon.won.sign:before {
    content: "\f159"
}

i.icon.wordpress:before {
    content: "\f19a"
}

i.icon.wordpress.simple:before {
    content: "\f411"
}

i.icon.wpbeginner:before {
    content: "\f297"
}

i.icon.wpexplorer:before {
    content: "\f2de"
}

i.icon.wpforms:before {
    content: "\f298"
}

i.icon.wrench:before {
    content: "\f0ad"
}

i.icon.xbox:before {
    content: "\f412"
}

i.icon.xing:before {
    content: "\f168"
}

i.icon.xing.square:before {
    content: "\f169"
}

i.icon.y.combinator:before {
    content: "\f23b"
}

i.icon.yahoo:before {
    content: "\f19e"
}

i.icon.yandex:before {
    content: "\f413"
}

i.icon.yandex.international:before {
    content: "\f414"
}

i.icon.yelp:before {
    content: "\f1e9"
}

i.icon.yen.sign:before {
    content: "\f157"
}

i.icon.yoast:before {
    content: "\f2b1"
}

i.icon.youtube:before {
    content: "\f167"
}

i.icon.youtube.square:before {
    content: "\f431"
}

i.icon.chess.rock:before {
    content: "\f447"
}

i.icon.ordered.list:before {
    content: "\f0cb"
}

i.icon.unordered.list:before {
    content: "\f0ca"
}

i.icon.user.doctor:before {
    content: "\f0f0"
}

i.icon.shield:before {
    content: "\f3ed"
}

i.icon.puzzle:before {
    content: "\f12e"
}

i.icon.credit.card.amazon.pay:before {
    content: "\f42d"
}

i.icon.credit.card.american.express:before {
    content: "\f1f3"
}

i.icon.credit.card.diners.club:before {
    content: "\f24c"
}

i.icon.credit.card.discover:before {
    content: "\f1f2"
}

i.icon.credit.card.jcb:before {
    content: "\f24b"
}

i.icon.credit.card.mastercard:before {
    content: "\f1f1"
}

i.icon.credit.card.paypal:before {
    content: "\f1f4"
}

i.icon.credit.card.stripe:before {
    content: "\f1f5"
}

i.icon.credit.card.visa:before {
    content: "\f1f0"
}

i.icon.add.circle:before {
    content: "\f055"
}

i.icon.add.square:before {
    content: "\f0fe"
}

i.icon.add.to.calendar:before {
    content: "\f271"
}

i.icon.add.to.cart:before {
    content: "\f217"
}

i.icon.add.user:before {
    content: "\f234"
}

i.icon.add:before {
    content: "\f067"
}

i.icon.alarm.mute:before {
    content: "\f1f6"
}

i.icon.alarm:before {
    content: "\f0f3"
}

i.icon.ald:before {
    content: "\f2a2"
}

i.icon.als:before {
    content: "\f2a2"
}

i.icon.american.express.card:before {
    content: "\f1f3"
}

i.icon.american.express:before {
    content: "\f1f3"
}

i.icon.amex:before {
    content: "\f1f3"
}

i.icon.announcement:before {
    content: "\f0a1"
}

i.icon.area.chart:before {
    content: "\f1fe"
}

i.icon.area.graph:before {
    content: "\f1fe"
}

i.icon.arrow.down.cart:before {
    content: "\f218"
}

i.icon.asexual:before {
    content: "\f22d"
}

i.icon.asl.interpreting:before {
    content: "\f2a3"
}

i.icon.asl:before {
    content: "\f2a3"
}

i.icon.assistive.listening.devices:before {
    content: "\f2a2"
}

i.icon.attach:before {
    content: "\f0c6"
}

i.icon.attention:before {
    content: "\f06a"
}

i.icon.balance:before {
    content: "\f24e"
}

i.icon.bar:before {
    content: "\f0fc"
}

i.icon.bathtub:before {
    content: "\f2cd"
}

i.icon.battery.four:before {
    content: "\f240"
}

i.icon.battery.high:before {
    content: "\f241"
}

i.icon.battery.low:before {
    content: "\f243"
}

i.icon.battery.medium:before {
    content: "\f242"
}

i.icon.battery.one:before {
    content: "\f243"
}

i.icon.battery.three:before {
    content: "\f241"
}

i.icon.battery.two:before {
    content: "\f242"
}

i.icon.battery.zero:before {
    content: "\f244"
}

i.icon.birthday:before {
    content: "\f1fd"
}

i.icon.block.layout:before {
    content: "\f009"
}

i.icon.bluetooth.alternative:before {
    content: "\f294"
}

i.icon.broken.chain:before {
    content: "\f127"
}

i.icon.browser:before {
    content: "\f022"
}

i.icon.call.square:before {
    content: "\f098"
}

i.icon.call:before {
    content: "\f095"
}

i.icon.cancel:before {
    content: "\f00d"
}

i.icon.cart:before {
    content: "\f07a"
}

i.icon.cc:before {
    content: "\f20a"
}

i.icon.chain:before {
    content: "\f0c1"
}

i.icon.chat:before {
    content: "\f075"
}

i.icon.checked.calendar:before {
    content: "\f274"
}

i.icon.checkmark:before {
    content: "\f00c"
}

i.icon.circle.notched:before {
    content: "\f1ce"
}

i.icon.close:before {
    content: "\f00d"
}

i.icon.cny:before {
    content: "\f157"
}

i.icon.cocktail:before {
    content: "\f000"
}

i.icon.commenting:before {
    content: "\f27a"
}

i.icon.computer:before {
    content: "\f108"
}

i.icon.configure:before {
    content: "\f0ad"
}

i.icon.content:before {
    content: "\f0c9"
}

i.icon.deafness:before {
    content: "\f2a4"
}

i.icon.delete.calendar:before {
    content: "\f273"
}

i.icon.delete:before {
    content: "\f00d"
}

i.icon.detective:before {
    content: "\f21b"
}

i.icon.diners.club.card:before {
    content: "\f24c"
}

i.icon.diners.club:before {
    content: "\f24c"
}

i.icon.discover.card:before {
    content: "\f1f2"
}

i.icon.discover:before {
    content: "\f1f2"
}

i.icon.discussions:before {
    content: "\f086"
}

i.icon.doctor:before {
    content: "\f0f0"
}

i.icon.dollar:before {
    content: "\f155"
}

i.icon.dont:before {
    content: "\f05e"
}

i.icon.dribble:before {
    content: "\f17d"
}

i.icon.drivers.license:before {
    content: "\f2c2"
}

i.icon.dropdown:before {
    content: "\f0d7"
}

i.icon.eercast:before {
    content: "\f2da"
}

i.icon.emergency:before {
    content: "\f0f9"
}

i.icon.envira.gallery:before {
    content: "\f299"
}

i.icon.erase:before {
    content: "\f12d"
}

i.icon.eur:before {
    content: "\f153"
}

i.icon.euro:before {
    content: "\f153"
}

i.icon.eyedropper:before {
    content: "\f1fb"
}

i.icon.fa:before {
    content: "\f2b4"
}

i.icon.factory:before {
    content: "\f275"
}

i.icon.favorite:before {
    content: "\f005"
}

i.icon.feed:before {
    content: "\f09e"
}

i.icon.female.homosexual:before {
    content: "\f226"
}

i.icon.file.text:before {
    content: "\f15c"
}

i.icon.find:before {
    content: "\f1e5"
}

i.icon.first.aid:before {
    content: "\f0fa"
}

i.icon.five.hundred.pixels:before {
    content: "\f26e"
}

i.icon.fork:before {
    content: "\f126"
}

i.icon.game:before {
    content: "\f11b"
}

i.icon.gay:before {
    content: "\f227"
}

i.icon.gbp:before {
    content: "\f154"
}

i.icon.gittip:before {
    content: "\f184"
}

i.icon.google.plus.circle:before {
    content: "\f2b3"
}

i.icon.google.plus.official:before {
    content: "\f2b3"
}

i.icon.grab:before {
    content: "\f255"
}

i.icon.graduation:before {
    content: "\f19d"
}

i.icon.grid.layout:before {
    content: "\f00a"
}

i.icon.group:before {
    content: "\f0c0"
}

i.icon.h:before {
    content: "\f0fd"
}

i.icon.hand.victory:before {
    content: "\f25b"
}

i.icon.handicap:before {
    content: "\f193"
}

i.icon.hard.of.hearing:before {
    content: "\f2a4"
}

i.icon.header:before {
    content: "\f1dc"
}

i.icon.help.circle:before {
    content: "\f059"
}

i.icon.help:before {
    content: "\f128"
}

i.icon.heterosexual:before {
    content: "\f228"
}

i.icon.hide:before {
    content: "\f070"
}

i.icon.hotel:before {
    content: "\f236"
}

i.icon.hourglass.four:before {
    content: "\f254"
}

i.icon.hourglass.full:before {
    content: "\f254"
}

i.icon.hourglass.one:before {
    content: "\f251"
}

i.icon.hourglass.three:before {
    content: "\f253"
}

i.icon.hourglass.two:before {
    content: "\f252"
}

i.icon.idea:before {
    content: "\f0eb"
}

i.icon.ils:before {
    content: "\f20b"
}

i.icon.in-cart:before {
    content: "\f218"
}

i.icon.inr:before {
    content: "\f156"
}

i.icon.intergender:before {
    content: "\f224"
}

i.icon.intersex:before {
    content: "\f224"
}

i.icon.japan.credit.bureau.card:before {
    content: "\f24b"
}

i.icon.japan.credit.bureau:before {
    content: "\f24b"
}

i.icon.jcb:before {
    content: "\f24b"
}

i.icon.jpy:before {
    content: "\f157"
}

i.icon.krw:before {
    content: "\f159"
}

i.icon.lab:before {
    content: "\f0c3"
}

i.icon.law:before {
    content: "\f24e"
}

i.icon.legal:before {
    content: "\f0e3"
}

i.icon.lesbian:before {
    content: "\f226"
}

i.icon.lightning:before {
    content: "\f0e7"
}

i.icon.like:before {
    content: "\f004"
}

i.icon.line.graph:before {
    content: "\f201"
}

i.icon.linkedin.square:before {
    content: "\f08c"
}

i.icon.linkify:before {
    content: "\f0c1"
}

i.icon.lira:before {
    content: "\f195"
}

i.icon.list.layout:before {
    content: "\f00b"
}

i.icon.magnify:before {
    content: "\f00e"
}

i.icon.mail.forward:before {
    content: "\f064"
}

i.icon.mail.square:before {
    content: "\f199"
}

i.icon.mail:before {
    content: "\f0e0"
}

i.icon.male.homosexual:before {
    content: "\f227"
}

i.icon.man:before {
    content: "\f222"
}

i.icon.marker:before {
    content: "\f041"
}

i.icon.mars.alternate:before {
    content: "\f229"
}

i.icon.mars.horizontal:before {
    content: "\f22b"
}

i.icon.mars.vertical:before {
    content: "\f22a"
}

i.icon.mastercard.card:before {
    content: "\f1f1"
}

i.icon.mastercard:before {
    content: "\f1f1"
}

i.icon.microsoft.edge:before {
    content: "\f282"
}

i.icon.military:before {
    content: "\f0fb"
}

i.icon.ms.edge:before {
    content: "\f282"
}

i.icon.mute:before {
    content: "\f131"
}

i.icon.new.pied.piper:before {
    content: "\f2ae"
}

i.icon.non.binary.transgender:before {
    content: "\f223"
}

i.icon.numbered.list:before {
    content: "\f0cb"
}

i.icon.optinmonster:before {
    content: "\f23c"
}

i.icon.options:before {
    content: "\f1de"
}

i.icon.other.gender.horizontal:before {
    content: "\f22b"
}

i.icon.other.gender.vertical:before {
    content: "\f22a"
}

i.icon.other.gender:before {
    content: "\f229"
}

i.icon.payment:before {
    content: "\f09d"
}

i.icon.paypal.card:before {
    content: "\f1f4"
}

i.icon.pencil.square:before {
    content: "\f14b"
}

i.icon.photo:before {
    content: "\f030"
}

i.icon.picture:before {
    content: "\f03e"
}

i.icon.pie.chart:before {
    content: "\f200"
}

i.icon.pie.graph:before {
    content: "\f200"
}

i.icon.pied.piper.hat:before {
    content: "\f2ae"
}

i.icon.pin:before {
    content: "\f08d"
}

i.icon.plus.cart:before {
    content: "\f217"
}

i.icon.pocket:before {
    content: "\f265"
}

i.icon.point:before {
    content: "\f041"
}

i.icon.pointing.down:before {
    content: "\f0a7"
}

i.icon.pointing.left:before {
    content: "\f0a5"
}

i.icon.pointing.right:before {
    content: "\f0a4"
}

i.icon.pointing.up:before {
    content: "\f0a6"
}

i.icon.pound:before {
    content: "\f154"
}

i.icon.power.cord:before {
    content: "\f1e6"
}

i.icon.power:before {
    content: "\f011"
}

i.icon.privacy:before {
    content: "\f084"
}

i.icon.r.circle:before {
    content: "\f25d"
}

i.icon.rain:before {
    content: "\f0e9"
}

i.icon.record:before {
    content: "\f03d"
}

i.icon.refresh:before {
    content: "\f021"
}

i.icon.remove.circle:before {
    content: "\f057"
}

i.icon.remove.from.calendar:before {
    content: "\f272"
}

i.icon.remove.user:before {
    content: "\f235"
}

i.icon.remove:before {
    content: "\f00d"
}

i.icon.repeat:before {
    content: "\f01e"
}

i.icon.rmb:before {
    content: "\f157"
}

i.icon.rouble:before {
    content: "\f158"
}

i.icon.rub:before {
    content: "\f158"
}

i.icon.ruble:before {
    content: "\f158"
}

i.icon.rupee:before {
    content: "\f156"
}

i.icon.s15:before {
    content: "\f2cd"
}

i.icon.selected.radio:before {
    content: "\f192"
}

i.icon.send:before {
    content: "\f1d8"
}

i.icon.setting:before {
    content: "\f013"
}

i.icon.settings:before {
    content: "\f085"
}

i.icon.shekel:before {
    content: "\f20b"
}

i.icon.sheqel:before {
    content: "\f20b"
}

i.icon.shipping:before {
    content: "\f0d1"
}

i.icon.shop:before {
    content: "\f07a"
}

i.icon.shuffle:before {
    content: "\f074"
}

i.icon.shutdown:before {
    content: "\f011"
}

i.icon.sidebar:before {
    content: "\f0c9"
}

i.icon.signing:before {
    content: "\f2a7"
}

i.icon.signup:before {
    content: "\f044"
}

i.icon.sliders:before {
    content: "\f1de"
}

i.icon.soccer:before {
    content: "\f1e3"
}

i.icon.sort.alphabet.ascending:before {
    content: "\f15d"
}

i.icon.sort.alphabet.descending:before {
    content: "\f15e"
}

i.icon.sort.ascending:before {
    content: "\f0de"
}

i.icon.sort.content.ascending:before {
    content: "\f160"
}

i.icon.sort.content.descending:before {
    content: "\f161"
}

i.icon.sort.descending:before {
    content: "\f0dd"
}

i.icon.sort.numeric.ascending:before {
    content: "\f162"
}

i.icon.sort.numeric.descending:before {
    content: "\f163"
}

i.icon.sound:before {
    content: "\f025"
}

i.icon.spy:before {
    content: "\f21b"
}

i.icon.stripe.card:before {
    content: "\f1f5"
}

i.icon.student:before {
    content: "\f19d"
}

i.icon.talk:before {
    content: "\f27a"
}

i.icon.target:before {
    content: "\f140"
}

i.icon.teletype:before {
    content: "\f1e4"
}

i.icon.television:before {
    content: "\f26c"
}

i.icon.text.cursor:before {
    content: "\f246"
}

i.icon.text.telephone:before {
    content: "\f1e4"
}

i.icon.theme.isle:before {
    content: "\f2b2"
}

i.icon.theme:before {
    content: "\f043"
}

i.icon.thermometer:before {
    content: "\f2c7"
}

i.icon.thumb.tack:before {
    content: "\f08d"
}

i.icon.time:before {
    content: "\f017"
}

i.icon.tm:before {
    content: "\f25c"
}

i.icon.toggle.down:before {
    content: "\f150"
}

i.icon.toggle.left:before {
    content: "\f191"
}

i.icon.toggle.right:before {
    content: "\f152"
}

i.icon.toggle.up:before {
    content: "\f151"
}

i.icon.translate:before {
    content: "\f1ab"
}

i.icon.travel:before {
    content: "\f0b1"
}

i.icon.treatment:before {
    content: "\f0f1"
}

i.icon.triangle.down:before {
    content: "\f0d7"
}

i.icon.triangle.left:before {
    content: "\f0d9"
}

i.icon.triangle.right:before {
    content: "\f0da"
}

i.icon.triangle.up:before {
    content: "\f0d8"
}

i.icon.try:before {
    content: "\f195"
}

i.icon.unhide:before {
    content: "\f06e"
}

i.icon.unlinkify:before {
    content: "\f127"
}

i.icon.unmute:before {
    content: "\f130"
}

i.icon.usd:before {
    content: "\f155"
}

i.icon.user.cancel:before {
    content: "\f235"
}

i.icon.user.close:before {
    content: "\f235"
}

i.icon.user.delete:before {
    content: "\f235"
}

i.icon.user.x:before {
    content: "\f235"
}

i.icon.vcard:before {
    content: "\f2bb"
}

i.icon.video.camera:before {
    content: "\f03d"
}

i.icon.video.play:before {
    content: "\f144"
}

i.icon.visa.card:before {
    content: "\f1f0"
}

i.icon.visa:before {
    content: "\f1f0"
}

i.icon.volume.control.phone:before {
    content: "\f2a0"
}

i.icon.wait:before {
    content: "\f017"
}

i.icon.warning.circle:before {
    content: "\f06a"
}

i.icon.warning.sign:before {
    content: "\f071"
}

i.icon.warning:before {
    content: "\f12a"
}

i.icon.wechat:before {
    content: "\f1d7"
}

i.icon.wi-fi:before {
    content: "\f1eb"
}

i.icon.wikipedia:before {
    content: "\f266"
}

i.icon.winner:before {
    content: "\f091"
}

i.icon.wizard:before {
    content: "\f0d0"
}

i.icon.woman:before {
    content: "\f221"
}

i.icon.won:before {
    content: "\f159"
}

i.icon.wordpress.beginner:before {
    content: "\f297"
}

i.icon.wordpress.forms:before {
    content: "\f298"
}

i.icon.world:before {
    content: "\f0ac"
}

i.icon.write.square:before {
    content: "\f14b"
}

i.icon.x:before {
    content: "\f00d"
}

i.icon.yc:before {
    content: "\f23b"
}

i.icon.ycombinator:before {
    content: "\f23b"
}

i.icon.yen:before {
    content: "\f157"
}

i.icon.zip:before {
    content: "\f187"
}

i.icon.zoom-in:before {
    content: "\f00e"
}

i.icon.zoom-out:before {
    content: "\f010"
}

i.icon.zoom:before {
    content: "\f00e"
}

i.icon.bitbucket.square:before {
    content: "\f171"
}

i.icon.checkmark.box:before {
    content: "\f14a"
}

i.icon.circle.thin:before {
    content: "\f111"
}

i.icon.cloud.download:before {
    content: "\f381"
}

i.icon.cloud.upload:before {
    content: "\f382"
}

i.icon.compose:before {
    content: "\f303"
}

i.icon.conversation:before {
    content: "\f086"
}

i.icon.credit.card.alternative:before {
    content: "\f09d"
}

i.icon.currency:before {
    content: "\f3d1"
}

i.icon.dashboard:before {
    content: "\f3fd"
}

i.icon.diamond:before {
    content: "\f3a5"
}

i.icon.disk:before {
    content: "\f0a0"
}

i.icon.exchange:before {
    content: "\f362"
}

i.icon.external.share:before {
    content: "\f14d"
}

i.icon.external.square:before {
    content: "\f360"
}

i.icon.external:before {
    content: "\f35d"
}

i.icon.facebook.official:before {
    content: "\f082"
}

i.icon.food:before {
    content: "\f2e7"
}

i.icon.hourglass.zero:before {
    content: "\f253"
}

i.icon.level.down:before {
    content: "\f3be"
}

i.icon.level.up:before {
    content: "\f3bf"
}

i.icon.logout:before {
    content: "\f2f5"
}

i.icon.meanpath:before {
    content: "\f0c8"
}

i.icon.money:before {
    content: "\f3d1"
}

i.icon.move:before {
    content: "\f0b2"
}

i.icon.pencil:before {
    content: "\f303"
}

i.icon.protect:before {
    content: "\f023"
}

i.icon.radio:before {
    content: "\f192"
}

i.icon.remove.bookmark:before {
    content: "\f02e"
}

i.icon.resize.horizontal:before {
    content: "\f337"
}

i.icon.resize.vertical:before {
    content: "\f338"
}

i.icon.sign-in:before {
    content: "\f2f6"
}

i.icon.sign-out:before {
    content: "\f2f5"
}

i.icon.spoon:before {
    content: "\f2e5"
}

i.icon.star.half.empty:before {
    content: "\f089"
}

i.icon.star.half.full:before {
    content: "\f089"
}

i.icon.ticket:before {
    content: "\f3ff"
}

i.icon.times.rectangle:before {
    content: "\f410"
}

i.icon.write:before {
    content: "\f303"
}

i.icon.youtube.play:before {
    content: "\f167"
}

@font-face {
    font-family: 'outline-icons';
    src: url("../fonts/outline-icons.eot");
    src: url("../fonts/outline-icons.eot") format("embedded-opentype"), url("../fonts/outline-icons.woff2") format("woff2"), url("../fonts/outline-icons.woff") format("woff"), url("../fonts/outline-icons.ttf") format("truetype"), url("../fonts/outline-icons.svg#icons") format("svg");
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none
}

i.icon.outline {
    font-family: 'outline-icons'
}

i.icon.address.book.outline:before {
    content: "\f2b9"
}

i.icon.address.card.outline:before {
    content: "\f2bb"
}

i.icon.arrow.alternate.circle.down.outline:before {
    content: "\f358"
}

i.icon.arrow.alternate.circle.left.outline:before {
    content: "\f359"
}

i.icon.arrow.alternate.circle.right.outline:before {
    content: "\f35a"
}

i.icon.arrow.alternate.circle.up.outline:before {
    content: "\f35b"
}

i.icon.bell.outline:before {
    content: "\f0f3"
}

i.icon.bell.slash.outline:before {
    content: "\f1f6"
}

i.icon.bookmark.outline:before {
    content: "\f02e"
}

i.icon.building.outline:before {
    content: "\f1ad"
}

i.icon.calendar.outline:before {
    content: "\f133"
}

i.icon.calendar.alternate.outline:before {
    content: "\f073"
}

i.icon.calendar.check.outline:before {
    content: "\f274"
}

i.icon.calendar.minus.outline:before {
    content: "\f272"
}

i.icon.calendar.plus.outline:before {
    content: "\f271"
}

i.icon.calendar.times.outline:before {
    content: "\f273"
}

i.icon.caret.square.down.outline:before {
    content: "\f150"
}

i.icon.caret.square.left.outline:before {
    content: "\f191"
}

i.icon.caret.square.right.outline:before {
    content: "\f152"
}

i.icon.caret.square.up.outline:before {
    content: "\f151"
}

i.icon.chart.bar.outline:before {
    content: "\f080"
}

i.icon.check.circle.outline:before {
    content: "\f058"
}

i.icon.check.square.outline:before {
    content: "\f14a"
}

i.icon.circle.outline:before {
    content: "\f111"
}

i.icon.clipboard.outline:before {
    content: "\f328"
}

i.icon.clock.outline:before {
    content: "\f017"
}

i.icon.clone.outline:before {
    content: "\f24d"
}

i.icon.closed.captioning.outline:before {
    content: "\f20a"
}

i.icon.comment.outline:before {
    content: "\f075"
}

i.icon.comment.alternate.outline:before {
    content: "\f27a"
}

i.icon.comments.outline:before {
    content: "\f086"
}

i.icon.compass.outline:before {
    content: "\f14e"
}

i.icon.copy.outline:before {
    content: "\f0c5"
}

i.icon.copyright.outline:before {
    content: "\f1f9"
}

i.icon.credit.card.outline:before {
    content: "\f09d"
}

i.icon.dot.circle.outline:before {
    content: "\f192"
}

i.icon.edit.outline:before {
    content: "\f044"
}

i.icon.envelope.outline:before {
    content: "\f0e0"
}

i.icon.envelope.open.outline:before {
    content: "\f2b6"
}

i.icon.eye.slash.outline:before {
    content: "\f070"
}

i.icon.file.outline:before {
    content: "\f15b"
}

i.icon.file.alternate.outline:before {
    content: "\f15c"
}

i.icon.file.archive.outline:before {
    content: "\f1c6"
}

i.icon.file.audio.outline:before {
    content: "\f1c7"
}

i.icon.file.code.outline:before {
    content: "\f1c9"
}

i.icon.file.excel.outline:before {
    content: "\f1c3"
}

i.icon.file.image.outline:before {
    content: "\f1c5"
}

i.icon.file.pdf.outline:before {
    content: "\f1c1"
}

i.icon.file.powerpoint.outline:before {
    content: "\f1c4"
}

i.icon.file.video.outline:before {
    content: "\f1c8"
}

i.icon.file.word.outline:before {
    content: "\f1c2"
}

i.icon.flag.outline:before {
    content: "\f024"
}

i.icon.folder.outline:before {
    content: "\f07b"
}

i.icon.folder.open.outline:before {
    content: "\f07c"
}

i.icon.frown.outline:before {
    content: "\f119"
}

i.icon.futbol.outline:before {
    content: "\f1e3"
}

i.icon.gem.outline:before {
    content: "\f3a5"
}

i.icon.hand.lizard.outline:before {
    content: "\f258"
}

i.icon.hand.paper.outline:before {
    content: "\f256"
}

i.icon.hand.peace.outline:before {
    content: "\f25b"
}

i.icon.hand.point.down.outline:before {
    content: "\f0a7"
}

i.icon.hand.point.left.outline:before {
    content: "\f0a5"
}

i.icon.hand.point.right.outline:before {
    content: "\f0a4"
}

i.icon.hand.point.up.outline:before {
    content: "\f0a6"
}

i.icon.hand.pointer.outline:before {
    content: "\f25a"
}

i.icon.hand.rock.outline:before {
    content: "\f255"
}

i.icon.hand.scissors.outline:before {
    content: "\f257"
}

i.icon.hand.spock.outline:before {
    content: "\f259"
}

i.icon.handshake.outline:before {
    content: "\f2b5"
}

i.icon.hdd.outline:before {
    content: "\f0a0"
}

i.icon.heart.outline:before {
    content: "\f004"
}

i.icon.hospital.outline:before {
    content: "\f0f8"
}

i.icon.hourglass.outline:before {
    content: "\f254"
}

i.icon.id.badge.outline:before {
    content: "\f2c1"
}

i.icon.id.card.outline:before {
    content: "\f2c2"
}

i.icon.image.outline:before {
    content: "\f03e"
}

i.icon.images.outline:before {
    content: "\f302"
}

i.icon.keyboard.outline:before {
    content: "\f11c"
}

i.icon.lemon.outline:before {
    content: "\f094"
}

i.icon.life.ring.outline:before {
    content: "\f1cd"
}

i.icon.lightbulb.outline:before {
    content: "\f0eb"
}

i.icon.list.alternate.outline:before {
    content: "\f022"
}

i.icon.map.outline:before {
    content: "\f279"
}

i.icon.meh.outline:before {
    content: "\f11a"
}

i.icon.minus.square.outline:before {
    content: "\f146"
}

i.icon.money.bill.alternate.outline:before {
    content: "\f3d1"
}

i.icon.moon.outline:before {
    content: "\f186"
}

i.icon.newspaper.outline:before {
    content: "\f1ea"
}

i.icon.object.group.outline:before {
    content: "\f247"
}

i.icon.object.ungroup.outline:before {
    content: "\f248"
}

i.icon.paper.plane.outline:before {
    content: "\f1d8"
}

i.icon.pause.circle.outline:before {
    content: "\f28b"
}

i.icon.play.circle.outline:before {
    content: "\f144"
}

i.icon.plus.square.outline:before {
    content: "\f0fe"
}

i.icon.question.circle.outline:before {
    content: "\f059"
}

i.icon.registered.outline:before {
    content: "\f25d"
}

i.icon.save.outline:before {
    content: "\f0c7"
}

i.icon.share.square.outline:before {
    content: "\f14d"
}

i.icon.smile.outline:before {
    content: "\f118"
}

i.icon.snowflake.outline:before {
    content: "\f2dc"
}

i.icon.square.outline:before {
    content: "\f0c8"
}

i.icon.star.outline:before {
    content: "\f005"
}

i.icon.star.half.outline:before {
    content: "\f089"
}

i.icon.sticky.note.outline:before {
    content: "\f249"
}

i.icon.stop.circle.outline:before {
    content: "\f28d"
}

i.icon.sun.outline:before {
    content: "\f185"
}

i.icon.thumbs.down.outline:before {
    content: "\f165"
}

i.icon.thumbs.up.outline:before {
    content: "\f164"
}

i.icon.times.circle.outline:before {
    content: "\f057"
}

i.icon.trash.alternate.outline:before {
    content: "\f2ed"
}

i.icon.user.outline:before {
    content: "\f007"
}

i.icon.user.circle.outline:before {
    content: "\f2bd"
}

i.icon.window.close.outline:before {
    content: "\f410"
}

i.icon.window.maximize.outline:before {
    content: "\f2d0"
}

i.icon.window.minimize.outline:before {
    content: "\f2d1"
}

i.icon.window.restore.outline:before {
    content: "\f2d2"
}

i.icon.disk.outline:before {
    content: "\f0a0"
}

i.icon.heart.empty,
i.icon.star.empty {
    font-family: 'outline-icons'
}

i.icon.heart.empty:before {
    content: "\f004"
}

i.icon.star.empty:before {
    content: "\f089"
}

@font-face {
    font-family: 'brand-icons';
    src: url("../fonts/brand-icons.eot");
    src: url("../fonts/brand-icons.eot") format("embedded-opentype"), url("../fonts/brand-icons.woff2") format("woff2"), url("../fonts/brand-icons.woff") format("woff"), url("../fonts/brand-icons.ttf") format("truetype"), url("../fonts/brand-icons.svg#icons") format("svg");
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none
}

i.icon.\35 00px,
i.icon.accessible.icon,
i.icon.accusoft,
i.icon.adn,
i.icon.adversal,
i.icon.affiliatetheme,
i.icon.algolia,
i.icon.amazon,
i.icon.amazon.pay,
i.icon.amilia,
i.icon.android,
i.icon.angellist,
i.icon.angrycreative,
i.icon.angular,
i.icon.app.store,
i.icon.app.store.ios,
i.icon.apper,
i.icon.apple,
i.icon.apple.pay,
i.icon.asymmetrik,
i.icon.audible,
i.icon.autoprefixer,
i.icon.avianex,
i.icon.aviato,
i.icon.aws,
i.icon.bandcamp,
i.icon.behance,
i.icon.behance.square,
i.icon.bimobject,
i.icon.bitbucket,
i.icon.bitcoin,
i.icon.bity,
i.icon.black.tie,
i.icon.blackberry,
i.icon.blogger,
i.icon.blogger.b,
i.icon.bluetooth,
i.icon.bluetooth.b,
i.icon.btc,
i.icon.buromobelexperte,
i.icon.buysellads,
i.icon.cc.amazon.pay,
i.icon.cc.amex,
i.icon.cc.apple.pay,
i.icon.cc.diners.club,
i.icon.cc.discover,
i.icon.cc.jcb,
i.icon.cc.mastercard,
i.icon.cc.paypal,
i.icon.cc.stripe,
i.icon.cc.visa,
i.icon.centercode,
i.icon.chrome,
i.icon.cloudscale,
i.icon.cloudsmith,
i.icon.cloudversify,
i.icon.codepen,
i.icon.codiepie,
i.icon.connectdevelop,
i.icon.contao,
i.icon.cpanel,
i.icon.creative.commons,
i.icon.css3,
i.icon.css3.alternate,
i.icon.cuttlefish,
i.icon.d.and.d,
i.icon.dashcube,
i.icon.delicious,
i.icon.deploydog,
i.icon.deskpro,
i.icon.deviantart,
i.icon.digg,
i.icon.digital.ocean,
i.icon.discord,
i.icon.discourse,
i.icon.dochub,
i.icon.docker,
i.icon.draft2digital,
i.icon.dribbble,
i.icon.dribbble.square,
i.icon.dropbox,
i.icon.drupal,
i.icon.dyalog,
i.icon.earlybirds,
i.icon.edge,
i.icon.elementor,
i.icon.ember,
i.icon.empire,
i.icon.envira,
i.icon.erlang,
i.icon.ethereum,
i.icon.etsy,
i.icon.expeditedssl,
i.icon.facebook,
i.icon.facebook.f,
i.icon.facebook.messenger,
i.icon.facebook.square,
i.icon.firefox,
i.icon.first.order,
i.icon.firstdraft,
i.icon.flickr,
i.icon.flipboard,
i.icon.fly,
i.icon.font.awesome,
i.icon.font.awesome.alternate,
i.icon.font.awesome.flag,
i.icon.fonticons,
i.icon.fonticons.fi,
i.icon.fort.awesome,
i.icon.fort.awesome.alternate,
i.icon.forumbee,
i.icon.foursquare,
i.icon.free.code.camp,
i.icon.freebsd,
i.icon.get.pocket,
i.icon.gg,
i.icon.gg.circle,
i.icon.git,
i.icon.git.square,
i.icon.github,
i.icon.github.alternate,
i.icon.github.square,
i.icon.gitkraken,
i.icon.gitlab,
i.icon.gitter,
i.icon.glide,
i.icon.glide.g,
i.icon.gofore,
i.icon.goodreads,
i.icon.goodreads.g,
i.icon.google,
i.icon.google.drive,
i.icon.google.play,
i.icon.google.plus,
i.icon.google.plus.g,
i.icon.google.plus.square,
i.icon.google.wallet,
i.icon.gratipay,
i.icon.grav,
i.icon.gripfire,
i.icon.grunt,
i.icon.gulp,
i.icon.hacker.news,
i.icon.hacker.news.square,
i.icon.hips,
i.icon.hire.a.helper,
i.icon.hooli,
i.icon.hotjar,
i.icon.houzz,
i.icon.html5,
i.icon.hubspot,
i.icon.imdb,
i.icon.instagram,
i.icon.internet.explorer,
i.icon.ioxhost,
i.icon.itunes,
i.icon.itunes.note,
i.icon.jenkins,
i.icon.joget,
i.icon.joomla,
i.icon.js,
i.icon.js.square,
i.icon.jsfiddle,
i.icon.keycdn,
i.icon.kickstarter,
i.icon.kickstarter.k,
i.icon.korvue,
i.icon.laravel,
i.icon.lastfm,
i.icon.lastfm.square,
i.icon.leanpub,
i.icon.less,
i.icon.linechat,
i.icon.linkedin,
i.icon.linkedin.alternate,
i.icon.linkedin.in,
i.icon.linode,
i.icon.linux,
i.icon.lyft,
i.icon.magento,
i.icon.maxcdn,
i.icon.medapps,
i.icon.medium,
i.icon.medium.m,
i.icon.medrt,
i.icon.meetup,
i.icon.microsoft,
i.icon.mix,
i.icon.mixcloud,
i.icon.mizuni,
i.icon.modx,
i.icon.monero,
i.icon.napster,
i.icon.nintendo.switch,
i.icon.node,
i.icon.node.js,
i.icon.npm,
i.icon.ns8,
i.icon.nutritionix,
i.icon.odnoklassniki,
i.icon.odnoklassniki.square,
i.icon.opencart,
i.icon.openid,
i.icon.opera,
i.icon.optin.monster,
i.icon.osi,
i.icon.page4,
i.icon.pagelines,
i.icon.palfed,
i.icon.patreon,
i.icon.paypal,
i.icon.periscope,
i.icon.phabricator,
i.icon.phoenix.framework,
i.icon.php,
i.icon.pied.piper,
i.icon.pied.piper.alternate,
i.icon.pied.piper.pp,
i.icon.pinterest,
i.icon.pinterest.p,
i.icon.pinterest.square,
i.icon.playstation,
i.icon.product.hunt,
i.icon.pushed,
i.icon.python,
i.icon.qq,
i.icon.quinscape,
i.icon.quora,
i.icon.ravelry,
i.icon.react,
i.icon.rebel,
i.icon.redriver,
i.icon.reddit,
i.icon.reddit.alien,
i.icon.reddit.square,
i.icon.rendact,
i.icon.renren,
i.icon.replyd,
i.icon.resolving,
i.icon.rocketchat,
i.icon.rockrms,
i.icon.safari,
i.icon.sass,
i.icon.schlix,
i.icon.scribd,
i.icon.searchengin,
i.icon.sellcast,
i.icon.sellsy,
i.icon.servicestack,
i.icon.shirtsinbulk,
i.icon.simplybuilt,
i.icon.sistrix,
i.icon.skyatlas,
i.icon.skype,
i.icon.slack,
i.icon.slack.hash,
i.icon.slideshare,
i.icon.snapchat,
i.icon.snapchat.ghost,
i.icon.snapchat.square,
i.icon.soundcloud,
i.icon.speakap,
i.icon.spotify,
i.icon.stack.exchange,
i.icon.stack.overflow,
i.icon.staylinked,
i.icon.steam,
i.icon.steam.square,
i.icon.steam.symbol,
i.icon.sticker.mule,
i.icon.strava,
i.icon.stripe,
i.icon.stripe.s,
i.icon.studiovinari,
i.icon.stumbleupon,
i.icon.stumbleupon.circle,
i.icon.superpowers,
i.icon.supple,
i.icon.telegram,
i.icon.telegram.plane,
i.icon.tencent.weibo,
i.icon.themeisle,
i.icon.trello,
i.icon.tripadvisor,
i.icon.tumblr,
i.icon.tumblr.square,
i.icon.twitch,
i.icon.twitter,
i.icon.twitter.square,
i.icon.typo3,
i.icon.uber,
i.icon.uikit,
i.icon.uniregistry,
i.icon.untappd,
i.icon.usb,
i.icon.ussunnah,
i.icon.vaadin,
i.icon.viacoin,
i.icon.viadeo,
i.icon.viadeo.square,
i.icon.viber,
i.icon.vimeo,
i.icon.vimeo.square,
i.icon.vimeo.v,
i.icon.vine,
i.icon.vk,
i.icon.vnv,
i.icon.vuejs,
i.icon.wechat,
i.icon.weibo,
i.icon.weixin,
i.icon.whatsapp,
i.icon.whatsapp.square,
i.icon.whmcs,
i.icon.wikipedia.w,
i.icon.windows,
i.icon.wordpress,
i.icon.wordpress.simple,
i.icon.wpbeginner,
i.icon.wpexplorer,
i.icon.wpforms,
i.icon.xbox,
i.icon.xing,
i.icon.xing.square,
i.icon.y.combinator,
i.icon.yahoo,
i.icon.yandex,
i.icon.yandex.international,
i.icon.yelp,
i.icon.yoast,
i.icon.youtube,
i.icon.youtube.square {
    font-family: 'brand-icons'
}

.ui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent
}

img.ui.image {
    display: block
}

.ui.image svg,
.ui.image img {
    display: block;
    max-width: 100%;
    height: auto
}

.ui.disabled.image {
    cursor: default;
    opacity: 0.3
}

.ui.inline.image,
.ui.inline.image svg,
.ui.inline.image img {
    display: inline-block
}

.ui.top.aligned.images .image,
.ui.top.aligned.image,
.ui.top.aligned.image svg,
.ui.top.aligned.image img {
    display: inline-block;
    vertical-align: top
}

.ui.middle.aligned.images .image,
.ui.middle.aligned.image,
.ui.middle.aligned.image svg,
.ui.middle.aligned.image img {
    display: inline-block;
    vertical-align: middle
}

.ui.bottom.aligned.images .image,
.ui.bottom.aligned.image,
.ui.bottom.aligned.image svg,
.ui.bottom.aligned.image img {
    display: inline-block;
    vertical-align: bottom
}

.ui.rounded.images .image,
.ui.rounded.images img,
.ui.rounded.images svg,
.ui.rounded.image img,
.ui.rounded.image svg,
.ui.rounded.image {
    border-radius: 0.3125em
}

.ui.bordered.images .image,
.ui.bordered.images img,
.ui.bordered.images svg,
.ui.bordered.image img,
.ui.bordered.image svg,
img.ui.bordered.image {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.circular.images,
.ui.circular.image {
    overflow: hidden
}

.ui.circular.images .image,
.ui.circular.images img,
.ui.circular.images svg,
.ui.circular.image img,
.ui.circular.image svg,
.ui.circular.image {
    border-radius: 500rem
}

.ui.fluid.images,
.ui.fluid.image,
.ui.fluid.images img,
.ui.fluid.images svg,
.ui.fluid.image svg,
.ui.fluid.image img {
    display: block;
    width: 100%
}

.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image {
    margin-right: 0.25em;
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    border-radius: 500rem
}

.ui.floated.image,
.ui.floated.images {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.ui.right.floated.images,
.ui.right.floated.image {
    float: right;
    margin-right: 0em;
    margin-bottom: 1em;
    margin-left: 1em
}

.ui.floated.images:last-child,
.ui.floated.image:last-child {
    margin-bottom: 0em
}

.ui.centered.images,
.ui.centered.image {
    margin-left: auto;
    margin-right: auto
}

.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg,
.ui.mini.image {
    width: 20px;
    font-size: 0.71428571rem
}

.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg,
.ui.tiny.image {
    width: 80px;
    font-size: 0.85714286rem
}

.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg,
.ui.small.image {
    width: 150px;
    font-size: 0.92857143rem
}

.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg,
.ui.medium.image {
    width: 300px;
    font-size: 1rem
}

.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg,
.ui.large.image {
    width: 450px;
    font-size: 1.14285714rem
}

.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg,
.ui.big.image {
    width: 600px;
    font-size: 1.28571429rem
}

.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg,
.ui.huge.image {
    width: 800px;
    font-size: 1.42857143rem
}

.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg,
.ui.massive.image {
    width: 960px;
    font-size: 1.71428571rem
}

.ui.images {
    font-size: 0em;
    margin: 0em -0.25rem 0rem
}

.ui.images .image,
.ui.images img,
.ui.images svg {
    display: inline-block;
    margin: 0em 0.25rem 0.5rem
}

.ui.input {
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8)
}

.ui.input input {
    margin: 0em;
    width: 100%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.2142em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    padding: 0.67861em 1em;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.2857rem;
    -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.input input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4)
}

.ui.input input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.4)
}

.ui.input input:active,
.ui.input.down input {
    border-color: rgba(0, 0, 0, 0.3);
    background: #fafafa;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.loading.loading.input>i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285em 0em 0em -0.64285em;
    width: 1.2857em;
    height: 1.2857em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loading.loading.input>i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285em 0em 0em -0.64285em;
    width: 1.2857em;
    height: 1.2857em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaaaaa transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent
}

.ui.input.focus input,
.ui.input input:focus {
    border-color: rgba(39, 41, 43, 0.3);
    background: #ffffff;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.input.focus input input::-webkit-input-placeholder,
.ui.input input:focus input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.8)
}

.ui.input.focus input input::-moz-placeholder,
.ui.input input:focus input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.8)
}

.ui.input.error input {
    background-color: #fff0f0;
    border-color: #dbb1b1;
    color: #d95c5c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.input.error input ::-webkit-input-placeholder {
    color: rgba(255, 80, 80, 0.4)
}

.ui.input.error input ::-moz-placeholder {
    color: rgba(255, 80, 80, 0.4)
}

.ui.input.error input :focus::-webkit-input-placeholder {
    color: rgba(255, 80, 80, 0.7)
}

.ui.input.error input :focus::-moz-placeholder {
    color: rgba(255, 80, 80, 0.7)
}

.ui.transparent.input input {
    border-color: transparent;
    background-color: transparent;
    padding: 0em
}

.ui.transparent.icon.input>i.icon {
    width: 1.25em
}

.ui.transparent.icon.input>input {
    padding-left: 0em !important;
    padding-right: 2em !important
}

.ui.transparent[class*="left icon"].input>input {
    padding-left: 0em !important;
    padding-left: 2em !important
}

.ui.transparent.inverted.input input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.ui.transparent.inverted.input {
    color: #ffffff
}

.ui.transparent.inverted.input input {
    color: inherit
}

.ui.icon.input>i.icon {
    cursor: default;
    position: absolute;
    text-align: center;
    top: 0px;
    right: 0px;
    margin: 0em;
    height: 100%;
    width: 2.82142em;
    opacity: 0.5;
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.ui.icon.input input {
    padding-right: 2.82142em !important
}

.ui.icon.input>i.icon:before,
.ui.icon.input>i.icon:after {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -0.5em
}

.ui.icon.input>i.link.icon {
    cursor: pointer
}

.ui.icon.input>i.circular.icon {
    top: 0.35em;
    right: 0.5em
}

.ui[class*="left icon"].input>i.icon {
    right: auto;
    left: 1px;
    border-radius: 0.2857rem 0em 0em 0.2857rem
}

.ui[class*="left icon"].input>i.circular.icon {
    right: auto;
    left: 0.5em
}

.ui[class*="left icon"].input>input {
    padding-left: 2.82142em !important;
    padding-right: 1em !important
}

.ui.icon.input>input:focus~i.icon {
    opacity: 1
}

.ui.labeled.input {
    display: table
}

.ui.labeled.input>input {
    display: table-cell;
    vertical-align: top
}

.ui.labeled.input>.label {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 1em
}

.ui.labeled.input>.label>.icon {
    display: inline;
    vertical-align: top
}

.ui.fluid.labeled.input {
    display: table;
    width: 100%
}

.ui.fluid.labeled.input>.label {
    width: 0.01%
}

.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"])>input {
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"])>.label {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.ui[class*="right labeled"].input>input {
    border-right: none;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

.ui[class*="right labeled"].input>.label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.ui.labeled.input .corner.label {
    top: 1px;
    right: 1px;
    font-size: 0.75em;
    border-radius: 0em 0.2857rem 0em 0em
}

.ui.labeled.input input {
    padding-right: 2.5em !important
}

.ui[class*="corner labeled"].input {
    display: inline-block
}

.ui[class*="corner labeled"].input>input {
    display: block
}

.ui[class*="corner labeled"].icon.input:not(.left)>input {
    padding-right: 3.25em !important
}

.ui[class*="corner labeled"].icon.input:not(.left)>.icon {
    margin-right: 1.25em
}

.ui.action.input {
    display: table
}

.ui.action.input>input {
    display: table-cell;
    vertical-align: top
}

.ui.action.input>.button,
.ui.action.input>.buttons {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 0.78571em;
    padding-bottom: 0.78571em
}

.ui.action.input>.button>.icon,
.ui.action.input>.buttons>.button>.icon {
    display: inline;
    vertical-align: top
}

.ui.fluid.action.input {
    display: table;
    width: 100%
}

.ui.fluid.action.input>.button {
    width: 0.01%
}

.ui.action.input:not([class*="left action"])>input {
    border-right: none;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

.ui.action.input:not([class*="left action"])>.button,
.ui.action.input:not([class*="left action"])>.buttons {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.ui[class*="left action"].input>.button,
.ui[class*="left action"].input>.buttons {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.ui[class*="left action"].input>input {
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.ui.inverted.input input {
    border: none
}

.ui.fluid.input {
    display: block
}

.ui.mini.input {
    font-size: 0.8125rem
}

.ui.small.input {
    font-size: 0.875rem
}

.ui.input {
    font-size: 1rem
}

.ui.large.input {
    font-size: 1.125rem
}

.ui.big.input {
    font-size: 1.25rem
}

.ui.huge.input {
    font-size: 1.375rem
}

.ui.massive.input {
    font-size: 1.5rem
}


/*!
 * # Semantic UI 2.2.10 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0em 0.14285714em;
    background-color: #E8E8E8;
    background-image: none;
    padding: 0.5833em 0.833em;
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-weight: bold;
    border: 0px solid transparent;
    border-radius: 0.28571429rem;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.label:first-child {
    margin-left: 0em
}

.ui.label:last-child {
    margin-right: 0em
}

a.ui.label {
    cursor: pointer
}

.ui.label>a {
    cursor: pointer;
    color: inherit;
    opacity: 0.5;
    -webkit-transition: 0.1s opacity ease;
    transition: 0.1s opacity ease
}

.ui.label>a:hover {
    opacity: 1
}

.ui.label>img {
    vertical-align: middle
}

.ui.label>.icon {
    width: auto;
    margin: 0em 0.75em 0em 0em
}

.ui.label>.detail {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-left: 1em;
    opacity: 0.8
}

.ui.label>.detail .icon {
    margin: 0em 0.25em 0em 0em
}

.ui.label>.close.icon,
.ui.label>.delete.icon {
    cursor: pointer;
    margin-right: 0em;
    margin-left: 0.5em;
    font-size: 0.92857143em;
    opacity: 0.5;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.label>.delete.icon:hover {
    opacity: 1
}

.ui.labels>.label {
    margin: 0em 0.5em 0.5em 0em
}

.ui.header>.ui.label {
    margin-top: -0.29165em
}

.ui.attached.segment>.ui.top.left.attached.label,
.ui.bottom.attached.segment>.ui.top.left.attached.label {
    border-top-left-radius: 0
}

.ui.attached.segment>.ui.top.right.attached.label,
.ui.bottom.attached.segment>.ui.top.right.attached.label {
    border-top-right-radius: 0
}

.ui.top.attached.segment>.ui.bottom.left.attached.label {
    border-bottom-left-radius: 0
}

.ui.top.attached.segment>.ui.bottom.right.attached.label {
    border-bottom-right-radius: 0
}

.ui.top.attached.label:first-child+:not(.attached),
.ui.top.attached.label+[class*="right floated"]+* {
    margin-top: 2rem !important
}

.ui.bottom.attached.label:first-child~ :last-child:not(.attached) {
    margin-top: 0em;
    margin-bottom: 2rem !important
}

.ui.image.label {
    width: auto !important;
    margin-top: 0em;
    margin-bottom: 0em;
    max-width: 9999px;
    vertical-align: baseline;
    text-transform: none;
    background: #E8E8E8;
    padding: 0.5833em 0.833em 0.5833em 0.5em;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.image.label img {
    display: inline-block;
    vertical-align: top;
    height: 2.1666em;
    margin: -0.5833em 0.5em -0.5833em -0.5em;
    border-radius: 0.28571429rem 0em 0em 0.28571429rem
}

.ui.image.label .detail {
    background: rgba(0, 0, 0, 0.1);
    margin: -0.5833em -0.833em -0.5833em 0.5em;
    padding: 0.5833em 0.833em;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em
}

.ui.tag.labels .label,
.ui.tag.label {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    -webkit-transition: none;
    transition: none
}

.ui.tag.labels .label:before,
.ui.tag.label:before {
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: inherit;
    background-image: none;
    width: 1.56em;
    height: 1.56em;
    -webkit-transition: none;
    transition: none
}

.ui.tag.labels .label:after,
.ui.tag.label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: -0.25em;
    margin-top: -0.25em;
    background-color: #FFFFFF !important;
    width: 0.5em;
    height: 0.5em;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 500rem
}

.ui.corner.label {
    position: absolute;
    top: 0em;
    right: 0em;
    margin: 0em;
    padding: 0em;
    text-align: center;
    border-color: #E8E8E8;
    width: 4em;
    height: 4em;
    z-index: 1;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease
}

.ui.corner.label {
    background-color: transparent !important
}

.ui.corner.label:after {
    position: absolute;
    content: "";
    right: 0em;
    top: 0em;
    z-index: -1;
    width: 0em;
    height: 0em;
    background-color: transparent !important;
    border-top: 0em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 4em solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: 0.64285714em;
    left: 0.78571429em;
    font-size: 1.14285714em;
    margin: 0em
}

.ui.left.corner.label,
.ui.left.corner.label:after {
    right: auto;
    left: 0em
}

.ui.left.corner.label:after {
    border-top: 4em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 0em solid transparent;
    border-left: 0em solid transparent;
    border-top-color: inherit
}

.ui.left.corner.label .icon {
    left: -0.78571429em
}

.ui.segment>.ui.corner.label {
    top: -1px;
    right: -1px
}

.ui.segment>.ui.left.corner.label {
    right: auto;
    left: -1px
}

.ui.ribbon.label {
    position: relative;
    margin: 0em;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    border-color: rgba(0, 0, 0, 0.15)
}

.ui.ribbon.label:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0%;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0em 1.2em 1.2em 0em;
    border-color: transparent;
    border-right-color: inherit;
    width: 0em;
    height: 0em
}

.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    margin-right: -1.2em;
    padding-left: calc(1rem + 1.2em);
    padding-right: 1.2em
}

.ui[class*="right ribbon"].label {
    left: calc(100% + 1rem + 1.2em);
    padding-left: 1.2em;
    padding-right: calc(1rem + 1.2em)
}

.ui[class*="right ribbon"].label {
    text-align: left;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: 0.28571429rem 0em 0em 0.28571429rem
}

.ui[class*="right ribbon"].label:after {
    left: auto;
    right: 0%;
    border-style: solid;
    border-width: 1.2em 1.2em 0em 0em;
    border-color: transparent;
    border-top-color: inherit
}

.ui.image>.ribbon.label,
.ui.card .image>.ribbon.label {
    position: absolute;
    top: 1rem
}

.ui.card .image>.ui.ribbon.label,
.ui.image>.ui.ribbon.label {
    left: calc(0.05rem - 1.2em)
}

.ui.card .image>.ui[class*="right ribbon"].label,
.ui.image>.ui[class*="right ribbon"].label {
    left: calc(100% + -0.05rem + 1.2em);
    padding-left: 0.833em
}

.ui.table td>.ui.ribbon.label {
    left: calc(-0.78571429em - 1.2em)
}

.ui.table td>.ui[class*="right ribbon"].label {
    left: calc(100% + 0.78571429em + 1.2em);
    padding-left: 0.833em
}

.ui[class*="top attached"].label,
.ui.attached.label {
    width: 100%;
    position: absolute;
    margin: 0em;
    top: 0em;
    left: 0em;
    padding: 0.75em 1em;
    border-radius: 0.21428571rem 0.21428571rem 0em 0em
}

.ui[class*="bottom attached"].label {
    top: auto;
    bottom: 0em;
    border-radius: 0em 0em 0.21428571rem 0.21428571rem
}

.ui[class*="top left attached"].label {
    width: auto;
    margin-top: 0em !important;
    border-radius: 0.21428571rem 0em 0.28571429rem 0em
}

.ui[class*="top right attached"].label {
    width: auto;
    left: auto;
    right: 0em;
    border-radius: 0em 0.21428571rem 0em 0.28571429rem
}

.ui[class*="bottom left attached"].label {
    width: auto;
    top: auto;
    bottom: 0em;
    border-radius: 0em 0.28571429rem 0em 0.21428571rem
}

.ui[class*="bottom right attached"].label {
    top: auto;
    bottom: 0em;
    left: auto;
    right: 0em;
    width: auto;
    border-radius: 0.28571429rem 0em 0.21428571rem 0em
}

.ui.label.disabled {
    opacity: 0.5
}

a.ui.labels .label:hover,
a.ui.label:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    background-image: none;
    color: rgba(0, 0, 0, 0.8)
}

.ui.labels a.label:hover:before,
a.ui.label:hover:before {
    color: rgba(0, 0, 0, 0.8)
}

.ui.active.label {
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.active.label:before {
    background-color: #D0D0D0;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

a.ui.labels .active.label:hover,
a.ui.active.label:hover {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
    background-color: #C8C8C8;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
    display: inline-block !important
}

.ui.labels.hidden .label,
.ui.label.hidden {
    display: none !important
}

.ui.red.labels .label,
.ui.red.label {
    background-color: #DB2828 !important;
    border-color: #DB2828 !important;
    color: #FFFFFF !important
}

.ui.red.labels .label:hover,
a.ui.red.label:hover {
    background-color: #d01919 !important;
    border-color: #d01919 !important;
    color: #FFFFFF !important
}

.ui.red.corner.label,
.ui.red.corner.label:hover {
    background-color: transparent !important
}

.ui.red.ribbon.label {
    border-color: #b21e1e !important
}

.ui.basic.red.label {
    background-color: #FFFFFF !important;
    color: #DB2828 !important;
    border-color: #DB2828 !important
}

.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
    background-color: #FFFFFF !important;
    color: #d01919 !important;
    border-color: #d01919 !important
}

.ui.orange.labels .label,
.ui.orange.label {
    background-color: #F2711C !important;
    border-color: #F2711C !important;
    color: #FFFFFF !important
}

.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
    background-color: #f26202 !important;
    border-color: #f26202 !important;
    color: #FFFFFF !important
}

.ui.orange.corner.label,
.ui.orange.corner.label:hover {
    background-color: transparent !important
}

.ui.orange.ribbon.label {
    border-color: #cf590c !important
}

.ui.basic.orange.label {
    background-color: #FFFFFF !important;
    color: #F2711C !important;
    border-color: #F2711C !important
}

.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
    background-color: #FFFFFF !important;
    color: #f26202 !important;
    border-color: #f26202 !important
}

.ui.yellow.labels .label,
.ui.yellow.label {
    background-color: #FBBD08 !important;
    border-color: #FBBD08 !important;
    color: #FFFFFF !important
}

.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
    background-color: #eaae00 !important;
    border-color: #eaae00 !important;
    color: #FFFFFF !important
}

.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
    background-color: transparent !important
}

.ui.yellow.ribbon.label {
    border-color: #cd9903 !important
}

.ui.basic.yellow.label {
    background-color: #FFFFFF !important;
    color: #FBBD08 !important;
    border-color: #FBBD08 !important
}

.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
    background-color: #FFFFFF !important;
    color: #eaae00 !important;
    border-color: #eaae00 !important
}

.ui.olive.labels .label,
.ui.olive.label {
    background-color: #B5CC18 !important;
    border-color: #B5CC18 !important;
    color: #FFFFFF !important
}

.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
    background-color: #a7bd0d !important;
    border-color: #a7bd0d !important;
    color: #FFFFFF !important
}

.ui.olive.corner.label,
.ui.olive.corner.label:hover {
    background-color: transparent !important
}

.ui.olive.ribbon.label {
    border-color: #198f35 !important
}

.ui.basic.olive.label {
    background-color: #FFFFFF !important;
    color: #B5CC18 !important;
    border-color: #B5CC18 !important
}

.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
    background-color: #FFFFFF !important;
    color: #a7bd0d !important;
    border-color: #a7bd0d !important
}

.ui.green.labels .label,
.ui.green.label {
    background-color: #21BA45 !important;
    border-color: #21BA45 !important;
    color: #FFFFFF !important
}

.ui.green.labels .label:hover,
a.ui.green.label:hover {
    background-color: #16ab39 !important;
    border-color: #16ab39 !important;
    color: #FFFFFF !important
}

.ui.green.corner.label,
.ui.green.corner.label:hover {
    background-color: transparent !important
}

.ui.green.ribbon.label {
    border-color: #198f35 !important
}

.ui.basic.green.label {
    background-color: #FFFFFF !important;
    color: #21BA45 !important;
    border-color: #21BA45 !important
}

.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
    background-color: #FFFFFF !important;
    color: #16ab39 !important;
    border-color: #16ab39 !important
}

.ui.teal.labels .label,
.ui.teal.label {
    background-color: #00B5AD !important;
    border-color: #00B5AD !important;
    color: #FFFFFF !important
}

.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
    background-color: #009c95 !important;
    border-color: #009c95 !important;
    color: #FFFFFF !important
}

.ui.teal.corner.label,
.ui.teal.corner.label:hover {
    background-color: transparent !important
}

.ui.teal.ribbon.label {
    border-color: #00827c !important
}

.ui.basic.teal.label {
    background-color: #FFFFFF !important;
    color: #00B5AD !important;
    border-color: #00B5AD !important
}

.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
    background-color: #FFFFFF !important;
    color: #009c95 !important;
    border-color: #009c95 !important
}

.ui.blue.labels .label,
.ui.blue.label {
    background-color: #2185D0 !important;
    border-color: #2185D0 !important;
    color: #FFFFFF !important
}

.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
    background-color: #1678c2 !important;
    border-color: #1678c2 !important;
    color: #FFFFFF !important
}

.ui.blue.corner.label,
.ui.blue.corner.label:hover {
    background-color: transparent !important
}

.ui.blue.ribbon.label {
    border-color: #1a69a4 !important
}

.ui.basic.blue.label {
    background-color: #FFFFFF !important;
    color: #2185D0 !important;
    border-color: #2185D0 !important
}

.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
    background-color: #FFFFFF !important;
    color: #1678c2 !important;
    border-color: #1678c2 !important
}

.ui.violet.labels .label,
.ui.violet.label {
    background-color: #6435C9 !important;
    border-color: #6435C9 !important;
    color: #FFFFFF !important
}

.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
    background-color: #5829bb !important;
    border-color: #5829bb !important;
    color: #FFFFFF !important
}

.ui.violet.corner.label,
.ui.violet.corner.label:hover {
    background-color: transparent !important
}

.ui.violet.ribbon.label {
    border-color: #502aa1 !important
}

.ui.basic.violet.label {
    background-color: #FFFFFF !important;
    color: #6435C9 !important;
    border-color: #6435C9 !important
}

.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
    background-color: #FFFFFF !important;
    color: #5829bb !important;
    border-color: #5829bb !important
}

.ui.purple.labels .label,
.ui.purple.label {
    background-color: #A333C8 !important;
    border-color: #A333C8 !important;
    color: #FFFFFF !important
}

.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
    background-color: #9627ba !important;
    border-color: #9627ba !important;
    color: #FFFFFF !important
}

.ui.purple.corner.label,
.ui.purple.corner.label:hover {
    background-color: transparent !important
}

.ui.purple.ribbon.label {
    border-color: #82299f !important
}

.ui.basic.purple.label {
    background-color: #FFFFFF !important;
    color: #A333C8 !important;
    border-color: #A333C8 !important
}

.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
    background-color: #FFFFFF !important;
    color: #9627ba !important;
    border-color: #9627ba !important
}

.ui.pink.labels .label,
.ui.pink.label {
    background-color: #E03997 !important;
    border-color: #E03997 !important;
    color: #FFFFFF !important
}

.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
    background-color: #e61a8d !important;
    border-color: #e61a8d !important;
    color: #FFFFFF !important
}

.ui.pink.corner.label,
.ui.pink.corner.label:hover {
    background-color: transparent !important
}

.ui.pink.ribbon.label {
    border-color: #c71f7e !important
}

.ui.basic.pink.label {
    background-color: #FFFFFF !important;
    color: #E03997 !important;
    border-color: #E03997 !important
}

.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
    background-color: #FFFFFF !important;
    color: #e61a8d !important;
    border-color: #e61a8d !important
}

.ui.brown.labels .label,
.ui.brown.label {
    background-color: #A5673F !important;
    border-color: #A5673F !important;
    color: #FFFFFF !important
}

.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
    background-color: #975b33 !important;
    border-color: #975b33 !important;
    color: #FFFFFF !important
}

.ui.brown.corner.label,
.ui.brown.corner.label:hover {
    background-color: transparent !important
}

.ui.brown.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.brown.label {
    background-color: #FFFFFF !important;
    color: #A5673F !important;
    border-color: #A5673F !important
}

.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
    background-color: #FFFFFF !important;
    color: #975b33 !important;
    border-color: #975b33 !important
}

.ui.grey.labels .label,
.ui.grey.label {
    background-color: #767676 !important;
    border-color: #767676 !important;
    color: #FFFFFF !important
}

.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
    background-color: #838383 !important;
    border-color: #838383 !important;
    color: #FFFFFF !important
}

.ui.grey.corner.label,
.ui.grey.corner.label:hover {
    background-color: transparent !important
}

.ui.grey.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.grey.label {
    background-color: #FFFFFF !important;
    color: #767676 !important;
    border-color: #767676 !important
}

.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
    background-color: #FFFFFF !important;
    color: #838383 !important;
    border-color: #838383 !important
}

.ui.black.labels .label,
.ui.black.label {
    background-color: #1B1C1D !important;
    border-color: #1B1C1D !important;
    color: #FFFFFF !important
}

.ui.black.labels .label:hover,
a.ui.black.label:hover {
    background-color: #27292a !important;
    border-color: #27292a !important;
    color: #FFFFFF !important
}

.ui.black.corner.label,
.ui.black.corner.label:hover {
    background-color: transparent !important
}

.ui.black.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.black.label {
    background-color: #FFFFFF !important;
    color: #1B1C1D !important;
    border-color: #1B1C1D !important
}

.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
    background-color: #FFFFFF !important;
    color: #27292a !important;
    border-color: #27292a !important
}

.ui.basic.label {
    background: none #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.ui.basic.label:hover {
    text-decoration: none;
    background: none #FFFFFF;
    color: #1e70bf;
    -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.pointing.label:before {
    border-color: inherit
}

.ui.label.fluid,
.ui.fluid.labels>.label {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui.inverted.labels .label,
.ui.inverted.label {
    color: rgba(255, 255, 255, 0.9) !important
}

.ui.horizontal.labels .label,
.ui.horizontal.label {
    margin: 0em 0.5em 0em 0em;
    padding: 0.4em 0.833em;
    min-width: 3em;
    text-align: center
}

.ui.circular.labels .label,
.ui.circular.label {
    min-width: 2em;
    min-height: 2em;
    padding: 0.5em !important;
    line-height: 1em;
    text-align: center;
    border-radius: 500rem
}

.ui.empty.circular.labels .label,
.ui.empty.circular.label {
    min-width: 0em;
    min-height: 0em;
    overflow: hidden;
    width: 0.5em;
    height: 0.5em;
    vertical-align: baseline
}

.ui.pointing.label {
    position: relative
}

.ui.attached.pointing.label {
    position: absolute
}

.ui.pointing.label:before {
    background-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    border-color: inherit
}

.ui.pointing.label:before {
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: 0.6666em;
    height: 0.6666em;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.pointing.label,
.ui[class*="pointing above"].label {
    margin-top: 1em
}

.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
    border-width: 1px 0px 0px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0%;
    left: 50%
}

.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
    margin-top: 0em;
    margin-bottom: 1em
}

.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
    border-width: 0px 1px 1px 0px;
    top: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 100%;
    left: 50%
}

.ui[class*="left pointing"].label {
    margin-top: 0em;
    margin-left: 0.6666em
}

.ui[class*="left pointing"].label:before {
    border-width: 0px 0px 1px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0em
}

.ui[class*="right pointing"].label {
    margin-top: 0em;
    margin-right: 0.6666em
}

.ui[class*="right pointing"].label:before {
    border-width: 1px 1px 0px 0px;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    top: 50%;
    right: 0%;
    bottom: auto;
    left: auto
}

.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
    margin-top: -1px
}

.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
    bottom: auto;
    top: 100%;
    margin-top: 1px
}

.ui.basic[class*="left pointing"].label:before {
    top: 50%;
    left: -1px
}

.ui.basic[class*="right pointing"].label:before {
    top: 50%;
    right: -1px
}

.ui.floating.label {
    position: absolute;
    z-index: 100;
    top: -1em;
    left: 100%;
    margin: 0em 0em 0em -1.5em !important
}

.ui.mini.labels .label,
.ui.mini.label {
    font-size: 0.64285714rem
}

.ui.tiny.labels .label,
.ui.tiny.label {
    font-size: 0.71428571rem
}

.ui.small.labels .label,
.ui.small.label {
    font-size: 0.78571429rem
}

.ui.labels .label,
.ui.label {
    font-size: 0.85714286rem
}

.ui.large.labels .label,
.ui.large.label {
    font-size: 1rem
}

.ui.big.labels .label,
.ui.big.label {
    font-size: 1.28571429rem
}

.ui.huge.labels .label,
.ui.huge.label {
    font-size: 1.42857143rem
}

.ui.massive.labels .label,
.ui.massive.label {
    font-size: 1.71428571rem
}

ul.ui.list,
ol.ui.list,
.ui.list {
    list-style-type: none;
    margin: 1em 0em;
    padding: 0em 0em
}

ul.ui.list:first-child,
ol.ui.list:first-child,
.ui.list:first-child {
    margin-top: 0em;
    padding-top: 0em
}

ul.ui.list:last-child,
ol.ui.list:last-child,
.ui.list:last-child {
    margin-bottom: 0em;
    padding-bottom: 0em
}

ul.ui.list li,
ol.ui.list li,
.ui.list>.item,
.ui.list .list>.item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.3em 0em;
    line-height: 1.2
}

ul.ui.list>li:first-child:after,
ol.ui.list>li:first-child:after,
.ui.list>.list>.item,
.ui.list>.item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

ul.ui.list li:first-child,
ol.ui.list li:first-child,
.ui.list .list>.item:first-child,
.ui.list>.item:first-child {
    padding-top: 0em
}

ul.ui.list li:last-child,
ol.ui.list li:last-child,
.ui.list .list>.item:last-child,
.ui.list>.item:last-child {
    padding-bottom: 0em
}

ul.ui.list ul,
ol.ui.list ol,
.ui.list .list {
    clear: both;
    margin: 0em;
    padding: 0.75em 0em 0.25em 0.5em
}

.ui.list .list>.item>i.icon,
.ui.list>.item>i.icon {
    display: table-cell;
    margin: 0em;
    padding-top: 0.1rem;
    padding-right: 0.3em;
    vertical-align: middle;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.ui.list .list>.item [class*="top aligned"] i.icon,
.ui.list>.item>[class*="top aligned"] i.icon {
    vertical-align: top
}

.ui.list .list>.item>i.icon:only-child,
.ui.list>.item>i.icon:only-child {
    display: inline-block;
    vertical-align: top
}

.ui.list .list>.item>.image,
.ui.list>.item>.image {
    display: table-cell;
    background-color: transparent;
    margin: 0em;
    padding-right: 0.5em;
    vertical-align: middle
}

.ui.list .list>.item>[class*="top aligned"].image,
.ui.list>.item>[class*="top aligned"].image {
    vertical-align: top
}

.ui.list .list>.item>.image img,
.ui.list>.item>.image img {
    vertical-align: middle
}

.ui.list .list>.item>img.image,
.ui.list .list>.item>.image:only-child,
.ui.list>.item>img.image,
.ui.list>.item>.image:only-child {
    display: inline-block;
    padding-right: 0em
}

.ui.list .list>.item>.content,
.ui.list>.item>.content {
    line-height: 1.2em
}

.ui.list .list>.item>.image+.content,
.ui.list .list>.item>.icon+.content .ui.list>.item>.image+.content,
.ui.list>.item>.icon+.content {
    display: table-cell;
    padding-left: 0.5em;
    vertical-align: middle
}

.ui.list .list>.item>.image+.content,
.ui.list .list>.item>.icon+.content,
.ui.list>.item>.image+.content,
.ui.list>.item>.icon+.content {
    display: table-cell;
    padding-left: 0.5em;
    vertical-align: middle
}

.ui.list .list>.item>img.image+.content,
.ui.list>.item>img.image+.content {
    display: inline-block
}

.ui.list .list>.item [class*="top aligned"].content,
.ui.list>.item>[class*="top aligned"].content {
    vertical-align: top
}

.ui.list .list>.item>.content>.list,
.ui.list>.item>.content>.list {
    margin-left: 0em;
    padding-left: 0em
}

.ui.list .list>a.item,
.ui.list>a.item {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8)
}

.ui.list .list>a.item:hover,
.ui.list>a.item:hover {
    color: #00b2f3
}

.ui.list .list>a.item i.icon,
.ui.list>a.item i.icon {
    color: rgba(0, 0, 0, 0.4)
}

.ui.list .item a {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8) !important
}

.ui.list .item a:hover {
    color: #00b2f3 !important
}

.ui.list .list>.item .header,
.ui.list>.item .header {
    display: block;
    margin: 0em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8)
}

.ui.list .list>.item .description,
.ui.list>.item .description {
    display: block;
    color: rgba(0, 0, 0, 0.8)
}

.ui.list .list>.item [class*="left floated"],
.ui.list>.item [class*="left floated"] {
    float: left;
    margin: 0em 1em 0em 0em
}

.ui.list .list>.item [class*="right floated"],
.ui.list>.item [class*="right floated"] {
    float: right;
    margin: 0em 0em 0em 1em
}

.ui.menu .ui.list>.item,
.ui.menu .ui.list .list>.item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.3em 0em;
    line-height: 1.2
}

.ui.menu .ui.list .list>.item:before,
.ui.menu .ui.list>.item:before {
    border: none;
    background: none
}

.ui.menu .ui.list .list>.item:first-child,
.ui.menu .ui.list>.item:first-child {
    padding-top: 0em
}

.ui.menu .ui.list .list>.item:last-child,
.ui.menu .ui.list>.item:last-child {
    padding-bottom: 0em
}

.ui.horizontal.list {
    display: inline-block;
    font-size: 0em
}

.ui.horizontal.list>.item {
    display: inline-block;
    margin-left: 1em;
    font-size: 1rem
}

.ui.horizontal.list>.item:first-child {
    margin-left: 0em !important;
    padding-left: 0em !important
}

.ui.horizontal.list .list {
    padding-left: 0em;
    padding-bottom: 0em
}

.ui.horizontal.list>.item:first-child,
.ui.horizontal.list>.item:last-child {
    padding-top: 0.3em;
    padding-bottom: 0.3em
}

.ui.horizontal.list>.item>i.icon {
    margin: 0em;
    padding: 0em 0.25em 0em 0em
}

.ui.horizontal.list>.item>.icon,
.ui.horizontal.list>.item>.icon+.content {
    float: none;
    display: inline-block
}

.ui.list .list>.disabled.item,
.ui.list>.disabled.item {
    pointer-events: none;
    color: rgba(40, 40, 40, 0.3) !important
}

.ui.inverted.list .list>.disabled.item,
.ui.inverted.list>.disabled.item {
    color: rgba(225, 225, 225, 0.3) !important
}

.ui.list .list>a.item:hover .icon,
.ui.list>a.item:hover .icon {
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.list .list>a.item>.icon,
.ui.inverted.list>a.item>.icon {
    color: rgba(255, 255, 255, 0.8)
}

.ui.inverted.list .list>.item .header,
.ui.inverted.list>.item .header {
    color: #ffffff
}

.ui.inverted.list .list>.item .description,
.ui.inverted.list>.item .description {
    color: rgba(255, 255, 255, 0.8)
}

.ui.inverted.list .list>a.item,
.ui.inverted.list>a.item {
    cursor: pointer;
    color: #ffffff
}

.ui.inverted.list .list>a.item:hover,
.ui.inverted.list>a.item:hover {
    color: #00b2f3
}

.ui.inverted.list .item a {
    cursor: pointer;
    color: #ffffff !important
}

.ui.inverted.list .item a:hover {
    color: #00b2f3 !important
}

.ui.link.list .item,
.ui.link.list a.item,
.ui.link.list .item a {
    color: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.2s color ease;
    transition: 0.2s color ease
}

.ui.link.list a.item:hover,
.ui.link.list .item a:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.link.list a.item:active,
.ui.link.list .item a:active {
    color: rgba(0, 0, 0, 0.8)
}

.ui.link.list .active.item,
.ui.link.list .active.item a {
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.link.list .item,
.ui.inverted.link.list a.item,
.ui.inverted.link.list .item a {
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.link.list a.item:hover,
.ui.inverted.link.list .item a:hover {
    color: #ffffff
}

.ui.inverted.link.list a.item:active,
.ui.inverted.link.list .item a:active {
    color: #ffffff
}

.ui.inverted.link.list a.active.item,
.ui.inverted.link.list .active.item a {
    color: #ffffff
}

.ui.selection.list .list>.item,
.ui.selection.list>.item {
    cursor: pointer;
    background: transparent;
    padding: 0.5em 0.5em;
    margin: 0em;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 0.5em;
    -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
    transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease
}

.ui.selection.list .list>.item:last-child,
.ui.selection.list>.item:last-child {
    margin-bottom: 0em
}

.ui.selection.list.list>.item:hover,
.ui.selection.list>.item:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8)
}

.ui.selection.list .list>.item:active,
.ui.selection.list>.item:active {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.selection.list .list>.item.active,
.ui.selection.list>.item.active {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.selection.list>.item,
.ui.inverted.selection.list>.item {
    background: transparent;
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.selection.list>.item:hover,
.ui.inverted.selection.list>.item:hover {
    background: rgba(255, 255, 255, 0.02);
    color: #ffffff
}

.ui.inverted.selection.list>.item:active,
.ui.inverted.selection.list>.item:active {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff
}

.ui.inverted.selection.list>.item.active,
.ui.inverted.selection.list>.item.active {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff
}

.ui.celled.selection.list .list>.item,
.ui.divided.selection.list .list>.item,
.ui.celled.selection.list>.item,
.ui.divided.selection.list>.item {
    border-radius: 0em
}

.ui.animated.list>.item {
    -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
    transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease
}

.ui.animated.list:not(.horizontal)>.item:hover {
    padding-left: 1em
}

.ui.fitted.list:not(.selection) .list>.item,
.ui.fitted.list:not(.selection)>.item {
    padding-left: 0em;
    padding-right: 0em
}

.ui.fitted.selection.list .list>.item,
.ui.fitted.selection.list>.item {
    margin-left: -0.5em;
    margin-right: -0.5em
}

ul.ui.list,
.ui.bulleted.list {
    margin-left: 1rem
}

ul.ui.list li,
.ui.bulleted.list .list>.item,
.ui.bulleted.list>.item {
    position: relative
}

ul.ui.list li:before,
.ui.bulleted.list .list>.item:before,
.ui.bulleted.list>.item:before {
    position: absolute;
    top: auto;
    left: auto;
    margin-left: -1rem;
    content: '•';
    opacity: 1;
    color: rgba(0, 0, 0, 0.8);
    vertical-align: top
}

ul.ui.list ul,
.ui.bulleted.list .list {
    padding-left: 1rem
}

ul.ui.horizontal.bulleted.list,
.ui.horizontal.bulleted.list {
    margin-left: 0em
}

ul.ui.horizontal.bulleted.list li,
.ui.horizontal.bulleted.list>.item {
    margin-left: 1.5rem
}

ul.ui.horizontal.bulleted.list li:first-child,
.ui.horizontal.bulleted.list>.item:first-child {
    margin-left: 0em
}

ul.ui.horizontal.bulleted.list li:first-child::before,
.ui.horizontal.bulleted.list>.item:first-child::before {
    display: none
}

ol.ui.list,
.ui.ordered.list,
.ui.ordered.list .list,
ol.ui.list ol {
    counter-reset: ordered;
    margin-left: 1.25rem;
    list-style-type: none
}

ol.ui.list li,
.ui.ordered.list .list>.item,
.ui.ordered.list>.item {
    list-style-type: none;
    position: relative
}

ol.ui.list li:before,
.ui.ordered.list .list>.item:before,
.ui.ordered.list>.item:before {
    position: absolute;
    top: auto;
    left: auto;
    margin-left: -1.25rem;
    counter-increment: ordered;
    content: counters(ordered, ".") " ";
    text-align: right;
    color: rgba(0, 0, 0, 0.8);
    vertical-align: middle;
    opacity: 0.8
}

ol.ui.list ol,
.ui.ordered.list .list {
    margin-left: 1em
}

ol.ui.list ol li:before,
.ui.ordered.list .list>.item:before {
    margin-left: -2em
}

ol.ui.horizontal.list,
.ui.ordered.horizontal.list {
    margin-left: 0em
}

ol.ui.horizontal.list li:before,
.ui.ordered.horizontal.list .list>.item:before,
.ui.ordered.horizontal.list>.item:before {
    position: static;
    margin: 0em 0.5em 0em 0em
}

.ui.divided.list>.item {
    border-top: 1px solid rgba(39, 41, 43, 0.15)
}

.ui.divided.list .list>.item {
    border-top: none
}

.ui.divided.list .item .list>.item {
    border-top: none
}

.ui.divided.list .list>.item:first-child,
.ui.divided.list>.item:first-child {
    border-top: none
}

.ui.divided.list:not(.horizontal) .list>.item:first-child {
    border-top-width: 1px
}

.ui.divided.bulleted.list:not(.horizontal),
.ui.divided.bulleted.list .list {
    margin-left: 0em;
    padding-left: 0em
}

.ui.divided.bulleted.list .list>.item:not(.horizontal),
.ui.divided.bulleted.list>.item:not(.horizontal) {
    padding-left: 1rem
}

.ui.divided.ordered.list {
    margin-left: 0em
}

.ui.divided.ordered.list .list>.item,
.ui.divided.ordered.list>.item {
    padding-left: 1.25rem
}

.ui.divided.ordered.list .item .list {
    margin-left: 0em;
    margin-right: 0em;
    padding-bottom: 0.3em
}

.ui.divided.ordered.list .item .list>.item {
    padding-left: 1em
}

.ui.divided.selection.list .list>.item,
.ui.divided.selection.list>.item {
    margin: 0em;
    border-radius: 0em
}

.ui.divided.horizontal.list {
    margin-left: 0em
}

.ui.divided.horizontal.list>.item {
    border-top: none;
    border-left: 1px solid rgba(39, 41, 43, 0.15);
    margin: 0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 0.6
}

.ui.horizontal.divided.list>.item:first-child {
    border-left: none
}

.ui.divided.inverted.list>.item,
.ui.divided.inverted.list>.list,
.ui.divided.inverted.horizontal.list>.item {
    border-color: rgba(255, 255, 255, 0.2)
}

.ui.celled.list>.item,
.ui.celled.list>.list {
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.celled.list>.item:last-child {
    border-bottom: 1px solid rgba(39, 41, 43, 0.15)
}

.ui.celled.list>.item:first-child,
.ui.celled.list>.item:last-child {
    padding-top: 0.3em;
    padding-bottom: 0.3em
}

.ui.celled.list .item .list>.item {
    border-width: 0px
}

.ui.celled.list .list>.item:first-child {
    border-top-width: 0px
}

.ui.celled.bulleted.list {
    margin-left: 0em
}

.ui.celled.bulleted.list .list>.item,
.ui.celled.bulleted.list>.item {
    padding-left: 1rem
}

.ui.celled.bulleted.list .item .list {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-bottom: 0.3em
}

.ui.celled.ordered.list {
    margin-left: 0em
}

.ui.celled.ordered.list .list>.item,
.ui.celled.ordered.list>.item {
    padding-left: 1.25rem
}

.ui.celled.ordered.list .item .list {
    margin-left: 0em;
    margin-right: 0em;
    padding-bottom: 0.3em
}

.ui.celled.ordered.list .list>.item {
    padding-left: 1em
}

.ui.horizontal.celled.list {
    margin-left: 0em
}

.ui.horizontal.celled.list .list>.item,
.ui.horizontal.celled.list>.item {
    border-top: none;
    border-left: 1px solid rgba(39, 41, 43, 0.15);
    margin: 0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 0.6
}

.ui.horizontal.celled.list .list>.item:last-child,
.ui.horizontal.celled.list>.item:last-child {
    border-bottom: none;
    border-right: 1px solid rgba(39, 41, 43, 0.15)
}

.ui.celled.inverted.list>.item,
.ui.celled.inverted.list>.list {
    border-color: 1px solid rgba(255, 255, 255, 0.2)
}

.ui.celled.inverted.horizontal.list .list>.item,
.ui.celled.inverted.horizontal.list>.item {
    border-color: 1px solid rgba(255, 255, 255, 0.2)
}

.ui.relaxed.list:not(.horizontal) .list>.item,
.ui.relaxed.list:not(.horizontal)>.item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.ui.horizontal.relaxed.list>.item {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.ui[class*="very relaxed"].list:not(.horizontal) .list>.item,
.ui[class*="very relaxed"].list:not(.horizontal)>.item {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.horizontal[class*="very relaxed"].list .list>.item,
.ui.horizontal[class*="very relaxed"].list>.item {
    padding-left: 2rem;
    padding-right: 2rem
}

.ui.mini.list .list>.item,
.ui.mini.list>.item {
    font-size: 0.71428571em
}

.ui.tiny.list .list>.item,
.ui.tiny.list>.item {
    font-size: 0.85714286em
}

.ui.small.list .list>.item,
.ui.small.list>.item {
    font-size: 0.92857143em
}

.ui.list .list>.item,
.ui.list>.item {
    font-size: 1em
}

.ui.large.list .list>.item,
.ui.large.list>.item {
    font-size: 1.14285714em
}

.ui.big.list .list>.item,
.ui.big.list>.item {
    font-size: 1.28571429em
}

.ui.huge.list .list>.item,
.ui.huge.list>.item {
    font-size: 1.42857143em
}

.ui.massive.list .list>.item,
.ui.massive.list>.item {
    font-size: 1.71428571em
}

.ui.mini.horizontal.list .list>.item,
.ui.mini.horizontal.list>.item {
    font-size: 0.71428571rem
}

.ui.tiny.horizontal.list .list>.item,
.ui.tiny.horizontal.list>.item {
    font-size: 0.85714286rem
}

.ui.small.horizontal.list .list>.item,
.ui.small.horizontal.list>.item {
    font-size: 0.92857143rem
}

.ui.horizontal.list .list>.item,
.ui.horizontal.list>.item {
    font-size: 1rem
}

.ui.large.horizontal.list .list>.item,
.ui.large.horizontal.list>.item {
    font-size: 1.14285714rem
}

.ui.big.horizontal.list .list>.item,
.ui.big.horizontal.list>.item {
    font-size: 1.28571429rem
}

.ui.huge.horizontal.list .list>.item,
.ui.huge.horizontal.list>.item {
    font-size: 1.42857143rem
}

.ui.massive.horizontal.list .list>.item,
.ui.massive.horizontal.list>.item {
    font-size: 1.71428571rem
}


/*!
 * # Semantic UI 2.4.2 - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    text-align: center;
    z-index: 1000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.ui.loader:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loader:after {
    position: absolute;
    content: '';
    top: 0%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: loader 0.6s linear;
    animation: loader 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.mini.loader:before,
.ui.mini.loader:after {
    width: 1rem;
    height: 1rem;
    margin: 0em 0em 0em -0.5rem
}

.ui.tiny.loader:before,
.ui.tiny.loader:after {
    width: 1.14285714rem;
    height: 1.14285714rem;
    margin: 0em 0em 0em -0.57142857rem
}

.ui.small.loader:before,
.ui.small.loader:after {
    width: 1.71428571rem;
    height: 1.71428571rem;
    margin: 0em 0em 0em -0.85714286rem
}

.ui.loader:before,
.ui.loader:after {
    width: 2.28571429rem;
    height: 2.28571429rem;
    margin: 0em 0em 0em -1.14285714rem
}

.ui.large.loader:before,
.ui.large.loader:after {
    width: 3.42857143rem;
    height: 3.42857143rem;
    margin: 0em 0em 0em -1.71428571rem
}

.ui.big.loader:before,
.ui.big.loader:after {
    width: 3.71428571rem;
    height: 3.71428571rem;
    margin: 0em 0em 0em -1.85714286rem
}

.ui.huge.loader:before,
.ui.huge.loader:after {
    width: 4.14285714rem;
    height: 4.14285714rem;
    margin: 0em 0em 0em -2.07142857rem
}

.ui.massive.loader:before,
.ui.massive.loader:after {
    width: 4.57142857rem;
    height: 4.57142857rem;
    margin: 0em 0em 0em -2.28571429rem
}

.ui.dimmer .loader {
    display: block
}

.ui.dimmer .ui.loader {
    color: rgba(255, 255, 255, 0.9)
}

.ui.dimmer .ui.loader:before {
    border-color: rgba(255, 255, 255, 0.15)
}

.ui.dimmer .ui.loader:after {
    border-color: #FFFFFF transparent transparent
}

.ui.inverted.dimmer .ui.loader {
    color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.dimmer .ui.loader:before {
    border-color: rgba(0, 0, 0, 0.1)
}

.ui.inverted.dimmer .ui.loader:after {
    border-color: #767676 transparent transparent
}

.ui.text.loader {
    width: auto !important;
    height: auto !important;
    text-align: center;
    font-style: normal
}

.ui.indeterminate.loader:after {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.ui.loader.active,
.ui.loader.visible {
    display: block
}

.ui.loader.disabled,
.ui.loader.hidden {
    display: none
}

.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
    width: 1rem;
    height: 1rem;
    font-size: 0.78571429em
}

.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
    width: 1.14285714rem;
    height: 1.14285714rem;
    font-size: 0.85714286em
}

.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
    width: 1.71428571rem;
    height: 1.71428571rem;
    font-size: 0.92857143em
}

.ui.inverted.dimmer .ui.loader,
.ui.loader {
    width: 2.28571429rem;
    height: 2.28571429rem;
    font-size: 1em
}

.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
    width: 3.42857143rem;
    height: 3.42857143rem;
    font-size: 1.14285714em
}

.ui.inverted.dimmer .ui.big.loader,
.ui.big.loader {
    width: 3.71428571rem;
    height: 3.71428571rem;
    font-size: 1.28571429em
}

.ui.inverted.dimmer .ui.huge.loader,
.ui.huge.loader {
    width: 4.14285714rem;
    height: 4.14285714rem;
    font-size: 1.42857143em
}

.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
    width: 4.57142857rem;
    height: 4.57142857rem;
    font-size: 1.71428571em
}

.ui.mini.text.loader {
    min-width: 1rem;
    padding-top: 1.78571429rem
}

.ui.tiny.text.loader {
    min-width: 1.14285714rem;
    padding-top: 1.92857143rem
}

.ui.small.text.loader {
    min-width: 1.71428571rem;
    padding-top: 2.5rem
}

.ui.text.loader {
    min-width: 2.28571429rem;
    padding-top: 3.07142857rem
}

.ui.large.text.loader {
    min-width: 3.42857143rem;
    padding-top: 4.21428571rem
}

.ui.big.text.loader {
    min-width: 3.71428571rem;
    padding-top: 4.5rem
}

.ui.huge.text.loader {
    min-width: 4.14285714rem;
    padding-top: 4.92857143rem
}

.ui.massive.text.loader {
    min-width: 4.57142857rem;
    padding-top: 5.35714286rem
}

.ui.inverted.loader {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.loader:before {
    border-color: rgba(255, 255, 255, 0.15)
}

.ui.inverted.loader:after {
    border-top-color: #FFFFFF
}

.ui.inline.loader {
    position: relative;
    vertical-align: middle;
    margin: 0em;
    left: 0em;
    top: 0em;
    -webkit-transform: none;
    transform: none
}

.ui.inline.loader.active,
.ui.inline.loader.visible {
    display: inline-block
}

.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.rail {
    font-size: 1em;
    position: absolute;
    top: 0%;
    width: 300px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ui.left.rail {
    left: auto;
    right: 100%;
    padding: 0em 2rem 0em 0em;
    margin: 0em 2rem 0em 0em
}

.ui.right.rail {
    left: 100%;
    right: auto;
    padding: 0em 0em 0em 2rem;
    margin: 0em 0em 0em 2rem
}

.ui.left.internal.rail {
    left: 0%;
    right: auto;
    padding: 0em 0em 0em 2rem;
    margin: 0em 0em 0em 2rem
}

.ui.right.internal.rail {
    left: auto;
    right: 0%;
    padding: 0em 2rem 0em 0em;
    margin: 0em 2rem 0em 0em
}

.ui.left.dividing.rail {
    padding: 0em 2.5rem 0em 0em;
    margin: 0em 2.5rem 0em 0em;
    border-right: 1px solid rgba(39, 41, 43, 0.15)
}

.ui.right.dividing.rail {
    border-left: 1px solid rgba(39, 41, 43, 0.15);
    padding: 0em 0em 0em 2.5rem;
    margin: 0em 0em 0em 2.5rem
}

.ui.close.left.rail {
    padding: 0em 1em 0em 0em;
    margin: 0em 1em 0em 0em
}

.ui.close.right.rail {
    padding: 0em 0em 0em 1em;
    margin: 0em 0em 0em 1em
}

.ui.very.close.left.rail {
    padding: 0em 0.5em 0em 0em;
    margin: 0em 0.5em 0em 0em
}

.ui.very.close.right.rail {
    padding: 0em 0em 0em 0.5em;
    margin: 0em 0em 0em 0.5em
}

.ui.attached.left.rail,
.ui.attached.right.rail {
    padding: 0em;
    margin: 0em
}

.ui.rail {
    font-size: 1em
}

.ui.reveal {
    display: inline-block;
    position: relative !important;
    font-size: 0em !important
}

.ui.reveal>.visible.content {
    position: absolute !important;
    top: 0em !important;
    left: 0em !important;
    z-index: 3 !important;
    -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s
}

.ui.reveal>.hidden.content {
    position: relative !important;
    z-index: 2 !important
}

.ui.reveal:hover .visible.content {
    z-index: 4 !important
}

.ui.slide.reveal {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap
}

.ui.slide.reveal>.content {
    display: block;
    float: left;
    margin: 0em;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s
}

.ui.slide.reveal>.visible.content {
    position: relative !important
}

.ui.slide.reveal>.hidden.content {
    position: absolute !important;
    left: 0% !important;
    width: 100% !important;
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.ui.slide.reveal:hover>.visible.content {
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important
}

.ui.slide.reveal:hover>.hidden.content {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important
}

.ui.slide.right.reveal>.visible.content {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important
}

.ui.slide.right.reveal>.hidden.content {
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important
}

.ui.slide.right.reveal:hover>.visible.content {
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.ui.slide.right.reveal:hover>.hidden.content {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important
}

.ui.slide.up.reveal>.hidden.content {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

.ui.slide.up.reveal:hover>.visible.content {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

.ui.slide.up.reveal:hover>.hidden.content {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important
}

.ui.slide.down.reveal>.hidden.content {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

.ui.slide.down.reveal:hover>.visible.content {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

.ui.slide.down.reveal:hover>.hidden.content {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important
}

.ui.fade.reveal>.visible.content {
    opacity: 1
}

.ui.fade.reveal:hover>.visible.content {
    opacity: 0
}

.ui.move.reveal {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap
}

.ui.move.reveal>.content {
    display: block;
    float: left;
    margin: 0em;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s
}

.ui.move.reveal>.visible.content {
    position: relative !important
}

.ui.move.reveal>.hidden.content {
    position: absolute !important;
    left: 0% !important;
    width: 100% !important
}

.ui.move.reveal:hover>.visible.content {
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important
}

.ui.move.right.reveal:hover>.visible.content {
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.ui.move.up.reveal:hover>.visible.content {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

.ui.move.down.reveal:hover>.visible.content {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

.ui.rotate.reveal>.visible.content {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ui.rotate.reveal>.visible.content,
.ui.rotate.right.reveal>.visible.content {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.ui.rotate.reveal:hover>.visible.content,
.ui.rotate.right.reveal:hover>.visible.content {
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg)
}

.ui.rotate.left.reveal>.visible.content {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.ui.rotate.left.reveal:hover>.visible.content {
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg)
}

.ui.disabled.reveal {
    opacity: 1 !important
}

.ui.disabled.reveal>.content {
    -webkit-transition: none !important;
    transition: none !important
}

.ui.disabled.reveal:hover>.visible.content {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    transform: none !important
}

.ui.disabled.reveal:hover>.hidden.content {
    display: none !important
}

.ui.masked.reveal {
    overflow: hidden
}

.ui.instant.reveal>.content {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.ui.reveal>.content {
    font-size: 1rem !important
}

.ui.segment {
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    margin: 1rem 0em;
    padding: 1em 1em;
    border-radius: 0.2857rem;
    border: none
}

.ui.segment:first-child {
    margin-top: 0em
}

.ui.segment:last-child {
    margin-bottom: 0em
}

.ui.segment:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden
}

.ui[class*="vertical segment"] {
    margin: 0em;
    padding-left: 0em;
    padding-right: 0em;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: 0px -1px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px -1px 0px rgba(39, 41, 43, 0.15) inset
}

.ui[class*="vertical segment"]:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui[class*="horizontal segment"] {
    margin: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: 1px 0px 0px rgba(39, 41, 43, 0.15);
    box-shadow: 1px 0px 0px rgba(39, 41, 43, 0.15)
}

.ui.inverted.segment>.ui.header {
    color: #ffffff
}

.ui[class*="bottom attached"].segment>[class*="top attached"].label {
    border-top-left-radius: 0em;
    border-top-right-radius: 0em
}

.ui[class*="top attached"].segment>[class*="bottom attached"].label {
    border-bottom-left-radius: 0em;
    border-bottom-right-radius: 0em
}

.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label {
    border-top-left-radius: 0em;
    border-top-right-radius: 0em
}

.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label {
    border-bottom-left-radius: 0em;
    border-bottom-right-radius: 0em
}

.ui.page.grid.segment,
.ui.grid .ui.segment.column {
    padding-top: 2em;
    padding-bottom: 2em
}

.ui.grid.segment {
    margin: 1rem 0rem;
    border-radius: 0.2857rem
}

.ui.basic.table.segment {
    background: #ffffff;
    border: none;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05)
}

.ui[class*="very basic"].table.segment {
    padding: 1em 1em
}

.ui.piled.segment {
    margin: 3em 0em;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
    box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
    z-index: auto
}

.ui.piled.segment:first-child {
    margin-top: 0em
}

.ui.piled.segment:last-child {
    margin-bottom: 0em
}

.ui.piled.segment:after,
.ui.piled.segment:before {
    background-color: #ffffff;
    visibility: visible;
    content: '';
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
    box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15)
}

.ui.piled.segment:after {
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg);
    top: 0;
    z-index: -1
}

.ui.piled.segment:before {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg);
    top: 0;
    z-index: -2
}

.ui[class*="top attached"].piled.segment {
    margin-top: 3em;
    margin-bottom: 0em
}

.ui.piled.segment[class*="top attached"]:first-child {
    margin-top: 0em
}

.ui.piled.segment[class*="bottom attached"] {
    margin-top: 0em;
    margin-bottom: 3em
}

.ui.piled.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0em
}

.ui.stacked.segment {
    padding-bottom: 1.4em
}

.ui.stacked.segment:after,
.ui.stacked.segment:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0%;
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    background-color: rgba(0, 0, 0, 0.03);
    width: 100%;
    height: 6px;
    visibility: visible
}

.ui.stacked.segment:before {
    display: none
}

.ui.tall.stacked.segment:before {
    display: block;
    bottom: 0px
}

.ui.stacked.inverted.segment:after,
.ui.stacked.inverted.segment:before {
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(39, 41, 43, 0.3)
}

.ui.compact.segment {
    display: table
}

.ui.circular.segment {
    display: table-cell;
    padding: 2em;
    text-align: center;
    vertical-align: middle;
    border-radius: 500em
}

.ui.raised.segment {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.15)
}

.ui.disabled.segment {
    opacity: 0.3;
    color: rgba(40, 40, 40, 0.3)
}

.ui.loading.segment {
    position: relative;
    cursor: default;
    point-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.ui.loading.segment:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 0.2857rem;
    z-index: 100
}

.ui.loading.segment:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin 0.6s linear;
    animation: segment-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.basic.segment {
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px
}

.ui.basic.segment:first-child {
    padding-top: 0em
}

.ui.basic.segment:last-child {
    padding-bottom: 0em
}

.ui.fitted.segment {
    padding: 0em
}

.ui.black.segment:not(.inverted) {
    border-top: 2px solid #1b1c1d
}

.ui.blue.segment:not(.inverted) {
    border-top: 2px solid #3b83c0
}

.ui.green.segment:not(.inverted) {
    border-top: 2px solid #5bbd72
}

.ui.orange.segment:not(.inverted) {
    border-top: 2px solid #e07b53
}

.ui.pink.segment:not(.inverted) {
    border-top: 2px solid #d9499a
}

.ui.purple.segment:not(.inverted) {
    border-top: 2px solid #564f8a
}

.ui.red.segment:not(.inverted) {
    border-top: 2px solid #d95c5c
}

.ui.teal.segment:not(.inverted) {
    border-top: 2px solid #00b5ad
}

.ui.yellow.segment:not(.inverted) {
    border-top: 2px solid #f2c61f
}

.ui.black.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.blue.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.green.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.orange.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.pink.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.purple.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.red.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.teal.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.yellow.segment:not(.inverted):not(.attached) {
    border-top-left-radius: 0.2857rem !important;
    border-top-right-radius: 0.2857rem !important
}

.ui.inverted.segment,
.ui.inverted.black.segment {
    background-color: #1b1c1d !important;
    color: #ffffff !important
}

.ui.inverted.blue.segment {
    background-color: #3b83c0 !important;
    color: #ffffff !important
}

.ui.inverted.green.segment {
    background-color: #5bbd72 !important;
    color: #ffffff !important
}

.ui.inverted.orange.segment {
    background-color: #e07b53 !important;
    color: #ffffff !important
}

.ui.inverted.pink.segment {
    background-color: #d9499a !important;
    color: #ffffff !important
}

.ui.inverted.purple.segment {
    background-color: #564f8a !important;
    color: #ffffff !important
}

.ui.inverted.red.segment {
    background-color: #d95c5c !important;
    color: #ffffff !important
}

.ui.inverted.teal.segment {
    background-color: #00b5ad !important;
    color: #ffffff !important
}

.ui.inverted.yellow.segment {
    background-color: #f2c61f !important;
    color: #ffffff !important
}

.ui[class*="left aligned"].segment {
    text-align: left
}

.ui[class*="right aligned"].segment {
    text-align: right
}

.ui[class*="center aligned"].segment {
    text-align: center
}

.ui.floated.segment,
.ui[class*="left floated"].segment {
    float: left;
    margin-right: 1rem
}

.ui[class*="right floated"].segment {
    float: right;
    margin-left: 1rem
}

.ui.inverted.segment {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.segment .segment {
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.segment .inverted.segment {
    color: #ffffff
}

.ui.inverted.segment,
.ui.primary.inverted.segment {
    background-color: #1b1c1d;
    color: #ffffff
}

.ui.inverted.block.segment,
.ui.inverted.attached.segment {
    border-color: #555555
}

.ui.secondary.segment {
    background: #f6f6f6;
    color: rgba(0, 0, 0, 0.8)
}

.ui.tertiary.segment {
    background: #ebebeb;
    color: rgba(0, 0, 0, 0.8)
}

.ui.secondary.inverted.segment {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
    color: #fafafa
}

.ui.tertiary.inverted.segment {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5)));
    background: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
    color: #f0f0f0
}

.ui.segment.attached {
    top: 0px;
    bottom: 0px;
    margin: 0em -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.segment.attached+.ui.segment.attached:not(.top) {
    border-top: none
}

.ui[class*="top attached"].segment {
    top: 0px;
    bottom: 0px;
    margin-top: 1rem;
    margin-bottom: 0em;
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

.ui.segment[class*="top attached"]:first-child {
    margin-top: 0em
}

.ui.segment[class*="bottom attached"] {
    top: 0px;
    bottom: 0px;
    margin-top: 0em;
    margin-bottom: 1rem;
    -webkit-box-shadow: none, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: none, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0em
}

.ui.steps .step {
    display: inline-block;
    position: relative;
    margin: 0em 0em;
    padding: 0.9285em 1.5em 0.9285em 2.25em;
    vertical-align: top;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5;
    box-shadow: 0px 0px 0px 1px #d4d4d5;
    border-radius: 0em
}

.ui.steps .step:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 50%;
    right: 0em;
    border: medium none;
    background-color: #ffffff;
    width: 1.5em;
    height: 1.5em;
    border-bottom: 1px solid rgba(39, 41, 43, 0.15);
    border-right: 1px solid rgba(39, 41, 43, 0.15);
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg)
}

.ui.steps .step,
.ui.steps .step:after {
    -webkit-transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    -webkit-transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.steps .step .title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 1.0714em;
    font-weight: bold
}

.ui.steps .step .description {
    font-weight: normal;
    font-size: 0.9285em;
    color: rgba(0, 0, 0, 0.8)
}

.ui.steps .step .title~.description {
    margin-top: 0.1em
}

.ui.steps .step>.icon,
.ui.steps .step>.icon~.content {
    display: table-cell;
    vertical-align: middle
}

.ui.steps .step>.icon {
    font-size: 2em;
    margin: 0em;
    padding-right: 0.6em
}

.ui.steps .link.step,
.ui.steps a.step {
    cursor: pointer
}

.ui.ordered.steps {
    counter-reset: ordered
}

.ui.ordered.steps .step:before {
    display: table-cell;
    position: static;
    text-align: center;
    content: counters(ordered, ".");
    vertical-align: middle;
    padding-right: 0.6em;
    font-size: 2em;
    counter-increment: ordered
}

.ui.ordered.steps .step>* {
    display: table-cell;
    vertical-align: middle
}

.ui.vertical.steps {
    overflow: visible
}

.ui.vertical.steps .step {
    display: block;
    border-radius: 0em;
    padding: 0.9285em 1.5em
}

.ui.vertical.steps .step:first-child {
    padding: 0.9285em 1.5em;
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

.ui.vertical.steps .step:last-child {
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

.ui.vertical.steps .step:after {
    display: none
}

.ui.vertical.steps .active.step:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.steps {
        overflow: visible
    }
    .ui.steps .step {
        display: block;
        border-radius: 0em;
        padding: 0.9285em 1.5em
    }
    .ui.steps .step:first-child {
        padding: 0.9285em 1.5em;
        border-radius: 0.2857rem 0.2857rem 0em 0em
    }
    .ui.steps .step:last-child {
        border-radius: 0em 0em 0.2857rem 0.2857rem
    }
    .ui.steps .step:after {
        display: none
    }
}

.ui.steps {
    display: inline-block;
    font-size: 0em;
    background: '';
    -webkit-box-shadow: '';
    box-shadow: '';
    line-height: 1.142rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.2857rem
}

.ui.steps .step:first-child {
    padding-left: 1.5em;
    border-radius: 0.2857rem 0em 0em 0.2857rem
}

.ui.steps .step:last-child {
    border-radius: 0em 0.2857rem 0.2857rem 0em
}

.ui.steps .step:only-child {
    border-radius: 0.2857rem
}

.ui.steps .step:last-child {
    margin-right: 0em
}

.ui.steps .step:last-child:after {
    display: none
}

.ui.steps .link.step:hover::after,
.ui.steps .link.step:hover,
.ui.steps a.step:hover::after,
.ui.steps a.step:hover {
    background: #fafafa;
    color: rgba(0, 0, 0, 0.8)
}

.ui.steps .link.step:active::after,
.ui.steps .link.step:active,
.ui.steps a.step:active::after,
.ui.steps a.step:active {
    background: #f0f0f0;
    color: rgba(0, 0, 0, 0.8)
}

.ui.steps .step.active {
    cursor: auto;
    background: #f0f0f0
}

.ui.steps .step.active:after {
    background: #f0f0f0
}

.ui.steps .step.active .title {
    color: #009fda
}

.ui.ordered.steps .step.active:before,
.ui.steps .active.step .icon {
    color: rgba(0, 0, 0, 0.85)
}

.ui.steps .link.active.step:hover::after,
.ui.steps .link.active.step:hover,
.ui.steps a.active.step:hover::after,
.ui.steps a.active.step:hover {
    cursor: pointer;
    background: #ececec;
    color: rgba(0, 0, 0, 0.8)
}

.ui.steps .step.completed>.icon:before,
.ui.ordered.steps .step.completed:before {
    color: #5bbd72
}

.ui.steps .disabled.step {
    cursor: auto;
    background: #ffffff;
    pointer-events: none
}

.ui.steps .disabled.step,
.ui.steps .disabled.step .title,
.ui.steps .disabled.step .description {
    color: rgba(40, 40, 40, 0.3)
}

.ui.steps .disabled.step:after {
    background: #ffffff
}

@media only screen and (min-width: 992px) {
    .ui[class*="tablet stackable"].steps {
        overflow: visible
    }
    .ui[class*="tablet stackable"].steps .step {
        display: block;
        border-radius: 0em;
        padding: 0.9285em 1.5em
    }
    .ui[class*="tablet stackable"].steps .step:first-child {
        padding: 0.9285em 1.5em;
        border-radius: 0.2857rem 0.2857rem 0em 0em
    }
    .ui[class*="tablet stackable"].steps .step:last-child {
        border-radius: 0em 0em 0.2857rem 0.2857rem
    }
    .ui[class*="tablet stackable"].steps .step:after {
        display: none
    }
}

.ui.fluid.steps {
    width: 100%
}

.attached.ui.steps {
    margin: 0em;
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

.attached.ui.steps .step:first-child {
    border-radius: 0.2857rem 0em 0em 0em
}

.attached.ui.steps .step:last-child {
    border-radius: 0em 0.2857rem 0em 0em
}

.bottom.attached.ui.steps {
    margin: -1px 0em 0em;
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

.bottom.attached.ui.steps .step:first-child {
    border-radius: 0em 0em 0em 0.2857rem
}

.bottom.attached.ui.steps .step:last-child {
    border-radius: 0em 0em 0.2857rem 0em
}

.ui.one.steps,
.ui.two.steps,
.ui.three.steps,
.ui.four.steps,
.ui.five.steps,
.ui.six.steps,
.ui.seven.steps,
.ui.eight.steps {
    display: block
}

.ui.one.steps>.step {
    width: 100%
}

.ui.two.steps>.step {
    width: 50%
}

.ui.three.steps>.step {
    width: 33.333%
}

.ui.four.steps>.step {
    width: 25%
}

.ui.five.steps>.step {
    width: 20%
}

.ui.six.steps>.step {
    width: 16.666%
}

.ui.seven.steps>.step {
    width: 14.285%
}

.ui.eight.steps>.step {
    width: 12.500%
}

.ui.small.step,
.ui.small.steps .step {
    font-size: 0.92857143rem
}

.ui.step,
.ui.steps .step {
    font-size: 1rem
}

.ui.large.step,
.ui.large.steps .step {
    font-size: 1.14285714rem
}

@font-face {
    font-family: 'Step';
    src: url(../fonts/84e0d23346284193844408d3de3622d3.woff) format("truetype"), url(../fonts/ad344917d8d44c0ab27f527e3703121d.woff) format("woff")
}

.ui.steps .step.completed>.icon:before,
.ui.ordered.steps .step.completed:before {
    font-family: 'Step';
    content: '\e800'
}

.ui.breadcrumb {
    margin: 1em 0em;
    display: inline-block;
    vertical-align: middle;
    background: transparent
}

.ui.breadcrumb:first-child {
    margin-top: 0em
}

.ui.breadcrumb:last-child {
    margin-bottom: 0em
}

.ui.breadcrumb .divider {
    display: inline-block;
    opacity: 0.5;
    margin: 0em 0.2rem 0em;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: baseline
}

.ui.breadcrumb a {
    color: #537c8d
}

.ui.breadcrumb a:hover {
    color: #32465d
}

.ui.breadcrumb .icon.divider {
    font-size: 0.7em;
    vertical-align: middle
}

.ui.breadcrumb a.section {
    cursor: pointer
}

.ui.breadcrumb .section {
    display: inline-block;
    margin: 0em;
    padding: 0em
}

.ui.breadcrumb.segment {
    display: inline-block;
    padding: 0.5em 1em
}

.ui.breadcrumb .active.section {
    font-weight: bold
}

.ui.mini.breadcrumb {
    font-size: 0.65em
}

.ui.tiny.breadcrumb {
    font-size: 0.7em
}

.ui.small.breadcrumb {
    font-size: 0.75em
}

.ui.breadcrumb {
    font-size: 1em
}

.ui.large.breadcrumb {
    font-size: 1.1em
}

.ui.big.breadcrumb {
    font-size: 1.05em
}

.ui.huge.breadcrumb {
    font-size: 1.3em
}

.ui.massive.breadcrumb {
    font-size: 1.5em
}

.ui.form {
    position: relative;
    max-width: 100%
}

.ui.form>p {
    margin: 1em 0em
}

.ui.form .fields .field,
.ui.form .field {
    clear: both;
    margin: 0em 0em 1em
}

.ui.form .fields:last-child,
.ui.form .field:last-child {
    margin-bottom: 0em
}

.ui.form .field>label {
    display: block;
    margin: 0em 0em 0.2857rem 0em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.9285em;
    font-weight: bold;
    text-transform: none;
    word-break: break-word
}

.ui.form .grouped.fields>label {
    margin: 0em 0em 0.2857rem 0em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.9285em;
    font-weight: bold;
    text-transform: none
}

.ui.form .inline.fields>label {
    display: inline-block;
    vertical-align: middle;
    margin: 0em 1em 0em 0em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.9285em;
    font-weight: bold;
    text-transform: none
}

.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"],
.ui.form .ui.input {
    width: 100%;
    vertical-align: top
}

.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: 0.67861em 1em;
    font-size: 1em;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.textarea,
.ui.form textarea {
    margin: 0em;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: 0.78571em 1em;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    font-size: 1em;
    height: 12em;
    min-height: 8em;
    max-height: 24em;
    line-height: 1.2857;
    resize: vertical
}

.ui.form textarea,
.ui.form input[type="checkbox"] {
    vertical-align: top
}

.ui.form input.attached {
    width: auto
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    padding: 0.62em 1em;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.form .field>.selection.dropdown {
    width: 100%
}

.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right
}

.ui.form .inline.field>.selection.dropdown {
    width: auto
}

.ui.form .inline.field>.selection.dropdown>.dropdown.icon {
    float: none
}

.ui.form .divider {
    clear: both;
    margin: 1em 0em
}

.ui.form .info.message,
.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
    display: none
}

.ui.form .message:first-child {
    margin-top: 0px
}

.ui.form .field .prompt.label {
    white-space: nowrap
}

.ui.form .inline.field .prompt {
    margin: 0em 0em 0em 1em
}

.ui.form .inline.field .prompt:before {
    margin-top: -0.3em;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0em
}

.ui.form ::-webkit-input-placeholder {
    color: rgba(140, 140, 140, 0.8)
}

.ui.form ::-moz-placeholder {
    color: rgba(140, 140, 140, 0.8)
}

.ui.form :focus::-webkit-input-placeholder {
    color: rgba(89, 89, 89, 0.8)
}

.ui.form :focus::-moz-placeholder {
    color: rgba(89, 89, 89, 0.8)
}

.ui.form .error ::-webkit-input-placeholder {
    color: #e38585
}

.ui.form .error ::-moz-placeholder {
    color: #e38585
}

.ui.form .error :focus::-webkit-input-placeholder {
    color: #de7171
}

.ui.form .error :focus::-moz-placeholder {
    color: #de7171
}

.ui.form input:not([type]):focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="tel"]:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(39, 41, 43, 0.3);
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    background: #ffffff;
    -webkit-box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset;
    box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset
}

.ui.form textarea:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(39, 41, 43, 0.3);
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    background: #ffffff;
    -webkit-box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset;
    box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset;
    -webkit-appearance: none
}

.ui.form.success .success.message {
    display: block
}

.ui.form.warning .warning.message {
    display: block
}

.ui.form.error .error.message {
    display: block
}

.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
    color: #d95c5c
}

.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
    border-color: #d95c5c;
    color: #ffffff
}

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .field.error textarea,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="url"],
.ui.form .field.error input[type="tel"] {
    background: #fff0f0;
    border-color: #dbb1b1;
    color: #d95c5c;
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    -webkit-box-shadow: 2px 0em 0em 0em #d95c5c inset;
    box-shadow: 2px 0em 0em 0em #d95c5c inset
}

.ui.form .field.error textarea:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error input[type="tel"]:focus {
    background: #fff0f0;
    border-color: #dbb1b1;
    color: #dc6868;
    -webkit-appearance: none;
    -webkit-box-shadow: 2px 0em 0em 0em #dc6868 inset;
    box-shadow: 2px 0em 0em 0em #dc6868 inset
}

.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
    background: #fff0f0;
    color: #d95c5c
}

.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
    border-color: #dbb1b1 !important
}

.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
    border-color: #dbb1b1 !important
}

.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
    border-color: #dbb1b1
}

.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
    background-color: #fff2f2
}

.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
    background-color: #fdcfcf !important
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
    color: #d95c5c
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
    background: #fff0f0;
    border-color: #dbb1b1
}

.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
    color: #d95c5c
}

.ui.form .field :disabled,
.ui.form .field.disabled {
    opacity: 0.5
}

.ui.form .field.disabled label {
    opacity: 0.5
}

.ui.form .field.disabled :disabled {
    opacity: 1
}

.ui.loading.form {
    position: relative;
    cursor: default;
    point-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    z-index: 100
}

.ui.loading.form:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.ui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin 0.6s linear;
    animation: form-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.form .required.fields>.field>label:after,
.ui.form .required.field>label:after,
.ui.form .required.fields>.field>.checkbox:after,
.ui.form .required.field>.checkbox:after {
    margin: -0.2em 0em 0em 0.2em;
    content: '*';
    color: #d95c5c
}

.ui.form .required.fields>.field>label:after,
.ui.form .required.field>label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.fields>.field>.checkbox:after,
.ui.form .required.field>.checkbox:after {
    position: absolute;
    top: 0%;
    left: 100%
}

.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box {
    color: #ffffff
}

.ui.form .grouped.fields {
    margin: 0em 0em 1em
}

.ui.form .grouped.fields:last-child {
    margin-bottom: 0em
}

.ui.form .grouped.fields>label {
    font-size: 0.9285em
}

.ui.form .grouped.fields .field {
    display: block;
    float: none;
    margin: 0.5em 0em;
    padding: 0em
}

.ui.form .fields {
    clear: both
}

.ui.form .fields:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.ui.form .fields>.field {
    clear: none;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.form .fields>.field:first-child {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.form .two.fields>.fields,
.ui.form .two.fields>.field {
    width: 50%
}

.ui.form .three.fields>.fields,
.ui.form .three.fields>.field {
    width: 33.33333333%
}

.ui.form .four.fields>.fields,
.ui.form .four.fields>.field {
    width: 25%
}

.ui.form .five.fields>.fields,
.ui.form .five.fields>.field {
    width: 20%
}

.ui.form .six.fields>.fields,
.ui.form .six.fields>.field {
    width: 16.66666667%
}

.ui.form .seven.fields>.fields,
.ui.form .seven.fields>.field {
    width: 14.28571429%
}

.ui.form .eight.fields>.fields,
.ui.form .eight.fields>.field {
    width: 12.5%
}

.ui.form .nine.fields>.fields,
.ui.form .nine.fields>.field {
    width: 11.11111111%
}

.ui.form .ten.fields>.fields,
.ui.form .ten.fields>.field {
    width: 10%
}

@media only screen and (max-width: 767px) {
    .ui.form .two.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .five.fields>.field,
    .ui.form .six.fields>.fields,
    .ui.form .six.fields>.field,
    .ui.form .seven.fields>.fields,
    .ui.form .seven.fields>.field,
    .ui.form .eight.fields>.fields,
    .ui.form .eight.fields>.field,
    .ui.form .nine.fields>.fields,
    .ui.form .nine.fields>.field,
    .ui.form .ten.fields>.fields,
    .ui.form .ten.fields>.field {
        width: 100% !important;
        margin: 0em 0em 1em;
        padding-left: 0%;
        padding-right: 0%
    }
}

.ui.form .fields .field:first-child {
    padding-left: 0%
}

.ui.form .fields .field:last-child {
    padding-right: 0%
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.form .fields .wide.field:first-child {
    padding-left: 0%
}

.ui.form .fields .wide.field:last-child {
    padding-right: 0%
}

.ui.form .one.wide.field {
    width: 6.25% !important
}

.ui.form .two.wide.field {
    width: 12.5% !important
}

.ui.form .three.wide.field {
    width: 18.75% !important
}

.ui.form .four.wide.field {
    width: 25% !important
}

.ui.form .five.wide.field {
    width: 31.25% !important
}

.ui.form .six.wide.field {
    width: 37.5% !important
}

.ui.form .seven.wide.field {
    width: 43.75% !important
}

.ui.form .eight.wide.field {
    width: 50% !important
}

.ui.form .nine.wide.field {
    width: 56.25% !important
}

.ui.form .ten.wide.field {
    width: 62.5% !important
}

.ui.form .eleven.wide.field {
    width: 68.75% !important
}

.ui.form .twelve.wide.field {
    width: 75% !important
}

.ui.form .thirteen.wide.field {
    width: 81.25% !important
}

.ui.form .fourteen.wide.field {
    width: 87.5% !important
}

.ui.form .fifteen.wide.field {
    width: 93.75% !important
}

.ui.form .sixteen.wide.field {
    width: 100% !important
}

@media only screen and (max-width: 767px) {
    .ui.form .two.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .five.fields>.field,
    .ui.form .fields>.two.wide.field,
    .ui.form .fields>.three.wide.field,
    .ui.form .fields>.four.wide.field,
    .ui.form .fields>.five.wide.field,
    .ui.form .fields>.six.wide.field,
    .ui.form .fields>.seven.wide.field,
    .ui.form .fields>.eight.wide.field,
    .ui.form .fields>.nine.wide.field,
    .ui.form .fields>.ten.wide.field,
    .ui.form .fields>.eleven.wide.field,
    .ui.form .fields>.twelve.wide.field,
    .ui.form .fields>.thirteen.wide.field,
    .ui.form .fields>.fourteen.wide.field,
    .ui.form .fields>.fifteen.wide.field,
    .ui.form .fields>.sixteen.wide.field {
        width: 100% !important;
        margin: 0em 0em 1em;
        padding-left: 0%;
        padding-right: 0%
    }
}

.ui.form .inline.fields {
    margin: 0em 0em 1em
}

.ui.form .inline.fields .field {
    display: inline-block;
    float: none;
    margin: 0em 1em 0em 0em;
    padding: 0em
}

.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>.ui.input,
.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.field>input,
.ui.form .inline.field>.ui.input {
    display: inline-block;
    width: auto;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: middle;
    font-size: 0.9285em
}

.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>.ui.input,
.ui.form .inline.field>input,
.ui.form .inline.field>.ui.input {
    font-size: 0.9285em
}

.ui.form .inline.fields .field>.ui.checkbox label {
    padding-left: 1.75em
}

.ui.form .inline.fields .field>:first-child,
.ui.form .inline.field>:first-child {
    margin: 0em 0.2857rem 0em 0em
}

.ui.form .inline.fields .field>:only-child,
.ui.form .inline.field>:only-child {
    margin: 0em
}

.ui.small.form {
    font-size: 0.875em
}

.ui.form {
    font-size: auto
}

.ui.large.form {
    font-size: 1.125em
}

.ui.huge.form {
    font-size: 1.2em
}

.ui.grid {
    display: block;
    text-align: left;
    font-size: 0em;
    padding: 0em
}

.ui.grid:after,
.ui.grid>.row:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden
}

.ui.grid {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -1rem
}

.ui.relaxed.grid {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.ui[class*="very relaxed"].grid {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.ui.grid+.grid {
    margin-top: 1rem
}

.ui.grid>.column:not(.row),
.ui.grid>.row>.column {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    width: 6.25%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top
}

.ui.grid>* {
    padding-left: 1rem;
    padding-right: 1rem
}

.ui.grid>.row {
    position: relative;
    display: block;
    width: auto !important;
    padding: 0rem;
    font-size: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.row>.column {
    margin-top: 0em;
    margin-bottom: 0em
}

.ui.grid>.row>img,
.ui.grid>.row>.column>img {
    max-width: 100%
}

.ui.grid .row+.ui.divider {
    margin: 1rem 1rem
}

.ui.grid>.row>.column:last-child>.horizontal.segment,
.ui.grid>.column:last-child>.horizontal.segment {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.page.grid {
    padding-left: 8%;
    padding-right: 8%;
    width: auto
}

.ui.grid>.ui.grid:first-child {
    margin-top: 0em
}

.ui.grid>.ui.grid:last-child {
    margin-bottom: 0em
}

@media only screen and (max-width: 767px) {
    .ui.page.grid {
        width: auto;
        padding-left: 0em;
        padding-right: 0em;
        margin-left: 0em;
        margin-right: 0em
    }
}

@media only screen and (min-width: 768px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 4em;
        padding-right: 4em
    }
}

@media only screen and (min-width: 992px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 8%;
        padding-right: 8%
    }
}

@media only screen and (min-width: 1400px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 15%;
        padding-right: 15%
    }
}

@media only screen and (min-width: 1920px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 23%;
        padding-right: 23%
    }
}



.ui[class*="one column"].grid>.row>.column,
.ui[class*="one column"].grid>.column {
    width: 100%
}

.ui[class*="two column"].grid>.row>.column,
.ui[class*="two column"].grid>.column {
    width: 50%
}

.ui[class*="three column"].grid>.row>.column,
.ui[class*="three column"].grid>.column {
    width: 33.33333333%
}

.ui[class*="four column"].grid>.row>.column,
.ui[class*="four column"].grid>.column {
    width: 25%
}

.ui[class*="five column"].grid>.row>.column,
.ui[class*="five column"].grid>.column {
    width: 20%
}

.ui[class*="six column"].grid>.row>.column,
.ui[class*="six column"].grid>.column {
    width: 16.66666667%
}

.ui[class*="seven column"].grid>.row>.column,
.ui[class*="seven column"].grid>.column {
    width: 14.28571429%
}

.ui[class*="eight column"].grid>.row>.column,
.ui[class*="eight column"].grid>.column {
    width: 12.5%
}

.ui[class*="nine column"].grid>.row>.column,
.ui[class*="nine column"].grid>.column {
    width: 11.11111111%
}

.ui[class*="ten column"].grid>.row>.column,
.ui[class*="ten column"].grid>.column {
    width: 10%
}

.ui[class*="eleven column"].grid>.row>.column,
.ui[class*="eleven column"].grid>.column {
    width: 9.09090909%
}

.ui[class*="twelve column"].grid>.row>.column,
.ui[class*="twelve column"].grid>.column {
    width: 8.33333333%
}

.ui[class*="thirteen column"].grid>.row>.column,
.ui[class*="thirteen column"].grid>.column {
    width: 7.69230769%
}

.ui[class*="fourteen column"].grid>.row>.column,
.ui[class*="fourteen column"].grid>.column {
    width: 7.14285714%
}

.ui[class*="fifteen column"].grid>.row>.column,
.ui[class*="fifteen column"].grid>.column {
    width: 6.66666667%
}

.ui[class*="sixteen column"].grid>.row>.column,
.ui[class*="sixteen column"].grid>.column {
    width: 6.25%
}

.ui.grid>[class*="one column"].row>.column {
    width: 100% !important
}

.ui.grid>[class*="two column"].row>.column {
    width: 50% !important
}

.ui.grid>[class*="three column"].row>.column {
    width: 33.33333333% !important
}

.ui.grid>[class*="four column"].row>.column {
    width: 25% !important
}

.ui.grid>[class*="five column"].row>.column {
    width: 20% !important
}

.ui.grid>[class*="six column"].row>.column {
    width: 16.66666667% !important
}

.ui.grid>[class*="seven column"].row>.column {
    width: 14.28571429% !important
}

.ui.grid>[class*="eight column"].row>.column {
    width: 12.5% !important
}

.ui.grid>[class*="nine column"].row>.column {
    width: 11.11111111% !important
}

.ui.grid>[class*="ten column"].row>.column {
    width: 10% !important
}

.ui.grid>[class*="eleven column"].row>.column {
    width: 9.09090909% !important
}

.ui.grid>[class*="twelve column"].row>.column {
    width: 8.33333333% !important
}

.ui.grid>[class*="thirteen column"].row>.column {
    width: 7.69230769% !important
}

.ui.grid>[class*="fourteen column"].row>.column {
    width: 7.14285714% !important
}

.ui.grid>[class*="fifteen column"].row>.column {
    width: 6.66666667% !important
}

.ui.grid>[class*="sixteen column"].row>.column {
    width: 6.25% !important
}

.ui.grid>.row>[class*="one wide"].column,
.ui.grid>.column.row>[class*="one wide"].column,
.ui.grid>[class*="one wide"].column,
.ui.column.grid>[class*="one wide"].column {
    width: 6.25% !important
}

.ui.grid>.row>[class*="two wide"].column,
.ui.grid>.column.row>[class*="two wide"].column,
.ui.grid>[class*="two wide"].column,
.ui.column.grid>[class*="two wide"].column {
    width: 12.5% !important
}

.ui.grid>.row>[class*="three wide"].column,
.ui.grid>.column.row>[class*="three wide"].column,
.ui.grid>[class*="three wide"].column,
.ui.column.grid>[class*="three wide"].column {
    width: 18.75% !important
}

.ui.grid>.row>[class*="four wide"].column,
.ui.grid>.column.row>[class*="four wide"].column,
.ui.grid>[class*="four wide"].column,
.ui.column.grid>[class*="four wide"].column {
    width: 25% !important
}

.ui.grid>.row>[class*="five wide"].column,
.ui.grid>.column.row>[class*="five wide"].column,
.ui.grid>[class*="five wide"].column,
.ui.column.grid>[class*="five wide"].column {
    width: 31.25% !important
}

.ui.grid>.row>[class*="six wide"].column,
.ui.grid>.column.row>[class*="six wide"].column,
.ui.grid>[class*="six wide"].column,
.ui.column.grid>[class*="six wide"].column {
    width: 37.5% !important
}

.ui.grid>.row>[class*="seven wide"].column,
.ui.grid>.column.row>[class*="seven wide"].column,
.ui.grid>[class*="seven wide"].column,
.ui.column.grid>[class*="seven wide"].column {
    width: 43.75% !important
}

.ui.grid>.row>[class*="eight wide"].column,
.ui.grid>.column.row>[class*="eight wide"].column,
.ui.grid>[class*="eight wide"].column,
.ui.column.grid>[class*="eight wide"].column {
    width: 50% !important
}

.ui.grid>.row>[class*="nine wide"].column,
.ui.grid>.column.row>[class*="nine wide"].column,
.ui.grid>[class*="nine wide"].column,
.ui.column.grid>[class*="nine wide"].column {
    width: 56.25% !important
}

.ui.grid>.row>[class*="ten wide"].column,
.ui.grid>.column.row>[class*="ten wide"].column,
.ui.grid>[class*="ten wide"].column,
.ui.column.grid>[class*="ten wide"].column {
    width: 62.5% !important
}

.ui.grid>.row>[class*="eleven wide"].column,
.ui.grid>.column.row>[class*="eleven wide"].column,
.ui.grid>[class*="eleven wide"].column,
.ui.column.grid>[class*="eleven wide"].column {
    width: 68.75% !important
}

.ui.grid>.row>[class*="twelve wide"].column,
.ui.grid>.column.row>[class*="twelve wide"].column,
.ui.grid>[class*="twelve wide"].column,
.ui.column.grid>[class*="twelve wide"].column {
    width: 75% !important
}

.ui.grid>.row>[class*="thirteen wide"].column,
.ui.grid>.column.row>[class*="thirteen wide"].column,
.ui.grid>[class*="thirteen wide"].column,
.ui.column.grid>[class*="thirteen wide"].column {
    width: 81.25% !important
}

.ui.grid>.row>[class*="fourteen wide"].column,
.ui.grid>.column.row>[class*="fourteen wide"].column,
.ui.grid>[class*="fourteen wide"].column,
.ui.column.grid>[class*="fourteen wide"].column {
    width: 87.5% !important
}

.ui.grid>.row>[class*="fifteen wide"].column,
.ui.grid>.column.row>[class*="fifteen wide"].column,
.ui.grid>[class*="fifteen wide"].column,
.ui.column.grid>[class*="fifteen wide"].column {
    width: 93.75% !important
}

.ui.grid>.row>[class*="sixteen wide"].column,
.ui.grid>.column.row>[class*="sixteen wide"].column,
.ui.grid>[class*="sixteen wide"].column,
.ui.column.grid>[class*="sixteen wide"].column {
    width: 100% !important
}
.ui.grid>.column:only-child,
.ui.grid>.row>.column:only-child {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ui.grid>.row>[class*="one wide mobile"].column,
    .ui.grid>.column.row>[class*="one wide mobile"].column,
    .ui.grid>[class*="one wide mobile"].column,
    .ui.column.grid>[class*="one wide mobile"].column {
        width: 6.25% !important
    }
    .ui.grid>.row>[class*="two wide mobile"].column,
    .ui.grid>.column.row>[class*="two wide mobile"].column,
    .ui.grid>[class*="two wide mobile"].column,
    .ui.column.grid>[class*="two wide mobile"].column {
        width: 12.5% !important
    }
    .ui.grid>.row>[class*="three wide mobile"].column,
    .ui.grid>.column.row>[class*="three wide mobile"].column,
    .ui.grid>[class*="three wide mobile"].column,
    .ui.column.grid>[class*="three wide mobile"].column {
        width: 18.75% !important
    }
    .ui.grid>.row>[class*="four wide mobile"].column,
    .ui.grid>.column.row>[class*="four wide mobile"].column,
    .ui.grid>[class*="four wide mobile"].column,
    .ui.column.grid>[class*="four wide mobile"].column {
        width: 25% !important
    }
    .ui.grid>.row>[class*="five wide mobile"].column,
    .ui.grid>.column.row>[class*="five wide mobile"].column,
    .ui.grid>[class*="five wide mobile"].column,
    .ui.column.grid>[class*="five wide mobile"].column {
        width: 31.25% !important
    }
    .ui.grid>.row>[class*="six wide mobile"].column,
    .ui.grid>.column.row>[class*="six wide mobile"].column,
    .ui.grid>[class*="six wide mobile"].column,
    .ui.column.grid>[class*="six wide mobile"].column {
        width: 37.5% !important
    }
    .ui.grid>.row>[class*="seven wide mobile"].column,
    .ui.grid>.column.row>[class*="seven wide mobile"].column,
    .ui.grid>[class*="seven wide mobile"].column,
    .ui.column.grid>[class*="seven wide mobile"].column {
        width: 43.75% !important
    }
    .ui.grid>.row>[class*="eight wide mobile"].column,
    .ui.grid>.column.row>[class*="eight wide mobile"].column,
    .ui.grid>[class*="eight wide mobile"].column,
    .ui.column.grid>[class*="eight wide mobile"].column {
        width: 50% !important
    }
    .ui.grid>.row>[class*="nine wide mobile"].column,
    .ui.grid>.column.row>[class*="nine wide mobile"].column,
    .ui.grid>[class*="nine wide mobile"].column,
    .ui.column.grid>[class*="nine wide mobile"].column {
        width: 56.25% !important
    }
    .ui.grid>.row>[class*="ten wide mobile"].column,
    .ui.grid>.column.row>[class*="ten wide mobile"].column,
    .ui.grid>[class*="ten wide mobile"].column,
    .ui.column.grid>[class*="ten wide mobile"].column {
        width: 62.5% !important
    }
    .ui.grid>.row>[class*="eleven wide mobile"].column,
    .ui.grid>.column.row>[class*="eleven wide mobile"].column,
    .ui.grid>[class*="eleven wide mobile"].column,
    .ui.column.grid>[class*="eleven wide mobile"].column {
        width: 68.75% !important
    }
    .ui.grid>.row>[class*="twelve wide mobile"].column,
    .ui.grid>.column.row>[class*="twelve wide mobile"].column,
    .ui.grid>[class*="twelve wide mobile"].column,
    .ui.column.grid>[class*="twelve wide mobile"].column {
        width: 75% !important
    }
    .ui.grid>.row>[class*="thirteen wide mobile"].column,
    .ui.grid>.column.row>[class*="thirteen wide mobile"].column,
    .ui.grid>[class*="thirteen wide mobile"].column,
    .ui.column.grid>[class*="thirteen wide mobile"].column {
        width: 81.25% !important
    }
    .ui.grid>.row>[class*="fourteen wide mobile"].column,
    .ui.grid>.column.row>[class*="fourteen wide mobile"].column,
    .ui.grid>[class*="fourteen wide mobile"].column,
    .ui.column.grid>[class*="fourteen wide mobile"].column {
        width: 87.5% !important
    }
    .ui.grid>.row>[class*="fifteen wide mobile"].column,
    .ui.grid>.column.row>[class*="fifteen wide mobile"].column,
    .ui.grid>[class*="fifteen wide mobile"].column,
    .ui.column.grid>[class*="fifteen wide mobile"].column {
        width: 93.75% !important
    }
    .ui.grid>.row>[class*="sixteen wide mobile"].column,
    .ui.grid>.column.row>[class*="sixteen wide mobile"].column,
    .ui.grid>[class*="sixteen wide mobile"].column,
    .ui.column.grid>[class*="sixteen wide mobile"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.grid>.row>[class*="one wide tablet"].column,
    .ui.grid>.column.row>[class*="one wide tablet"].column,
    .ui.grid>[class*="one wide tablet"].column,
    .ui.column.grid>[class*="one wide tablet"].column {
        width: 6.25% !important
    }
    .ui.grid>.row>[class*="two wide tablet"].column,
    .ui.grid>.column.row>[class*="two wide tablet"].column,
    .ui.grid>[class*="two wide tablet"].column,
    .ui.column.grid>[class*="two wide tablet"].column {
        width: 12.5% !important
    }
    .ui.grid>.row>[class*="three wide tablet"].column,
    .ui.grid>.column.row>[class*="three wide tablet"].column,
    .ui.grid>[class*="three wide tablet"].column,
    .ui.column.grid>[class*="three wide tablet"].column {
        width: 18.75% !important
    }
    .ui.grid>.row>[class*="four wide tablet"].column,
    .ui.grid>.column.row>[class*="four wide tablet"].column,
    .ui.grid>[class*="four wide tablet"].column,
    .ui.column.grid>[class*="four wide tablet"].column {
        width: 25% !important
    }
    .ui.grid>.row>[class*="five wide tablet"].column,
    .ui.grid>.column.row>[class*="five wide tablet"].column,
    .ui.grid>[class*="five wide tablet"].column,
    .ui.column.grid>[class*="five wide tablet"].column {
        width: 31.25% !important
    }
    .ui.grid>.row>[class*="six wide tablet"].column,
    .ui.grid>.column.row>[class*="six wide tablet"].column,
    .ui.grid>[class*="six wide tablet"].column,
    .ui.column.grid>[class*="six wide tablet"].column {
        width: 37.5% !important
    }
    .ui.grid>.row>[class*="seven wide tablet"].column,
    .ui.grid>.column.row>[class*="seven wide tablet"].column,
    .ui.grid>[class*="seven wide tablet"].column,
    .ui.column.grid>[class*="seven wide tablet"].column {
        width: 43.75% !important
    }
    .ui.grid>.row>[class*="eight wide tablet"].column,
    .ui.grid>.column.row>[class*="eight wide tablet"].column,
    .ui.grid>[class*="eight wide tablet"].column,
    .ui.column.grid>[class*="eight wide tablet"].column {
        width: 50% !important
    }
    .ui.grid>.row>[class*="nine wide tablet"].column,
    .ui.grid>.column.row>[class*="nine wide tablet"].column,
    .ui.grid>[class*="nine wide tablet"].column,
    .ui.column.grid>[class*="nine wide tablet"].column {
        width: 56.25% !important
    }
    .ui.grid>.row>[class*="ten wide tablet"].column,
    .ui.grid>.column.row>[class*="ten wide tablet"].column,
    .ui.grid>[class*="ten wide tablet"].column,
    .ui.column.grid>[class*="ten wide tablet"].column {
        width: 62.5% !important
    }
    .ui.grid>.row>[class*="eleven wide tablet"].column,
    .ui.grid>.column.row>[class*="eleven wide tablet"].column,
    .ui.grid>[class*="eleven wide tablet"].column,
    .ui.column.grid>[class*="eleven wide tablet"].column {
        width: 68.75% !important
    }
    .ui.grid>.row>[class*="twelve wide tablet"].column,
    .ui.grid>.column.row>[class*="twelve wide tablet"].column,
    .ui.grid>[class*="twelve wide tablet"].column,
    .ui.column.grid>[class*="twelve wide tablet"].column {
        width: 75% !important
    }
    .ui.grid>.row>[class*="thirteen wide tablet"].column,
    .ui.grid>.column.row>[class*="thirteen wide tablet"].column,
    .ui.grid>[class*="thirteen wide tablet"].column,
    .ui.column.grid>[class*="thirteen wide tablet"].column {
        width: 81.25% !important
    }
    .ui.grid>.row>[class*="fourteen wide tablet"].column,
    .ui.grid>.column.row>[class*="fourteen wide tablet"].column,
    .ui.grid>[class*="fourteen wide tablet"].column,
    .ui.column.grid>[class*="fourteen wide tablet"].column {
        width: 87.5% !important
    }
    .ui.grid>.row>[class*="fifteen wide tablet"].column,
    .ui.grid>.column.row>[class*="fifteen wide tablet"].column,
    .ui.grid>[class*="fifteen wide tablet"].column,
    .ui.column.grid>[class*="fifteen wide tablet"].column {
        width: 93.75% !important
    }
    .ui.grid>.row>[class*="sixteen wide tablet"].column,
    .ui.grid>.column.row>[class*="sixteen wide tablet"].column,
    .ui.grid>[class*="sixteen wide tablet"].column,
    .ui.column.grid>[class*="sixteen wide tablet"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 992px) {
    .ui.grid>.row>[class*="one wide computer"].column,
    .ui.grid>.column.row>[class*="one wide computer"].column,
    .ui.grid>[class*="one wide computer"].column,
    .ui.column.grid>[class*="one wide computer"].column {
        width: 6.25% !important
    }
    .ui.grid>.row>[class*="two wide computer"].column,
    .ui.grid>.column.row>[class*="two wide computer"].column,
    .ui.grid>[class*="two wide computer"].column,
    .ui.column.grid>[class*="two wide computer"].column {
        width: 12.5% !important
    }
    .ui.grid>.row>[class*="three wide computer"].column,
    .ui.grid>.column.row>[class*="three wide computer"].column,
    .ui.grid>[class*="three wide computer"].column,
    .ui.column.grid>[class*="three wide computer"].column {
        width: 18.75% !important
    }
    .ui.grid>.row>[class*="four wide computer"].column,
    .ui.grid>.column.row>[class*="four wide computer"].column,
    .ui.grid>[class*="four wide computer"].column,
    .ui.column.grid>[class*="four wide computer"].column {
        width: 25% !important
    }
    .ui.grid>.row>[class*="five wide computer"].column,
    .ui.grid>.column.row>[class*="five wide computer"].column,
    .ui.grid>[class*="five wide computer"].column,
    .ui.column.grid>[class*="five wide computer"].column {
        width: 31.25% !important
    }
    .ui.grid>.row>[class*="six wide computer"].column,
    .ui.grid>.column.row>[class*="six wide computer"].column,
    .ui.grid>[class*="six wide computer"].column,
    .ui.column.grid>[class*="six wide computer"].column {
        width: 37.5% !important
    }
    .ui.grid>.row>[class*="seven wide computer"].column,
    .ui.grid>.column.row>[class*="seven wide computer"].column,
    .ui.grid>[class*="seven wide computer"].column,
    .ui.column.grid>[class*="seven wide computer"].column {
        width: 43.75% !important
    }
    .ui.grid>.row>[class*="eight wide computer"].column,
    .ui.grid>.column.row>[class*="eight wide computer"].column,
    .ui.grid>[class*="eight wide computer"].column,
    .ui.column.grid>[class*="eight wide computer"].column {
        width: 50% !important
    }
    .ui.grid>.row>[class*="nine wide computer"].column,
    .ui.grid>.column.row>[class*="nine wide computer"].column,
    .ui.grid>[class*="nine wide computer"].column,
    .ui.column.grid>[class*="nine wide computer"].column {
        width: 56.25% !important
    }
    .ui.grid>.row>[class*="ten wide computer"].column,
    .ui.grid>.column.row>[class*="ten wide computer"].column,
    .ui.grid>[class*="ten wide computer"].column,
    .ui.column.grid>[class*="ten wide computer"].column {
        width: 62.5% !important
    }
    .ui.grid>.row>[class*="eleven wide computer"].column,
    .ui.grid>.column.row>[class*="eleven wide computer"].column,
    .ui.grid>[class*="eleven wide computer"].column,
    .ui.column.grid>[class*="eleven wide computer"].column {
        width: 68.75% !important
    }
    .ui.grid>.row>[class*="twelve wide computer"].column,
    .ui.grid>.column.row>[class*="twelve wide computer"].column,
    .ui.grid>[class*="twelve wide computer"].column,
    .ui.column.grid>[class*="twelve wide computer"].column {
        width: 75% !important
    }
    .ui.grid>.row>[class*="thirteen wide computer"].column,
    .ui.grid>.column.row>[class*="thirteen wide computer"].column,
    .ui.grid>[class*="thirteen wide computer"].column,
    .ui.column.grid>[class*="thirteen wide computer"].column {
        width: 81.25% !important
    }
    .ui.grid>.row>[class*="fourteen wide computer"].column,
    .ui.grid>.column.row>[class*="fourteen wide computer"].column,
    .ui.grid>[class*="fourteen wide computer"].column,
    .ui.column.grid>[class*="fourteen wide computer"].column {
        width: 87.5% !important
    }
    .ui.grid>.row>[class*="fifteen wide computer"].column,
    .ui.grid>.column.row>[class*="fifteen wide computer"].column,
    .ui.grid>[class*="fifteen wide computer"].column,
    .ui.column.grid>[class*="fifteen wide computer"].column {
        width: 93.75% !important
    }
    .ui.grid>.row>[class*="sixteen wide computer"].column,
    .ui.grid>.column.row>[class*="sixteen wide computer"].column,
    .ui.grid>[class*="sixteen wide computer"].column,
    .ui.column.grid>[class*="sixteen wide computer"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1919px) {
    .ui.grid>.row>[class*="one wide large screen"].column,
    .ui.grid>.column.row>[class*="one wide large screen"].column,
    .ui.grid>[class*="one wide large screen"].column,
    .ui.column.grid>[class*="one wide large screen"].column {
        width: 6.25% !important
    }
    .ui.grid>.row>[class*="two wide large screen"].column,
    .ui.grid>.column.row>[class*="two wide large screen"].column,
    .ui.grid>[class*="two wide large screen"].column,
    .ui.column.grid>[class*="two wide large screen"].column {
        width: 12.5% !important
    }
    .ui.grid>.row>[class*="three wide large screen"].column,
    .ui.grid>.column.row>[class*="three wide large screen"].column,
    .ui.grid>[class*="three wide large screen"].column,
    .ui.column.grid>[class*="three wide large screen"].column {
        width: 18.75% !important
    }
    .ui.grid>.row>[class*="four wide large screen"].column,
    .ui.grid>.column.row>[class*="four wide large screen"].column,
    .ui.grid>[class*="four wide large screen"].column,
    .ui.column.grid>[class*="four wide large screen"].column {
        width: 25% !important
    }
    .ui.grid>.row>[class*="five wide large screen"].column,
    .ui.grid>.column.row>[class*="five wide large screen"].column,
    .ui.grid>[class*="five wide large screen"].column,
    .ui.column.grid>[class*="five wide large screen"].column {
        width: 31.25% !important
    }
    .ui.grid>.row>[class*="six wide large screen"].column,
    .ui.grid>.column.row>[class*="six wide large screen"].column,
    .ui.grid>[class*="six wide large screen"].column,
    .ui.column.grid>[class*="six wide large screen"].column {
        width: 37.5% !important
    }
    .ui.grid>.row>[class*="seven wide large screen"].column,
    .ui.grid>.column.row>[class*="seven wide large screen"].column,
    .ui.grid>[class*="seven wide large screen"].column,
    .ui.column.grid>[class*="seven wide large screen"].column {
        width: 43.75% !important
    }
    .ui.grid>.row>[class*="eight wide large screen"].column,
    .ui.grid>.column.row>[class*="eight wide large screen"].column,
    .ui.grid>[class*="eight wide large screen"].column,
    .ui.column.grid>[class*="eight wide large screen"].column {
        width: 50% !important
    }
    .ui.grid>.row>[class*="nine wide large screen"].column,
    .ui.grid>.column.row>[class*="nine wide large screen"].column,
    .ui.grid>[class*="nine wide large screen"].column,
    .ui.column.grid>[class*="nine wide large screen"].column {
        width: 56.25% !important
    }
    .ui.grid>.row>[class*="ten wide large screen"].column,
    .ui.grid>.column.row>[class*="ten wide large screen"].column,
    .ui.grid>[class*="ten wide large screen"].column,
    .ui.column.grid>[class*="ten wide large screen"].column {
        width: 62.5% !important
    }
    .ui.grid>.row>[class*="eleven wide large screen"].column,
    .ui.grid>.column.row>[class*="eleven wide large screen"].column,
    .ui.grid>[class*="eleven wide large screen"].column,
    .ui.column.grid>[class*="eleven wide large screen"].column {
        width: 68.75% !important
    }
    .ui.grid>.row>[class*="twelve wide large screen"].column,
    .ui.grid>.column.row>[class*="twelve wide large screen"].column,
    .ui.grid>[class*="twelve wide large screen"].column,
    .ui.column.grid>[class*="twelve wide large screen"].column {
        width: 75% !important
    }
    .ui.grid>.row>[class*="thirteen wide large screen"].column,
    .ui.grid>.column.row>[class*="thirteen wide large screen"].column,
    .ui.grid>[class*="thirteen wide large screen"].column,
    .ui.column.grid>[class*="thirteen wide large screen"].column {
        width: 81.25% !important
    }
    .ui.grid>.row>[class*="fourteen wide large screen"].column,
    .ui.grid>.column.row>[class*="fourteen wide large screen"].column,
    .ui.grid>[class*="fourteen wide large screen"].column,
    .ui.column.grid>[class*="fourteen wide large screen"].column {
        width: 87.5% !important
    }
    .ui.grid>.row>[class*="fifteen wide large screen"].column,
    .ui.grid>.column.row>[class*="fifteen wide large screen"].column,
    .ui.grid>[class*="fifteen wide large screen"].column,
    .ui.column.grid>[class*="fifteen wide large screen"].column {
        width: 93.75% !important
    }
    .ui.grid>.row>[class*="sixteen wide large screen"].column,
    .ui.grid>.column.row>[class*="sixteen wide large screen"].column,
    .ui.grid>[class*="sixteen wide large screen"].column,
    .ui.column.grid>[class*="sixteen wide large screen"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1920px) {
    .ui.grid>.row>[class*="one wide widescreen"].column,
    .ui.grid>.column.row>[class*="one wide widescreen"].column,
    .ui.grid>[class*="one wide widescreen"].column,
    .ui.column.grid>[class*="one wide widescreen"].column {
        width: 6.25% !important
    }
    .ui.grid>.row>[class*="two wide widescreen"].column,
    .ui.grid>.column.row>[class*="two wide widescreen"].column,
    .ui.grid>[class*="two wide widescreen"].column,
    .ui.column.grid>[class*="two wide widescreen"].column {
        width: 12.5% !important
    }
    .ui.grid>.row>[class*="three wide widescreen"].column,
    .ui.grid>.column.row>[class*="three wide widescreen"].column,
    .ui.grid>[class*="three wide widescreen"].column,
    .ui.column.grid>[class*="three wide widescreen"].column {
        width: 18.75% !important
    }
    .ui.grid>.row>[class*="four wide widescreen"].column,
    .ui.grid>.column.row>[class*="four wide widescreen"].column,
    .ui.grid>[class*="four wide widescreen"].column,
    .ui.column.grid>[class*="four wide widescreen"].column {
        width: 25% !important
    }
    .ui.grid>.row>[class*="five wide widescreen"].column,
    .ui.grid>.column.row>[class*="five wide widescreen"].column,
    .ui.grid>[class*="five wide widescreen"].column,
    .ui.column.grid>[class*="five wide widescreen"].column {
        width: 31.25% !important
    }
    .ui.grid>.row>[class*="six wide widescreen"].column,
    .ui.grid>.column.row>[class*="six wide widescreen"].column,
    .ui.grid>[class*="six wide widescreen"].column,
    .ui.column.grid>[class*="six wide widescreen"].column {
        width: 37.5% !important
    }
    .ui.grid>.row>[class*="seven wide widescreen"].column,
    .ui.grid>.column.row>[class*="seven wide widescreen"].column,
    .ui.grid>[class*="seven wide widescreen"].column,
    .ui.column.grid>[class*="seven wide widescreen"].column {
        width: 43.75% !important
    }
    .ui.grid>.row>[class*="eight wide widescreen"].column,
    .ui.grid>.column.row>[class*="eight wide widescreen"].column,
    .ui.grid>[class*="eight wide widescreen"].column,
    .ui.column.grid>[class*="eight wide widescreen"].column {
        width: 50% !important
    }
    .ui.grid>.row>[class*="nine wide widescreen"].column,
    .ui.grid>.column.row>[class*="nine wide widescreen"].column,
    .ui.grid>[class*="nine wide widescreen"].column,
    .ui.column.grid>[class*="nine wide widescreen"].column {
        width: 56.25% !important
    }
    .ui.grid>.row>[class*="ten wide widescreen"].column,
    .ui.grid>.column.row>[class*="ten wide widescreen"].column,
    .ui.grid>[class*="ten wide widescreen"].column,
    .ui.column.grid>[class*="ten wide widescreen"].column {
        width: 62.5% !important
    }
    .ui.grid>.row>[class*="eleven wide widescreen"].column,
    .ui.grid>.column.row>[class*="eleven wide widescreen"].column,
    .ui.grid>[class*="eleven wide widescreen"].column,
    .ui.column.grid>[class*="eleven wide widescreen"].column {
        width: 68.75% !important
    }
    .ui.grid>.row>[class*="twelve wide widescreen"].column,
    .ui.grid>.column.row>[class*="twelve wide widescreen"].column,
    .ui.grid>[class*="twelve wide widescreen"].column,
    .ui.column.grid>[class*="twelve wide widescreen"].column {
        width: 75% !important
    }
    .ui.grid>.row>[class*="thirteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="thirteen wide widescreen"].column,
    .ui.grid>[class*="thirteen wide widescreen"].column,
    .ui.column.grid>[class*="thirteen wide widescreen"].column {
        width: 81.25% !important
    }
    .ui.grid>.row>[class*="fourteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="fourteen wide widescreen"].column,
    .ui.grid>[class*="fourteen wide widescreen"].column,
    .ui.column.grid>[class*="fourteen wide widescreen"].column {
        width: 87.5% !important
    }
    .ui.grid>.row>[class*="fifteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="fifteen wide widescreen"].column,
    .ui.grid>[class*="fifteen wide widescreen"].column,
    .ui.column.grid>[class*="fifteen wide widescreen"].column {
        width: 93.75% !important
    }
    .ui.grid>.row>[class*="sixteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="sixteen wide widescreen"].column,
    .ui.grid>[class*="sixteen wide widescreen"].column,
    .ui.column.grid>[class*="sixteen wide widescreen"].column {
        width: 100% !important
    }
}

.ui.centered.grid,
.ui.centered.grid>.row,
.ui.grid>.centered.row {
    text-align: center
}

.ui.centered.grid>.column:not(.aligned):not(.row),
.ui.centered.grid>.row>.column:not(.aligned),
.ui.centered.grid>.row:not(.centered),
.ui.grid .centered.row>.column:not(.aligned) {
    text-align: left
}

.ui.grid>.centered.column,
.ui.grid>.row>.centered.column {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.relaxed.grid>.column:not(.row),
.ui.relaxed.grid>.row>.column,
.ui.grid>.relaxed.row>.column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ui[class*="very relaxed"].grid>.column:not(.row),
.ui[class*="very relaxed"].grid>.row>.column,
.ui.grid>[class*="very relaxed"].row>.column {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.ui.relaxed.grid .row+.ui.divider,
.ui.grid .relaxed.row+.ui.divider {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.ui[class*="very relaxed"].grid .row+.ui.divider,
.ui.grid [class*="very relaxed"].row+.ui.divider {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0em !important
}

[class*="horizontally padded"].ui.grid {
    margin-left: 0em !important;
    margin-right: 0em !important
}

[class*="vertically padded"].ui.grid {
    margin-top: 0em !important;
    margin-bottom: 0em !important
}

.ui.grid [class*="left floated"].column {
    float: left
}

.ui.grid [class*="right floated"].column {
    float: right
}

.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),
.ui.divided.grid:not([class*="vertically divided"])>.row>.column {
    -webkit-box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15);
    box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15)
}

.ui[class*="vertically divided"].grid>.column:not(.row),
.ui[class*="vertically divided"].grid>.row>.column {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem
}

.ui[class*="vertically divided"].grid>.row {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em
}

.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,
.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.grid>.divided.row>.column {
    -webkit-box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15);
    box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15)
}

.ui.grid>.divided.row>.column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui[class*="vertically divided"].grid>.row {
    position: relative
}

.ui[class*="vertically divided"].grid>.row:before {
    position: absolute;
    content: "";
    top: 0em;
    left: 0px;
    width: calc(100% - 2rem);
    height: 1px;
    margin: 0% 1rem;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(39, 41, 43, 0.15);
    box-shadow: 0px -1px 0px 0px rgba(39, 41, 43, 0.15)
}

[class*="horizontally padded"].ui.divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
    width: 100%
}

.ui[class*="vertically divided"].grid>.row:first-child:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column {
    -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.2)
}

.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted[class*="vertically divided"].grid>.row:before {
    -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2)
}

.ui.relaxed[class*="vertically divided"].grid>.row:before {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: calc(100% - 3rem)
}

.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before {
    margin-left: 5rem;
    margin-right: 5rem;
    width: calc(100% - 5rem)
}

.ui.celled.grid {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 1em 0em;
    -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5;
    box-shadow: 0px 0px 0px 1px #d4d4d5
}

.ui.celled.grid>.row,
.ui.celled.grid>.column.row,
.ui.celled.grid>.column.row:first-child {
    display: table;
    table-layout: fixed;
    width: 100% !important;
    margin: 0em;
    padding: 0em;
    -webkit-box-shadow: 0px -1px 0px 0px #d4d4d5;
    box-shadow: 0px -1px 0px 0px #d4d4d5
}

.ui.celled.grid>.column:not(.row),
.ui.celled.grid>.row>.column {
    display: table-cell;
    -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5;
    box-shadow: -1px 0px 0px 0px #d4d4d5
}

.ui.celled.grid>.column:first-child,
.ui.celled.grid>.row>.column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.celled.page.grid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.celled.grid>.column:not(.row),
.ui.celled.grid>.row>.column {
    padding: 0.75em
}

.ui.relaxed.celled.grid>.column:not(.row),
.ui.relaxed.celled.grid>.row>.column {
    padding: 1em
}

.ui[class*="very relaxed"].celled.grid>.column:not(.row),
.ui[class*="very relaxed"].celled.grid>.row>.column {
    padding: 2em
}

.ui[class*="internally celled"].grid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui[class*="internally celled"].grid>.row:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui[class*="internally celled"].grid>.row>.column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui[class*="left aligned"].grid,
.ui[class*="left aligned"].grid>.row>.column,
.ui[class*="left aligned"].grid>.column,
.ui.grid [class*="left aligned"].column,
.ui.grid>[class*="left aligned"].aligned.row>.column {
    text-align: left
}

.ui.grid [class*="left aligned"].column {
    text-align: left !important
}

.ui[class*="center aligned"].grid,
.ui[class*="center aligned"].grid>.row>.column,
.ui[class*="center aligned"].grid>.column,
.ui.grid>[class*="center aligned"].aligned.row>.column {
    text-align: center
}

.ui.grid [class*="center aligned"].column {
    text-align: center !important
}

.ui[class*="right aligned"].grid,
.ui[class*="right aligned"].grid>.row>.column,
.ui[class*="right aligned"].grid>.column,
.ui.grid>[class*="right aligned"].aligned.row>.column {
    text-align: right
}

.ui.grid [class*="right aligned"].column {
    text-align: right !important
}

.ui.justified.grid,
.ui.justified.grid>.row>.column,
.ui.justified.grid>.column,
.ui.grid .justified.column,
.ui.grid>.justified.row>.column {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.ui.grid .justified.column {
    text-align: justify !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important
}

.ui[class*="top aligned"].grid,
.ui[class*="top aligned"].grid>.row>.column,
.ui[class*="top aligned"].grid>.column,
.ui.grid [class*="top aligned"].column,
.ui.grid>[class*="top aligned"].aligned.row>.column {
    vertical-align: top
}

.ui.grid [class*="top aligned"].column {
    vertical-align: top !important
}

.ui[class*="center aligned"].grid,
.ui[class*="middle aligned"].grid>.row>.column,
.ui[class*="middle aligned"].grid>.column,
.ui.grid>[class*="middle aligned"].aligned.row>.column {
    vertical-align: middle
}

.ui.grid [class*="middle aligned"].column {
    vertical-align: middle !important
}

.ui[class*="bottom aligned"].grid,
.ui[class*="bottom aligned"].grid>.row>.column,
.ui[class*="bottom aligned"].grid>.column,
.ui.grid>[class*="bottom aligned"].aligned.row>.column {
    vertical-align: bottom
}

.ui.grid [class*="bottom aligned"].column {
    vertical-align: bottom !important
}

.ui.grid>.white.row,
.ui.grid .white.column {
    background-color: #ffffff !important;
    color: rgba(0, 0, 0, 0.8)
}

.ui.grid>.row>.white.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.black.row,
.ui.grid .black.column {
    background-color: #1b1c1d !important;
    color: #ffffff
}

.ui.grid>.row>.black.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.blue.row,
.ui.grid .blue.column {
    background-color: #3b83c0 !important;
    color: #ffffff
}

.ui.grid>.row>.blue.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.green.row,
.ui.grid .green.column {
    background-color: #5bbd72 !important;
    color: #ffffff
}

.ui.grid>.row>.green.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.orange.row,
.ui.grid .orange.column {
    background-color: #e07b53 !important;
    color: #ffffff
}

.ui.grid>.row>.orange.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.pink.row,
.ui.grid .pink.column {
    background-color: #d9499a !important;
    color: #ffffff
}

.ui.grid>.row>.pink.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.purple.row,
.ui.grid .purple.column {
    background-color: #564f8a !important;
    color: #ffffff
}

.ui.grid>.row>.purple.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.red.row,
.ui.grid .red.column {
    background-color: #d95c5c !important;
    color: #ffffff
}

.ui.grid>.row>.red.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.teal.row,
.ui.grid .teal.column {
    background-color: #00b5ad !important;
    color: #ffffff
}

.ui.grid>.row>.teal.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.yellow.row,
.ui.grid .yellow.column {
    background-color: #f2c61f !important;
    color: #ffffff
}

.ui.grid>.row>.yellow.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui[class*="equal height"].grid {
    display: table;
    table-layout: fixed
}

.ui[class*="equal height"].grid>.row,
.ui[class*="equal height"].row {
    display: table;
    table-layout: fixed;
    width: 100% !important
}

.ui[class*="equal height"].grid>.column,
.ui[class*="equal height"].grid>.row>.column,
.ui.grid>[class*="equal height"].row>.column {
    display: table-cell
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.doubling.grid {
        width: 100% !important
    }
    .ui.grid>.doubling.row,
    .ui.doubling.grid>.row {
        margin: 0em !important;
        padding: 0em !important
    }
    .ui.grid>.doubling.row>.column,
    .ui.doubling.grid>.row>.column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0em
    }
    .ui[class*="two column"].doubling.grid>.row>.column,
    .ui[class*="two column"].doubling.grid>.column,
    .ui.grid>[class*="two column"].doubling.row>.column {
        width: 100% !important
    }
    .ui[class*="three column"].doubling.grid>.row>.column,
    .ui[class*="three column"].doubling.grid>.column,
    .ui.grid>[class*="three column"].doubling.row>.column {
        width: 50% !important
    }
    .ui[class*="four column"].doubling.grid>.row>.column,
    .ui[class*="four column"].doubling.grid>.column,
    .ui.grid>[class*="four column"].doubling.row>.column {
        width: 50% !important
    }
    .ui[class*="five column"].doubling.grid>.row>.column,
    .ui[class*="five column"].doubling.grid>.column,
    .ui.grid>[class*="five column"].doubling.row>.column {
        width: 33.33333333% !important
    }
    .ui[class*="six column"].doubling.grid>.row>.column,
    .ui[class*="six column"].doubling.grid>.column,
    .ui.grid>[class*="six column"].doubling.row>.column {
        width: 33.33333333% !important
    }
    .ui[class*="eight column"].doubling.grid>.row>.column,
    .ui[class*="eight column"].doubling.grid>.column,
    .ui.grid>[class*="eight column"].doubling.row>.column {
        width: 33.33333333% !important
    }
    .ui[class*="eight column"].doubling.grid>.row>.column,
    .ui[class*="eight column"].doubling.grid>.column,
    .ui.grid>[class*="eight column"].doubling.row>.column {
        width: 25% !important
    }
    .ui[class*="nine column"].doubling.grid>.row>.column,
    .ui[class*="nine column"].doubling.grid>.column,
    .ui.grid>[class*="nine column"].doubling.row>.column {
        width: 25% !important
    }
    .ui[class*="ten column"].doubling.grid>.row>.column,
    .ui[class*="ten column"].doubling.grid>.column,
    .ui.grid>[class*="ten column"].doubling.row>.column {
        width: 20% !important
    }
    .ui[class*="twelve column"].doubling.grid>.row>.column,
    .ui[class*="twelve column"].doubling.grid>.column,
    .ui.grid>[class*="twelve column"].doubling.row>.column {
        width: 16.66666667% !important
    }
    .ui[class*="fourteen column"].doubling.grid>.row>.column,
    .ui[class*="fourteen column"].doubling.grid>.column,
    .ui.grid>[class*="fourteen column"].doubling.row>.column {
        width: 14.28571429% !important
    }
    .ui[class*="sixteen column"].doubling.grid>.row>.column,
    .ui[class*="sixteen column"].doubling.grid>.column,
    .ui.grid>[class*="sixteen column"].doubling.row>.column {
        width: 12.5% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.doubling.grid {
        width: 100% !important
    }
    .ui.grid>.doubling.row,
    .ui.doubling.grid>.row {
        display: block !important;
        margin: 0em !important;
        padding: 0em !important
    }
    .ui.grid>.doubling.row>.column,
    .ui.doubling.grid>.row>.column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0em !important
    }
    .ui[class*="two column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="two column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="two column"].doubling:not(.stackable).row>.column {
        width: 100% !important
    }
    .ui[class*="three column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="three column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="three column"].doubling:not(.stackable).row>.column {
        width: 50% !important
    }
    .ui[class*="four column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="four column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="four column"].doubling:not(.stackable).row>.column {
        width: 50% !important
    }
    .ui[class*="five column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="five column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="five column"].doubling:not(.stackable).row>.column {
        width: 50% !important
    }
    .ui[class*="six column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="six column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="six column"].doubling:not(.stackable).row>.column {
        width: 50% !important
    }
    .ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="seven column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="seven column"].doubling:not(.stackable).row>.column {
        width: 50% !important
    }
    .ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="eight column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="eight column"].doubling:not(.stackable).row>.column {
        width: 50% !important
    }
    .ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="nine column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="nine column"].doubling:not(.stackable).row>.column {
        width: 33.33333333% !important
    }
    .ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="ten column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="ten column"].doubling:not(.stackable).row>.column {
        width: 33.33333333% !important
    }
    .ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="twelve column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="twelve column"].doubling:not(.stackable).row>.column {
        width: 33.33333333% !important
    }
    .ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="fourteen column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="fourteen column"].doubling:not(.stackable).row>.column {
        width: 25% !important
    }
    .ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column,
    .ui[class*="sixteen column"].doubling:not(.stackable).grid>.column,
    .ui.grid>[class*="sixteen column"].doubling:not(.stackable).row>.column {
        width: 25% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        display: block !important;
        width: auto;
        margin-left: 0em !important;
        margin-right: 0em !important;
        padding: 0em
    }
    .ui.stackable.grid>.row>.wide.column,
    .ui.stackable.grid>.wide.column,
    .ui.stackable.grid>.column.grid>.column,
    .ui.stackable.grid>.column.row>.column,
    .ui.stackable.grid>.row>.column,
    .ui.stackable.grid>.column:not(.row) {
        display: block !important;
        width: auto !important;
        margin: 0em 0em !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 1rem 1rem !important
    }
    .ui.stackable.grid>.row {
        margin: 0em;
        padding: 0em
    }
    .ui.stackable.grid .column>.ui.stackable.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }
    .ui[class*="equal height"].stackable.page.grid {
        display: block !important
    }
    .ui.stackable.divided.grid>.row:first-child>.column:first-child,
    .ui.stackable.celled.grid>.row:first-child>.column:first-child,
    .ui.stackable.divided.grid>.column:not(.row):first-child,
    .ui.stackable.celled.grid>.column:not(.row):first-child {
        border-top: none !important
    }
    .ui.inverted.stackable.celled.grid>.column:not(.row),
    .ui.inverted.stackable.divided.grid>.column:not(.row),
    .ui.inverted.stackable.celled.grid>.row>.column,
    .ui.inverted.stackable.divided.grid>.row>.column {
        border-top: 1px solid rgba(255, 255, 255, 0.2)
    }
    .ui.stackable.celled.grid>.column:not(.row),
    .ui.stackable.divided.grid>.column:not(.row),
    .ui.stackable.celled.grid>.row>.column,
    .ui.stackable.divided.grid>.row>.column {
        border-top: 1px solid rgba(39, 41, 43, 0.15);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.tablet:not(.mobile).only.grid.grid.grid,
    .ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),
    .ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),
    .ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile) {
        display: none !important
    }
    .ui[class*="computer only"].grid.grid.grid:not(.mobile),
    .ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),
    .ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),
    .ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),
    .ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),
    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet) {
        display: none !important
    }
    .ui[class*="computer only"].grid.grid.grid:not(.tablet),
    .ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),
    .ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),
    .ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet) {
        display: none !important
    }
}

@media only screen and (min-width: 992px) {
    .ui[class*="mobile only"].grid.grid.grid:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer) {
        display: none !important
    }
    .ui[class*="tablet only"].grid.grid.grid:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer) {
        display: none !important
    }
}

.ui.menu {
    margin: 1rem 0rem;
    background: #ffffff;
    font-size: 0px;
    font-weight: normal;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.2857rem
}

.ui.menu:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden
}

.ui.menu:first-child {
    margin-top: 0rem
}

.ui.menu:last-child {
    margin-bottom: 0rem
}

.ui.menu .item {
    color: rgba(0, 0, 0, 0.8)
}

.ui.menu .item .item {
    color: rgba(0, 0, 0, 0.5)
}

.ui.menu .item .menu a.item:hover,
.ui.menu .item .menu .link.item:hover {
    color: rgba(0, 0, 0, 0.85)
}

.ui.menu .item {
    position: relative;
    display: inline-block;
    padding: 0.78571em 0.95em;
    border-top: 0em solid transparent;
    background: none;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    -webkit-transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.menu .menu {
    margin: 0em
}

.ui.menu>.item:first-child {
    border-radius: 0.2857rem 0px 0px 0.2857rem
}

.ui.menu:not(.vertical) .item.left,
.ui.menu:not(.vertical) .menu.left {
    float: left
}

.ui.menu:not(.vertical) .item.right,
.ui.menu:not(.vertical) .menu.right {
    float: right
}

.ui.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    right: 0px;
    width: 1px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.05)));
    background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%)
}

.ui.menu>.right.menu:first-child {
    display: none
}

.ui.menu .menu.right .item:before,
.ui.menu .item.right:before {
    right: auto;
    left: 0px
}

.ui.menu .text.item>*,
.ui.menu .item>a:not(.ui),
.ui.menu .item>p:only-child {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8)
}

.ui.menu .item>p:first-child {
    margin-top: 0
}

.ui.menu .item>p:last-child {
    margin-bottom: 0
}

.ui.menu .item>i.icon {
    opacity: 0.75;
    float: none;
    margin: 0em 0.25em 0em 0em
}

.ui.menu .item>i.dropdown.icon {
    float: right;
    margin-left: 1em
}

.ui.menu:not(.vertical) .item>.button {
    position: relative;
    top: -0.05em;
    margin: -0.55em 0;
    padding-bottom: 0.55em;
    padding-top: 0.55em;
    font-size: 0.875em
}

.ui.menu .item>.input {
    width: 100%
}

.ui.menu:not(.vertical) .item>.input {
    position: relative;
    top: 0em;
    margin: -0.6em 0em
}

.ui.menu .item>.input input {
    font-size: 1em;
    padding-top: 0.4em;
    padding-bottom: 0.4em
}

.ui.menu .item>.input .button,
.ui.menu .item>.input .label {
    padding-top: 0.4em;
    padding-bottom: 0.4em
}

.ui.small.menu .item>.input input {
    top: 0em;
    padding-top: 0.4em;
    padding-bottom: 0.4em
}

.ui.small.menu .item>.input .button,
.ui.small.menu .item>.input .label {
    padding-top: 0.4em;
    padding-bottom: 0.4em
}

.ui.large.menu .item>.input input {
    top: -0.125em;
    padding-bottom: 0.6em;
    padding-top: 0.6em
}

.ui.large.menu .item>.input .button,
.ui.large.menu .item>.input .label {
    padding-top: 0.6em;
    padding-bottom: 0.6em
}

.ui.menu .header.item,
.ui.vertical.menu .header.item {
    background: rgba(0, 0, 0, 0.04);
    margin: 0em;
    text-transform: normal;
    font-weight: bold
}

.ui.menu .ui.dropdown.item.visible {
    background: rgba(0, 0, 0, 0.03);
    border-bottom-right-radius: 0em;
    border-bottom-left-radius: 0em
}

.ui.menu .ui.dropdown.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.menu .dropdown.item .menu {
    background: #ffffff;
    left: 0px;
    margin: 0px 0px 0px;
    min-width: calc(100% - 1px);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08)
}

.ui.menu:not(.secondary) .pointing.dropdown.item .menu {
    margin-top: 0px;
    border-top-left-radius: 0em;
    border-top-right-radius: 0em
}

.ui.menu .simple.dropdown.item .menu {
    margin: 0px !important
}

.ui.secondary.menu>.menu>.active.dropdown.item {
    background-color: transparent
}

.ui.secondary.menu .dropdown.item .menu {
    left: 0px;
    min-width: 100%
}

.ui.item.menu .dropdown .menu .item {
    width: 100%
}

.ui.menu .item>.label {
    background: rgba(0, 0, 0, 0.35);
    color: #ffffff;
    margin: -0.15em 0em -0.15em 0.5em;
    padding: 0.3em 0.8em;
    vertical-align: baseline
}

.ui.menu .item>.floating.label {
    padding: 0.3em 0.8em
}

.ui.menu .item>img:only-child {
    display: block;
    max-width: 100%;
    margin: 0em auto
}

.ui.link.menu>.item:hover,
.ui.menu>.link.item:hover,
.ui.menu>a.item:hover,
.ui.link.menu .menu>.item:hover,
.ui.menu .menu>.link.item:hover,
.ui.menu .menu>a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8)
}

.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8)
}

.ui.menu .active.item {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    -webkit-box-shadow: 0em 2px 0em inset;
    box-shadow: 0em 2px 0em inset
}

.ui.menu .active.item>i.icon {
    opacity: 1
}

.ui.vertical.menu .active.item {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0em;
    -webkit-box-shadow: 2px 0em 0em inset;
    box-shadow: 2px 0em 0em inset
}

.ui.vertical.menu>.active.item:first-child {
    border-radius: 0em 0.2857rem 0em 0em
}

.ui.vertical.menu>.active.item:last-child {
    border-radius: 0em 0em 0.2857rem 0em
}

.ui.vertical.menu>.active.item:only-child {
    border-radius: 0em 0.2857rem 0.2857rem 0em
}

.ui.vertical.menu .active.item .menu .active.item {
    border-left: none
}

.ui.vertical.menu .item .menu .active.item {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.vertical.menu .active.item:hover,
.ui.menu .active.item:hover {
    background-color: rgba(0, 0, 0, 0.03)
}

.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
    cursor: default;
    color: rgba(40, 40, 40, 0.3);
    background-color: transparent !important
}

.ui.vertical.menu {
    background: #ffffff
}

.ui.vertical.menu .item {
    background: none;
    display: block;
    height: auto !important;
    border-top: none;
    border-left: 0em solid transparent;
    border-right: none
}

.ui.vertical.menu>.item:first-child {
    border-radius: 0.2857rem 0.2857rem 0px 0px
}

.ui.vertical.menu>.item:last-child {
    border-radius: 0px 0px 0.2857rem 0.2857rem
}

.ui.vertical.menu .item>.label {
    float: right;
    text-align: center
}

.ui.vertical.menu .item>i.icon {
    width: 1.18em;
    float: right;
    margin: 0em 0em 0em 0.5em
}

.ui.vertical.menu .item>.label+i.icon {
    float: none;
    margin: 0em 0.5em 0em 0em
}

.ui.vertical.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.03)), color-stop(1.5em, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.03)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
    height: 1px
}

.ui.vertical.menu .item:first-child:before {
    background: none !important
}

.ui.vertical.menu .dropdown.item>.icon {
    float: right;
    content: "\f0da";
    margin-left: 1em
}

.ui.vertical.menu .active.dropdown.item {
    border-top-right-radius: 0em;
    border-bottom-right-radius: 0em
}

.ui.vertical.menu .dropdown.item .menu {
    top: 0% !important;
    left: 100%;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0em 0.2857rem 0.2857rem 0.2857rem
}

.ui.vertical.menu .dropdown.item .menu .item {
    font-size: 1rem
}

.ui.vertical.menu .dropdown.item .menu .item i.icon {
    margin-right: 0em
}

.ui.vertical.menu .dropdown.item.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.vertical.menu .item:not(.dropdown)>.menu {
    margin: 0.5em -0.95em 0em
}

.ui.vertical.menu .item:not(.dropdown)>.menu>.item {
    background: none;
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem
}

.ui.vertical.menu .item>.menu>.item:before {
    display: none
}

.ui.tiered.menu>.menu>.item:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.tiered.menu .active.item {
    background: #fcfcfc
}

.ui.tiered.menu>.menu .item.active:after {
    position: absolute;
    content: '';
    margin-top: -1px;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #fcfcfc
}

.ui.tiered.menu .sub.menu {
    background-color: #fcfcfc;
    border-radius: 0em;
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.tiered.menu>.sub.menu>.item {
    color: rgba(0, 0, 0, 0.4);
    font-weight: normal;
    text-transform: normal;
    font-size: 0.875rem
}

.ui.tiered.menu .sub.menu .item:before {
    background: none
}

.ui.tiered.menu .sub.menu .item:hover {
    background: none transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.tiered.menu .sub.menu .active.item {
    padding-top: 0.78571em;
    background: none transparent;
    border-radius: 0;
    border-top: medium none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8) !important
}

.ui.tiered.menu .sub.menu .active.item:after {
    display: none
}

.ui.inverted.tiered.menu>.menu>.item {
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.tiered.menu .sub.menu {
    background-color: rgba(0, 0, 0, 0.2)
}

.ui.inverted.tiered.menu .sub.menu .item {
    color: rgba(255, 255, 255, 0.8)
}

.ui.inverted.tiered.menu>.menu>.item:hover {
    color: #ffffff
}

.ui.inverted.tiered.menu .active.item:after {
    display: none
}

.ui.inverted.tiered.menu>.sub.menu>.active.item,
.ui.inverted.tiered.menu>.menu>.active.item {
    color: #ffffff !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.pointing.tiered.menu>.menu>.item:after {
    display: none
}

.ui.pointing.tiered.menu>.sub.menu>.item:after {
    display: block
}

.ui.tabular.menu {
    background-color: transparent;
    border-bottom: 1px solid #d4d4d5;
    border-radius: 0em;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.tabular.menu .item {
    background-color: transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    padding-left: 1.4em;
    padding-right: 1.4em;
    color: rgba(0, 0, 0, 0.8)
}

.ui.tabular.menu .item:before {
    display: none
}

.ui.tabular.menu .item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.tabular.menu .active.item {
    position: relative;
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.8);
    border-color: #d4d4d5;
    font-weight: bold;
    margin-bottom: -1px;
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px 5px 0px 0px
}

.ui.attached.tabular.menu {
    position: relative;
    z-index: 2
}

.ui.tabular.menu~.bottom.attached.segment {
    margin: -1px 0px 0px
}

.ui.pagination.menu {
    margin: 0em;
    display: inline-block;
    vertical-align: middle
}

.ui.pagination.menu .item {
    min-width: 3em;
    text-align: center
}

.ui.pagination.menu .icon.item i.icon {
    vertical-align: top
}

.ui.pagination.menu.floated {
    display: block
}

.ui.pagination.menu .active.item {
    border-top: none;
    padding-top: 0.78571em;
    background-color: rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.secondary.menu {
    background: none;
    border-radius: 0em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.secondary.menu>.menu>.item,
.ui.secondary.menu>.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: auto !important;
    background: none;
    margin: 0em 0.25em;
    padding: 0.5em 0.8em;
    border-radius: 0.2857rem
}

.ui.secondary.menu>.menu>.item:before,
.ui.secondary.menu>.item:before {
    display: none !important
}

.ui.secondary.menu .item>.input input {
    background-color: transparent;
    border: none
}

.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
    opacity: 0.8;
    -webkit-transition: none;
    transition: none
}

.ui.secondary.menu .header.item {
    border-right: 0.1em solid rgba(0, 0, 0, 0.1);
    background: none transparent;
    border-radius: 0em
}

.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
    opacity: 1
}

.ui.secondary.menu>.menu>.active.item,
.ui.secondary.menu>.active.item {
    background: rgba(0, 0, 0, 0.05);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.secondary.vertical.menu>.active.item {
    border-radius: 0.2857rem
}

.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
    color: rgba(255, 255, 255, 0.8)
}

.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
    color: #ffffff
}

.ui.secondary.inverted.menu .active.item {
    background-color: rgba(255, 255, 255, 0.05)
}

.ui.secondary.item.menu>.item {
    margin: 0em
}

.ui.secondary.attached.menu {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.secondary.vertical.menu>.item {
    border: none;
    margin: 0em 0em 0.3em;
    border-radius: 0.2857rem
}

.ui.secondary.vertical.menu>.header.item {
    border-radius: 0em
}

.ui.secondary.inverted.menu {
    background-color: transparent
}

.ui.secondary.inverted.pointing.menu {
    border-bottom: 3px solid rgba(255, 255, 255, 0.1)
}

.ui.secondary.inverted.pointing.menu>.item {
    color: rgba(255, 255, 255, 0.7)
}

.ui.secondary.inverted.pointing.menu>.header.item {
    color: #FFFFFF !important
}

.ui.secondary.inverted.pointing.menu>.menu>.item:hover,
.ui.secondary.inverted.pointing.menu>.item:hover {
    color: rgba(255, 255, 255, 0.85)
}

.ui.secondary.inverted.pointing.menu>.menu>.item:active,
.ui.secondary.inverted.pointing.menu>.item:active {
    border-color: rgba(255, 255, 255, 0.4)
}

.ui.secondary.inverted.pointing.menu>.menu>.item.active,
.ui.secondary.inverted.pointing.menu>.item.active {
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff
}

.ui.secondary.pointing.menu {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1)
}

.ui.secondary.pointing.menu>.menu>.item,
.ui.secondary.pointing.menu>.item {
    margin: 0em 0em -3px;
    padding: 0.6em 0.95em;
    border-bottom: 3px solid transparent;
    border-radius: 0em;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.ui.secondary.pointing.menu .header.item {
    margin-bottom: -3px;
    background-color: transparent !important;
    border-right-width: 0px !important;
    font-weight: bold !important;
    color: rgba(0, 0, 0, 0.85) !important
}

.ui.secondary.pointing.menu .text.item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.secondary.pointing.menu>.menu>.item:after,
.ui.secondary.pointing.menu>.item:after {
    display: none
}

.ui.secondary.pointing.menu>.menu>.link.item:hover,
.ui.secondary.pointing.menu>.link.item:hover,
.ui.secondary.pointing.menu>.menu>a.item:hover,
.ui.secondary.pointing.menu>a.item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.secondary.pointing.menu>.menu>.link.item:active,
.ui.secondary.pointing.menu>.link.item:active,
.ui.secondary.pointing.menu>.menu>a.item:active,
.ui.secondary.pointing.menu>a.item:active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2)
}

.ui.secondary.pointing.menu>.menu>.item.active,
.ui.secondary.pointing.menu>.item.active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8)
}

.ui.secondary.vertical.pointing.menu {
    border: none;
    border-right: 3px solid rgba(0, 0, 0, 0.1)
}

.ui.secondary.vertical.pointing.menu>.item {
    margin: 0em -3px 0em 0em;
    border-bottom: none;
    border-right: 3px solid transparent;
    border-radius: 0em
}

.ui.secondary.vertical.pointing.menu>.item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.7)
}

.ui.secondary.vertical.pointing.menu>.item:active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2)
}

.ui.secondary.vertical.pointing.menu>.item.active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.85)
}

.ui.secondary.inverted.vertical.pointing.menu {
    border-right: 3px solid rgba(255, 255, 255, 0.1);
    border-bottom: none
}

.ui.text.menu {
    display: inline-block;
    background: none transparent;
    margin: 1rem -1rem;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.text.menu>.item {
    opacity: 0.8;
    margin: 0em 1em;
    padding: 0em;
    height: auto !important;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.ui.text.menu>.item:before {
    display: none !important
}

.ui.text.menu .header.item {
    background-color: transparent;
    opacity: 1;
    color: rgba(50, 50, 50, 0.8);
    font-size: 0.875rem;
    padding: 0em;
    text-transform: uppercase;
    font-weight: bold
}

.ui.text.menu .text.item {
    opacity: 1;
    color: rgba(50, 50, 50, 0.8);
    font-weight: bold
}

.ui.text.item.menu .item {
    margin: 0em
}

.ui.vertical.text.menu {
    margin: 1rem 0em
}

.ui.vertical.text.menu:first-child {
    margin-top: 0rem
}

.ui.vertical.text.menu:last-child {
    margin-bottom: 0rem
}

.ui.vertical.text.menu .item {
    float: left;
    clear: left;
    margin: 0.5em 0em
}

.ui.vertical.text.menu .item>i.icon {
    float: none;
    margin: 0em 0.78571em 0em 0em
}

.ui.vertical.text.menu .header.item {
    margin: 0.8em 0em
}

.ui.text.menu .item:hover {
    opacity: 1;
    background-color: transparent
}

.ui.text.menu .active.item {
    background-color: transparent;
    padding: 0em;
    border: none;
    opacity: 1;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.text.pointing.menu .active.item:after {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.text.attached.menu {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.text.menu,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover,
.ui.inverted.text.menu .item.active {
    background-color: transparent
}

.ui.icon.menu,
.ui.vertical.icon.menu {
    width: auto;
    display: inline-block;
    height: auto
}

.ui.icon.menu>.item {
    height: auto;
    text-align: center;
    color: rgba(60, 60, 60, 0.7)
}

.ui.icon.menu>.item>.icon {
    display: block;
    float: none !important;
    opacity: 1;
    margin: 0em auto !important
}

.ui.icon.menu .icon:before {
    opacity: 1
}

.ui.menu .icon.item .icon {
    margin: 0em
}

.ui.vertical.icon.menu {
    float: none
}

.ui.inverted.icon.menu .item {
    color: rgba(255, 255, 255, 0.8)
}

.ui.inverted.icon.menu .icon {
    color: #ffffff
}

.ui.labeled.icon.menu {
    text-align: center
}

.ui.labeled.icon.menu>.item {
    min-width: 6em
}

.ui.labeled.icon.menu>.item>.icon {
    display: block;
    font-size: 1.5em !important;
    margin: 0em auto 0.5em !important
}

.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
    border-color: #3b83c0 !important;
    color: #3b83c0 !important
}

.ui.menu .green.active.item,
.ui.green.menu .active.item {
    border-color: #5bbd72 !important;
    color: #5bbd72 !important
}

.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
    border-color: #e07b53 !important;
    color: #e07b53 !important
}

.ui.menu .pink.active.item,
.ui.pink.menu .active.item {
    border-color: #d9499a !important;
    color: #d9499a !important
}

.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
    border-color: #564f8a !important;
    color: #564f8a !important
}

.ui.menu .red.active.item,
.ui.red.menu .active.item {
    border-color: #d95c5c !important;
    color: #d95c5c !important
}

.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
    border-color: #00b5ad !important;
    color: #00b5ad !important
}

.ui.menu .yellow.active.item,
.ui.yellow.menu .active.item {
    border-color: #f2c61f !important;
    color: #f2c61f !important
}

.ui.inverted.menu {
    background: #1b1c1d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.menu .header.item {
    margin: 0em;
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.menu .item,
.ui.inverted.menu .item>a:not(.ui) {
    color: #ffffff
}

.ui.inverted.menu .item:not(.dropdown).menu {
    background: transparent
}

.ui.inverted.menu .item .item,
.ui.inverted.menu .item .item>a:not(.ui) {
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.menu .dropdown .menu .item {
    color: rgba(0, 0, 0, 0.8) !important
}

.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
    color: rgba(225, 225, 225, 0.3)
}

.ui.inverted.menu .item:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03)));
    background: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%)
}

.ui.vertical.inverted.menu .item:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%)
}

.ui.link.inverted.menu .item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover,
.ui.inverted.menu .dropdown.item:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff
}

.ui.inverted.menu .item .menu a.item:hover,
.ui.inverted.menu .item .menu .link.item:hover {
    background: transparent;
    color: #ffffff
}

.ui.inverted.menu a.item:active,
.ui.inverted.menu .dropdown.item:active,
.ui.inverted.menu .link.item:active,
.ui.inverted.menu a.item:active {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff
}

.ui.inverted.menu .active.item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff !important
}

.ui.inverted.vertical.menu .item .menu .active.item {
    background: transparent;
    color: #ffffff
}

.ui.inverted.pointing.menu .active.item:after {
    background: #5B5B5B;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.pointing.menu .active.item:hover:after {
    background: #4A4A4A
}

.ui.selection.menu>.item {
    color: rgba(0, 0, 0, 0.4)
}

.ui.selection.menu>.item:hover {
    color: rgba(0, 0, 0, 0.6)
}

.ui.selection.menu>.item.active {
    color: rgba(0, 0, 0, 0.85)
}

.ui.inverted.selection.menu>.item {
    color: rgba(255, 255, 255, 0.4)
}

.ui.inverted.selection.menu>.item:hover {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.selection.menu>.item.active {
    color: #FFFFFF
}

.ui.floated.menu {
    float: left;
    margin: 0rem 0.5rem 0rem 0rem
}

.ui.right.floated.menu {
    float: right;
    margin: 0rem 0rem 0rem 0.5rem
}

.ui.grey.menu {
    background-color: #fafafa
}

.ui.inverted.blue.menu {
    background-color: #3b83c0
}

.ui.inverted.blue.pointing.menu .active.item:after {
    background-color: #3b83c0
}

.ui.inverted.green.menu {
    background-color: #5bbd72
}

.ui.inverted.green.pointing.menu .active.item:after {
    background-color: #5bbd72
}

.ui.inverted.orange.menu {
    background-color: #e07b53
}

.ui.inverted.orange.pointing.menu .active.item:after {
    background-color: #e07b53
}

.ui.inverted.pink.menu {
    background-color: #d9499a
}

.ui.inverted.pink.pointing.menu .active.item:after {
    background-color: #d9499a
}

.ui.inverted.purple.menu {
    background-color: #564f8a
}

.ui.inverted.purple.pointing.menu .active.item:after {
    background-color: #564f8a
}

.ui.inverted.red.menu {
    background-color: #d95c5c
}

.ui.inverted.red.pointing.menu .active.item:after {
    background-color: #d95c5c
}

.ui.inverted.teal.menu {
    background-color: #00b5ad
}

.ui.inverted.teal.pointing.menu .active.item:after {
    background-color: #00b5ad
}

.ui.inverted.yellow.menu {
    background-color: #f2c61f
}

.ui.inverted.yellow.pointing.menu .active.item:after {
    background-color: #f2c61f
}

.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
    padding: 0em
}

.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
    padding-top: 0.78571em;
    padding-bottom: 0.78571em
}

.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
    padding-left: 0.95em;
    padding-right: 0.95em
}

.ui.borderless.menu .item:before,
.ui.borderless.menu .item .menu .item:before,
.ui.menu .borderless.item:before {
    background: none !important
}

.ui.compact.menu {
    display: inline-block;
    margin: 0em;
    vertical-align: middle
}

.ui.compact.vertical.menu {
    width: auto !important
}

.ui.compact.vertical.menu .item:last-child::before {
    display: block
}

.ui.menu.fluid,
.ui.vertical.menu.fluid {
    display: block;
    width: 100% !important
}

.ui.item.menu,
.ui.item.menu .item {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center
}

.ui.item.menu>.item:last-child {
    border-radius: 0px 0.2857rem 0.2857rem 0px
}

.ui.menu.two.item .item {
    width: 50%
}

.ui.menu.three.item .item {
    width: 33.333%
}

.ui.menu.four.item .item {
    width: 25%
}

.ui.menu.five.item .item {
    width: 20%
}

.ui.menu.six.item .item {
    width: 16.666%
}

.ui.menu.seven.item .item {
    width: 14.285%
}

.ui.menu.eight.item .item {
    width: 12.500%
}

.ui.menu.nine.item .item {
    width: 11.11%
}

.ui.menu.ten.item .item {
    width: 10.0%
}

.ui.menu.eleven.item .item {
    width: 9.09%
}

.ui.menu.twelve.item .item {
    width: 8.333%
}

.ui.menu.fixed {
    position: fixed;
    z-index: 101;
    margin: 0em;
    border: none;
    width: 100%
}

.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
    border-radius: 0px !important
}

.ui.fixed.menu,
.ui.top.fixed.menu {
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto
}

.ui.right.fixed.menu {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.ui.bottom.fixed.menu {
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto
}

.ui.left.fixed.menu {
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.ui.fixed.menu+.ui.grid {
    padding-top: 2.75rem
}

.ui.pointing.menu .active.item:after {
    position: absolute;
    bottom: -0.3em;
    left: 50%;
    content: '';
    margin-left: -0.3em;
    width: 0.6em;
    height: 0.6em;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease
}

.ui.pointing.menu .active.item .menu .active.item:after {
    display: none
}

.ui.vertical.pointing.menu .active.item:after {
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: -0.3em;
    bottom: auto;
    left: auto;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.pointing.menu .active.item:hover:after {
    background-color: #fafafa
}

.ui.pointing.menu .active.item:after {
    background-color: #f6f6f6
}

.ui.vertical.pointing.menu .item:hover:after {
    background-color: #fafafa
}

.ui.vertical.pointing.menu .active.item:after {
    background-color: #fcfcfc
}

.ui.menu.attached {
    margin: 0rem;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 1px #dddddd;
    box-shadow: 0px 0px 0px 1px #dddddd
}

.ui.top.attached.menu {
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

.ui.menu.bottom.attached {
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

.ui.small.menu .item {
    font-size: 0.875rem
}

.ui.small.vertical.menu {
    width: 13rem
}

.ui.menu .item {
    font-size: 1rem
}

.ui.vertical.menu {
    width: 15rem
}

.ui.large.menu .item {
    font-size: 1.125rem
}

.ui.large.menu .item .item {
    font-size: 0.875rem
}

.ui.large.menu .dropdown .item {
    font-size: 1rem
}

.ui.large.vertical.menu {
    width: 18rem
}


/*!
 * # Semantic UI 2.2.7 - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0em;
    background: #F8F8F9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.message:first-child {
    margin-top: 0em
}

.ui.message:last-child {
    margin-bottom: 0em
}

.ui.message .header {
    display: block;
    font-weight: bold;
    margin: -0.14285em 0em 0rem 0em
}

.ui.message .header:not(.ui) {
    font-size: 1.14285714em
}

.ui.message p {
    opacity: 0.85;
    margin: 0.75em 0em
}

.ui.message p:first-child {
    margin-top: 0em
}

.ui.message p:last-child {
    margin-bottom: 0em
}

.ui.message .header+p {
    margin-top: 0.25em
}

.ui.message .list:not(.ui) {
    text-align: left;
    padding: 0em;
    opacity: 0.85;
    list-style-position: inside;
    margin: 0.5em 0em 0em
}

.ui.message .list:not(.ui):first-child {
    margin-top: 0em
}

.ui.message .list:not(.ui):last-child {
    margin-bottom: 0em
}

.ui.message .list:not(.ui) li {
    position: relative;
    list-style-type: none;
    margin: 0em 0em 0.3em 1em;
    padding: 0em
}

.ui.message .list:not(.ui) li:before {
    position: absolute;
    content: '•';
    left: -1em;
    height: 100%;
    vertical-align: baseline
}

.ui.message .list:not(.ui) li:last-child {
    margin-bottom: 0em
}

.ui.message>.icon {
    margin-right: 0.6em
}

.ui.message>.close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0em;
    top: 0.78575em;
    right: 0.5em;
    opacity: 0.7;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.message>.close.icon:hover {
    opacity: 1
}

.ui.message>:first-child {
    margin-top: 0em
}

.ui.message>:last-child {
    margin-bottom: 0em
}

.ui.dropdown .menu>.message {
    margin: 0px -1px
}

.ui.visible.visible.visible.visible.message {
    display: block
}

.ui.icon.visible.visible.visible.visible.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.hidden.hidden.hidden.hidden.message {
    display: none
}

.ui.compact.message {
    display: inline-block
}

.ui.attached.message {
    margin-bottom: -1px;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
    box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached+.ui.attached.message:not(.top):not(.bottom) {
    margin-top: -1px;
    border-radius: 0em
}

.ui.bottom.attached.message {
    margin-top: -1px;
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15)
}

.ui.bottom.attached.message:not(:last-child) {
    margin-bottom: 1em
}

.ui.attached.icon.message {
    width: auto
}

.ui.icon.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.icon.message>.icon:not(.close) {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    line-height: 1;
    vertical-align: middle;
    font-size: 3em;
    opacity: 0.8
}

.ui.icon.message>.content {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align: middle
}

.ui.icon.message .icon:not(.close)+.content {
    padding-left: 0rem
}

.ui.icon.message .circular.icon {
    width: 1em
}

.ui.floating.message {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}

.ui.black.message {
    background-color: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.ui.positive.message {
    background-color: #FCFFF5;
    color: #2C662D
}

.ui.positive.message,
.ui.attached.positive.message {
    -webkit-box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.positive.message .header {
    color: #1A531B
}

.ui.negative.message {
    background-color: #FFF6F6;
    color: #9F3A38
}

.ui.negative.message,
.ui.attached.negative.message {
    -webkit-box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.negative.message .header {
    color: #912D2B
}

.ui.info.message {
    background-color: #F8FFFF;
    color: #276F86
}

.ui.info.message,
.ui.attached.info.message {
    -webkit-box-shadow: 0px 0px 0px 1px #a9d5de inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #a9d5de inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.info.message .header {
    color: #0E566C
}

.ui.warning.message {
    background-color: #FFFAF3;
    color: #573A08
}

.ui.warning.message,
.ui.attached.warning.message {
    -webkit-box-shadow: 0px 0px 0px 1px #c9ba9b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #c9ba9b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.warning.message .header {
    color: #794B02
}

.ui.error.message {
    background-color: #FFF6F6;
    color: #9F3A38
}

.ui.error.message,
.ui.attached.error.message {
    -webkit-box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.error.message .header {
    color: #912D2B
}

.ui.success.message {
    background-color: #FCFFF5;
    color: #2C662D
}

.ui.success.message,
.ui.attached.success.message {
    -webkit-box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.success.message .header {
    color: #1A531B
}

.ui.inverted.message,
.ui.black.message {
    background-color: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.ui.red.message {
    background-color: #FFE8E6;
    color: #DB2828;
    -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #db2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.red.message .header {
    color: #c82121
}

.ui.orange.message {
    background-color: #FFEDDE;
    color: #F2711C;
    -webkit-box-shadow: 0px 0px 0px 1px #f2711c inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #f2711c inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.orange.message .header {
    color: #e7640d
}

.ui.yellow.message {
    background-color: #FFF8DB;
    color: #B58105;
    -webkit-box-shadow: 0px 0px 0px 1px #b58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #b58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.yellow.message .header {
    color: #9c6f04
}

.ui.olive.message {
    background-color: #FBFDEF;
    color: #8ABC1E;
    -webkit-box-shadow: 0px 0px 0px 1px #8abc1e inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #8abc1e inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.olive.message .header {
    color: #7aa61a
}

.ui.green.message {
    background-color: #E5F9E7;
    color: #1EBC30;
    -webkit-box-shadow: 0px 0px 0px 1px #1ebc30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #1ebc30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.green.message .header {
    color: #1aa62a
}

.ui.teal.message {
    background-color: #E1F7F7;
    color: #10A3A3;
    -webkit-box-shadow: 0px 0px 0px 1px #10a3a3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #10a3a3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.teal.message .header {
    color: #0e8c8c
}

.ui.blue.message {
    background-color: #DFF0FF;
    color: #2185D0;
    -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #2185d0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.blue.message .header {
    color: #1e77ba
}

.ui.violet.message {
    background-color: #EAE7FF;
    color: #6435C9;
    -webkit-box-shadow: 0px 0px 0px 1px #6435c9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #6435c9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.violet.message .header {
    color: #5a30b5
}

.ui.purple.message {
    background-color: #F6E7FF;
    color: #A333C8;
    -webkit-box-shadow: 0px 0px 0px 1px #a333c8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #a333c8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.purple.message .header {
    color: #922eb4
}

.ui.pink.message {
    background-color: #FFE3FB;
    color: #E03997;
    -webkit-box-shadow: 0px 0px 0px 1px #e03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #e03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.pink.message .header {
    color: #dd238b
}

.ui.brown.message {
    background-color: #F1E2D3;
    color: #A5673F;
    -webkit-box-shadow: 0px 0px 0px 1px #a5673f inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #a5673f inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.ui.brown.message .header {
    color: #935b38
}

.ui.mini.message {
    font-size: 0.78571429em
}

.ui.tiny.message {
    font-size: 0.85714286em
}

.ui.small.message {
    font-size: 0.92857143em
}

.ui.message {
    font-size: 1em
}

.ui.large.message {
    font-size: 1.14285714em
}

.ui.big.message {
    font-size: 1.28571429em
}

.ui.huge.message {
    font-size: 1.42857143em
}

.ui.massive.message {
    font-size: 1.71428571em
}


/*!
 * # Semantic UI 2.2.9 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.table {
    width: 100%;
    background: #FFFFFF;
    margin: 1em 0em;
    border: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.28571429rem;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    border-collapse: separate;
    border-spacing: 0px
}

.ui.table:first-child {
    margin-top: 0em
}

.ui.table:last-child {
    margin-bottom: 0em
}

.ui.table th,
.ui.table td {
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease
}

.ui.table thead {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.table thead th {
    cursor: auto;
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.92857143em 0.78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    border-left: none
}

.ui.table thead tr>th:first-child {
    border-left: none
}

.ui.table thead tr:first-child>th:first-child {
    border-radius: 0.28571429rem 0em 0em 0em
}

.ui.table thead tr:first-child>th:last-child {
    border-radius: 0em 0.28571429rem 0em 0em
}

.ui.table thead tr:first-child>th:only-child {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.78571429em 0.78571429em;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    text-transform: none
}

.ui.table tfoot tr>th:first-child {
    border-left: none
}

.ui.table tfoot tr:first-child>th:first-child {
    border-radius: 0em 0em 0em 0.28571429rem
}

.ui.table tfoot tr:first-child>th:last-child {
    border-radius: 0em 0em 0.28571429rem 0em
}

.ui.table tfoot tr:first-child>th:only-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem
}

.ui.table tr td {
    border-top: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.table tr:first-child td {
    border-top: none
}

.ui.table td {
    padding: 0.78571429em 0.78571429em;
    text-align: inherit
}

.ui.table>.icon {
    vertical-align: baseline
}

.ui.table>.icon:only-child {
    margin: 0em
}

.ui.table.segment {
    padding: 0em
}

.ui.table.segment:after {
    display: none
}

.ui.table.segment.stacked:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width: 100%
    }
    .ui.table:not(.unstackable) tbody,
    .ui.table:not(.unstackable) tr,
    .ui.table:not(.unstackable) tr>th,
    .ui.table:not(.unstackable) tr>td {
        width: auto !important;
        display: block !important
    }
    .ui.table:not(.unstackable) {
        padding: 0em
    }
    .ui.table:not(.unstackable) thead {
        display: block
    }
    .ui.table:not(.unstackable) tfoot {
        display: block
    }
    .ui.table:not(.unstackable) tr {
        padding-top: 1em;
        padding-bottom: 1em;
        -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important
    }
    .ui.table:not(.unstackable) tr>th,
    .ui.table:not(.unstackable) tr>td {
        background: none;
        border: none !important;
        padding: 0.25em 0.75em !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
    .ui.table:not(.unstackable) th:first-child,
    .ui.table:not(.unstackable) td:first-child {
        font-weight: bold
    }
    .ui.definition.table:not(.unstackable) thead th:first-child {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
    max-width: none
}

.ui.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.ui.structured.sortable.table thead th {
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    border-right: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}

.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
    border-left: 1px solid rgba(34, 36, 38, 0.1);
    border-right: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -1px -1px 0px 1px #FFFFFF;
    box-shadow: -1px -1px 0px 1px #FFFFFF
}

.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: rgba(0, 0, 0, 0.4);
    color: normal;
    -webkit-box-shadow: 1px 1px 0px 1px #FFFFFF;
    box-shadow: 1px 1px 0px 1px #FFFFFF
}

.ui.celled.definition.table thead:not(.full-width) th:first-child {
    -webkit-box-shadow: 0px -1px 0px 1px #FFFFFF;
    box-shadow: 0px -1px 0px 1px #FFFFFF
}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    -webkit-box-shadow: 0px 1px 0px 1px #FFFFFF;
    box-shadow: 0px 1px 0px 1px #FFFFFF
}

.ui.definition.table tr td:first-child:not(.ignored),
.ui.definition.table tr td.definition {
    background: rgba(0, 0, 0, 0.03);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    text-transform: '';
    -webkit-box-shadow: '';
    box-shadow: '';
    text-align: '';
    font-size: 1em;
    padding-left: '';
    padding-right: ''
}

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.definition.table td:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.table tr.positive,
.ui.table td.positive {
    -webkit-box-shadow: 0px 0px 0px #A3C293 inset;
    box-shadow: 0px 0px 0px #A3C293 inset
}

.ui.table tr.positive,
.ui.table td.positive {
    background: #FCFFF5 !important;
    color: #2C662D !important
}

.ui.table tr.negative,
.ui.table td.negative {
    -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;
    box-shadow: 0px 0px 0px #E0B4B4 inset
}

.ui.table tr.negative,
.ui.table td.negative {
    background: #FFF6F6 !important;
    color: #9F3A38 !important
}

.ui.table tr.error,
.ui.table td.error {
    -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;
    box-shadow: 0px 0px 0px #E0B4B4 inset
}

.ui.table tr.error,
.ui.table td.error {
    background: #FFF6F6 !important;
    color: #9F3A38 !important
}

.ui.table tr.warning,
.ui.table td.warning {
    -webkit-box-shadow: 0px 0px 0px #C9BA9B inset;
    box-shadow: 0px 0px 0px #C9BA9B inset
}

.ui.table tr.warning,
.ui.table td.warning {
    background: #FFFAF3 !important;
    color: #573A08 !important
}

.ui.table tr.active,
.ui.table td.active {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset
}

.ui.table tr.active,
.ui.table td.active {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important
}

.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(40, 40, 40, 0.3)
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].table,
    .ui[class*="tablet stackable"].table tbody,
    .ui[class*="tablet stackable"].table tr,
    .ui[class*="tablet stackable"].table tr>th,
    .ui[class*="tablet stackable"].table tr>td {
        width: 100% !important;
        display: block !important
    }
    .ui[class*="tablet stackable"].table {
        padding: 0em
    }
    .ui[class*="tablet stackable"].table thead {
        display: block
    }
    .ui[class*="tablet stackable"].table tfoot {
        display: block
    }
    .ui[class*="tablet stackable"].table tr {
        padding-top: 1em;
        padding-bottom: 1em;
        -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important
    }
    .ui[class*="tablet stackable"].table tr>th,
    .ui[class*="tablet stackable"].table tr>td {
        background: none;
        border: none !important;
        padding: 0.25em 0.75em;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
    text-align: left
}

.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
    text-align: center
}

.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
    text-align: right
}

.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
    vertical-align: top
}

.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
    vertical-align: middle
}

.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
    vertical-align: bottom
}

.ui.table th.collapsing,
.ui.table td.collapsing {
    width: 1px;
    white-space: nowrap
}

.ui.fixed.table {
    table-layout: fixed
}

.ui.fixed.table th,
.ui.fixed.table td {
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important
}

.ui.table tbody tr td.selectable {
    padding: 0em
}

.ui.table tbody tr td.selectable>a:not(.ui) {
    display: block;
    color: inherit;
    padding: 0.78571429em 0.78571429em
}

.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
    background: #fff4e4 !important;
    color: #493107 !important
}

.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important
}

.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
    background: #f7ffe6 !important;
    color: #275b28 !important
}

.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.attached.table {
    top: 0px;
    bottom: 0px;
    border-radius: 0px;
    margin: 0em -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #D4D4D5
}

.ui.attached+.ui.attached.table:not(.top) {
    border-top: none
}

.ui[class*="top attached"].table {
    bottom: 0px;
    margin-bottom: 0em;
    top: 0px;
    margin-top: 1em;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.table[class*="top attached"]:first-child {
    margin-top: 0em
}

.ui[class*="bottom attached"].table {
    bottom: 0px;
    margin-top: 0em;
    top: 0px;
    margin-bottom: 1em;
    -webkit-box-shadow: none, none;
    box-shadow: none, none;
    border-radius: 0em 0em 0.28571429rem 0.28571429rem
}

.ui[class*="bottom attached"].table:last-child {
    margin-bottom: 0em
}

.ui.striped.table>tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, 0.02)
}

.ui.inverted.striped.table>tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.05)
}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
    background: #EFEFEF !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.table[class*="single line"],
.ui.table [class*="single line"] {
    white-space: nowrap
}

.ui.table[class*="single line"],
.ui.table [class*="single line"] {
    white-space: nowrap
}

.ui.red.table {
    border-top: 0.2em solid #DB2828
}

.ui.inverted.red.table {
    background-color: #DB2828 !important;
    color: #FFFFFF !important
}

.ui.orange.table {
    border-top: 0.2em solid #F2711C
}

.ui.inverted.orange.table {
    background-color: #F2711C !important;
    color: #FFFFFF !important
}

.ui.yellow.table {
    border-top: 0.2em solid #FBBD08
}

.ui.inverted.yellow.table {
    background-color: #FBBD08 !important;
    color: #FFFFFF !important
}

.ui.olive.table {
    border-top: 0.2em solid #B5CC18
}

.ui.inverted.olive.table {
    background-color: #B5CC18 !important;
    color: #FFFFFF !important
}

.ui.green.table {
    border-top: 0.2em solid #21BA45
}

.ui.inverted.green.table {
    background-color: #21BA45 !important;
    color: #FFFFFF !important
}

.ui.teal.table {
    border-top: 0.2em solid #00B5AD
}

.ui.inverted.teal.table {
    background-color: #00B5AD !important;
    color: #FFFFFF !important
}

.ui.blue.table {
    border-top: 0.2em solid #2185D0
}

.ui.inverted.blue.table {
    background-color: #2185D0 !important;
    color: #FFFFFF !important
}

.ui.violet.table {
    border-top: 0.2em solid #6435C9
}

.ui.inverted.violet.table {
    background-color: #6435C9 !important;
    color: #FFFFFF !important
}

.ui.purple.table {
    border-top: 0.2em solid #A333C8
}

.ui.inverted.purple.table {
    background-color: #A333C8 !important;
    color: #FFFFFF !important
}

.ui.pink.table {
    border-top: 0.2em solid #E03997
}

.ui.inverted.pink.table {
    background-color: #E03997 !important;
    color: #FFFFFF !important
}

.ui.brown.table {
    border-top: 0.2em solid #A5673F
}

.ui.inverted.brown.table {
    background-color: #A5673F !important;
    color: #FFFFFF !important
}

.ui.grey.table {
    border-top: 0.2em solid #767676
}

.ui.inverted.grey.table {
    background-color: #767676 !important;
    color: #FFFFFF !important
}

.ui.black.table {
    border-top: 0.2em solid #1B1C1D
}

.ui.inverted.black.table {
    background-color: #1B1C1D !important;
    color: #FFFFFF !important
}

.ui.one.column.table td {
    width: 100%
}

.ui.two.column.table td {
    width: 50%
}

.ui.three.column.table td {
    width: 33.33333333%
}

.ui.four.column.table td {
    width: 25%
}

.ui.five.column.table td {
    width: 20%
}

.ui.six.column.table td {
    width: 16.66666667%
}

.ui.seven.column.table td {
    width: 14.28571429%
}

.ui.eight.column.table td {
    width: 12.5%
}

.ui.nine.column.table td {
    width: 11.11111111%
}

.ui.ten.column.table td {
    width: 10%
}

.ui.eleven.column.table td {
    width: 9.09090909%
}

.ui.twelve.column.table td {
    width: 8.33333333%
}

.ui.thirteen.column.table td {
    width: 7.69230769%
}

.ui.fourteen.column.table td {
    width: 7.14285714%
}

.ui.fifteen.column.table td {
    width: 6.66666667%
}

.ui.sixteen.column.table td {
    width: 6.25%
}

.ui.table th.one.wide,
.ui.table td.one.wide {
    width: 6.25%
}

.ui.table th.two.wide,
.ui.table td.two.wide {
    width: 12.5%
}

.ui.table th.three.wide,
.ui.table td.three.wide {
    width: 18.75%
}

.ui.table th.four.wide,
.ui.table td.four.wide {
    width: 25%
}

.ui.table th.five.wide,
.ui.table td.five.wide {
    width: 31.25%
}

.ui.table th.six.wide,
.ui.table td.six.wide {
    width: 37.5%
}

.ui.table th.seven.wide,
.ui.table td.seven.wide {
    width: 43.75%
}

.ui.table th.eight.wide,
.ui.table td.eight.wide {
    width: 50%
}

.ui.table th.nine.wide,
.ui.table td.nine.wide {
    width: 56.25%
}

.ui.table th.ten.wide,
.ui.table td.ten.wide {
    width: 62.5%
}

.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
    width: 68.75%
}

.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
    width: 75%
}

.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
    width: 81.25%
}

.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
    width: 87.5%
}

.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
    width: 93.75%
}

.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
    width: 100%
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87)
}

.ui.sortable.table thead th:first-child {
    border-left: none
}

.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.sortable.table thead th:after {
    display: none;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: '';
    height: 1em;
    width: auto;
    opacity: 0.8;
    margin: 0em 0em 0em 0.5em;
    font-family: 'Icons'
}

.ui.sortable.table thead th.ascending:after {
    content: '\f0d8'
}

.ui.sortable.table thead th.descending:after {
    content: '\f0d7'
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40, 40, 40, 0.3)
}

.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.sortable.table thead th.sorted {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.inverted.sortable.table thead th.sorted {
    background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #ffffff
}

.ui.inverted.sortable.table thead th:hover {
    background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #ffffff
}

.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}

.ui.inverted.table {
    background: #333333;
    color: rgba(255, 255, 255, 0.9);
    border: none
}

.ui.inverted.table th {
    background-color: rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.table tr td {
    border-color: rgba(255, 255, 255, 0.1) !important
}

.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(225, 225, 225, 0.3)
}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #FFFFFF
}

.ui.inverted.definition.table tr td:first-child {
    background: rgba(255, 255, 255, 0.02);
    color: #ffffff
}

.ui.collapsing.table {
    width: auto
}

.ui.basic.table {
    background: transparent;
    border: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.table thead,
.ui.basic.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.table th {
    background: transparent;
    border-left: none
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.basic.table td {
    background: transparent
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.ui[class*="very basic"].table {
    border: none
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
    padding: ''
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
    padding-left: 0em
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
    padding-right: 0em
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0em
}

.ui.celled.table tr th,
.ui.celled.table tr td {
    border-left: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
    border-left: none
}

.ui.padded.table th {
    padding-left: 1em;
    padding-right: 1em
}

.ui.padded.table th,
.ui.padded.table td {
    padding: 1em 1em
}

.ui[class*="very padded"].table th {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ui[class*="very padded"].table td {
    padding: 1.5em 1.5em
}

.ui.compact.table th {
    padding-left: 0.7em;
    padding-right: 0.7em
}

.ui.compact.table td {
    padding: 0.5em 0.7em
}

.ui[class*="very compact"].table th {
    padding-left: 0.6em;
    padding-right: 0.6em
}

.ui[class*="very compact"].table td {
    padding: 0.4em 0.6em
}

.ui.small.table {
    font-size: 0.9em
}

.ui.table {
    font-size: 1em
}

.ui.large.table {
    font-size: 1.1em
}

.ui.ad {
    display: block;
    overflow: hidden;
    margin: 1em 0em
}

.ui.ad:first-child {
    margin: 0em
}

.ui.ad:last-child {
    margin: 0em
}

.ui.ad iframe {
    margin: 0em;
    padding: 0em;
    border: none;
    overflow: hidden
}

.ui.leaderboard.ad {
    width: 728px;
    height: 90px
}

.ui[class*="medium rectangle"].ad {
    width: 300px;
    height: 250px
}

.ui[class*="large rectangle"].ad {
    width: 336px;
    height: 280px
}

.ui[class*="half page"].ad {
    width: 300px;
    height: 600px
}

.ui.square.ad {
    width: 250px;
    height: 250px
}

.ui[class*="small square"].ad {
    width: 200px;
    height: 200px
}

.ui[class*="small rectangle"].ad {
    width: 180px;
    height: 150px
}

.ui[class*="vertical rectangle"].ad {
    width: 240px;
    height: 400px
}

.ui.button.ad {
    width: 120px;
    height: 90px
}

.ui[class*="square button"].ad {
    width: 125px;
    height: 125px
}

.ui[class*="small button"].ad {
    width: 120px;
    height: 60px
}

.ui.skyscraper.ad {
    width: 120px;
    height: 600px
}

.ui[class*="wide skyscraper"].ad {
    width: 160px
}

.ui.banner.ad {
    width: 468px;
    height: 60px
}

.ui[class*="vertical banner"].ad {
    width: 120px;
    height: 240px
}

.ui[class*="top banner"].ad {
    width: 930px;
    height: 180px
}

.ui[class*="half banner"].ad {
    width: 234px;
    height: 60px
}

.ui[class*="large leaderboard"].ad {
    width: 970px;
    height: 90px
}

.ui.billboard.ad {
    width: 970px;
    height: 250px
}

.ui.panorama.ad {
    width: 980px;
    height: 120px
}

.ui.netboard.ad {
    width: 580px;
    height: 400px
}

.ui[class*="large mobile banner"].ad {
    width: 320px;
    height: 100px
}

.ui[class*="mobile leaderboard"].ad {
    width: 320px;
    height: 50px
}

.ui.mobile.ad {
    display: none
}

@media only screen and (max-width: 767px) {
    .ui.mobile.ad {
        display: block
    }
}

.ui.centered.ad {
    margin-left: auto;
    margin-right: auto
}

.ui.test.ad {
    position: relative;
    background: #333333
}

.ui.test.ad:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: 'Ad';
    color: #ffffff;
    font-size: 1em;
    font-weight: bold
}

.ui.mobile.test.ad:after {
    font-size: 0.85714em
}

.ui.test.ad[data-text]:after {
    content: attr(data-text)
}


/*!
 * # Semantic UI 2.2.9 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.cards>.card,
.ui.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0px;
    background: #FFFFFF;
    padding: 0em;
    border: none;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
    box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
    -webkit-transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
    z-index: ''
}

.ui.card {
    margin: 1em 0em
}

.ui.cards>.card a,
.ui.card a {
    cursor: pointer
}

.ui.card:first-child {
    margin-top: 0em
}

.ui.card:last-child {
    margin-bottom: 0em
}

.ui.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.875em -0.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui.cards>.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.875em 0.5em;
    float: none
}

.ui.cards:after,
.ui.card:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.cards~.ui.cards {
    margin-top: 0.875em
}

.ui.cards>.card>:first-child,
.ui.card>:first-child {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
    border-top: none !important
}

.ui.cards>.card>:last-child,
.ui.card>:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem !important
}

.ui.cards>.card>:only-child,
.ui.card>:only-child {
    border-radius: 0.28571429rem !important
}

.ui.cards>.card>.image,
.ui.card>.image {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0em;
    background: rgba(0, 0, 0, 0.05)
}

.ui.cards>.card>.image>img,
.ui.card>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit
}

.ui.cards>.card>.image:not(.ui)>img,
.ui.card>.image:not(.ui)>img {
    border: none
}

.ui.cards>.card>.content,
.ui.card>.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    background: none;
    margin: 0em;
    padding: 1em 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    border-radius: 0em
}

.ui.cards>.card>.content:after,
.ui.card>.content:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.cards>.card>.content>.header,
.ui.card>.content>.header {
    display: block;
    margin: '';
    color: rgba(0, 0, 0, 0.85)
}

.ui.cards>.card>.content>.header:not(.ui),
.ui.card>.content>.header:not(.ui) {
    font-weight: bold;
    font-size: 1.28571429em;
    margin-top: -0.21425em;
    line-height: 1.28571429em
}

.ui.cards>.card>.content>.meta+.description,
.ui.cards>.card>.content>.header+.description,
.ui.card>.content>.meta+.description,
.ui.card>.content>.header+.description {
    margin-top: 0.5em
}

.ui.cards>.card [class*="left floated"],
.ui.card [class*="left floated"] {
    float: left
}

.ui.cards>.card [class*="right floated"],
.ui.card [class*="right floated"] {
    float: right
}

.ui.cards>.card [class*="left aligned"],
.ui.card [class*="left aligned"] {
    text-align: left
}

.ui.cards>.card [class*="center aligned"],
.ui.card [class*="center aligned"] {
    text-align: center
}

.ui.cards>.card [class*="right aligned"],
.ui.card [class*="right aligned"] {
    text-align: right
}

.ui.cards>.card .content img,
.ui.card .content img {
    display: inline-block;
    vertical-align: middle;
    width: ''
}

.ui.cards>.card img.avatar,
.ui.cards>.card .avatar img,
.ui.card img.avatar,
.ui.card .avatar img {
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.cards>.card>.content>.description,
.ui.card>.content>.description {
    clear: both;
    color: rgba(0, 0, 0, 0.68)
}

.ui.cards>.card>.content p,
.ui.card>.content p {
    margin: 0em 0em 0.5em
}

.ui.cards>.card>.content p:last-child,
.ui.card>.content p:last-child {
    margin-bottom: 0em
}

.ui.cards>.card .meta,
.ui.card .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.cards>.card .meta *,
.ui.card .meta * {
    margin-right: 0.3em
}

.ui.cards>.card .meta :last-child,
.ui.card .meta :last-child {
    margin-right: 0em
}

.ui.cards>.card .meta [class*="right floated"],
.ui.card .meta [class*="right floated"] {
    margin-right: 0em;
    margin-left: 0.3em
}

.ui.cards>.card>.content a:not(.ui),
.ui.card>.content a:not(.ui) {
    color: '';
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards>.card>.content a:not(.ui):hover,
.ui.card>.content a:not(.ui):hover {
    color: ''
}

.ui.cards>.card>.content>a.header,
.ui.card>.content>a.header {
    color: rgba(0, 0, 0, 0.85)
}

.ui.cards>.card>.content>a.header:hover,
.ui.card>.content>a.header:hover {
    color: #1e70bf
}

.ui.cards>.card .meta>a:not(.ui),
.ui.card .meta>a:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.cards>.card .meta>a:not(.ui):hover,
.ui.card .meta>a:not(.ui):hover {
    color: rgba(0, 0, 0, 0.87)
}

.ui.cards>.card>.buttons,
.ui.card>.buttons,
.ui.cards>.card>.button,
.ui.card>.button {
    margin: 0px -1px;
    width: calc(100% + 2px)
}

.ui.cards>.card .dimmer,
.ui.card .dimmer {
    background-color: '';
    z-index: 10
}

.ui.cards>.card>.content .star.icon,
.ui.card>.content .star.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards>.card>.content .star.icon:hover,
.ui.card>.content .star.icon:hover {
    opacity: 1;
    color: #FFB70A
}

.ui.cards>.card>.content .active.star.icon,
.ui.card>.content .active.star.icon {
    color: #FFE623
}

.ui.cards>.card>.content .like.icon,
.ui.card>.content .like.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards>.card>.content .like.icon:hover,
.ui.card>.content .like.icon:hover {
    opacity: 1;
    color: #FF2733
}

.ui.cards>.card>.content .active.like.icon,
.ui.card>.content .active.like.icon {
    color: #FF2733
}

.ui.cards>.card>.extra,
.ui.card>.extra {
    max-width: 100%;
    min-height: 0em !important;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    position: static;
    background: none;
    width: auto;
    margin: 0em 0em;
    padding: 0.75em 1em;
    top: 0em;
    left: 0em;
    color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards>.card>.extra a:not(.ui),
.ui.card>.extra a:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.cards>.card>.extra a:not(.ui):hover,
.ui.card>.extra a:not(.ui):hover {
    color: #1e70bf
}

.ui.raised.cards>.card,
.ui.raised.card {
    -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}

.ui.raised.cards a.card:hover,
.ui.link.cards .raised.card:hover,
a.ui.raised.card:hover,
.ui.link.raised.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
    box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25)
}

.ui.raised.cards>.card,
.ui.raised.card {
    -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15)
}

.ui.centered.cards {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui.centered.card {
    margin-left: auto;
    margin-right: auto
}

.ui.fluid.card {
    width: 100%;
    max-width: 9999px
}

.ui.cards a.card,
.ui.link.cards .card,
a.ui.card,
.ui.link.card {
    -webkit-transform: none;
    transform: none
}

.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #FFFFFF;
    border: none;
    -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
    box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.ui.red.cards>.card,
.ui.cards>.red.card,
.ui.red.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5
}

.ui.red.cards>.card:hover,
.ui.cards>.red.card:hover,
.ui.red.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD
}

.ui.orange.cards>.card,
.ui.cards>.orange.card,
.ui.orange.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5
}

.ui.orange.cards>.card:hover,
.ui.cards>.orange.card:hover,
.ui.orange.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD
}

.ui.yellow.cards>.card,
.ui.cards>.yellow.card,
.ui.yellow.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5
}

.ui.yellow.cards>.card:hover,
.ui.cards>.yellow.card:hover,
.ui.yellow.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD
}

.ui.olive.cards>.card,
.ui.cards>.olive.card,
.ui.olive.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5
}

.ui.olive.cards>.card:hover,
.ui.cards>.olive.card:hover,
.ui.olive.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD
}

.ui.green.cards>.card,
.ui.cards>.green.card,
.ui.green.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5
}

.ui.green.cards>.card:hover,
.ui.cards>.green.card:hover,
.ui.green.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD
}

.ui.teal.cards>.card,
.ui.cards>.teal.card,
.ui.teal.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5
}

.ui.teal.cards>.card:hover,
.ui.cards>.teal.card:hover,
.ui.teal.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD
}

.ui.blue.cards>.card,
.ui.cards>.blue.card,
.ui.blue.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5
}

.ui.blue.cards>.card:hover,
.ui.cards>.blue.card:hover,
.ui.blue.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD
}

.ui.violet.cards>.card,
.ui.cards>.violet.card,
.ui.violet.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5
}

.ui.violet.cards>.card:hover,
.ui.cards>.violet.card:hover,
.ui.violet.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD
}

.ui.purple.cards>.card,
.ui.cards>.purple.card,
.ui.purple.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5
}

.ui.purple.cards>.card:hover,
.ui.cards>.purple.card:hover,
.ui.purple.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD
}

.ui.pink.cards>.card,
.ui.cards>.pink.card,
.ui.pink.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5
}

.ui.pink.cards>.card:hover,
.ui.cards>.pink.card:hover,
.ui.pink.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD
}

.ui.brown.cards>.card,
.ui.cards>.brown.card,
.ui.brown.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5
}

.ui.brown.cards>.card:hover,
.ui.cards>.brown.card:hover,
.ui.brown.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD
}

.ui.grey.cards>.card,
.ui.cards>.grey.card,
.ui.grey.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5
}

.ui.grey.cards>.card:hover,
.ui.cards>.grey.card:hover,
.ui.grey.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD
}

.ui.black.cards>.card,
.ui.cards>.black.card,
.ui.black.card {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5
}

.ui.black.cards>.card:hover,
.ui.cards>.black.card:hover,
.ui.black.card:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
    box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD
}

.ui.one.cards {
    margin-left: 0em;
    margin-right: 0em
}

.ui.one.cards>.card {
    width: 100%
}

.ui.two.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.two.cards>.card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.three.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.three.cards>.card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.four.cards {
    margin-left: -0.75em;
    margin-right: -0.75em
}

.ui.four.cards>.card {
    width: calc(25% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em
}

.ui.five.cards {
    margin-left: -0.75em;
    margin-right: -0.75em
}

.ui.five.cards>.card {
    width: calc(20% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em
}

.ui.six.cards {
    margin-left: -0.75em;
    margin-right: -0.75em
}

.ui.six.cards>.card {
    width: calc(16.66666667% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em
}

.ui.seven.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.seven.cards>.card {
    width: calc(14.28571429% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em
}

.ui.eight.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.eight.cards>.card {
    width: calc(12.5% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 11px
}

.ui.nine.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.nine.cards>.card {
    width: calc(11.11111111% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 10px
}

.ui.ten.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.ten.cards>.card {
    width: calc(10% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em
}

@media only screen and (max-width: 767px) {
    .ui.two.doubling.cards {
        margin-left: 0em;
        margin-right: 0em
    }
    .ui.two.doubling.cards .card {
        width: 100%;
        margin-left: 0em;
        margin-right: 0em
    }
    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.three.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.four.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.five.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.six.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.seven.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.seven.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.eight.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.nine.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.nine.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.ten.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.ten.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.two.doubling.cards {
        margin-left: 0em;
        margin-right: 0em
    }
    .ui.two.doubling.cards .card {
        width: 100%;
        margin-left: 0em;
        margin-right: 0em
    }
    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.three.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.four.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.five.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.six.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }
    .ui.eight.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
    .ui.eight.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em
    }
    .ui.eight.doubling.cards .card {
        width: calc(25% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }
    .ui.nine.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em
    }
    .ui.nine.doubling.cards .card {
        width: calc(25% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }
    .ui.ten.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em
    }
    .ui.ten.doubling.cards .card {
        width: calc(20% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.cards {
        display: block !important
    }
    .ui.stackable.cards .card:first-child {
        margin-top: 0em !important
    }
    .ui.stackable.cards>.card {
        display: block !important;
        height: auto !important;
        margin: 1em 1em;
        padding: 0 !important;
        width: calc(100% - 2em) !important
    }
}

.ui.cards>.card {
    font-size: 1em
}

.ui.comments {
    margin: 1.5em 0em;
    max-width: 650px
}

.ui.comments:first-child {
    margin-top: 0em
}

.ui.comments:last-child {
    margin-bottom: 0em
}

.ui.comments .comment {
    position: relative;
    background: none;
    margin: 0.5em 0em 0em;
    padding: 0.5em 0em 0em;
    border: none;
    border-top: none;
    line-height: 1.2
}

.ui.comments .comment:first-child {
    margin-top: 0em;
    padding-top: 0em
}

.ui.comments .comment .comments {
    margin: 0em 0em 0.5em 0.5em;
    padding: 1em 0em 1em 1em
}

.ui.comments .comment .comments:before {
    position: absolute;
    top: 0px;
    left: 0px
}

.ui.comments .comment .comments .comment {
    border: none;
    border-top: none;
    background: none
}

.ui.comments .comment .avatar {
    display: block;
    width: 2.5em;
    height: auto;
    float: left;
    margin: 0.2em 0em 0em
}

.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
    display: block;
    margin: 0em auto;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem
}

.ui.comments .comment>.content {
    display: block
}

.ui.comments .comment>.avatar~.content {
    margin-left: 3.5em
}

.ui.comments .comment .author {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold
}

.ui.comments .comment a.author {
    cursor: pointer
}

.ui.comments .comment a.author:hover {
    color: #00b2f3
}

.ui.comments .comment .metadata {
    display: inline-block;
    margin-left: 0.5em;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.875em
}

.ui.comments .comment .metadata>* {
    display: inline-block;
    margin: 0em 0.5em 0em 0em
}

.ui.comments .comment .metadata>:last-child {
    margin-right: 0em
}

.ui.comments .comment .text {
    margin: 0.25em 0em 0.5em;
    font-size: 1em;
    word-wrap: break-word;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.3
}

.ui.comments .comment .actions {
    font-size: 0.875em
}

.ui.comments .comment .actions a {
    cursor: pointer;
    display: inline-block;
    margin: 0em 0.75em 0em 0em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.comments .comment .actions a:last-child {
    margin-right: 0em
}

.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.comments>.reply.form {
    margin-top: 1em
}

.ui.comments .comment .reply.form {
    width: 100%;
    margin-top: 1em
}

.ui.comments .reply.form textarea {
    font-size: 1em;
    height: 12em
}

.ui.collapsed.comments,
.ui.comments .collapsed.comments,
.ui.comments .collapsed.comment {
    display: none
}

.ui.threaded.comments .comment .comments {
    margin: -1.5em 0 -1em 1.25em;
    padding: 3em 0em 2em 2.25em;
    -webkit-box-shadow: -1px 0px 0px rgba(39, 41, 43, 0.15);
    box-shadow: -1px 0px 0px rgba(39, 41, 43, 0.15)
}

.ui.minimal.comments .comment .actions {
    opacity: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.ui.minimal.comments .comment>.content:hover>.actions {
    opacity: 1
}

.ui.small.comments {
    font-size: 0.9em
}

.ui.comments {
    font-size: 1em
}

.ui.large.comments {
    font-size: 1.1em
}

.ui.huge.comments {
    font-size: 1.2em
}

.ui.feed {
    margin: 1em 0em
}

.ui.feed:first-child {
    margin-top: 0em
}

.ui.feed:last-child {
    margin-top: 0em
}

.ui.feed>.event {
    display: table;
    width: 100%;
    padding: 0.5rem 0em;
    margin: 0em;
    background: none;
    border-top: none
}

.ui.feed>.event:first-child {
    border-top: 0px;
    padding-top: 0em
}

.ui.feed>.event:last-child {
    padding-bottom: 0em
}

.ui.feed>.event>.label {
    display: table-cell;
    width: 2.5em;
    height: 2.5em;
    vertical-align: top;
    text-align: left
}

.ui.feed>.event>.label .icon {
    opacity: 1;
    font-size: 1.5em;
    width: 100%;
    padding: 0.25em;
    background: none;
    border: none;
    border-radius: none;
    color: rgba(0, 0, 0, 0.6)
}

.ui.feed>.event>.label img {
    width: 100%;
    height: auto;
    border-radius: 500rem
}

.ui.feed>.event>.label+.content {
    padding: 0.5em 0em 0.5em 1.25em
}

.ui.feed>.event>.content {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    word-wrap: break-word
}

.ui.feed>.event:last-child>.content {
    padding-bottom: 0em
}

.ui.feed>.event>.content a {
    cursor: pointer
}

.ui.feed>.event>.content .date {
    margin: -0.5rem 0em 0em;
    padding: 0em;
    font-weight: normal;
    font-size: 1em;
    font-style: normal;
    color: rgba(0, 0, 0, 0.4)
}

.ui.feed>.event>.content .summary {
    margin: 0em;
    font-size: 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8)
}

.ui.feed>.event>.content .summary img {
    display: inline-block;
    width: auto;
    height: 2em;
    margin: -0.25em 0.25em 0em 0em;
    border-radius: 0.25em;
    vertical-align: middle
}

.ui.feed>.event>.content .user {
    display: inline-block;
    font-weight: bold;
    margin-right: 0em;
    vertical-align: baseline
}

.ui.feed>.event>.content .user img {
    margin: -0.25em 0.25em 0em 0em;
    width: auto;
    height: 2em;
    vertical-align: middle
}

.ui.feed>.event>.content .summary>.date {
    display: inline-block;
    float: none;
    font-weight: normal;
    font-size: 0.875em;
    font-style: normal;
    margin: 0em 0em 0em 0.5em;
    padding: 0em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.feed>.event>.content .extra {
    margin: 0.5em 0em 0em;
    background: none;
    padding: 0em;
    color: rgba(0, 0, 0, 0.8)
}

.ui.feed>.event>.content .extra.images img {
    display: inline-block;
    margin: 0em 0.25em 0em 0em;
    width: 6em
}

.ui.feed>.event>.content .extra.text {
    padding: 0.5em 1em;
    border-left: 3px solid rgba(0, 0, 0, 0.2);
    font-size: 1em;
    max-width: 500px;
    line-height: 1.33
}

.ui.feed>.event>.content .meta {
    display: inline-block;
    font-size: 0.875em;
    margin: 0.5em 0em 0em;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0em;
    color: rgba(0, 0, 0, 0.6)
}

.ui.feed>.event>.content .meta>* {
    position: relative;
    margin-left: 0.75em
}

.ui.feed>.event>.content .meta>*:after {
    content: '';
    color: rgba(0, 0, 0, 0.2);
    top: 0em;
    left: -1em;
    opacity: 1;
    position: absolute;
    vertical-align: top
}

.ui.feed>.event>.content .meta .like {
    color: '';
    -webkit-transition: 0.2s color ease;
    transition: 0.2s color ease
}

.ui.feed>.event>.content .meta .like:hover .icon {
    color: #ff2733
}

.ui.feed>.event>.content .meta .active.like .icon {
    color: #ef404a
}

.ui.feed>.event>.content .meta>:first-child {
    margin-left: 0em
}

.ui.feed>.event>.content .meta>:first-child::after {
    display: none
}

.ui.feed>.event>.content .meta a,
.ui.feed>.event>.content .meta>.icon {
    cursor: pointer;
    opacity: 1;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.ui.feed>.event>.content .meta a:hover,
.ui.feed>.event>.content .meta a:hover .icon,
.ui.feed>.event>.content .meta>.icon:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.small.feed {
    font-size: 0.9em
}

.ui.feed {
    font-size: 1em
}

.ui.large.feed {
    font-size: 1.1em
}

.ui.items>.item {
    table-layout: fixed;
    display: table;
    margin: 1em 0em;
    width: 100%;
    min-height: 0px;
    background: transparent;
    padding: 0em;
    border: none;
    border-radius: 0rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: box-shadow 0.2s ease;
    -webkit-transition: -webkit-box-shadow 0.2s ease;
    transition: -webkit-box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
    z-index: ''
}

.ui.items>.item a {
    cursor: pointer
}

.ui.items {
    margin: 1.5em 0em
}

.ui.items:first-child {
    margin-top: 0em !important
}

.ui.items:last-child {
    margin-bottom: 0em !important
}

.ui.items>.item {
    min-width: 100%
}

.ui.items>.item:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items>.item:first-child {
    margin-top: 0em
}

.ui.items>.item:last-child {
    margin-bottom: 0em
}

.ui.items>.item>.image {
    position: relative;
    display: table-cell;
    float: none;
    margin: 0em;
    padding: 0em;
    max-height: '';
    vertical-align: top
}

.ui.items>.item>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.125rem;
    border: none
}

.ui.items>.item>.image:only-child>img {
    border-radius: 0rem
}

.ui.items>.item>.content {
    display: block;
    background: none;
    margin: 0em;
    padding: 0em;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    border: none;
    border-radius: 0em
}

.ui.items>.item>.content:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items>.item>.image+.content {
    width: 100%;
    display: table-cell;
    margin-left: 0em;
    vertical-align: top;
    padding-left: 1.5em
}

.ui.items>.item>.content>.header {
    display: inline-block;
    margin: -0.165em 0em 0em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85)
}

.ui.items>.item>.content>.header:not(.ui) {
    font-size: 1.2em
}

.ui.items>.item [class*="left floated"] {
    float: left
}

.ui.items>.item [class*="right floated"] {
    float: right
}

.ui.items>.item .content img {
    display: inline-block;
    vertical-align: middle;
    width: 2em
}

.ui.items>.item img.avatar,
.ui.items>.item .avatar img {
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.items>.item>.content>.description {
    margin-top: 0.6em;
    max-width: 550px;
    font-size: 1em;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.8)
}

.ui.items>.item>.content p {
    margin: 0em 0em 0.5em
}

.ui.items>.item>.content p:last-child {
    margin-bottom: 0em
}

.ui.items>.item .meta {
    font-size: 1em;
    line-height: 1em;
    color: rgba(0, 0, 0, 0.6)
}

.ui.items>.item .meta * {
    margin-right: 0.3em
}

.ui.items>.item .meta :last-child {
    margin-right: 0em
}

.ui.items>.item .meta [class*="right floated"] {
    margin-right: 0em;
    margin-left: 0.3em
}

.ui.items>.item>.content a:not(.ui) {
    color: '';
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.ui.items>.item>.content a:not(.ui):hover {
    color: ''
}

.ui.items>.item>.content>a.header {
    color: rgba(0, 0, 0, 0.85)
}

.ui.items>.item>.content>a.header:hover {
    color: #00b2f3
}

.ui.items>.item .meta>a:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.items>.item .meta>a:not(.ui):hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.items>.item>.content .favorite.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.ui.items>.item>.content .favorite.icon:hover {
    opacity: 1;
    color: #ffb70a
}

.ui.items>.item>.content .active.favorite.icon {
    color: #ffb70a
}

.ui.items>.item>.content .like.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.ui.items>.item>.content .like.icon:hover {
    opacity: 1;
    color: #ff2733
}

.ui.items>.item>.content .active.like.icon {
    color: #ff2733
}

.ui.items>.item .extra {
    display: block;
    position: relative;
    background: none;
    margin: 0.5rem 0em 0em;
    width: 100%;
    padding: 0em 0em 0em;
    top: 0em;
    left: 0em;
    color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    border-top: none
}

.ui.items>.item .extra>* {
    margin: 0.25rem 0.5rem 0.25rem 0em
}

.ui.items>.item .extra>[class*="right floated"] {
    margin: 0.25rem 0em 0.25rem 0.5rem
}

.ui.items>.item .extra:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items>.item>.image:not(.ui) {
    width: 175px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.items>.item {
        margin: 1em 0em
    }
    .ui.items>.item>.image:not(.ui) {
        width: 150px
    }
    .ui.items>.item>.image+.content {
        display: block;
        padding: 0em 0em 0em 1em
    }
}

@media only screen and (max-width: 767px) {
    .ui.items>.item {
        margin: 2em 0em
    }
    .ui.items>.item>.image {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .ui.items>.item>.image,
    .ui.items>.item>.image>img {
        max-width: 100% !important;
        width: auto !important;
        max-height: 250px !important
    }
    .ui.items>.item>.image+.content {
        display: block;
        padding: 1.5em 0em 0em
    }
}

.ui.items>.item>.image+[class*="top aligned"].content {
    vertical-align: top
}

.ui.items>.item>.image+[class*="middle aligned"].content {
    vertical-align: middle
}

.ui.items>.item>.image+[class*="bottom aligned"].content {
    vertical-align: bottom
}

.ui.relaxed.items>.item {
    margin: 1.5em 0em
}

.ui[class*="very relaxed"].items>.item {
    margin: 2em 0em
}

.ui.divided.items>.item {
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    margin: 0em;
    padding: 1em 0em
}

.ui.divided.items>.item:first-child {
    border-top: none;
    margin-top: 0em !important;
    padding-top: 0em !important
}

.ui.divided.items>.item:last-child {
    margin-bottom: 0em !important;
    padding-bottom: 0em !important
}

.ui.relaxed.divided.items>.item {
    margin: 0em;
    padding: 1.5em 0em
}

.ui[class*="very relaxed"].divided.items>.item {
    margin: 0em;
    padding: 2em 0em
}

.ui.items a.item:hover,
.ui.link.items>.item:hover {
    cursor: pointer
}

.ui.items a.item:hover .content .header,
.ui.link.items>.item:hover .content .header {
    color: #00b2f3
}

.ui.items>.item {
    font-size: 1em
}


/*!
 * # Semantic UI 2.4.2 - Statistic
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.statistic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1em 0em;
    max-width: auto
}

.ui.statistic+.ui.statistic {
    margin: 0em 0em 0em 1.5em
}

.ui.statistic:first-child {
    margin-top: 0em
}

.ui.statistic:last-child {
    margin-bottom: 0em
}

.ui.statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui.statistics>.statistic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0em 1.5em 1em;
    max-width: auto
}

.ui.statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em -1.5em -1em
}

.ui.statistics:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.statistics:first-child {
    margin-top: 0em
}

.ui.statistics .statistic>.value,
.ui.statistic>.value {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 4rem;
    font-weight: normal;
    line-height: 1em;
    color: #1B1C1D;
    text-transform: uppercase;
    text-align: center
}

.ui.statistics .statistic>.label,
.ui.statistic>.label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    text-align: center
}

.ui.statistics .statistic>.label~.value,
.ui.statistic>.label~.value {
    margin-top: 0rem
}

.ui.statistics .statistic>.value~.label,
.ui.statistic>.value~.label {
    margin-top: 0rem
}

.ui.statistics .statistic>.value .icon,
.ui.statistic>.value .icon {
    opacity: 1;
    width: auto;
    margin: 0em
}

.ui.statistics .statistic>.text.value,
.ui.statistic>.text.value {
    line-height: 1em;
    min-height: 2em;
    font-weight: bold;
    text-align: center
}

.ui.statistics .statistic>.text.value+.label,
.ui.statistic>.text.value+.label {
    text-align: center
}

.ui.statistics .statistic>.value img,
.ui.statistic>.value img {
    max-height: 3rem;
    vertical-align: baseline
}

.ui.ten.statistics {
    margin: 0em 0em -1em
}

.ui.ten.statistics .statistic {
    min-width: 10%;
    margin: 0em 0em 1em
}

.ui.nine.statistics {
    margin: 0em 0em -1em
}

.ui.nine.statistics .statistic {
    min-width: 11.11111111%;
    margin: 0em 0em 1em
}

.ui.eight.statistics {
    margin: 0em 0em -1em
}

.ui.eight.statistics .statistic {
    min-width: 12.5%;
    margin: 0em 0em 1em
}

.ui.seven.statistics {
    margin: 0em 0em -1em
}

.ui.seven.statistics .statistic {
    min-width: 14.28571429%;
    margin: 0em 0em 1em
}

.ui.six.statistics {
    margin: 0em 0em -1em
}

.ui.six.statistics .statistic {
    min-width: 16.66666667%;
    margin: 0em 0em 1em
}

.ui.five.statistics {
    margin: 0em 0em -1em
}

.ui.five.statistics .statistic {
    min-width: 20%;
    margin: 0em 0em 1em
}

.ui.four.statistics {
    margin: 0em 0em -1em
}

.ui.four.statistics .statistic {
    min-width: 25%;
    margin: 0em 0em 1em
}

.ui.three.statistics {
    margin: 0em 0em -1em
}

.ui.three.statistics .statistic {
    min-width: 33.33333333%;
    margin: 0em 0em 1em
}

.ui.two.statistics {
    margin: 0em 0em -1em
}

.ui.two.statistics .statistic {
    min-width: 50%;
    margin: 0em 0em 1em
}

.ui.one.statistics {
    margin: 0em 0em -1em
}

.ui.one.statistics .statistic {
    min-width: 100%;
    margin: 0em 0em 1em
}

.ui.horizontal.statistic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.horizontal.statistics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0em;
    max-width: none
}

.ui.horizontal.statistics .statistic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    margin: 1em 0em
}

.ui.horizontal.statistic>.text.value,
.ui.horizontal.statistics>.statistic>.text.value {
    min-height: 0em !important
}

.ui.horizontal.statistics .statistic>.value .icon,
.ui.horizontal.statistic>.value .icon {
    width: 1.18em
}

.ui.horizontal.statistics .statistic>.value,
.ui.horizontal.statistic>.value {
    display: inline-block;
    vertical-align: middle
}

.ui.horizontal.statistics .statistic>.label,
.ui.horizontal.statistic>.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0em 0em 0em 0.75em
}

.ui.red.statistics .statistic>.value,
.ui.statistics .red.statistic>.value,
.ui.red.statistic>.value {
    color: #DB2828
}

.ui.orange.statistics .statistic>.value,
.ui.statistics .orange.statistic>.value,
.ui.orange.statistic>.value {
    color: #F2711C
}

.ui.yellow.statistics .statistic>.value,
.ui.statistics .yellow.statistic>.value,
.ui.yellow.statistic>.value {
    color: #FBBD08
}

.ui.olive.statistics .statistic>.value,
.ui.statistics .olive.statistic>.value,
.ui.olive.statistic>.value {
    color: #B5CC18
}

.ui.green.statistics .statistic>.value,
.ui.statistics .green.statistic>.value,
.ui.green.statistic>.value {
    color: #21BA45
}

.ui.teal.statistics .statistic>.value,
.ui.statistics .teal.statistic>.value,
.ui.teal.statistic>.value {
    color: #00B5AD
}

.ui.blue.statistics .statistic>.value,
.ui.statistics .blue.statistic>.value,
.ui.blue.statistic>.value {
    color: #2185D0
}

.ui.violet.statistics .statistic>.value,
.ui.statistics .violet.statistic>.value,
.ui.violet.statistic>.value {
    color: #6435C9
}

.ui.purple.statistics .statistic>.value,
.ui.statistics .purple.statistic>.value,
.ui.purple.statistic>.value {
    color: #A333C8
}

.ui.pink.statistics .statistic>.value,
.ui.statistics .pink.statistic>.value,
.ui.pink.statistic>.value {
    color: #E03997
}

.ui.brown.statistics .statistic>.value,
.ui.statistics .brown.statistic>.value,
.ui.brown.statistic>.value {
    color: #A5673F
}

.ui.grey.statistics .statistic>.value,
.ui.statistics .grey.statistic>.value,
.ui.grey.statistic>.value {
    color: #767676
}

.ui.inverted.statistics .statistic>.value,
.ui.inverted.statistic .value {
    color: #FFFFFF
}

.ui.inverted.statistics .statistic>.label,
.ui.inverted.statistic .label {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.red.statistics .statistic>.value,
.ui.statistics .inverted.red.statistic>.value,
.ui.inverted.red.statistic>.value {
    color: #FF695E
}

.ui.inverted.orange.statistics .statistic>.value,
.ui.statistics .inverted.orange.statistic>.value,
.ui.inverted.orange.statistic>.value {
    color: #FF851B
}

.ui.inverted.yellow.statistics .statistic>.value,
.ui.statistics .inverted.yellow.statistic>.value,
.ui.inverted.yellow.statistic>.value {
    color: #FFE21F
}

.ui.inverted.olive.statistics .statistic>.value,
.ui.statistics .inverted.olive.statistic>.value,
.ui.inverted.olive.statistic>.value {
    color: #D9E778
}

.ui.inverted.green.statistics .statistic>.value,
.ui.statistics .inverted.green.statistic>.value,
.ui.inverted.green.statistic>.value {
    color: #2ECC40
}

.ui.inverted.teal.statistics .statistic>.value,
.ui.statistics .inverted.teal.statistic>.value,
.ui.inverted.teal.statistic>.value {
    color: #6DFFFF
}

.ui.inverted.blue.statistics .statistic>.value,
.ui.statistics .inverted.blue.statistic>.value,
.ui.inverted.blue.statistic>.value {
    color: #54C8FF
}

.ui.inverted.violet.statistics .statistic>.value,
.ui.statistics .inverted.violet.statistic>.value,
.ui.inverted.violet.statistic>.value {
    color: #A291FB
}

.ui.inverted.purple.statistics .statistic>.value,
.ui.statistics .inverted.purple.statistic>.value,
.ui.inverted.purple.statistic>.value {
    color: #DC73FF
}

.ui.inverted.pink.statistics .statistic>.value,
.ui.statistics .inverted.pink.statistic>.value,
.ui.inverted.pink.statistic>.value {
    color: #FF8EDF
}

.ui.inverted.brown.statistics .statistic>.value,
.ui.statistics .inverted.brown.statistic>.value,
.ui.inverted.brown.statistic>.value {
    color: #D67C1C
}

.ui.inverted.grey.statistics .statistic>.value,
.ui.statistics .inverted.grey.statistic>.value,
.ui.inverted.grey.statistic>.value {
    color: #DCDDDE
}

.ui[class*="left floated"].statistic {
    float: left;
    margin: 0em 2em 1em 0em
}

.ui[class*="right floated"].statistic {
    float: right;
    margin: 0em 0em 1em 2em
}

.ui.floated.statistic:last-child {
    margin-bottom: 0em
}

.ui.mini.statistics .statistic>.value,
.ui.mini.statistic>.value {
    font-size: 1.5rem !important
}

.ui.mini.horizontal.statistics .statistic>.value,
.ui.mini.horizontal.statistic>.value {
    font-size: 1.5rem !important
}

.ui.mini.statistics .statistic>.text.value,
.ui.mini.statistic>.text.value {
    font-size: 1rem !important
}

.ui.tiny.statistics .statistic>.value,
.ui.tiny.statistic>.value {
    font-size: 2rem !important
}

.ui.tiny.horizontal.statistics .statistic>.value,
.ui.tiny.horizontal.statistic>.value {
    font-size: 2rem !important
}

.ui.tiny.statistics .statistic>.text.value,
.ui.tiny.statistic>.text.value {
    font-size: 1rem !important
}

.ui.small.statistics .statistic>.value,
.ui.small.statistic>.value {
    font-size: 3rem !important
}

.ui.small.horizontal.statistics .statistic>.value,
.ui.small.horizontal.statistic>.value {
    font-size: 2rem !important
}

.ui.small.statistics .statistic>.text.value,
.ui.small.statistic>.text.value {
    font-size: 1rem !important
}

.ui.large.statistics .statistic>.value,
.ui.large.statistic>.value {
    font-size: 5rem !important
}

.ui.large.horizontal.statistics .statistic>.value,
.ui.large.horizontal.statistic>.value {
    font-size: 4rem !important
}

.ui.large.statistics .statistic>.text.value,
.ui.large.statistic>.text.value {
    font-size: 2.5rem !important
}

.ui.huge.statistics .statistic>.value,
.ui.huge.statistic>.value {
    font-size: 6rem !important
}

.ui.huge.horizontal.statistics .statistic>.value,
.ui.huge.horizontal.statistic>.value {
    font-size: 5rem !important
}

.ui.huge.statistics .statistic>.text.value,
.ui.huge.statistic>.text.value {
    font-size: 2.5rem !important
}

.ui.accordion,
.ui.accordion .accordion {
    max-width: 100%;
    font-size: 1em
}

.ui.accordion .accordion {
    margin: 1em 0em 0em;
    padding: 0em
}

.ui.accordion .title,
.ui.accordion .accordion .title {
    cursor: pointer
}

.ui.accordion .title:not(.ui) {
    padding: 0.5em 0em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.8)
}

.ui.accordion .title~.content,
.ui.accordion .accordion .title~.content {
    display: none
}

.ui.accordion:not(.styled) .title~.content:not(.ui),
.ui.accordion:not(.styled) .accordion .title~.content:not(.ui) {
    margin: 0em;
    padding: 0.5em 0em 1em
}

.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 0em
}

.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
    display: inline-block;
    float: none;
    opacity: 0.75;
    width: 1.25em;
    height: 1em;
    margin: 0em 0.25rem 0em 0rem;
    padding: 0em;
    font-size: 1em;
    -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
    vertical-align: baseline;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ui.accordion.menu .item .title {
    display: block;
    padding: 0em
}

.ui.accordion.menu .item .title>.dropdown.icon {
    float: right;
    margin: 0.165em 0em 0em 1em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui.accordion .ui.header .dropdown.icon {
    font-size: 1em;
    margin: 0em 0.25rem 0em 0rem
}

.ui.accordion .active.title .dropdown.icon,
.ui.accordion .accordion .active.title .dropdown.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui.accordion.menu .item .active.title>.dropdown.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui.styled.accordion {
    width: 600px
}

.ui.styled.accordion,
.ui.styled.accordion .accordion {
    border-radius: 0.2857rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15)
}

.ui.styled.accordion .title,
.ui.styled.accordion .accordion .title {
    margin: 0em;
    padding: 0.75em 1em;
    color: rgba(0, 0, 0, 0.4);
    font-weight: bold;
    border-top: 1px solid rgba(39, 41, 43, 0.15);
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease
}

.ui.styled.accordion>.title:first-child,
.ui.styled.accordion>.accordion .title:first-child {
    border-top: none
}

.ui.styled.accordion .content,
.ui.styled.accordion .accordion .content {
    margin: 0em;
    padding: 0.5em 1em 1.5em
}

.ui.styled.accordion .accordion .content {
    padding: 0em;
    padding: 0.5em 1em 1.5em
}

.ui.styled.accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.styled.accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.styled.accordion .accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
    display: block
}

.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
    width: 100%
}

.ui.inverted.accordion .title:not(.ui) {
    color: #ffffff
}

@font-face {
    font-family: 'Accordion';
    src: url(../fonts/cc307bfd6928493e8b6aca91ceaa5da2.woff) format("truetype"), url(../fonts/72cbc62e27de4361839f4d8bfd75d7eb.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
    font-family: Accordion;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.ui.accordion .title .dropdown.icon:before,
.ui.accordion .accordion .title .dropdown.icon:before {
    content: '\f0da'
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    min-height: 17px;
    font-size: 1rem;
    line-height: 15px;
    min-width: 17px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: middle
}

.ui.checkbox input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0 !important;
    outline: none;
    z-index: -1
}

.ui.checkbox .box,
.ui.checkbox label {
    display: block;
    cursor: pointer;
    padding-left: 1.75em;
    outline: none
}

.ui.checkbox label {
    font-size: 1em
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
    position: absolute;
    line-height: 1;
    width: 17px;
    height: 17px;
    top: 0em;
    left: 0em;
    content: '';
    background: #ffffff;
    border-radius: 0.25em;
    -webkit-transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease, border 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    border: 1px solid #d4d4d5
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 17px;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.ui.checkbox label,
.ui.checkbox+label {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.checkbox+label {
    vertical-align: middle
}

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.3)
}

.ui.checkbox label:hover,
.ui.checkbox+label:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
    background: #f5f5f5;
    border: 1px solid 1px solid rgba(39, 41, 43, 0.3)
}

.ui.checkbox input:active~label {
    color: rgba(0, 0, 0, 0.8)
}

.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before {
    background: #f5f5f5;
    border: 1px solid 1px solid rgba(39, 41, 43, 0.3)
}

.ui.checkbox input:focus~label {
    color: rgba(0, 0, 0, 0.8)
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    opacity: 1
}

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default
}

.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled]~.box:after,
.ui.checkbox input[disabled]~label {
    cursor: default;
    opacity: 0.5;
    color: #000000
}

.ui.radio.checkbox {
    min-height: 14px
}

.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
    width: 14px;
    height: 14px;
    border-radius: 500rem;
    top: 1px;
    left: 0px;
    -webkit-transform: none;
    transform: none
}

.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    border: none;
    width: 14px;
    height: 14px;
    line-height: 14px;
    top: 1px;
    left: 0px;
    font-size: 9px
}

.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    width: 14px;
    height: 14px;
    border-radius: 500rem;
    -webkit-transform: scale(0.42857);
    transform: scale(0.42857)
}

.ui.slider.checkbox {
    cursor: pointer;
    min-height: 1.25rem
}

.ui.slider.checkbox .box,
.ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, 0.4)
}

.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
    cursor: pointer;
    display: block;
    position: absolute;
    content: '';
    top: 0.4rem;
    left: 0em;
    z-index: 1;
    border: none !important;
    background-color: rgba(0, 0, 0, 0.05);
    width: 3.5rem;
    height: 0.25rem;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem
}

.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
    background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    position: absolute;
    content: '';
    opacity: 1;
    z-index: 2;
    border: none;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: -0.25rem;
    left: 0em;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s
}

.ui.slider.checkbox input:focus~.box:before,
.ui.slider.checkbox input:focus~label:before {
    background-color: rgba(0, 0, 0, 0.1);
    border: none
}

.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
    background: rgba(0, 0, 0, 0.1)
}

.ui.slider.checkbox input:checked~.box,
.ui.slider.checkbox input:checked~label {
    color: rgba(0, 0, 0, 0.8)
}

.ui.slider.checkbox input:checked~.box:before,
.ui.slider.checkbox input:checked~label:before {
    background-color: rgba(0, 0, 0, 0.1)
}

.ui.slider.checkbox input:checked~.box:after,
.ui.slider.checkbox input:checked~label:after {
    left: 2rem
}

.ui.toggle.checkbox {
    cursor: pointer;
    min-height: 1.5rem
}

.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0, 0, 0, 0.8)
}

.ui.toggle.checkbox label {
    padding-top: 0.15em
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    cursor: pointer;
    display: block;
    position: absolute;
    content: '';
    top: 0rem;
    z-index: 1;
    border: none;
    background-color: rgba(0, 0, 0, 0.05);
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem
}

.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    position: absolute;
    content: '';
    opacity: 1;
    z-index: 2;
    border: none;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: 0rem;
    left: 0em;
    border-radius: 500rem
}

.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after {
    left: -0.05rem
}

.ui.toggle.checkbox input:focus~.box:before,
.ui.toggle.checkbox input:focus~label:before {
    border: none
}

.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
    background-color: rgba(0, 0, 0, 0.1);
    border: none
}

.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label {
    color: #5bbd72
}

.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before {
    background-color: #5bbd72
}

.ui.toggle.checkbox input:checked~.box:after,
.ui.toggle.checkbox input:checked~label:after {
    left: 2.05rem
}

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0em !important
}

.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
    width: 3.5rem
}

.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
    width: 3.5rem
}

@font-face {
    font-family: 'Checkbox';
    src: url(../fonts/317b0ffc064e488f95db38848060c3f2.woff) format("truetype"), url(../fonts/ad344917d8d44c0ab27f527e3703121d.woff) format("woff")
}

.ui.checkbox label:before,
.ui.checkbox .box:before,
.ui.checkbox label:after,
.ui.checkbox .box:after {
    font-family: 'Checkbox'
}

.ui.checkbox label:after,
.ui.checkbox .box:after {
    content: '\e800'
}


/*!
 * # Semantic UI 2.4.2 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.dimmable:not(body) {
    position: relative
}

.ui.dimmer {
    display: none;
    position: absolute;
    top: 0em !important;
    left: 0em !important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    line-height: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000
}

.ui.dimmer>.content {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #FFFFFF
}

.ui.segment>.ui.dimmer {
    border-radius: inherit !important
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.15)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35)
}

.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
    overflow: hidden
}

.dimmed.dimmable>.ui.animating.dimmer,
.dimmed.dimmable>.ui.visible.dimmer,
.ui.active.dimmer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.ui.disabled.dimmer {
    width: 0 !important;
    height: 0 !important
}

.dimmed.dimmable>.ui.animating.legacy.dimmer,
.dimmed.dimmable>.ui.visible.legacy.dimmer,
.ui.active.legacy.dimmer {
    display: block
}

.ui[class*="top aligned"].dimmer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ui[class*="bottom aligned"].dimmer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ui.page.dimmer {
    position: fixed;
    -webkit-transform-style: '';
    transform-style: '';
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

body.animating.in.dimmable,
body.dimmed.dimmable {
    overflow: hidden
}

body.dimmable>.dimmer {
    position: fixed
}

.blurring.dimmable>:not(.dimmer) {
    -webkit-filter: blur(0px) grayscale(0);
    filter: blur(0px) grayscale(0);
    -webkit-transition: 800ms -webkit-filter ease;
    transition: 800ms -webkit-filter ease;
    transition: 800ms filter ease;
    transition: 800ms filter ease, 800ms -webkit-filter ease
}

.blurring.dimmed.dimmable>:not(.dimmer) {
    -webkit-filter: blur(5px) grayscale(0.7);
    filter: blur(5px) grayscale(0.7)
}

.blurring.dimmable>.dimmer {
    background-color: rgba(0, 0, 0, 0.6)
}

.blurring.dimmable>.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0.6)
}

.ui.dimmer>.top.aligned.content>* {
    vertical-align: top
}

.ui.dimmer>.bottom.aligned.content>* {
    vertical-align: bottom
}

.ui.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0.85)
}

.ui.inverted.dimmer>.content>* {
    color: #FFFFFF
}

.ui.simple.dimmer {
    display: block;
    overflow: hidden;
    opacity: 1;
    width: 0%;
    height: 0%;
    z-index: -100;
    background-color: rgba(0, 0, 0, 0)
}

.dimmed.dimmable>.ui.simple.dimmer {
    overflow: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 1
}

.ui.simple.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0)
}

.dimmed.dimmable>.ui.simple.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0.85)
}


/*!
 * # Semantic UI 2.2.4 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: left;
    -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
    -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: none;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0em;
    padding: 0em 0em;
    background: #FFFFFF;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    z-index: 11;
    will-change: transform, opacity
}

.ui.dropdown .menu>* {
    white-space: nowrap
}

.ui.dropdown>input:not(.search):first-child,
.ui.dropdown>select {
    display: none !important
}

.ui.dropdown>.dropdown.icon {
    position: relative;
    width: auto;
    font-size: 0.85714286em;
    margin: 0em 0em 0em 1em
}

.ui.dropdown .menu>.item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0em 0em 0em 1em
}

.ui.dropdown .menu>.item .dropdown.icon+.text {
    margin-right: 1em
}

.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.78571429rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none
}

.ui.dropdown .menu>.item:first-child {
    border-top-width: 0px
}

.ui.dropdown>.text>[class*="right floated"],
.ui.dropdown .menu .item>[class*="right floated"] {
    float: right !important;
    margin-right: 0em !important;
    margin-left: 1em !important
}

.ui.dropdown>.text>[class*="left floated"],
.ui.dropdown .menu .item>[class*="left floated"] {
    float: left !important;
    margin-left: 0em !important;
    margin-right: 1em !important
}

.ui.dropdown .menu .item>.icon.floated,
.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated {
    margin-top: 0em
}

.ui.dropdown .menu>.header {
    margin: 1rem 0rem 0.75rem;
    padding: 0em 1.14285714rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.78571429em;
    font-weight: bold;
    text-transform: uppercase
}

.ui.dropdown .menu>.divider {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    height: 0em;
    margin: 0.5em 0em
}

.ui.dropdown .menu>.input {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.14285714rem 0.78571429rem;
    min-width: 10rem
}

.ui.dropdown .menu>.header+.input {
    margin-top: 0em
}

.ui.dropdown .menu>.input:not(.transparent) input {
    padding: 0.5em 1em
}

.ui.dropdown .menu>.input:not(.transparent) .button,
.ui.dropdown .menu>.input:not(.transparent) .icon,
.ui.dropdown .menu>.input:not(.transparent) .label {
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.ui.dropdown>.text>.description,
.ui.dropdown .menu>.item>.description {
    float: right;
    margin: 0em 0em 0em 1em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.dropdown .menu>.message {
    padding: 0.78571429rem 1.14285714rem;
    font-weight: normal
}

.ui.dropdown .menu>.message:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.dropdown .menu .menu {
    top: 0% !important;
    left: 100% !important;
    right: auto !important;
    margin: 0em 0em 0em -0.5em !important;
    border-radius: 0.28571429rem !important;
    z-index: 21 !important
}

.ui.dropdown .menu .menu:after {
    display: none
}

.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image {
    margin-top: 0em
}

.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
    margin-top: 0em
}

.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image,
.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
    margin-left: 0em;
    float: none;
    margin-right: 0.78571429rem
}

.ui.dropdown>.text>img,
.ui.dropdown>.text>.image,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 2em
}

.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before {
    display: none
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons>.ui.dropdown:last-child .menu {
    left: auto;
    right: 0em
}

.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button>.dropdown.icon {
    margin: 0em
}

.ui.button.dropdown .menu {
    min-width: 100%
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    min-width: 14em;
    min-height: 2.7142em;
    background: #FFFFFF;
    display: inline-block;
    padding: 0.78571429em 2.1em 0.78571429em 1em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
    -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease
}

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: 0.5em;
    border: 1px solid rgba(34, 36, 38, 0.15);
    visibility: visible
}

.ui.selection.dropdown>.search.icon,
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.2142em;
    top: 0.78571429em;
    right: 1em;
    z-index: 3;
    margin: -0.78571429em;
    padding: 0.78571429em;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0px
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0px !important;
    width: auto;
    outline: none;
    margin: 0px -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
    display: none
}

.ui.selection.dropdown .menu>.message {
    padding: 0.78571429rem 1.14285714rem
}

@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.selection.dropdown .menu>.item {
    border-top: 1px solid #FAFAFA;
    padding: 0.78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu>.hidden.addition.item {
    display: none
}

.ui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, 0.35);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.selection.active.dropdown {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}

.ui.selection.active.dropdown .menu {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}

.ui.selection.dropdown:focus {
    border-color: #96C8DA;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.selection.dropdown:focus .menu {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}

.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8)
}

.ui.selection.active.dropdown:hover {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}

.ui.selection.active.dropdown:hover .menu {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15)
}

.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0em !important
}

.ui.active.empty.selection.dropdown {
    border-radius: 0.28571429rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.active.empty.selection.dropdown .menu {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.search.dropdown {
    min-width: ''
}

.ui.search.dropdown>input.search {
    background: none transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: text;
    top: 0em;
    left: 1px;
    width: 100%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit
}

.ui.search.dropdown>input.search {
    position: absolute;
    z-index: 2
}

.ui.search.dropdown>.text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

.ui.search.selection.dropdown>input.search {
    line-height: 1.2142em;
    padding: 0.67861429em 2.1em 0.67861429em 1em
}

.ui.search.selection.dropdown>span.sizer {
    line-height: 1.2142em;
    padding: 0.67861429em 2.1em 0.67861429em 1em;
    display: none;
    white-space: pre
}

.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
    cursor: auto
}

.ui.search.dropdown.active>.text,
.ui.search.dropdown.visible>.text {
    pointer-events: none
}

.ui.active.search.dropdown input.search:focus+.text .icon,
.ui.active.search.dropdown input.search:focus+.text .flag {
    opacity: 0.45
}

.ui.active.search.dropdown input.search:focus+.text {
    color: rgba(115, 115, 115, 0.87) !important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.multiple.dropdown {
    padding: 0.22620476em 2.1em 0.22620476em 0.35714286em
}

.ui.multiple.dropdown .menu {
    cursor: auto
}

.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown>input.search {
    cursor: text
}

.ui.multiple.dropdown>.label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: 0.35714286em 0.78571429em;
    margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset
}

.ui.multiple.dropdown .dropdown.icon {
    margin: '';
    padding: ''
}

.ui.multiple.dropdown>.text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45240952em 0em 0.45240952em 0.64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown>.label~input.search {
    margin-left: 0.14285714em !important
}

.ui.multiple.dropdown>.label~.text {
    display: none
}

.ui.multiple.search.dropdown>.text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: 0.45240952em 0em 0.45240952em 0.64285714em;
    line-height: 1.21428571em
}

.ui.multiple.search.dropdown>.label~.text {
    display: none
}

.ui.multiple.search.dropdown>input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45240952em 0em 0.45240952em 0.64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.ui.inline.dropdown .dropdown.icon {
    margin: 0em 0.5em 0em 0.21428571em;
    vertical-align: baseline
}

.ui.inline.dropdown>.text {
    font-weight: bold
}

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: 0.21428571em;
    border-radius: 0.28571429rem
}

.ui.dropdown .menu .active.item {
    background: transparent;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu>.item:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    z-index: 13
}

.ui.loading.dropdown>i.icon {
    height: 1em !important;
    padding: 1.14285714em 1.07142857em !important
}

.ui.loading.dropdown>i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loading.dropdown>i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: dropdown-spin 0.6s linear;
    animation: dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em
}

.ui.loading.dropdown.button>i.icon:before,
.ui.loading.dropdown.button>i.icon:after {
    display: none
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.dropdown:not(.button)>.default.text,
.ui.default.dropdown:not(.button)>.text {
    color: rgba(191, 191, 191, 0.87)
}

.ui.dropdown:not(.button)>input:focus+.default.text,
.ui.default.dropdown:not(.button)>input:focus+.text {
    color: rgba(115, 115, 115, 0.87)
}

.ui.loading.dropdown>.text {
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95)
}

.ui.dropdown>.filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none !important
}

.ui.dropdown.error,
.ui.dropdown.error>.text,
.ui.dropdown.error>.default.text {
    color: #9F3A38
}

.ui.selection.dropdown.error {
    background: #FFF6F6;
    border-color: #E0B4B4
}

.ui.selection.dropdown.error:hover {
    border-color: #E0B4B4
}

.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu {
    border-color: #E0B4B4
}

.ui.dropdown.error>.menu>.item {
    color: #9F3A38
}

.ui.multiple.selection.error.dropdown>.label {
    border-color: #E0B4B4
}

.ui.dropdown.error>.menu>.item:hover {
    background-color: #FFF2F2
}

.ui.dropdown.error>.menu .active.item {
    background-color: #FDCFCF
}

.ui.disabled.dropdown,
.ui.dropdown .menu>.disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: 0.45
}

.ui.dropdown .menu {
    left: 0px
}

.ui.dropdown .right.menu>.menu,
.ui.dropdown .menu .right.menu {
    left: 100% !important;
    right: auto !important;
    border-radius: 0.28571429rem !important
}

.ui.dropdown>.left.menu .menu,
.ui.dropdown .menu .left.menu {
    left: auto !important;
    right: 100% !important;
    border-radius: 0.28571429rem !important
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0em 0.78571429rem 0em 0em
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0em 0.78571429rem 0em 0em
}

.ui.dropdown .item .left.dropdown.icon+.text,
.ui.dropdown .left.menu .item .dropdown.icon+.text {
    margin-left: 1em
}

.ui.upward.dropdown>.menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em !important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0px !important;
    -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08)
}

.ui.upward.selection.dropdown:hover {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05)
}

.ui.active.upward.selection.dropdown {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem !important
}

.ui.upward.selection.dropdown.visible {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0em 0em 0.28571429rem 0.28571429rem !important
}

.ui.upward.active.selection.dropdown:hover {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05)
}

.ui.upward.active.selection.dropdown:hover .menu {
    -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08)
}

.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    overflow-x: hidden;
    overflow-y: auto
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important
}

.ui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu>.item.item.item {
    border-top: none;
    padding-right: calc(1.14285714rem + 17px) !important
}

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
    border-top: none
}

.ui.dropdown>.animating.menu .scrolling.menu,
.ui.dropdown>.visible.menu .scrolling.menu {
    display: block
}

@media all and (-ms-high-contrast: none) {
    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width: 767px) {
    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 10.28571429rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 15.42857143rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 20.57142857rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 20.57142857rem
    }
}

.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
    display: none
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0em !important
}

.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1
}

.ui.simple.dropdown>.menu>.item:active>.menu,
.ui.simple.dropdown:hover>.menu>.item:hover>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0% !important;
    left: 100% !important;
    opacity: 1
}

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0px;
    width: 0px;
    overflow: hidden
}

.ui.simple.visible.dropdown>.menu {
    display: block
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0em
}

.ui.fluid.dropdown>.dropdown.icon {
    float: right
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
    box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
    border-radius: 0.28571429rem !important
}

.ui.floating.dropdown>.menu {
    margin-top: 0.5em !important;
    border-radius: 0.28571429rem !important
}

.ui.pointing.dropdown>.menu {
    top: 100%;
    margin-top: 0.78571429rem;
    border-radius: 0.28571429rem
}

.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.5em;
    height: 0.5em;
    -webkit-box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
    box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
    background: #FFFFFF;
    z-index: 2
}

.ui.pointing.dropdown>.menu:after {
    top: -0.25em;
    left: 50%;
    margin: 0em 0em 0em -0.25em
}

.ui.top.left.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    left: 0%;
    right: auto;
    margin: 1em 0em 0em
}

.ui.top.left.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    left: 0%;
    right: auto;
    margin: 1em 0em 0em
}

.ui.top.left.pointing.dropdown>.menu:after {
    top: -0.25em;
    left: 1em;
    right: auto;
    margin: 0em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.top.right.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    right: 0%;
    left: auto;
    margin: 1em 0em 0em
}

.ui.top.right.pointing.dropdown>.menu:after {
    top: -0.25em;
    left: auto;
    right: 1em;
    margin: 0em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.left.pointing.dropdown>.menu {
    top: 0%;
    left: 100%;
    right: auto;
    margin: 0em 0em 0em 1em
}

.ui.left.pointing.dropdown>.menu:after {
    top: 1em;
    left: -0.25em;
    margin: 0em 0em 0em 0em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui.right.pointing.dropdown>.menu {
    top: 0%;
    left: auto;
    right: 100%;
    margin: 0em 1em 0em 0em
}

.ui.right.pointing.dropdown>.menu:after {
    top: 1em;
    left: auto;
    right: -0.25em;
    margin: 0em 0em 0em 0em;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui.bottom.pointing.dropdown>.menu {
    top: auto;
    bottom: 100%;
    left: 0%;
    right: auto;
    margin: 0em 0em 1em
}

.ui.bottom.pointing.dropdown>.menu:after {
    top: auto;
    bottom: -0.25em;
    right: auto;
    margin: 0em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.ui.bottom.pointing.dropdown>.menu .menu {
    top: auto !important;
    bottom: 0px !important
}

.ui.bottom.left.pointing.dropdown>.menu {
    left: 0%;
    right: auto
}

.ui.bottom.left.pointing.dropdown>.menu:after {
    left: 1em;
    right: auto
}

.ui.bottom.right.pointing.dropdown>.menu {
    right: 0%;
    left: auto
}

.ui.bottom.right.pointing.dropdown>.menu:after {
    left: auto;
    right: 1em
}

.ui.upward.pointing.dropdown>.menu,
.ui.upward.top.pointing.dropdown>.menu {
    top: auto;
    bottom: 100%;
    margin: 0em 0em 0.78571429rem;
    border-radius: 0.28571429rem
}

.ui.upward.pointing.dropdown>.menu:after,
.ui.upward.top.pointing.dropdown>.menu:after {
    top: 100%;
    bottom: auto;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
    box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
    margin: -0.25em 0em 0em
}

@font-face {
    font-family: 'Dropdown';
    src: url(../fonts/7abb29725a4a4d28bfe358cc2ab92cea.woff) format("truetype"), url(../fonts/99239cfbf98245b7b7fa7f166610d8a4.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

.ui.dropdown>.dropdown.icon {
    font-family: 'Dropdown';
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.ui.dropdown>.dropdown.icon {
    width: auto
}

.ui.dropdown>.dropdown.icon:before {
    content: '\f0d7'
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: "\f0da"
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
    content: "\f0da"
}


/*!
 * # Semantic UI 2.4.2 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.modal {
    position: absolute;
    display: none;
    z-index: 1001;
    text-align: left;
    background: #FFFFFF;
    border: none;
    -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0.28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top, left, margin, transform, opacity
}

.ui.modal>:first-child:not(.icon),
.ui.modal>.icon:first-child+* {
    border-top-left-radius: 0.28571429rem;
    border-top-right-radius: 0.28571429rem
}

.ui.modal>:last-child {
    border-bottom-left-radius: 0.28571429rem;
    border-bottom-right-radius: 0.28571429rem
}

.ui.modal>.close {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: 0.8;
    font-size: 1.25em;
    color: #FFFFFF;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.625rem 0rem 0rem 0rem
}

.ui.modal>.close:hover {
    opacity: 1
}

.ui.modal>.header {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    background: #FFFFFF;
    margin: 0em;
    padding: 1.25rem 1.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.modal>.header:not(.ui) {
    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: bold
}

.ui.modal>.content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: #FFFFFF
}

.ui.modal>.image.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ui.modal>.content>.image {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: '';
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal>[class*="top aligned"] {
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal>[class*="middle aligned"] {
    -ms-flex-item-align: middle;
    align-self: middle
}

.ui.modal>[class*="stretched"] {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.ui.modal>.content>.description {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0px;
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal>.content>.icon+.description,
.ui.modal>.content>.image+.description {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: '';
    width: auto;
    padding-left: 2em
}

.ui.modal>.content>.image>i.icon {
    margin: 0em;
    opacity: 1;
    width: auto;
    line-height: 1;
    font-size: 8rem
}

.ui.modal>.actions {
    background: #F9FAFB;
    padding: 1rem 1rem;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    text-align: right
}

.ui.modal .actions>.button {
    margin-left: 0.75em
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width: 88%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width: 850px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1200px) {
    .ui.modal {
        width: 900px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width: 950px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (max-width: 991px) {
    .ui.modal>.header {
        padding-right: 2.25rem
    }
    .ui.modal>.close {
        top: 1.0535rem;
        right: 1rem;
        color: rgba(0, 0, 0, 0.87)
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal>.header {
        padding: 0.75rem 1rem !important;
        padding-right: 2.25rem !important
    }
    .ui.modal>.content {
        display: block;
        padding: 1rem !important
    }
    .ui.modal>.close {
        top: 0.5rem !important;
        right: 0.5rem !important
    }
    .ui.modal .image.content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ui.modal .content>.image {
        display: block;
        max-width: 100%;
        margin: 0em auto !important;
        text-align: center;
        padding: 0rem 0rem 1rem !important
    }
    .ui.modal>.content>.image>i.icon {
        font-size: 5rem;
        text-align: center
    }
    .ui.modal .content>.description {
        display: block;
        width: 100% !important;
        margin: 0em !important;
        padding: 1rem 0rem !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .ui.modal>.actions {
        padding: 1rem 1rem 0rem !important
    }
    .ui.modal .actions>.buttons,
    .ui.modal .actions>.button {
        margin-bottom: 1rem
    }
}

.ui.inverted.dimmer>.ui.modal {
    -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2)
}

.ui.basic.modal {
    background-color: transparent;
    border: none;
    border-radius: 0em;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #FFFFFF
}

.ui.basic.modal>.header,
.ui.basic.modal>.content,
.ui.basic.modal>.actions {
    background-color: transparent
}

.ui.basic.modal>.header {
    color: #FFFFFF
}

.ui.basic.modal>.close {
    top: 1rem;
    right: 1.5rem
}

.ui.inverted.dimmer>.basic.modal {
    color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.dimmer>.ui.basic.modal>.header {
    color: rgba(0, 0, 0, 0.85)
}

.ui.legacy.modal,
.ui.legacy.page.dimmer>.ui.modal {
    top: 50%;
    left: 50%
}

.ui.legacy.page.dimmer>.ui.scrolling.modal,
.ui.page.dimmer>.ui.scrolling.legacy.modal,
.ui.top.aligned.legacy.page.dimmer>.ui.modal,
.ui.top.aligned.dimmer>.ui.legacy.modal {
    top: auto
}

@media only screen and (max-width: 991px) {
    .ui.basic.modal>.close {
        color: #FFFFFF
    }
}

.ui.loading.modal {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.active.modal {
    display: block
}

.modals.dimmer[class*="top aligned"] .modal {
    margin: 5vh auto
}

@media only screen and (max-width: 767px) {
    .modals.dimmer[class*="top aligned"] .modal {
        margin: 1rem auto
    }
}

.legacy.modals.dimmer[class*="top aligned"] {
    padding-top: 5vh
}

@media only screen and (max-width: 767px) {
    .legacy.modals.dimmer[class*="top aligned"] {
        padding-top: 1rem
    }
}

.scrolling.dimmable.dimmed {
    overflow: hidden
}

.scrolling.dimmable>.dimmer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.scrolling.dimmable.dimmed>.dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.dimmable>.dimmer {
    position: fixed
}

.modals.dimmer .ui.scrolling.modal {
    margin: 1rem auto
}

.scrolling.undetached.dimmable.dimmed {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed>.dimmer {
    overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
    position: absolute;
    left: 50%;
    margin-top: 1rem !important
}

.ui.modal .scrolling.content {
    max-height: calc(80vh - 10em);
    overflow: auto
}

.ui.fullscreen.modal {
    width: 95% !important;
    margin: 1em auto
}

.ui.fullscreen.modal>.header {
    padding-right: 2.25rem
}

.ui.fullscreen.modal>.close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87)
}

.ui.modal {
    font-size: 1rem
}

.ui.mini.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.mini.modal {
        width: 95%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 768px) {
    .ui.mini.modal {
        width: 35.2%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 992px) {
    .ui.mini.modal {
        width: 340px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1200px) {
    .ui.mini.modal {
        width: 360px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1920px) {
    .ui.mini.modal {
        width: 380px;
        margin: 0em 0em 0em 0em
    }
}

.ui.small.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.tiny.modal {
        width: 95%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 768px) {
    .ui.tiny.modal {
        width: 52.8%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 992px) {
    .ui.tiny.modal {
        width: 510px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1200px) {
    .ui.tiny.modal {
        width: 540px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1920px) {
    .ui.tiny.modal {
        width: 570px;
        margin: 0em 0em 0em 0em
    }
}

.ui.small.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width: 95%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width: 70.4%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width: 680px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1200px) {
    .ui.small.modal {
        width: 720px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width: 760px;
        margin: 0em 0em 0em 0em
    }
}

.ui.large.modal>.header {
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width: 95%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width: 88%;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width: 1020px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1200px) {
    .ui.large.modal {
        width: 1080px;
        margin: 0em 0em 0em 0em
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width: 1140px;
        margin: 0em 0em 0em 0em
    }
}

.ui.nag {
    display: none;
    opacity: 0.95;
    position: relative;
    top: 0em;
    left: 0px;
    z-index: 999;
    min-height: 0em;
    width: 100%;
    margin: 0em;
    padding: 0.75em 1em;
    background: #555555;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    font-size: 1rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0em 0em 0.2857rem 0.2857rem;
    -webkit-transition: 0.2s background ease;
    transition: 0.2s background ease
}

a.ui.nag {
    cursor: pointer
}

.ui.nag>.title {
    display: inline-block;
    margin: 0em 0.5em;
    color: #ffffff
}

.ui.nag>.close.icon {
    cursor: pointer;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    right: 1em;
    font-size: 1em;
    margin: -0.5em 0em 0em;
    color: #ffffff;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.ui.nag:hover {
    background: #555555;
    opacity: 1
}

.ui.nag .close:hover {
    opacity: 1
}

.ui.overlay.nag {
    position: absolute;
    display: block
}

.ui.fixed.nag {
    position: fixed
}

.ui.bottom.nags,
.ui.bottom.nag {
    border-radius: 0.2857rem 0.2857rem 0em 0em;
    top: auto;
    bottom: 0em
}

.ui.inverted.nags .nag,
.ui.inverted.nag {
    background-color: #f0f0f0;
    color: rgba(0, 0, 0, 0.85)
}

.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title,
.ui.inverted.nag .close,
.ui.inverted.nag .title {
    color: rgba(0, 0, 0, 0.4)
}

.ui.nags .nag {
    border-radius: 0em !important
}

.ui.nags .nag:last-child {
    border-radius: 0em 0em 0.2857rem 0.2857rem
}

.ui.bottom.nags .nag:last-child {
    border-radius: 0.2857rem 0.2857rem 0em 0em
}

.ui.popup {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 900;
    border: 1px solid #cccccc;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 250px;
    background-color: #ffffff;
    padding: 0.833em 1em;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1)
}

.ui.popup>.header {
    padding: 0em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 1.125em;
    line-height: 1.2;
    font-weight: bold
}

.ui.popup>.header+.content {
    padding-top: 0.5em
}

.ui.popup:before {
    position: absolute;
    content: '';
    width: 0.75em;
    height: 0.75em;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-box-shadow: 1px 1px 0px 0px #b3b3b3;
    box-shadow: 1px 1px 0px 0px #b3b3b3
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    pointer-events: none;
    position: absolute;
    content: '';
    font-size: 1rem;
    width: 0.71428571em;
    height: 0.71428571em;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-box-shadow: 1px 1px 0px 0px #bababc;
    box-shadow: 1px 1px 0px 0px #bababc
}

[data-tooltip]:after {
    pointer-events: none;
    content: attr(data-tooltip);
    position: absolute;
    text-transform: none;
    text-align: left;
    white-space: nowrap;
    font-size: 1rem;
    border: 1px solid #D4D4D5;
    line-height: 1.4285em;
    max-width: none;
    background: #FFFFFF;
    padding: 0.4em 0.7em;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    z-index: 1
}

[data-tooltip]:not([data-position]):before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #FFFFFF;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-tooltip]:not([data-position]):after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: 0.5em
}

[data-tooltip]:before,
[data-tooltip]:after {
    pointer-events: none;
    visibility: hidden
}

[data-tooltip]:before {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0) !important;
    transform: rotate(45deg) scale(0) !important;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

[data-tooltip]:after {
    opacity: 1;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    pointer-events: auto
}

[data-tooltip]:hover:before {
    -webkit-transform: rotate(45deg) scale(1) !important;
    transform: rotate(45deg) scale(1) !important;
    opacity: 1
}

[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
    -webkit-transform: translateX(-50%) scale(0) !important;
    transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
    -webkit-transform: translateX(-50%) scale(1) !important;
    transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
    -webkit-transform: translateY(-50%) scale(0) !important;
    transform: translateY(-50%) scale(0) !important
}

[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
    -webkit-transform: translateY(-50%) scale(1) !important;
    transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important
}

[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

[data-tooltip][data-inverted]:before {
    background: #1B1C1D
}

[data-tooltip][data-inverted]:after {
    background: #1B1C1D;
    color: #FFFFFF;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

[data-tooltip][data-inverted]:after .header {
    background-color: none;
    color: #FFFFFF
}

[data-position="top center"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0.5em
}

[data-position="top center"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #FFFFFF;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-position="top left"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 0;
    bottom: 100%;
    margin-bottom: 0.5em
}

[data-position="top left"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 1em;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-position="top right"][data-tooltip]:after {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    margin-bottom: 0.5em
}

[data-position="top right"][data-tooltip]:before {
    top: auto;
    left: auto;
    bottom: 100%;
    right: 1em;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-position="bottom center"][data-tooltip]:after {
    bottom: auto;
    right: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 0.5em
}

[data-position="bottom center"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 50%;
    margin-left: -0.07142857rem;
    margin-top: 0.14285714rem
}

[data-position="bottom left"][data-tooltip]:after {
    left: 0;
    top: 100%;
    margin-top: 0.5em
}

[data-position="bottom left"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 1em;
    margin-left: -0.07142857rem;
    margin-top: 0.14285714rem
}

[data-position="bottom right"][data-tooltip]:after {
    right: 0;
    top: 100%;
    margin-top: 0.5em
}

[data-position="bottom right"][data-tooltip]:before {
    bottom: auto;
    left: auto;
    top: 100%;
    right: 1em;
    margin-left: -0.14285714rem;
    margin-top: 0.07142857rem
}

[data-position="left center"][data-tooltip]:after {
    right: 100%;
    top: 50%;
    margin-right: 0.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
    right: 100%;
    top: 50%;
    margin-top: -0.14285714rem;
    margin-right: -0.07142857rem
}

[data-position="right center"][data-tooltip]:after {
    left: 100%;
    top: 50%;
    margin-left: 0.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
    left: 100%;
    top: 50%;
    margin-top: -0.07142857rem;
    margin-left: 0.14285714rem
}

[data-position~="bottom"][data-tooltip]:before {
    background: #FFFFFF;
    -webkit-box-shadow: -1px -1px 0px 0px #bababc;
    box-shadow: -1px -1px 0px 0px #bababc
}

[data-position="left center"][data-tooltip]:before {
    background: #FFFFFF;
    -webkit-box-shadow: 1px -1px 0px 0px #bababc;
    box-shadow: 1px -1px 0px 0px #bababc
}

[data-position="right center"][data-tooltip]:before {
    background: #FFFFFF;
    -webkit-box-shadow: -1px 1px 0px 0px #bababc;
    box-shadow: -1px 1px 0px 0px #bababc
}

[data-position~="top"][data-tooltip]:before {
    background: #FFFFFF
}

[data-inverted][data-position~="bottom"][data-tooltip]:before {
    background: #1B1C1D;
    -webkit-box-shadow: -1px -1px 0px 0px #bababc;
    box-shadow: -1px -1px 0px 0px #bababc
}

[data-inverted][data-position="left center"][data-tooltip]:before {
    background: #1B1C1D;
    -webkit-box-shadow: 1px -1px 0px 0px #bababc;
    box-shadow: 1px -1px 0px 0px #bababc
}

[data-inverted][data-position="right center"][data-tooltip]:before {
    background: #1B1C1D;
    -webkit-box-shadow: -1px 1px 0px 0px #bababc;
    box-shadow: -1px 1px 0px 0px #bababc
}

[data-inverted][data-position~="top"][data-tooltip]:before {
    background: #1B1C1D
}

[data-position~="bottom"][data-tooltip]:before {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

[data-position~="bottom"][data-tooltip]:after {
    -webkit-transform-origin: center top;
    transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

[data-position="left center"][data-tooltip]:after {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.ui.popup {
    margin: 0em
}

.ui.popup.bottom {
    margin: 0.75em 0em 0em
}

.ui.popup.top {
    margin: 0em 0em 0.75em
}

.ui.popup.left.center {
    margin: 0em 0.75em 0em 0em
}

.ui.popup.right.center {
    margin: 0em 0em 0em 0.75em
}

.ui.bottom.center.popup:before {
    margin-left: -0.325em;
    top: -0.325em;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-box-shadow: -1px -1px 0px 0px #b3b3b3;
    box-shadow: -1px -1px 0px 0px #b3b3b3
}

.ui.bottom.left.popup {
    margin-left: 0em
}

.ui.bottom.left.popup:before {
    top: -0.325em;
    left: 1em;
    right: auto;
    bottom: auto;
    margin-left: 0em;
    -webkit-box-shadow: -1px -1px 0px 0px #b3b3b3;
    box-shadow: -1px -1px 0px 0px #b3b3b3
}

.ui.bottom.right.popup {
    margin-right: 0em
}

.ui.bottom.right.popup:before {
    top: -0.325em;
    right: 1em;
    bottom: auto;
    left: auto;
    margin-left: 0em;
    -webkit-box-shadow: -1px -1px 0px 0px #b3b3b3;
    box-shadow: -1px -1px 0px 0px #b3b3b3
}

.ui.top.center.popup:before {
    top: auto;
    right: auto;
    bottom: -0.325em;
    left: 50%;
    margin-left: -0.325em
}

.ui.top.left.popup {
    margin-left: 0em
}

.ui.top.left.popup:before {
    bottom: -0.325em;
    left: 1em;
    top: auto;
    right: auto;
    margin-left: 0em
}

.ui.top.right.popup {
    margin-right: 0em
}

.ui.top.right.popup:before {
    bottom: -0.325em;
    right: 1em;
    top: auto;
    left: auto;
    margin-left: 0em
}

.ui.left.center.popup:before {
    top: 50%;
    right: -0.325em;
    bottom: auto;
    left: auto;
    margin-top: -0.325em;
    -webkit-box-shadow: 1px -1px 0px 0px #b3b3b3;
    box-shadow: 1px -1px 0px 0px #b3b3b3
}

.ui.right.center.popup:before {
    top: 50%;
    left: -0.325em;
    bottom: auto;
    right: auto;
    margin-top: -0.325em;
    -webkit-box-shadow: -1px 1px 0px 0px #b3b3b3;
    box-shadow: -1px 1px 0px 0px #b3b3b3
}

.ui.popup>.ui.grid:not(.padded) {
    width: calc(100% + 1.75rem);
    margin: -0.7rem -0.875rem
}

.ui.loading.popup {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.animating.popup,
.ui.visible.popup {
    display: block
}

.ui.basic.popup:before {
    display: none
}

.ui.wide.popup {
    width: 350px;
    max-width: 350px
}

.ui[class*="very wide"].popup {
    width: 550px;
    max-width: 550px
}

.ui.fluid.popup {
    width: 100%;
    max-width: none
}

.ui.inverted.popup {
    background: #1b1c1d;
    color: #ffffff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.inverted.popup .header {
    background-color: none;
    color: #ffffff
}

.ui.inverted.popup:before {
    background-color: #1b1c1d;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.flowing.popup {
    max-width: none
}

.ui.small.popup {
    font-size: 0.785714rem
}

.ui.popup {
    font-size: 0.85714rem
}

.ui.large.popup {
    font-size: 1rem
}

.ui.huge.popup {
    font-size: 1.14285rem
}


/*!
 * # Semantic UI 2.2.4 - Progress Bar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.progress {
    position: relative;
    display: block;
    max-width: 100%;
    border: none;
    margin: 1em 0em 2.5em;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    padding: 0em;
    border-radius: 0.28571429rem
}

.ui.progress:first-child {
    margin: 0em 0em 2.5em
}

.ui.progress:last-child {
    margin: 0em 0em 1.5em
}

.ui.progress .bar {
    display: block;
    line-height: 1;
    position: relative;
    width: 0%;
    min-width: 2em;
    background: #888888;
    border-radius: 0.28571429rem;
    -webkit-transition: width 0.1s ease, background-color 0.1s ease;
    transition: width 0.1s ease, background-color 0.1s ease
}

.ui.progress .bar>.progress {
    white-space: nowrap;
    position: absolute;
    width: auto;
    font-size: 0.92857143em;
    top: 50%;
    right: 0.5em;
    left: auto;
    bottom: auto;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: none;
    margin-top: -0.5em;
    font-weight: bold;
    text-align: left
}

.ui.progress>.label {
    position: absolute;
    width: 100%;
    font-size: 1em;
    top: 100%;
    right: auto;
    left: 0%;
    bottom: auto;
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
    text-shadow: none;
    margin-top: 0.2em;
    text-align: center;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease
}

.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
    background-color: #D95C5C
}

.ui.indicating.progress[data-percent^="3"] .bar {
    background-color: #EFBC72
}

.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
    background-color: #E6BB48
}

.ui.indicating.progress[data-percent^="6"] .bar {
    background-color: #DDC928
}

.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
    background-color: #B4D95C
}

.ui.indicating.progress[data-percent^="9"] .bar,
.ui.indicating.progress[data-percent^="100"] .bar {
    background-color: #66DA81
}

.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="3"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="6"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
    background-color: #D95C5C
}

.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress.success .label {
    color: #1A531B
}

.ui.progress.success .bar {
    background-color: #21BA45 !important
}

.ui.progress.success .bar,
.ui.progress.success .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.success>.label {
    color: #1A531B
}

.ui.progress.warning .bar {
    background-color: #F2C037 !important
}

.ui.progress.warning .bar,
.ui.progress.warning .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.warning>.label {
    color: #794B02
}

.ui.progress.error .bar {
    background-color: #DB2828 !important
}

.ui.progress.error .bar,
.ui.progress.error .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.error>.label {
    color: #912D2B
}

.ui.active.progress .bar {
    position: relative;
    min-width: 2em
}

.ui.active.progress:not(.no-ani-progress) .bar::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #FFFFFF;
    border-radius: 0.28571429rem;
    -webkit-animation: progress-active 2s ease infinite;
    animation: progress-active 2s ease infinite
}

@-webkit-keyframes progress-active {
    0% {
        opacity: 0.3;
        width: 0
    }
    100% {
        opacity: 0;
        width: 100%
    }
}

@keyframes progress-active {
    0% {
        opacity: 0.3;
        width: 0
    }
    100% {
        opacity: 0;
        width: 100%
    }
}

.ui.disabled.progress {
    opacity: 0.35
}

.ui.disabled.progress .bar,
.ui.disabled.progress .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.inverted.progress {
    background: rgba(255, 255, 255, 0.08);
    border: none
}

.ui.inverted.progress .bar {
    background: #888888
}

.ui.inverted.progress .bar>.progress {
    color: #F9FAFB
}

.ui.inverted.progress>.label {
    color: #FFFFFF
}

.ui.inverted.progress.success>.label {
    color: #21BA45
}

.ui.inverted.progress.warning>.label {
    color: #F2C037
}

.ui.inverted.progress.error>.label {
    color: #DB2828
}

.ui.progress.attached {
    background: transparent;
    position: relative;
    border: none;
    margin: 0em
}

.ui.progress.attached,
.ui.progress.attached .bar {
    display: block;
    height: 0.2rem;
    padding: 0px;
    overflow: hidden;
    border-radius: 0em 0em 0.28571429rem 0.28571429rem
}

.ui.progress.attached .bar {
    border-radius: 0em
}

.ui.progress.top.attached,
.ui.progress.top.attached .bar {
    top: 0px;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em
}

.ui.progress.top.attached .bar {
    border-radius: 0em
}

.ui.segment>.ui.attached.progress,
.ui.card>.ui.attached.progress {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 100%;
    width: 100%
}

.ui.segment>.ui.bottom.attached.progress,
.ui.card>.ui.bottom.attached.progress {
    top: 100%;
    bottom: auto
}

.ui.red.progress .bar {
    background-color: #DB2828
}

.ui.red.inverted.progress .bar {
    background-color: #FF695E
}

.ui.orange.progress .bar {
    background-color: #F2711C
}

.ui.orange.inverted.progress .bar {
    background-color: #FF851B
}

.ui.yellow.progress .bar {
    background-color: #FBBD08
}

.ui.yellow.inverted.progress .bar {
    background-color: #FFE21F
}

.ui.olive.progress .bar {
    background-color: #B5CC18
}

.ui.olive.inverted.progress .bar {
    background-color: #D9E778
}

.ui.green.progress .bar {
    background-color: #21BA45
}

.ui.green.inverted.progress .bar {
    background-color: #2ECC40
}

.ui.teal.progress .bar {
    background-color: #00B5AD
}

.ui.teal.inverted.progress .bar {
    background-color: #6DFFFF
}

.ui.blue.progress .bar {
    background-color: #2185D0
}

.ui.blue.inverted.progress .bar {
    background-color: #54C8FF
}

.ui.violet.progress .bar {
    background-color: #6435C9
}

.ui.violet.inverted.progress .bar {
    background-color: #A291FB
}

.ui.purple.progress .bar {
    background-color: #A333C8
}

.ui.purple.inverted.progress .bar {
    background-color: #DC73FF
}

.ui.pink.progress .bar {
    background-color: #E03997
}

.ui.pink.inverted.progress .bar {
    background-color: #FF8EDF
}

.ui.brown.progress .bar {
    background-color: #A5673F
}

.ui.brown.inverted.progress .bar {
    background-color: #D67C1C
}

.ui.grey.progress .bar {
    background-color: #767676
}

.ui.grey.inverted.progress .bar {
    background-color: #DCDDDE
}

.ui.black.progress .bar {
    background-color: #1B1C1D
}

.ui.black.inverted.progress .bar {
    background-color: #545454
}

.ui.tiny.progress {
    font-size: 0.85714286rem
}

.ui.tiny.progress .bar {
    height: 0.5em
}

.ui.small.progress {
    font-size: 0.92857143rem
}

.ui.small.progress .bar {
    height: 1em
}

.ui.progress {
    font-size: 1rem
}

.ui.progress .bar {
    height: 1.75em
}

.ui.large.progress {
    font-size: 1.14285714rem
}

.ui.large.progress .bar {
    height: 2.5em
}

.ui.big.progress {
    font-size: 1.28571429rem
}

.ui.big.progress .bar {
    height: 3.5em
}

.ui.rating {
    display: inline-block;
    font-size: 0em;
    vertical-align: baseline
}

.ui.rating:last-child {
    margin-right: 0em
}

.ui.rating:before {
    display: block;
    content: '';
    visibility: hidden;
    clear: both;
    height: 0
}

.ui.rating .icon {
    cursor: pointer;
    margin: 0em;
    width: 1.1em;
    text-align: center;
    height: auto;
    padding: 0em;
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline
}

.ui.star.rating .icon {
    width: 1.1em;
    color: rgba(0, 0, 0, 0.15)
}

.ui.star.rating .active.icon {
    color: #ffe623 !important;
    text-shadow: 0px -1px 0px #cfa300, -1px 0px 0px #cfa300, 0px 1px 0px #cfa300, 1px 0px 0px #cfa300
}

.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
    color: #ffb70a !important
}

.ui.star.rating.partial {
    position: relative;
    z-index: 1
}

.ui.star.rating.partial:before {
    position: absolute;
    z-index: -1
}

.ui.heart.rating .icon {
    width: 1.25em;
    color: rgba(0, 0, 0, 0.15)
}

.ui.heart.rating .active.icon {
    color: #ff2733 !important;
    text-shadow: 0px -1px 0px #9e0000, -1px 0px 0px #9e0000, 0px 1px 0px #9e0000, 1px 0px 0px #9e0000
}

.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
    color: #ff2733 !important
}

.ui.rating .icon {
    color: rgba(0, 0, 0, 0.15)
}

.ui.rating .active.icon {
    color: rgba(0, 0, 0, 0.85)
}

.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
    color: rgba(0, 0, 0, 0.8)
}

.ui.disabled.rating .icon {
    cursor: default
}

.ui.rating.selected .active.icon {
    opacity: 0.5
}

.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
    opacity: 1
}

.ui.mini.rating .icon {
    font-size: 0.7rem
}

.ui.tiny.rating .icon {
    font-size: 0.8rem
}

.ui.small.rating .icon {
    font-size: 0.875rem
}

.ui.rating .icon {
    font-size: 1rem
}

.ui.large.rating .icon {
    font-size: 1.1rem
}

.ui.huge.rating .icon {
    font-size: 1.5rem
}

.ui.massive.rating .icon {
    font-size: 2rem
}

.ui.large.rating,
.ui.huge.rating,
.ui.massive.rating {
    vertical-align: middle
}

@font-face {
    font-family: 'Rating';
    src: url(../fonts/bd1b5aeca0d14e6691574cf2018b5de8.woff) format("truetype"), url(../fonts/c6857d1dcbc242809ddd9f53d5804113.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

.ui.rating .icon {
    font-family: 'Rating';
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.ui.rating .icon:before {
    content: '\f006'
}

.ui.rating .active.icon:before {
    content: '\f005'
}

.ui.star.rating .icon:before {
    content: '\f005'
}

.ui.star.rating .active.icon:before {
    content: '\f005'
}

.ui.star.rating .partial.icon:before {
    content: '\f006'
}

.ui.star.rating .partial.icon {
    content: '\f005'
}

.ui.heart.rating .icon:before {
    content: '\f004'
}

.ui.heart.rating .active.icon:before {
    content: '\f004'
}

.ui.search {
    position: relative
}

.ui.search>.prompt {
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-shadow: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    padding: 0.68571em 1em;
    font-size: 1em;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.search .prompt {
    border-radius: 500rem
}

.ui.search .prompt~.search.icon {
    cursor: pointer
}

.ui.search>.results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0%;
    background: #ffffff;
    margin-top: 0.5em;
    width: 16em;
    border-radius: 0.25em;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    z-index: 998
}

.ui.search>.results .result {
    cursor: pointer;
    display: block;
    overflow: hidden;
    font-size: 1em;
    padding: 0.5em 1em;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.33;
    border-bottom: 1px solid rgba(39, 41, 43, 0.15)
}

.ui.search>.results .result:last-child {
    border-bottom: none
}

.ui.search>.results .result .image {
    float: right;
    overflow: hidden;
    background: none;
    width: 5em;
    height: 3em;
    border-radius: 0.25em
}

.ui.search>.results .result .image img {
    display: block;
    width: auto;
    height: 100%
}

.ui.search>.results .result .image+.content {
    margin: 0em 6em 0em 0em
}

.ui.search>.results .result .title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: bold;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.85)
}

.ui.search>.results .result .description {
    margin-top: 0em;
    font-size: 0.9285em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.search>.results .result .price {
    float: right;
    color: #5bbd72
}

.ui.search>.results>.message {
    padding: 1em 1em
}

.ui.search>.results>.message .header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 1.1428em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8)
}

.ui.search>.results>.message .description {
    margin-top: 0.25rem;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.8)
}

.ui.search>.results>.action {
    display: block;
    border-top: none;
    background: #f0f0f0;
    padding: 0.5em 1em;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    text-align: center
}

.ui.loading.search .input>.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285em 0em 0em -0.64285em;
    width: 1.2857em;
    height: 1.2857em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loading.search .input>.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285em 0em 0em -0.64285em;
    width: 1.2857em;
    height: 1.2857em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaaaaa transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent
}

.ui.search>.results .result:hover,
.ui.category.search>.results .category .result:hover {
    background: #fafafa
}

.ui.search .action:hover {
    background: #e0e0e0
}

.ui.search>.results .category.active {
    background: #f0f0f0
}

.ui.search>.results .category.active>.name {
    color: rgba(0, 0, 0, 0.8)
}

.ui.search>.results .result.active,
.ui.category.search>.results .category .result.active {
    position: relative;
    border-left-color: transparent;
    background: #f0f0f0;
    -webkit-box-shadow: 3px 0px 3px 0px rgba(39, 41, 43, 0.15);
    box-shadow: 3px 0px 3px 0px rgba(39, 41, 43, 0.15)
}

.ui.search>.results .result.active .title {
    color: rgba(0, 0, 0, 0.85)
}

.ui.search>.results .result.active .description {
    color: rgba(0, 0, 0, 0.85)
}

.ui.category.search .results {
    width: 28em
}

.ui.category.search>.results .category {
    background: #f0f0f0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(39, 41, 43, 0.15);
    -webkit-transition: background 0.2s ease, border-color 0.2s ease;
    transition: background 0.2s ease, border-color 0.2s ease
}

.ui.category.search>.results .category:last-child {
    border-bottom: none
}

.ui.category.search>.results .category .result {
    background: #ffffff;
    margin-left: 100px;
    border-left: 1px solid rgba(39, 41, 43, 0.15);
    border-bottom: 1px solid rgba(39, 41, 43, 0.15);
    -webkit-transition: background 0.2s ease, border-color 0.2s ease;
    transition: background 0.2s ease, border-color 0.2s ease
}

.ui.category.search>.results .category .result:last-child {
    border-bottom: none
}

.ui.category.search>.results .category>.name {
    width: 100px;
    background: #f0f0f0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 1em;
    float: 1em;
    float: left;
    padding: 0.4em 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.4)
}

.ui[class*="left aligned"].search>.results {
    right: auto;
    left: 0%
}

.ui[class*="right aligned"].search>.results {
    right: 0%;
    left: auto
}

.ui.fluid.search .results {
    width: 100%
}

.ui.search {
    font-size: 1em
}

.ui.large.search {
    font-size: 1.1em
}

.ui.shape {
    position: relative;
    display: inline-block;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.ui.shape .sides {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ui.shape .side {
    opacity: 1;
    width: 100%;
    margin: 0em !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui.shape .side {
    display: none
}

.ui.shape .side>* {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.ui.cube.shape .side {
    min-width: 15em;
    height: 15em;
    padding: 2em;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3)
}

.ui.cube.shape .side>.content {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.ui.cube.shape .side>.content>div {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em
}

.ui.text.shape.animating .sides {
    position: static
}

.ui.text.shape .side {
    white-space: nowrap
}

.ui.text.shape .side>* {
    white-space: normal
}

.ui.loading.shape {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.ui.shape .animating.side {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100
}

.ui.shape .hidden.side {
    opacity: 0.4
}

.ui.shape.animating {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.ui.shape.animating .sides {
    position: absolute
}

.ui.shape.animating .sides {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.ui.shape.animating .side {
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out
}

.ui.shape .active.side {
    display: block
}

.ui.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: none;
    transition: none;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100% !important;
    border-radius: 0em !important;
    margin: 0em !important;
    overflow-y: auto !important;
    z-index: 102
}

.ui.sidebar>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
}

.ui.left.sidebar {
    right: auto;
    left: 0px;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui.right.sidebar {
    right: 0px !important;
    left: auto !important;
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0)
}

.ui.top.sidebar,
.ui.bottom.sidebar {
    width: 100% !important;
    height: auto !important;
    overflow-y: visible !important
}

.ui.top.sidebar {
    top: 0px !important;
    bottom: auto !important;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.ui.bottom.sidebar {
    top: auto !important;
    bottom: 0px !important;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.pushable {
    height: 100%;
    overflow-x: hidden;
    background: #333333 !important
}

.pushable>.fixed {
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    will-change: transform;
    z-index: 101
}

.pushable>.pusher {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-height: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    background: #f7f7f7;
    z-index: 2
}

.pushable>.pusher:after {
    position: fixed;
    top: 0px;
    right: 0px;
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform 500ms, opacity 500ms;
    -webkit-transition: opacity 500ms, -webkit-transform 500ms;
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 500ms;
    transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
    will-change: opacity;
    z-index: 1000
}

.ui.sidebar.menu .item {
    border-radius: 0em !important
}

.pushable>.pusher.dimmed:after {
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important
}

.ui.animating.sidebar {
    visibility: visible
}

.ui.visible.sidebar {
    visibility: visible
}

.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
    -webkit-box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15);
    box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15)
}

.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
    -webkit-box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15);
    box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15)
}

html.ios {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
    width: 60px
}

.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
    width: 150px
}

.ui.left.sidebar,
.ui.right.sidebar {
    width: 260px
}

.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
    width: 350px
}

.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
    width: 475px
}

.ui.overlay.sidebar {
    z-index: 102
}

.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.left.overlay.sidebar {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0)
}

.ui.right.overlay.sidebar {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0)
}

.ui.top.overlay.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0)
}

.ui.bottom.overlay.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0)
}

.ui.visible.left.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.right.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.top.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.bottom.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.overlay.sidebar~.fixed,
.ui.visible.overlay.sidebar~.pusher {
    -webkit-transform: none !important;
    transform: none !important
}

.ui.push.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 102
}

.ui.left.push.sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui.right.push.sidebar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.ui.top.push.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0)
}

.ui.bottom.push.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0)
}

.ui.visible.push.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.ui.uncover.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1
}

.ui.visible.uncover.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.slide.along.sidebar {
    z-index: 1
}

.ui.left.slide.along.sidebar {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.ui.right.slide.along.sidebar {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.ui.top.slide.along.sidebar {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.ui.bottom.slide.along.sidebar {
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0)
}

.ui.animating.slide.along.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.slide.along.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.ui.slide.out.sidebar {
    z-index: 1
}

.ui.left.slide.out.sidebar {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.ui.right.slide.out.sidebar {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.ui.top.slide.out.sidebar {
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0)
}

.ui.bottom.slide.out.sidebar {
    -webkit-transform: translate3d(0%, -50%, 0);
    transform: translate3d(0%, -50%, 0)
}

.ui.animating.slide.out.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.slide.out.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.ui.scale.down.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 102
}

.ui.left.scale.down.sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui.right.scale.down.sidebar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.ui.top.scale.down.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0)
}

.ui.bottom.scale.down.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0)
}

.ui.scale.down.left.sidebar~.pusher {
    -webkit-transform-origin: 75% 50%;
    transform-origin: 75% 50%
}

.ui.scale.down.right.sidebar~.pusher {
    -webkit-transform-origin: 25% 50%;
    transform-origin: 25% 50%
}

.ui.scale.down.top.sidebar~.pusher {
    -webkit-transform-origin: 50% 75%;
    transform-origin: 50% 75%
}

.ui.scale.down.bottom.sidebar~.pusher {
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%
}

.ui.animating.scale.down>.visible.ui.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.scale.down.sidebar~.pusher,
.ui.animating.scale.down.sidebar~.pusher {
    display: block !important;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ui.visible.scale.down.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ui.visible.scale.down.sidebar~.pusher {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
}

.ui.sticky {
    position: static;
    -webkit-transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease;
    transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease;
    z-index: 800
}

.ui.sticky.bound {
    position: absolute;
    left: auto;
    right: auto
}

.ui.sticky.fixed {
    position: fixed;
    left: auto;
    right: auto
}

.ui.sticky.bound.top,
.ui.sticky.fixed.top {
    top: 0px;
    bottom: auto
}

.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
    top: auto;
    bottom: 0px
}

.ui.native.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.ui.tab {
    display: none
}

.ui.tab.active,
.ui.tab.open {
    display: block
}

.ui.tab.loading {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 250px
}

.ui.tab.loading * {
    position: relative !important;
    left: -10000px !important
}

.ui.tab.loading:before,
.ui.tab.loading.segment:before {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0em 0em -1.25em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.tab.loading:after,
.ui.tab.loading.segment:after {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0em 0em -1.25em;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaaaaa transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent
}

.ui.table {
    width: 100%;
    background: #ffffff;
    margin: 1em 0em;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.8);
    border-collapse: separate;
    border-spacing: 0px
}

.ui.table:first-child {
    margin-top: 0em
}

.ui.table:last-child {
    margin-bottom: 0em
}

.ui.table th,
.ui.table td {
    -webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease
}

.ui.table thead {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.table thead th {
    cursor: auto;
    background: #f0f0f0;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    padding: 0.7em 0.8em;
    vertical-align: middle;
    font-style: none;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid #d4d4d5;
    border-left: none
}

.ui.table thead tr>th:first-child {
    border-left: none
}

.ui.table thead tr:first-child>th:first-child {
    border-radius: 0.25rem 0em 0em 0em
}

.ui.table thead tr:first-child>th:last-child {
    border-radius: 0em 0.25rem 0em 0em
}

.ui.table thead tr:first-child>th:only-child {
    border-radius: 0.25rem 0.25rem 0em 0em
}

.ui.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid #d4d4d5;
    background: #ffffff;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    padding: 0.7em 0.8em;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    text-transform: none
}

.ui.table tfoot tr>th:first-child {
    border-left: none
}

.ui.table tfoot tr:first-child>th:first-child {
    border-radius: 0em 0em 0em 0.25rem
}

.ui.table tfoot tr:first-child>th:last-child {
    border-radius: 0em 0em 0.25rem 0em
}

.ui.table tfoot tr:first-child>th:only-child {
    border-radius: 0em 0em 0.25rem 0.25rem
}

.ui.table tr td {
    border-top: 1px solid #d4d4d5
}

.ui.table tr:first-child td {
    border-top: none
}

.ui.table td {
    padding: 0.7em 0.8em;
    text-align: left;
    vertical-align: middle
}

.ui.table>.icon {
    vertical-align: baseline
}

.ui.table>.icon:only-child {
    margin: 0em
}

.ui.table.segment {
    padding: 0em
}

.ui.table.segment:after {
    display: none
}

.ui.table.segment.stacked:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable),
    .ui.table:not(.unstackable) tbody,
    .ui.table:not(.unstackable) tr,
    .ui.table:not(.unstackable) tr>th,
    .ui.table:not(.unstackable) tr>td {
        width: 100% !important;
        display: block !important
    }
    .ui.table:not(.unstackable) {
        padding: 0em
    }
    .ui.table:not(.unstackable) thead {
        display: block
    }
    .ui.table:not(.unstackable) tfoot {
        display: block
    }
    .ui.table:not(.unstackable) tr>th,
    .ui.table:not(.unstackable) tr>td {
        background: none;
        border: none !important;
        padding: 0.25em 0.75em;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .ui.table:not(.unstackable) th:first-child,
    .ui.table:not(.unstackable) td:first-child {
        font-weight: bold;
        padding-top: 1em
    }
    .ui.table:not(.unstackable) th:last-child,
    .ui.table:not(.unstackable) td:last-child {
        -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
        padding-bottom: 1em
    }
    .ui.table:not(.unstackable) tr>td.warning,
    .ui.table:not(.unstackable) tr>td.error,
    .ui.table:not(.unstackable) tr>td.active,
    .ui.table:not(.unstackable) tr>td.positive,
    .ui.table:not(.unstackable) tr>td.negative {
        background-color: transparent !important
    }
    .ui.definition.table:not(.unstackable) thead th:first-child {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
    .ui.definition.table:not(.unstackable) tr td:first-child {
        padding-bottom: 1em
    }
    .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
        padding-top: 1em
    }
}

.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
    max-width: none
}

.ui.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.ui.structured.sortable.table thead th {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0
}

.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}

.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
    border-left: 1px solid #d4d4d5;
    border-right: 1px solid #d4d4d5
}

.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -1px -1px 0px 1px #ffffff;
    box-shadow: -1px -1px 0px 1px #ffffff
}

.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: rgba(0, 0, 0, 0.4);
    color: normal;
    -webkit-box-shadow: 1px 1px 0px 1px #ffffff;
    box-shadow: 1px 1px 0px 1px #ffffff
}

.ui.celled.definition.table thead:not(.full-width) th:first-child {
    -webkit-box-shadow: 0px -1px 0px 1px #ffffff;
    box-shadow: 0px -1px 0px 1px #ffffff
}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    -webkit-box-shadow: 0px 1px 0px 1px #ffffff;
    box-shadow: 0px 1px 0px 1px #ffffff
}

.ui.definition.table tr td:first-child {
    background: rgba(0, 0, 0, 0.03);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8)
}

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid #d0d0d0
}

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
    border-left: 1px solid #d0d0d0
}

.ui.definition.table td:nth-child(2) {
    border-left: 1px solid #d0d0d0
}

.ui.table tr.positive,
.ui.table td.positive {
    -webkit-box-shadow: 0px 0px 0px #b7caa7 inset;
    box-shadow: 0px 0px 0px #b7caa7 inset
}

.ui.table tr.positive td,
.ui.table td.positive {
    background: #eeffe7 !important;
    color: #3c763d !important
}

.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive {
    background: #e3ffd8 !important;
    color: #376c38 !important
}

.ui.table tr.negative,
.ui.table td.negative {
    -webkit-box-shadow: 0px 0px 0px #dbb1b1 inset;
    box-shadow: 0px 0px 0px #dbb1b1 inset
}

.ui.table tr.negative td,
.ui.table td.negative {
    background: #fff0f0 !important;
    color: #cd2929 !important
}

.ui.celled.table tr.negative:hover td,
.ui.celled.table tr:hover td.negative {
    background: #ffe1e1 !important;
    color: #c02626 !important
}

.ui.table tr.error,
.ui.table td.error {
    -webkit-box-shadow: 0px 0px 0px #dbb1b1 inset;
    box-shadow: 0px 0px 0px #dbb1b1 inset
}

.ui.table tr.error td,
.ui.table td.error {
    background: #fff0f0 !important;
    color: #cd2929 !important
}

.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error {
    background: #ffe1e1 !important;
    color: #c02626 !important
}

.ui.table tr.warning,
.ui.table td.warning {
    -webkit-box-shadow: 0px 0px 0px #d9caab inset;
    box-shadow: 0px 0px 0px #d9caab inset
}

.ui.table tr.warning td,
.ui.table td.warning {
    background: #fffbe6 !important;
    color: #7d6c00 !important
}

.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning {
    background: #fff9d7 !important;
    color: #6e5f00 !important
}

.ui.table tr.active,
.ui.table td.active {
    -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset;
    box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset
}

.ui.table tr.active td,
.ui.table td.active {
    background: #e0e0e0 !important;
    color: rgba(50, 50, 50, 0.9) !important
}

.ui.celled.table tr.active:hover td,
.ui.celled.table tr:hover td.active {
    background: #e0e0e0 !important;
    color: rgba(50, 50, 50, 0.9) !important
}

.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(40, 40, 40, 0.3)
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].table,
    .ui[class*="tablet stackable"].table tbody,
    .ui[class*="tablet stackable"].table tr,
    .ui[class*="tablet stackable"].table tr>th,
    .ui[class*="tablet stackable"].table tr>td {
        width: 100% !important;
        display: block !important
    }
    .ui[class*="tablet stackable"].table {
        padding: 0em
    }
    .ui[class*="tablet stackable"].table thead {
        display: block
    }
    .ui[class*="tablet stackable"].table tfoot {
        display: block
    }
    .ui[class*="tablet stackable"].table tr>th,
    .ui[class*="tablet stackable"].table tr>td {
        background: none;
        border: none !important;
        padding: 0.25em 0.75em;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .ui[class*="tablet stackable"].table th:first-child,
    .ui[class*="tablet stackable"].table td:first-child {
        font-weight: bold;
        padding-top: 1em
    }
    .ui[class*="tablet stackable"].table th:last-child,
    .ui[class*="tablet stackable"].table td:last-child {
        -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
        padding-bottom: 1em
    }
    .ui[class*="tablet stackable"].table tr>td.warning,
    .ui[class*="tablet stackable"].table tr>td.error,
    .ui[class*="tablet stackable"].table tr>td.active,
    .ui[class*="tablet stackable"].table tr>td.positive,
    .ui[class*="tablet stackable"].table tr>td.negative {
        background-color: transparent !important
    }
    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
    .ui.definition[class*="tablet stackable"].table tr td:first-child {
        padding-bottom: 1em
    }
    .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
        padding-top: 1em
    }
}

.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
    text-align: left
}

.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
    text-align: center
}

.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
    text-align: right
}

.ui.table th.collapsing,
.ui.table td.collapsing {
    width: 1px;
    white-space: nowrap
}

.ui.attached.table {
    width: calc(100% + 2px);
    margin: 0em -1px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui[class*="top attached"].table {
    margin-top: 1em 0em;
    border-radius: 0.25rem 0.25rem 0em 0em
}

.ui.table[class*="top attached"]:first-child {
    margin-top: 0em
}

.ui.table[class*="bottom attached"] {
    margin-top: 0em;
    margin-bottom: 1em 0em;
    border-radius: 0em 0em 0.25rem 0.25rem
}

.ui.table[class*="bottom attached"]:last-child {
    margin-bottom: 0em
}

.ui.striped.table>tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, 0.03)
}

.ui.inverted.striped.table>tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.06)
}

.ui.black.table {
    border-top: 0.2em solid #1b1c1d
}

.ui.blue.table {
    border-top: 0.2em solid #3b83c0
}

.ui.green.table {
    border-top: 0.2em solid #5bbd72
}

.ui.orange.table {
    border-top: 0.2em solid #e07b53
}

.ui.pink.table {
    border-top: 0.2em solid #d9499a
}

.ui.purple.table {
    border-top: 0.2em solid #564f8a
}

.ui.red.table {
    border-top: 0.2em solid #d95c5c
}

.ui.teal.table {
    border-top: 0.2em solid #00b5ad
}

.ui.yellow.table {
    border-top: 0.2em solid #f2c61f
}

.ui.inverted.table,
.ui.inverted.black.table {
    background-color: #1b1c1d !important;
    color: #ffffff !important
}

.ui.inverted.blue.table {
    background-color: #3b83c0 !important;
    color: #ffffff !important
}

.ui.inverted.green.table {
    background-color: #5bbd72 !important;
    color: #ffffff !important
}

.ui.inverted.orange.table {
    background-color: #e07b53 !important;
    color: #ffffff !important
}

.ui.inverted.pink.table {
    background-color: #d9499a !important;
    color: #ffffff !important
}

.ui.inverted.purple.table {
    background-color: #564f8a !important;
    color: #ffffff !important
}

.ui.inverted.red.table {
    background-color: #d95c5c !important;
    color: #ffffff !important
}

.ui.inverted.teal.table {
    background-color: #00b5ad !important;
    color: #ffffff !important
}

.ui.inverted.yellow.table {
    background-color: #f2c61f !important;
    color: #ffffff !important
}

.ui.one.column.table td {
    width: 100%
}

.ui.two.column.table td {
    width: 50%
}

.ui.three.column.table td {
    width: 33.33333333%
}

.ui.four.column.table td {
    width: 25%
}

.ui.five.column.table td {
    width: 20%
}

.ui.six.column.table td {
    width: 16.66666667%
}

.ui.seven.column.table td {
    width: 14.28571429%
}

.ui.eight.column.table td {
    width: 12.5%
}

.ui.nine.column.table td {
    width: 11.11111111%
}

.ui.ten.column.table td {
    width: 10%
}

.ui.eleven.column.table td {
    width: 9.09090909%
}

.ui.twelve.column.table td {
    width: 8.33333333%
}

.ui.thirteen.column.table td {
    width: 7.69230769%
}

.ui.fourteen.column.table td {
    width: 7.14285714%
}

.ui.fifteen.column.table td {
    width: 6.66666667%
}

.ui.sixteen.column.table td {
    width: 6.25%
}

.ui.table th.one.wide,
.ui.table td.one.wide {
    width: 6.25%
}

.ui.table th.two.wide,
.ui.table td.two.wide {
    width: 12.5%
}

.ui.table th.three.wide,
.ui.table td.three.wide {
    width: 18.75%
}

.ui.table th.four.wide,
.ui.table td.four.wide {
    width: 25%
}

.ui.table th.five.wide,
.ui.table td.five.wide {
    width: 31.25%
}

.ui.table th.six.wide,
.ui.table td.six.wide {
    width: 37.5%
}

.ui.table th.seven.wide,
.ui.table td.seven.wide {
    width: 43.75%
}

.ui.table th.eight.wide,
.ui.table td.eight.wide {
    width: 50%
}

.ui.table th.nine.wide,
.ui.table td.nine.wide {
    width: 56.25%
}

.ui.table th.ten.wide,
.ui.table td.ten.wide {
    width: 62.5%
}

.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
    width: 68.75%
}

.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
    width: 75%
}

.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
    width: 81.25%
}

.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
    width: 87.5%
}

.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
    width: 93.75%
}

.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
    width: 100%
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid #d0d0d0;
    color: rgba(0, 0, 0, 0.8)
}

.ui.sortable.table thead th:first-child {
    border-left: none
}

.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.sortable.table thead th:after {
    display: inline-block;
    content: '';
    width: 1em;
    height: 1em;
    opacity: 0.8;
    margin: 0em 0em 0em 0.5em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit
}

.ui.sortable.table thead th.ascending:after {
    content: '\f0d7'
}

.ui.sortable.table thead th.descending:after {
    content: '\f0d8'
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40, 40, 40, 0.3)
}

.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.sortable.table thead th.sorted {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.sortable.table thead th.sorted {
    background: rgba(255, 255, 255, 0.07) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #ffffff
}

.ui.inverted.sortable.table thead th:hover {
    background: rgba(255, 255, 255, 0.05) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
    background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #ffffff
}

.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}

.ui.inverted.table {
    background: #333333;
    color: #ffffff;
    border: none
}

.ui.inverted.table th {
    background-color: rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.table tr td {
    border-color: rgba(0, 0, 0, 0.2) !important
}

.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(225, 225, 225, 0.3)
}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #ffffff
}

.ui.inverted.definition.table tr td:first-child {
    background: rgba(255, 255, 255, 0.02);
    color: #ffffff
}

.ui.collapsing.table {
    width: auto
}

.ui.basic.table {
    background: transparent;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.table thead,
.ui.basic.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.table th {
    background: transparent;
    border-left: none
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.basic.table td {
    background: transparent
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.ui[class*="very basic"].table {
    border: none
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
    padding: 0.7em 0.8em
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
    padding-left: 0em
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
    padding-right: 0em
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0em
}

.ui.celled.table tr th,
.ui.celled.table tr td {
    border-left: 1px solid #d4d4d5
}

.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
    border-left: none
}

.ui.padded.table th {
    padding-left: 1em;
    padding-right: 1em
}

.ui.padded.table th,
.ui.padded.table td {
    padding: 1em 1em
}

.ui[class*="very padded"].table th {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ui[class*="very padded"].table td {
    padding: 1.5em 1.5em
}

.ui.compact.table th {
    padding-left: 0.7em;
    padding-right: 0.7em
}

.ui.compact.table td {
    padding: 0.5em 0.7em
}

.ui[class*="very compact"].table th {
    padding-left: 0.6em;
    padding-right: 0.6em
}

.ui[class*="very compact"].table td {
    padding: 0.4em 0.6em
}

.ui.small.table {
    font-size: 0.9em
}

.ui.table {
    font-size: 1em
}

.ui.large.table {
    font-size: 1.1em
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.flash.transition {
    -webkit-animation-name: flash;
    animation-name: flash
}

.shake.transition {
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-name: tada;
    animation-name: tada
}

.pulse.transition {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.slide.down.transition.in {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%
}

.slide.down.transition.out {
    -webkit-animation-name: slideOut;
    animation-name: slideOut;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.slide.up.transition.in {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.slide.up.transition.out {
    -webkit-animation-name: slideOut;
    animation-name: slideOut;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@-webkit-keyframes slideIn {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideIn {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideOut {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOut {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

.flip.transition.in,
.flip.transition.out {
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        opacity: 0
    }
}

.fade.transition.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fade.transition.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fade.up.transition.in {
    -webkit-animation-name: fadeUpIn;
    animation-name: fadeUpIn
}

.fade.up.transition.out {
    -webkit-animation-name: fadeUpOut;
    animation-name: fadeUpOut
}

.fade.down.transition.in {
    -webkit-animation-name: fadeDownIn;
    animation-name: fadeDownIn
}

.fade.down.transition.out {
    -webkit-animation-name: fadeDownOut;
    animation-name: fadeDownOut
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeUpIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeUpIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeUpOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@keyframes fadeUpOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@-webkit-keyframes fadeDownIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeDownIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeDownOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes fadeDownOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
}

.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1)
}

.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}

.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}

@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.browse.transition.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.browse.transition.out,
.browse.transition.out.left {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.browse.transition.out.right {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

.ui.video {
    background-color: #dddddd;
    position: relative;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden
}

.ui.video .placeholder {
    background-color: #333333
}

.ui.video .play {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.ui.video .play.icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    background: rgba(0, 0, 0, 0.3);
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    border-radius: 500rem;
    color: #ffffff;
    font-size: 8rem;
    text-shadow: none;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.ui.video .placeholder {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%
}

.ui.video .embed iframe,
.ui.video .embed embed,
.ui.video .embed object {
    position: absolute;
    border: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0em;
    padding: 0em
}

.ui.video .play:hover {
    opacity: 1
}

.ui.video.active .play,
.ui.video.active .placeholder {
    display: none
}

.ui.video.active .embed {
    display: inline
}

.ui.form {
    position: relative;
    max-width: 100%
}

.ui.form>p {
    margin: 1em 0em
}

.ui.form .fields .field,
.ui.form .field {
    clear: both;
    margin: 0em 0em 1.2em
}

.ui.form .fields:last-child,
.ui.form .field:last-child {
    margin-bottom: 0em
}

.ui.form .field>label {
    display: block;
    margin: 0em 0em 0.2857rem 0em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 1em;
    font-weight: bold;
    text-transform: none;
    word-break: break-word
}

.ui.form .grouped.fields>label {
    margin: 0em 0em 0.2857rem 0em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.9285em;
    font-weight: bold;
    text-transform: none
}

.ui.form .inline.fields>label {
    display: inline-block;
    vertical-align: middle;
    margin: 0em 1em 0em 0em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.9285em;
    font-weight: bold;
    text-transform: none
}

.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"],
.ui.form .ui.input {
    width: 100%;
    vertical-align: top
}

.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: 0.67861em 1em;
    font-size: 1em;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.textarea,
.ui.form textarea {
    margin: 0em;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: 0.78571em 1em;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    font-size: 1em;
    height: 12em;
    min-height: 8em;
    max-height: 24em;
    line-height: 1.2857;
    resize: vertical
}

.ui.form textarea,
.ui.form input[type="checkbox"] {
    vertical-align: top
}

.ui.form input.attached {
    width: auto
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(39, 41, 43, 0.15);
    border-radius: 0.2857rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    padding: 0.62em 1em;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease
}

.ui.form .field>.selection.dropdown {
    width: 100%
}

.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right
}

.ui.form .inline.fields .field>.selection.dropdown,
.ui.form .inline.field>.selection.dropdown {
    width: auto
}

.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon,
.ui.form .inline.field>.selection.dropdown>.dropdown.icon {
    float: none
}

.ui.form .divider {
    clear: both;
    margin: 1em 0em
}

.ui.form .info.message,
.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
    display: none
}

.ui.form .message:first-child {
    margin-top: 0px
}

.ui.form .field .prompt.label {
    white-space: nowrap
}

.ui.form .inline.field .prompt {
    margin: 0em 0em 0em 1em
}

.ui.form .inline.field .prompt:before {
    margin-top: -0.3em;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0em
}

.ui.form ::-webkit-input-placeholder {
    color: rgba(140, 140, 140, 0.8)
}

.ui.form ::-moz-placeholder {
    color: rgba(140, 140, 140, 0.8)
}

.ui.form :focus::-webkit-input-placeholder {
    color: rgba(89, 89, 89, 0.8)
}

.ui.form :focus::-moz-placeholder {
    color: rgba(89, 89, 89, 0.8)
}

.ui.form .error ::-webkit-input-placeholder {
    color: #e38585
}

.ui.form .error ::-moz-placeholder {
    color: #e38585
}

.ui.form .error :focus::-webkit-input-placeholder {
    color: #de7171
}

.ui.form .error :focus::-moz-placeholder {
    color: #de7171
}

.ui.form input:not([type]):focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="tel"]:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(39, 41, 43, 0.3);
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    background: #ffffff;
    -webkit-box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset;
    box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset
}

.ui.form textarea:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(39, 41, 43, 0.3);
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    background: #ffffff;
    -webkit-box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset;
    box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset;
    -webkit-appearance: none
}

.ui.form.success .success.message {
    display: block
}

.ui.form.warning .warning.message {
    display: block
}

.ui.form.error .error.message {
    display: block
}

.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
    color: #d95c5c
}

.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
    border-color: #d95c5c;
    color: #ffffff
}

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .field.error textarea,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="url"],
.ui.form .field.error input[type="tel"] {
    background: #fff0f0;
    border-color: #dbb1b1;
    color: #d95c5c;
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    -webkit-box-shadow: 2px 0em 0em 0em #d95c5c inset;
    box-shadow: 2px 0em 0em 0em #d95c5c inset
}

.ui.form .field.error textarea:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error input[type="tel"]:focus {
    background: #fff0f0;
    border-color: #dbb1b1;
    color: #dc6868;
    -webkit-appearance: none;
    -webkit-box-shadow: 2px 0em 0em 0em #dc6868 inset;
    box-shadow: 2px 0em 0em 0em #dc6868 inset
}

.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
    background: #fff0f0;
    color: #d95c5c
}

.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
    border-color: #dbb1b1 !important
}

.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
    border-color: #dbb1b1 !important
}

.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
    border-color: #dbb1b1
}

.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
    background-color: #fff2f2
}

.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
    background-color: #fdcfcf !important
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
    color: #d95c5c
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
    background: #fff0f0;
    border-color: #dbb1b1
}

.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
    color: #d95c5c
}

.ui.form .field :disabled,
.ui.form .field.disabled {
    opacity: 0.5
}

.ui.form .field.disabled label {
    opacity: 0.5
}

.ui.form .field.disabled :disabled {
    opacity: 1
}

.ui.loading.form {
    position: relative;
    cursor: default;
    point-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    z-index: 100
}

.ui.loading.form:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.ui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin 0.6s linear;
    animation: form-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.form .required.fields>.field>label:after,
.ui.form .required.field>label:after,
.ui.form .required.fields>.field>.checkbox:after,
.ui.form .required.field>.checkbox:after {
    margin: -0.2em 0em 0em 0.2em;
    content: '*';
    color: #d95c5c
}

.ui.form .required.fields>.field>label:after,
.ui.form .required.field>label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.fields>.field>.checkbox:after,
.ui.form .required.field>.checkbox:after {
    position: absolute;
    top: 0%;
    left: 100%
}

.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box {
    color: #ffffff
}

.ui.form .grouped.fields {
    margin: 0em 0em 1em
}

.ui.form .grouped.fields:last-child {
    margin-bottom: 0em
}

.ui.form .grouped.fields>label {
    font-size: 0.9285em
}

.ui.form .grouped.fields .field {
    display: block;
    float: none;
    margin: 0.5em 0em;
    padding: 0em
}

.ui.form .fields {
    clear: both
}

.ui.form .fields:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.ui.form .fields>.field {
    clear: none;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.form .fields>.field:first-child {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.form .two.fields>.fields,
.ui.form .two.fields>.field {
    width: 50%
}

.ui.form .three.fields>.fields,
.ui.form .three.fields>.field {
    width: 33.33333333%
}

.ui.form .four.fields>.fields,
.ui.form .four.fields>.field {
    width: 25%
}

.ui.form .five.fields>.fields,
.ui.form .five.fields>.field {
    width: 20%
}

.ui.form .six.fields>.fields,
.ui.form .six.fields>.field {
    width: 16.66666667%
}

.ui.form .seven.fields>.fields,
.ui.form .seven.fields>.field {
    width: 14.28571429%
}

.ui.form .eight.fields>.fields,
.ui.form .eight.fields>.field {
    width: 12.5%
}

.ui.form .nine.fields>.fields,
.ui.form .nine.fields>.field {
    width: 11.11111111%
}

.ui.form .ten.fields>.fields,
.ui.form .ten.fields>.field {
    width: 10%
}

@media only screen and (max-width: 767px) {
    .ui.form .two.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .five.fields>.field,
    .ui.form .six.fields>.fields,
    .ui.form .six.fields>.field,
    .ui.form .seven.fields>.fields,
    .ui.form .seven.fields>.field,
    .ui.form .eight.fields>.fields,
    .ui.form .eight.fields>.field,
    .ui.form .nine.fields>.fields,
    .ui.form .nine.fields>.field,
    .ui.form .ten.fields>.fields,
    .ui.form .ten.fields>.field {
        width: 100% !important;
        margin: 0em 0em 1em;
        padding-left: 0%;
        padding-right: 0%
    }
}

.ui.form .fields .field:first-child {
    padding-left: 0%
}

.ui.form .fields .field:last-child {
    padding-right: 0%
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.form .fields .wide.field:first-child {
    padding-left: 0%
}

.ui.form .fields .wide.field:last-child {
    padding-right: 0%
}

.ui.form .one.wide.field {
    width: 6.25% !important
}

.ui.form .two.wide.field {
    width: 12.5% !important
}

.ui.form .three.wide.field {
    width: 18.75% !important
}

.ui.form .four.wide.field {
    width: 25% !important
}

.ui.form .five.wide.field {
    width: 31.25% !important
}

.ui.form .six.wide.field {
    width: 37.5% !important
}

.ui.form .seven.wide.field {
    width: 43.75% !important
}

.ui.form .eight.wide.field {
    width: 50% !important
}

.ui.form .nine.wide.field {
    width: 56.25% !important
}

.ui.form .ten.wide.field {
    width: 62.5% !important
}

.ui.form .eleven.wide.field {
    width: 68.75% !important
}

.ui.form .twelve.wide.field {
    width: 75% !important
}

.ui.form .thirteen.wide.field {
    width: 81.25% !important
}

.ui.form .fourteen.wide.field {
    width: 87.5% !important
}

.ui.form .fifteen.wide.field {
    width: 93.75% !important
}

.ui.form .sixteen.wide.field {
    width: 100% !important
}

@media only screen and (max-width: 767px) {
    .ui.form .two.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .five.fields>.field,
    .ui.form .fields>.two.wide.field,
    .ui.form .fields>.three.wide.field,
    .ui.form .fields>.four.wide.field,
    .ui.form .fields>.five.wide.field,
    .ui.form .fields>.six.wide.field,
    .ui.form .fields>.seven.wide.field,
    .ui.form .fields>.eight.wide.field,
    .ui.form .fields>.nine.wide.field,
    .ui.form .fields>.ten.wide.field,
    .ui.form .fields>.eleven.wide.field,
    .ui.form .fields>.twelve.wide.field,
    .ui.form .fields>.thirteen.wide.field,
    .ui.form .fields>.fourteen.wide.field,
    .ui.form .fields>.fifteen.wide.field,
    .ui.form .fields>.sixteen.wide.field {
        width: 100% !important;
        margin: 0em 0em 1em;
        padding-left: 0%;
        padding-right: 0%
    }
}

.ui.form .inline.fields {
    margin: 0em 0em 1em
}

.ui.form .inline.fields .field {
    display: inline-block;
    float: none;
    margin: 0em 1em 0em 0em;
    padding: 0em
}

.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>.ui.input,
.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.field>input,
.ui.form .inline.field>.ui.input {
    display: inline-block;
    width: auto;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: middle;
    font-size: 0.9285em
}

.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>.ui.input,
.ui.form .inline.field>input,
.ui.form .inline.field>.ui.input {
    font-size: 0.9285em
}

.ui.form .inline.fields .field>.ui.checkbox label {
    padding-left: 1.75em
}

.ui.form .inline.fields .field>:first-child,
.ui.form .inline.field>:first-child {
    margin: 0em 0.2857rem 0em 0em
}

.ui.form .inline.fields .field>:only-child,
.ui.form .inline.field>:only-child {
    margin: 0em
}

.ui.small.form {
    font-size: 0.875em
}

.ui.form {
    font-size: auto
}

.ui.large.form {
    font-size: 1.125em
}

.ui.huge.form {
    font-size: 1.2em
}

.ui.horizontal.segments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: transparent;
    border-radius: 0px;
    padding: 0em;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    margin: 1rem 0em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.segments>.horizontal.segments {
    margin: 0em;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.horizontal.segments>.segment {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex: 1 1 0px;
    margin: 0em;
    min-width: 0px;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.segments>.horizontal.segments:first-child {
    border-top: none
}

.ui.horizontal.segments>.segment:first-child {
    border-left: none
}


/*!
 * # Semantic UI 2.1.7 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.transition.browse {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn
}

.transition.browse.out,
.transition.browse.left.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft
}

.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight
}

@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1)
}

.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}

.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}

@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.transition.fly {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn
}

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}

.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}

@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@-webkit-keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.transition.slide.in,
.transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.slide.out,
.transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.transition.swing {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.swing.out,
.transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash
}

.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada
}

.pulse.transition {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@font-face {
    font-family: "iconfont";
    src: url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype")
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-ic_draft:before {
    content: "\e69c"
}

.icon-draft:before {
    content: "\e78e"
}

.icon-ic_app:before {
    content: "\e69b"
}

.icon-ic_codeowner:before {
    content: "\e69a"
}

.icon-ic_review:before {
    content: "\e699"
}

.icon-feedback:before {
    content: "\e78d"
}

.icon-check-skip:before {
    content: "\e698"
}

.icon-check-neutral:before {
    content: "\e697"
}

.icon-check-in-progress:before {
    content: "\e696"
}

.icon-check-expected:before {
    content: "\e695"
}

.icon-check-queued:before {
    content: "\e694"
}

.icon-file-code:before {
    content: "\e693"
}

.icon-file-check:before {
    content: "\e677"
}

.icon-check:before {
    content: "\e662"
}

.icon-waiting2:before {
    content: "\e78a"
}

.icon-warning:before {
    content: "\e789"
}

.icon-task-state-27:before {
    content: "\e78b"
}

.icon-task-state-26:before {
    content: "\e78c"
}

.icon-dropdown-arrow:before {
    content: "\e6cf"
}

.icon-pr-commit:before {
    content: "\e657"
}

.icon-merge-warn:before {
    content: "\e655"
}

.icon-merge-error:before {
    content: "\e650"
}

.icon-merge-succ:before {
    content: "\e63a"
}

.icon-ic-return:before {
    content: "\e639"
}

.icon-toolbar-milestone:before {
    content: "\e788"
}

.icon-ic-review:before {
    content: "\e633"
}

.icon-ic-merge:before {
    content: "\e631"
}

.icon-ic-test:before {
    content: "\e61c"
}

.icon-ic-examine:before {
    content: "\e61b"
}

.icon-submodule:before {
    content: "\e787"
}

.icon-fork:before {
    content: "\e782"
}

.icon-enterprise-private:before {
    content: "\e783"
}

.icon-project-public:before {
    content: "\e784"
}

.icon-fork-private:before {
    content: "\e785"
}

.icon-project-private:before {
    content: "\e786"
}

.icon-folders:before {
    content: "\e741"
}

.icon-folders-shortcut:before {
    content: "\e781"
}

.icon-tag-advanced:before {
    content: "\e77f"
}

.icon-tag-harmonyos:before {
    content: "\e780"
}

.icon-calendar1:before {
    content: "\e630"
}

.icon-milestone:before {
    content: "\e62f"
}

.icon-collection-follow:before {
    content: "\e77e"
}

.icon-collection:before {
    content: "\e77d"
}

.icon-version-new:before {
    content: "\e77c"
}

.icon-logo_google:before {
    content: "\e77b"
}

.icon-square-heart:before {
    content: "\e77a"
}

.icon-msg-notice:before {
    content: "\e776"
}

.icon-msg-fail:before {
    content: "\e777"
}

.icon-msg-accept:before {
    content: "\e778"
}

.icon-msg-waiting:before {
    content: "\e779"
}

.icon-reward:before {
    content: "\e775"
}

.icon-p_01:before {
    content: "\e76a"
}

.icon-p_02:before {
    content: "\e76b"
}

.icon-p_06:before {
    content: "\e76c"
}

.icon-p_04:before {
    content: "\e76d"
}

.icon-p_10:before {
    content: "\e76e"
}

.icon-p_05:before {
    content: "\e76f"
}

.icon-p_03:before {
    content: "\e770"
}

.icon-p_09:before {
    content: "\e771"
}

.icon-p_08:before {
    content: "\e772"
}

.icon-p_11:before {
    content: "\e773"
}

.icon-p_07:before {
    content: "\e774"
}

.icon-licence:before {
    content: "\e769"
}

.icon-donate:before {
    content: "\e768"
}

.icon-giteepage:before {
    content: "\e766"
}

.icon-apidoc:before {
    content: "\e767"
}

.icon-loading:before {
    content: "\e765"
}

.icon-yuandianda:before {
    content: "\e764"
}

.icon-logo_huawei:before {
    content: "\e763"
}

.icon-gift:before {
    content: "\e61e"
}

.icon-ic-eye-close:before {
    content: "\e762"
}

.icon-tel:before {
    content: "\e761"
}

.icon-forbidden:before {
    content: "\e6ce"
}

.icon-flag:before {
    content: "\e647"
}

.icon-task:before {
    content: "\e760"
}

.icon-task-state-22:before {
    content: "\e75c"
}

.icon-task-state-21:before {
    content: "\e75d"
}

.icon-task-state-23:before {
    content: "\e75e"
}

.icon-task-state-24:before {
    content: "\e75f"
}

.icon-task-state-9:before {
    content: "\e749"
}

.icon-task-state-7:before {
    content: "\e74a"
}

.icon-task-state-6:before {
    content: "\e74b"
}

.icon-task-state-8:before {
    content: "\e74c"
}

.icon-task-state-11:before {
    content: "\e74d"
}

.icon-task-state-14:before {
    content: "\e74e"
}

.icon-task-state-13:before {
    content: "\e74f"
}

.icon-task-state-15:before {
    content: "\e750"
}

.icon-task-state-16:before {
    content: "\e751"
}

.icon-task-state-10:before {
    content: "\e752"
}

.icon-task-state-17:before {
    content: "\e753"
}

.icon-task-state-18:before {
    content: "\e754"
}

.icon-task-state-20:before {
    content: "\e755"
}

.icon-task-state-19:before {
    content: "\e756"
}

.icon-task-state-12:before {
    content: "\e757"
}

.icon-task-state-1:before {
    content: "\e758"
}

.icon-task-state-4:before {
    content: "\e759"
}

.icon-task-state-3:before {
    content: "\e75a"
}

.icon-task-state-2:before {
    content: "\e75b"
}

.icon-task-state-5:before {
    content: "\e748"
}

.icon-bug:before {
    content: "\e745"
}

.icon-nuclear:before {
    content: "\e746"
}

.icon-lock1:before {
    content: "\e744"
}

.icon-target:before {
    content: "\e743"
}

.icon-waiting1:before {
    content: "\e742"
}

.icon-file-shortcut:before {
    content: "\e740"
}

.icon-fail:before {
    content: "\e73f"
}

.icon-finger-click:before {
    content: "\e73e"
}

.icon-setting:before {
    content: "\e73c"
}

.icon-safe:before {
    content: "\e73d"
}

.icon-running:before {
    content: "\e73a"
}

.icon-workflow:before {
    content: "\e739"
}

.icon-shieldlock:before {
    content: "\e738"
}

.icon-opensource:before {
    content: "\e737"
}

.icon-logo-gitlab:before {
    content: "\e734"
}

.icon-stop:before {
    content: "\e733"
}

.icon-expand-down:before {
    content: "\e730"
}

.icon-expand-up:before {
    content: "\e731"
}

.icon-expand:before {
    content: "\e732"
}

.icon-ranking:before {
    content: "\e72f"
}

.icon-watch:before {
    content: "\e72e"
}

.icon-ic-attention-solid:before {
    content: "\e72d"
}

.icon-blog1:before {
    content: "\e72c"
}

.icon-linkedin:before {
    content: "\e73b"
}

.icon-profile:before {
    content: "\e72b"
}

.icon-clipboard:before {
    content: "\e604"
}

.icon-tag-all:before {
    content: "\e71a"
}

.icon-tag-app:before {
    content: "\e71b"
}

.icon-tag-ai:before {
    content: "\e71c"
}

.icon-tag-cms:before {
    content: "\e71d"
}

.icon-tag-enterprise:before {
    content: "\e71e"
}

.icon-tag-game:before {
    content: "\e71f"
}

.icon-tag-blockchain:before {
    content: "\e720"
}

.icon-tag-mobile:before {
    content: "\e721"
}

.icon-tag-database:before {
    content: "\e722"
}

.icon-tag-server:before {
    content: "\e723"
}

.icon-tag-program:before {
    content: "\e724"
}

.icon-tag-plugin:before {
    content: "\e725"
}

.icon-tag-misc:before {
    content: "\e726"
}

.icon-tag-devtool:before {
    content: "\e727"
}

.icon-tag-manage:before {
    content: "\e728"
}

.icon-tag-wechat:before {
    content: "\e729"
}

.icon-tag-web:before {
    content: "\e72a"
}

.icon-msg-error:before {
    content: "\e719"
}

.icon-msg-mail:before {
    content: "\e718"
}

.icon-gunpg:before {
    content: "\e8f1"
}

.icon-API:before {
    content: "\e716"
}

.icon-pc:before {
    content: "\e717"
}

.icon-toolbar-window-split:before {
    content: "\e712"
}

.icon-toolbar-window-left:before {
    content: "\e714"
}

.icon-toolbar-window-right:before {
    content: "\e715"
}

.icon-clear:before {
    content: "\e618"
}

.icon-toolbar-collapse:before {
    content: "\e711"
}

.icon-toolbar-expand:before {
    content: "\e713"
}

.icon-box:before {
    content: "\e641"
}

.icon-mode-gantt:before {
    content: "\e710"
}

.icon-chart-pie:before {
    content: "\e70f"
}

.icon-coins-solid:before {
    content: "\e70e"
}

.icon-play:before {
    content: "\e70d"
}

.icon-api:before {
    content: "\e70c"
}

.icon-ic-eye-solid:before {
    content: "\e70b"
}

.icon-stack:before {
    content: "\e70a"
}

.icon-pin:before {
    content: "\e63b"
}

.icon-report:before {
    content: "\e709"
}

.icon-devops:before {
    content: "\e708"
}

.icon-arrow-down:before {
    content: "\e707"
}

.icon-education:before {
    content: "\e706"
}

.icon-arrow-right-l:before {
    content: "\e705"
}

.icon-arrow-right:before {
    content: "\e704"
}

.icon-logo_trustie:before {
    content: "\e703"
}

.icon-arrow-circle-left:before {
    content: "\e701"
}

.icon-arrow-circle-right:before {
    content: "\e702"
}

.icon-qzone:before {
    content: "\e700"
}

.icon-qq:before {
    content: "\e614"
}

.icon-radar:before {
    content: "\e6ff"
}

.icon-license:before {
    content: "\e6fe"
}

.icon-info:before {
    content: "\e6fd"
}

.icon-coins:before {
    content: "\e6fc"
}

.icon-newwindow:before {
    content: "\e6fb"
}

.icon-branch-master:before {
    content: "\e6fa"
}

.icon-my-wallet-wechat:before {
    content: "\e6f9"
}

.icon-home-service-pages:before {
    content: "\e6f5"
}

.icon-home-service-wechat:before {
    content: "\e6f6"
}

.icon-home-service-api:before {
    content: "\e6f7"
}

.icon-home-service-ci:before {
    content: "\e6f8"
}

.icon-editor-about:before {
    content: "\e6f2"
}

.icon-editor-exit:before {
    content: "\e6f4"
}

.icon-editor-help:before {
    content: "\e6f3"
}

.icon-filetype-svg:before {
    content: "\e6f0"
}

.icon-filetype-png:before {
    content: "\e6f1"
}

.icon-logo-dingding:before {
    content: "\e6ef"
}

.icon-star-solid:before {
    content: "\e6ee"
}

.icon-help:before {
    content: "\e6ed"
}

.icon-face-sad:before {
    content: "\e6eb"
}

.icon-face-smile:before {
    content: "\e6ec"
}

.icon-files:before {
    content: "\e6ea"
}

.icon-command:before {
    content: "\e6e9"
}

.icon-webhook:before {
    content: "\e6e8"
}

.icon-more-circle:before {
    content: "\e6e7"
}

.icon-editor-fullscreen:before {
    content: "\e6d7"
}

.icon-appearance:before {
    content: "\e6d8"
}

.icon-jumpto:before {
    content: "\e6d9"
}

.icon-capitalizatio:before {
    content: "\e6da"
}

.icon-fontsize:before {
    content: "\e6db"
}

.icon-format:before {
    content: "\e6dc"
}

.icon-redo:before {
    content: "\e6dd"
}

.icon-linenumber:before {
    content: "\e6de"
}

.icon-restore:before {
    content: "\e6df"
}

.icon-save:before {
    content: "\e6e0"
}

.icon-editor-replace:before {
    content: "\e6e1"
}

.icon-editor-search:before {
    content: "\e6e2"
}

.icon-editor-siderbar:before {
    content: "\e6e3"
}

.icon-saveall:before {
    content: "\e6e4"
}

.icon-softwrap:before {
    content: "\e6e5"
}

.icon-undo:before {
    content: "\e6e6"
}

.icon-enterprise-badge:before {
    content: "\e6d6"
}

.icon-logo_aliyun:before {
    content: "\e6d5"
}

.icon-ic-gist:before {
    content: "\e6d4"
}

.icon-ic-clock:before {
    content: "\e6cd"
}

.icon-ic-education:before {
    content: "\e6cc"
}

.icon-add-circle:before {
    content: "\e6c7"
}

.icon-add-circle-thin:before {
    content: "\e6cb"
}

.icon-zhihu:before {
    content: "\e62c"
}

.icon-ic-eye:before {
    content: "\e6ca"
}

.icon-ic-folder-close:before {
    content: "\e6c8"
}

.icon-ic-folder-open:before {
    content: "\e6c9"
}

.icon-logo-twitter:before {
    content: "\e62e"
}

.icon-logo-telegram:before {
    content: "\e62d"
}

.icon-add-thin:before {
    content: "\e6c6"
}

.icon-return:before {
    content: "\e62b"
}

.icon-ic-block:before {
    content: "\e6c5"
}

.icon-ic-chart:before {
    content: "\e6c3"
}

.icon-chart:before {
    content: "\e62a"
}

.icon-nav-work-space:before {
    content: "\e629"
}

.icon-nav-task:before {
    content: "\e6c1"
}

.icon-nav-activity:before {
    content: "\e6c2"
}

.icon-nav-team:before {
    content: "\e6c0"
}

.icon-ic-action-more:before {
    content: "\e6bf"
}

.icon-ic-enterprise:before {
    content: "\e6af"
}

.icon-ic-logout:before {
    content: "\e6b1"
}

.icon-ic-search:before {
    content: "\e6b2"
}

.icon-ic-dashboard:before {
    content: "\e6b3"
}

.icon-ic-discover:before {
    content: "\e6bd"
}

.icon-ic-gists1:before {
    content: "\e6be"
}

.icon-logout-left:before {
    content: "\e736"
}

.icon-ic-phone:before {
    content: "\e6bc"
}

.icon-ic-account:before {
    content: "\e6b6"
}

.icon-ic-home:before {
    content: "\e6b7"
}

.icon-ic-mail:before {
    content: "\e6b8"
}

.icon-ic-password:before {
    content: "\e6b9"
}

.icon-ic-verify:before {
    content: "\e6ba"
}

.icon-ic-verify-sms:before {
    content: "\e6bb"
}

.icon-ic-home-free:before {
    content: "\e6b5"
}

.icon-ic-upload:before {
    content: "\e6b4"
}

.icon-ic-minsize:before {
    content: "\e6ae"
}

.icon-ic-maxsize2:before {
    content: "\e6b0"
}

.icon-exit:before {
    content: "\e6ad"
}

.icon-msg-read:before {
    content: "\e6ab"
}

.icon-msg-block:before {
    content: "\e6ac"
}

.icon-team-mini:before {
    content: "\e6a8"
}

.icon-logo_wechat:before {
    content: "\e6aa"
}

.icon-member-mini:before {
    content: "\e6a6"
}

.icon-project-mini:before {
    content: "\e6a7"
}

.icon-task-mini:before {
    content: "\e6a9"
}

.icon-zhengwenpinglun_shanchuicon:before {
    content: "\e626"
}

.icon-zhengwenpinglun_pinglunkuangicon:before {
    content: "\e627"
}

.icon-Group:before {
    content: "\e628"
}

.icon-whtx:before {
    content: "\e605"
}

.icon-like:before {
    content: "\e619"
}

.icon-small_like:before {
    content: "\e625"
}

.icon-mode-list:before {
    content: "\e6a4"
}

.icon-mode-simple:before {
    content: "\e6a5"
}

.icon-minus-circle:before {
    content: "\e6a3"
}

.icon-ic-pendant:before {
    content: "\e68f"
}

.icon-ic-push:before {
    content: "\e692"
}

.icon-ic-gists:before {
    content: "\e691"
}

.icon-versions:before {
    content: "\e690"
}

.icon-logo_csdn:before {
    content: "\e67b"
}

.icon-mode-table:before {
    content: "\e68e"
}

.icon-document:before {
    content: "\e68d"
}

.icon-logo-github:before {
    content: "\e688"
}

.icon-logo-qq:before {
    content: "\e689"
}

.icon-logo-weibo:before {
    content: "\e68a"
}

.icon-logo-osc:before {
    content: "\e68b"
}

.icon-logo-windows:before {
    content: "\e68c"
}

.icon-nav-document:before {
    content: "\e687"
}

.icon-ic-actionmenu:before {
    content: "\e686"
}

.icon-ic-drag:before {
    content: "\e685"
}

.icon-ic_more-arrow:before {
    content: "\e684"
}

.icon-fullscreen:before {
    content: "\e683"
}

.icon-up-circle:before {
    content: "\e682"
}

.icon-childtask:before {
    content: "\e680"
}

.icon-related:before {
    content: "\e681"
}

.icon-widget:before {
    content: "\e67d"
}

.icon-clone:before {
    content: "\e67e"
}

.icon-history:before {
    content: "\e67f"
}

.icon-line-chart:before {
    content: "\e617"
}

.icon-deploy:before {
    content: "\e652"
}

.icon-import-file:before {
    content: "\e67a"
}

.icon-mode-icon:before {
    content: "\e67c"
}

.icon-filter:before {
    content: "\e678"
}

.icon-sort:before {
    content: "\e679"
}

.icon-toolbar-edit:before {
    content: "\e675"
}

.icon-toolbar-download:before {
    content: "\e676"
}

.icon-add-file:before {
    content: "\e672"
}

.icon-add-folder:before {
    content: "\e674"
}

.icon-more:before {
    content: "\e671"
}

.icon-mode-board:before {
    content: "\e634"
}

.icon-ic-code-mark:before {
    content: "\e624"
}

.icon-ic-home-management:before {
    content: "\e622"
}

.icon-ic-home-team:before {
    content: "\e623"
}

.icon-help-circle:before {
    content: "\e621"
}

.icon-checkmark:before {
    content: "\e620"
}

.icon-collaborators:before {
    content: "\e670"
}

.icon-check-circle:before {
    content: "\e61f"
}

.icon-statistics-slim:before {
    content: "\e66e"
}

.icon-artboard:before {
    content: "\e66f"
}

.icon-sync:before {
    content: "\e61d"
}

.icon-comment-diff:before {
    content: "\e61a"
}

.icon-message:before {
    content: "\e613"
}

.icon-ic_msg_success:before {
    content: "\e616"
}

.icon-app:before {
    content: "\e612"
}

.icon-plugin:before {
    content: "\e615"
}

.icon-github:before {
    content: "\e735"
}

.icon-project:before {
    content: "\e66d"
}

.icon-url:before {
    content: "\e611"
}

.icon-activities:before {
    content: "\e610"
}

.icon-time:before {
    content: "\e669"
}

.icon-location:before {
    content: "\e60f"
}

.icon-weibo:before {
    content: "\e66c"
}

.icon-introduction:before {
    content: "\e66b"
}

.icon-blog:before {
    content: "\e66a"
}

.icon-snippet2:before {
    content: "\e60d"
}

.icon-snippet:before {
    content: "\e60e"
}

.icon-issue-closed:before {
    content: "\e60c"
}

.icon-recommend:before {
    content: "\e60a"
}

.icon-recommended:before {
    content: "\e60b"
}

.icon-issue-started:before {
    content: "\e668"
}

.icon-project-import:before {
    content: "\e603"
}

.icon-issuepx:before {
    content: "\e658"
}

.icon-setting-16px:before {
    content: "\e666"
}

.icon-member:before {
    content: "\e667"
}

.icon-branches:before {
    content: "\e606"
}

.icon-reset:before {
    content: "\e607"
}

.icon-share:before {
    content: "\e608"
}

.icon-attention:before {
    content: "\e609"
}

.icon-tags:before {
    content: "\e6c4"
}

.icon-remind:before {
    content: "\e65a"
}

.icon-add:before {
    content: "\e659"
}

.icon-close-circle:before {
    content: "\e65b"
}

.icon-checkmark-circle:before {
    content: "\e65c"
}

.icon-delete:before {
    content: "\e65d"
}

.icon-import:before {
    content: "\e65e"
}

.icon-link:before {
    content: "\e65f"
}

.icon-issue-approved:before {
    content: "\e660"
}

.icon-date:before {
    content: "\e661"
}

.icon-waiting:before {
    content: "\e663"
}

.icon-lock:before {
    content: "\e664"
}

.icon-close:before {
    content: "\e665"
}

.icon-organization:before {
    content: "\e651"
}

.icon-edit:before {
    content: "\e653"
}

.icon-code:before {
    content: "\e654"
}

.icon-projects:before {
    content: "\e656"
}

.icon-dropdown:before {
    content: "\e632"
}

.icon-commit:before {
    content: "\e635"
}

.icon-comment:before {
    content: "\e636"
}

.icon-donation:before {
    content: "\e637"
}

.icon-file:before {
    content: "\e638"
}

.icon-readme:before {
    content: "\e63c"
}

.icon-search:before {
    content: "\e63d"
}

.icon-manage:before {
    content: "\e63e"
}

.icon-selfrecom:before {
    content: "\e63f"
}

.icon-release:before {
    content: "\e640"
}

.icon-top:before {
    content: "\e642"
}

.icon-tag:before {
    content: "\e643"
}

.icon-annex:before {
    content: "\e645"
}

.icon-star:before {
    content: "\e646"
}

.icon-issue:before {
    content: "\e648"
}

.icon-pull-request:before {
    content: "\e649"
}

.icon-settings:before {
    content: "\e64a"
}

.icon-statistics:before {
    content: "\e64b"
}

.icon-service:before {
    content: "\e64c"
}

.icon-wiki:before {
    content: "\e64d"
}

.icon-refresh:before {
    content: "\e64e"
}

.icon-CM:before {
    content: "\e64f"
}

.icon-file-submodule:before {
    content: "\e673"
}

.icon-company-config:before {
    content: "\e602"
}

.icon-enterprise:before {
    content: "\e644"
}

.icon-inneropen:before {
    content: "\e601"
}

.icon-pfork:before {
    content: "\e600"
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont-85115f39e489576b623b4a1d410258e4.eot");
    src: url("../fonts/fontawesome-webfont-85115f39e489576b623b4a1d410258e4.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont-d79ffc2aa4589afccf64a7032154c7d1.woff") format("woff2"), url("../fonts/fontawesome-webfont-d79ffc2aa4589afccf64a7032154c7d1.woff") format("woff"), url("../fonts/fontawesome-webfont-74267cd3accb5bb144e4a773a9273c2d.ttf") format("truetype"), url("../fonts/fontawesome-webfont-9c807b49c30d8542e0674a8a396c137d.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #ffffff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}

.fa-won:before,
.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before,
.fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before,
.fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.mayun-icon {
    top: -2px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.mayun-icon-active {
    display: none
}

.my-header-ic-add,
.my-header-ic-add\:regular,
.my-header-ic-manage-enterprise,
.my-header-ic-manage-enterprise\:regular,
.my-header-ic-manage,
.my-header-ic-manage\:regular,
.my-header-ic-self-recom,
.my-header-ic-self-recom\:regular,
.my-ic-activity,
.my-ic-activity\:regular,
.my-ic-add,
.my-ic-add\:regular,
.my-ic-alipay,
.my-ic-alipay\:regular,
.my-ic-branches,
.my-ic-branches\:regular,
.my-ic-close,
.my-ic-close\:regular,
.my-ic-code-style,
.my-ic-code-style\:regular,
.my-ic-code,
.my-ic-code\:regular,
.my-ic-coffee,
.my-ic-coffee\:regular,
.my-ic-comments-blue,
.my-ic-comments-blue\:regular,
.my-ic-comments,
.my-ic-comments\:regular,
.my-ic-commits,
.my-ic-commits\:regular,
.my-ic-control-panel,
.my-ic-control-panel\:regular,
.my-ic-date,
.my-ic-date\:regular,
.my-ic-delete,
.my-ic-delete\:regular,
.my-ic-donate,
.my-ic-donate\:regular,
.my-ic-donation,
.my-ic-donation\:regular,
.my-ic-dropdown-blue,
.my-ic-dropdown-blue\:regular,
.my-ic-dropdown-gray,
.my-ic-dropdown-gray\:regular,
.my-ic-dropdown-white,
.my-ic-dropdown-white\:regular,
.my-ic-dynamic,
.my-ic-dynamic\:regular,
.my-ic-edit-blue,
.my-ic-edit-blue\:regular,
.my-ic-edit-grey,
.my-ic-edit-grey\:regular,
.my-ic-edit,
.my-ic-edit\:regular,
.my-ic-exit,
.my-ic-exit\:regular,
.my-ic-explore,
.my-ic-explore\:regular,
.my-ic-file,
.my-ic-file\:regular,
.my-ic-folder,
.my-ic-folder\:regular,
.my-ic-fork,
.my-ic-fork\:regular,
.my-ic-help,
.my-ic-help\:regular,
.my-ic-import,
.my-ic-import\:regular,
.my-ic-key,
.my-ic-key\:regular,
.my-ic-link,
.my-ic-link\:regular,
.my-ic-message,
.my-ic-message\:regular,
.my-ic-notice,
.my-ic-notice\:regular,
.my-ic-notification,
.my-ic-notification\:regular,
.my-ic-organization,
.my-ic-organization\:regular,
.my-ic-profile,
.my-ic-profile\:regular,
.my-ic-project,
.my-ic-project\:regular,
.my-ic-readme,
.my-ic-readme\:regular,
.my-ic-releases,
.my-ic-releases\:regular,
.my-ic-reply,
.my-ic-reply\:regular,
.my-ic-reset,
.my-ic-reset\:regular,
.my-ic-round-close,
.my-ic-round-close\:regular,
.my-ic-round-confirm,
.my-ic-round-confirm\:regular,
.my-ic-search-blue,
.my-ic-search-blue\:regular,
.my-ic-search,
.my-ic-search\:regular,
.my-ic-share,
.my-ic-share\:regular,
.my-ic-star,
.my-ic-star\:regular,
.my-ic-statistic,
.my-ic-statistic\:regular,
.my-ic-suggest,
.my-ic-suggest\:regular,
.my-ic-sync,
.my-ic-sync\:regular,
.my-ic-tags,
.my-ic-tags\:regular,
.my-ic-top,
.my-ic-top\:regular,
.my-ic-user-home,
.my-ic-user-home\:regular,
.my-ic-warn,
.my-ic-warn\:regular,
.my-ic-watch,
.my-ic-watch\:regular,
.my-ic-wepay,
.my-ic-wepay\:regular,
.my-issue-ic-approved,
.my-issue-ic-approved\:regular,
.my-issue-ic-close,
.my-issue-ic-close\:regular,
.my-issue-ic-open,
.my-issue-ic-open\:regular,
.my-issue-ic-started,
.my-issue-ic-started\:regular,
.my-nav-ic-attachment-activity,
.my-nav-ic-attachment-activity\:regular,
.my-nav-ic-attachment,
.my-nav-ic-attachment\:regular,
.my-nav-ic-code-activity,
.my-nav-ic-code-activity\:regular,
.my-nav-ic-code,
.my-nav-ic-code\:regular,
.my-nav-ic-dropdown-activity,
.my-nav-ic-dropdown-activity\:regular,
.my-nav-ic-dropdown,
.my-nav-ic-dropdown\:regular,
.my-nav-ic-issues-activity,
.my-nav-ic-issues-activity\:regular,
.my-nav-ic-issues,
.my-nav-ic-issues\:regular,
.my-nav-ic-request-activity,
.my-nav-ic-request-activity\:regular,
.my-nav-ic-request,
.my-nav-ic-request\:regular,
.my-nav-ic-service-activity,
.my-nav-ic-service-activity\:regular,
.my-nav-ic-service,
.my-nav-ic-service\:regular,
.my-nav-ic-settings-activity,
.my-nav-ic-settings-activity\:regular,
.my-nav-ic-settings,
.my-nav-ic-settings\:regular,
.my-nav-ic-statistic-activity,
.my-nav-ic-statistic-activity\:regular,
.my-nav-ic-statistic,
.my-nav-ic-statistic\:regular,
.my-nav-ic-wiki-activity,
.my-nav-ic-wiki-activity\:regular,
.my-nav-ic-wiki,
.my-nav-ic-wiki\:regular {
    background-repeat: no-repeat
}

.my-header-ic-add,
.my-header-ic-add\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 0
}

.my-header-ic-add-dims {
    width: 20px;
    height: 20px
}

.my-header-ic-manage-enterprise,
.my-header-ic-manage-enterprise\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -20px
}

.my-header-ic-manage-enterprise-dims {
    width: 22px;
    height: 20px
}

.my-header-ic-manage,
.my-header-ic-manage\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -40px
}

.my-header-ic-manage-dims {
    width: 19px;
    height: 20px
}

.my-header-ic-self-recom,
.my-header-ic-self-recom\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -60px
}

.my-header-ic-self-recom-dims {
    width: 15px;
    height: 21px
}

.my-ic-activity,
.my-ic-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -81px
}

.my-ic-activity-dims {
    width: 16px;
    height: 16px
}

.my-ic-add,
.my-ic-add\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -97px
}

.my-ic-add-dims {
    width: 11px;
    height: 11px
}

.my-ic-alipay,
.my-ic-alipay\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -108px
}

.my-ic-alipay-dims {
    width: 44px;
    height: 44px
}

.my-ic-branches,
.my-ic-branches\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -152px
}

.my-ic-branches-dims {
    width: 13px;
    height: 14px
}

.my-ic-close,
.my-ic-close\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -166px
}

.my-ic-close-dims {
    width: 10px;
    height: 10px
}

.my-ic-code-style,
.my-ic-code-style\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -176px
}

.my-ic-code-style-dims {
    width: 16px;
    height: 16px
}

.my-ic-code,
.my-ic-code\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -192px
}

.my-ic-code-dims {
    width: 16px;
    height: 16px
}

.my-ic-coffee,
.my-ic-coffee\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -208px
}

.my-ic-coffee-dims {
    width: 29px;
    height: 30px
}

.my-ic-comments-blue,
.my-ic-comments-blue\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -238px
}

.my-ic-comments-blue-dims {
    width: 16px;
    height: 16px
}

.my-ic-comments,
.my-ic-comments\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -254px
}

.my-ic-comments-dims {
    width: 15px;
    height: 13px
}

.my-ic-commits,
.my-ic-commits\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -267px
}

.my-ic-commits-dims {
    width: 12px;
    height: 14px
}

.my-ic-control-panel,
.my-ic-control-panel\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -281px
}

.my-ic-control-panel-dims {
    width: 13px;
    height: 13px
}

.my-ic-date,
.my-ic-date\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -294px
}

.my-ic-date-dims {
    width: 13px;
    height: 13px
}

.my-ic-delete,
.my-ic-delete\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -307px
}

.my-ic-delete-dims {
    width: 13px;
    height: 13px
}

.my-ic-donate,
.my-ic-donate\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -320px
}

.my-ic-donate-dims {
    width: 14px;
    height: 10px
}

.my-ic-donation,
.my-ic-donation\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -330px
}

.my-ic-donation-dims {
    width: 16px;
    height: 16px
}

.my-ic-dropdown-blue,
.my-ic-dropdown-blue\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -346px
}

.my-ic-dropdown-blue-dims {
    width: 8px;
    height: 5px
}

.my-ic-dropdown-gray,
.my-ic-dropdown-gray\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -351px
}

.my-ic-dropdown-gray-dims {
    width: 8px;
    height: 5px
}

.my-ic-dropdown-white,
.my-ic-dropdown-white\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -356px
}

.my-ic-dropdown-white-dims {
    width: 8px;
    height: 5px
}

.my-ic-dynamic,
.my-ic-dynamic\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -361px
}

.my-ic-dynamic-dims {
    width: 16px;
    height: 16px
}

.my-ic-edit-blue,
.my-ic-edit-blue\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -377px
}

.my-ic-edit-blue-dims {
    width: 12px;
    height: 12px
}

.my-ic-edit-grey,
.my-ic-edit-grey\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -389px
}

.my-ic-edit-grey-dims {
    width: 16px;
    height: 16px
}

.my-ic-edit,
.my-ic-edit\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -405px
}

.my-ic-edit-dims {
    width: 13px;
    height: 13px
}

.my-ic-exit,
.my-ic-exit\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -418px
}

.my-ic-exit-dims {
    width: 13px;
    height: 13px
}

.my-ic-explore,
.my-ic-explore\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -431px
}

.my-ic-explore-dims {
    width: 13px;
    height: 13px
}

.my-ic-file,
.my-ic-file\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -444px
}

.my-ic-file-dims {
    width: 13px;
    height: 16px
}

.my-ic-folder,
.my-ic-folder\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -460px
}

.my-ic-folder-dims {
    width: 16px;
    height: 15px
}

.my-ic-fork,
.my-ic-fork\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -475px
}

.my-ic-fork-dims {
    width: 12px;
    height: 13px
}

.my-ic-help,
.my-ic-help\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -488px
}

.my-ic-help-dims {
    width: 13px;
    height: 13px
}

.my-ic-import,
.my-ic-import\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -501px
}

.my-ic-import-dims {
    width: 13px;
    height: 12px
}

.my-ic-key,
.my-ic-key\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -513px
}

.my-ic-key-dims {
    width: 16px;
    height: 16px
}

.my-ic-link,
.my-ic-link\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -529px
}

.my-ic-link-dims {
    width: 14px;
    height: 14px
}

.my-ic-message,
.my-ic-message\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -543px
}

.my-ic-message-dims {
    width: 16px;
    height: 16px
}

.my-ic-notice,
.my-ic-notice\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -559px
}

.my-ic-notice-dims {
    width: 16px;
    height: 16px
}

.my-ic-notification,
.my-ic-notification\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -575px
}

.my-ic-notification-dims {
    width: 24px;
    height: 24px
}

.my-ic-organization,
.my-ic-organization\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -599px
}

.my-ic-organization-dims {
    width: 16px;
    height: 16px
}

.my-ic-profile,
.my-ic-profile\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -615px
}

.my-ic-profile-dims {
    width: 16px;
    height: 16px
}

.my-ic-project,
.my-ic-project\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -631px
}

.my-ic-project-dims {
    width: 16px;
    height: 16px
}

.my-ic-readme,
.my-ic-readme\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -647px
}

.my-ic-readme-dims {
    width: 12px;
    height: 14px
}

.my-ic-releases,
.my-ic-releases\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -661px
}

.my-ic-releases-dims {
    width: 13px;
    height: 14px
}

.my-ic-reply,
.my-ic-reply\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -675px
}

.my-ic-reply-dims {
    width: 14px;
    height: 12px
}

.my-ic-reset,
.my-ic-reset\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -687px
}

.my-ic-reset-dims {
    width: 18px;
    height: 18px
}

.my-ic-round-close,
.my-ic-round-close\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -705px
}

.my-ic-round-close-dims {
    width: 13px;
    height: 13px
}

.my-ic-round-confirm,
.my-ic-round-confirm\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -718px
}

.my-ic-round-confirm-dims {
    width: 13px;
    height: 13px
}

.my-ic-search-blue,
.my-ic-search-blue\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -731px
}

.my-ic-search-blue-dims {
    width: 16px;
    height: 15px
}

.my-ic-search,
.my-ic-search\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -746px
}

.my-ic-search-dims {
    width: 18px;
    height: 18px
}

.my-ic-share,
.my-ic-share\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -764px
}

.my-ic-share-dims {
    width: 16px;
    height: 16px
}

.my-ic-star,
.my-ic-star\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -780px
}

.my-ic-star-dims {
    width: 13px;
    height: 12px
}

.my-ic-statistic,
.my-ic-statistic\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -792px
}

.my-ic-statistic-dims {
    width: 37px;
    height: 20px
}

.my-ic-suggest,
.my-ic-suggest\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -812px
}

.my-ic-suggest-dims {
    width: 13px;
    height: 13px
}

.my-ic-sync,
.my-ic-sync\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -825px
}

.my-ic-sync-dims {
    width: 20px;
    height: 20px
}

.my-ic-tags,
.my-ic-tags\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -845px
}

.my-ic-tags-dims {
    width: 14px;
    height: 13px
}

.my-ic-top,
.my-ic-top\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -858px
}

.my-ic-top-dims {
    width: 16px;
    height: 16px
}

.my-ic-user-home,
.my-ic-user-home\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -874px
}

.my-ic-user-home-dims {
    width: 13px;
    height: 13px
}

.my-ic-warn,
.my-ic-warn\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -887px
}

.my-ic-warn-dims {
    width: 18px;
    height: 22px
}

.my-ic-watch,
.my-ic-watch\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -909px
}

.my-ic-watch-dims {
    width: 14px;
    height: 10px
}

.my-ic-wepay,
.my-ic-wepay\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -919px
}

.my-ic-wepay-dims {
    width: 44px;
    height: 44px
}

.my-issue-ic-approved,
.my-issue-ic-approved\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -963px
}

.my-issue-ic-approved-dims {
    width: 14px;
    height: 14px
}

.my-issue-ic-close,
.my-issue-ic-close\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -977px
}

.my-issue-ic-close-dims {
    width: 12px;
    height: 15px
}

.my-issue-ic-open,
.my-issue-ic-open\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -992px
}

.my-issue-ic-open-dims {
    width: 16px;
    height: 16px
}

.my-issue-ic-started,
.my-issue-ic-started\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1008px
}

.my-issue-ic-started-dims {
    width: 14px;
    height: 14px
}

.my-nav-ic-attachment-activity,
.my-nav-ic-attachment-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1022px
}

.my-nav-ic-attachment-activity-dims {
    width: 8px;
    height: 14px
}

.my-nav-ic-attachment,
.my-nav-ic-attachment\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1036px
}

.my-nav-ic-attachment-dims {
    width: 8px;
    height: 14px
}

.my-nav-ic-code-activity,
.my-nav-ic-code-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1050px
}

.my-nav-ic-code-activity-dims {
    width: 14px;
    height: 14px
}

.my-nav-ic-code,
.my-nav-ic-code\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1064px
}

.my-nav-ic-code-dims {
    width: 14px;
    height: 14px
}

.my-nav-ic-dropdown-activity,
.my-nav-ic-dropdown-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1078px
}

.my-nav-ic-dropdown-activity-dims {
    width: 8px;
    height: 5px
}

.my-nav-ic-dropdown,
.my-nav-ic-dropdown\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1083px
}

.my-nav-ic-dropdown-dims {
    width: 8px;
    height: 5px
}

.my-nav-ic-issues-activity,
.my-nav-ic-issues-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1088px
}

.my-nav-ic-issues-activity-dims {
    width: 13px;
    height: 13px
}

.my-nav-ic-issues,
.my-nav-ic-issues\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1101px
}

.my-nav-ic-issues-dims {
    width: 13px;
    height: 13px
}

.my-nav-ic-request-activity,
.my-nav-ic-request-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1114px
}

.my-nav-ic-request-activity-dims {
    width: 12px;
    height: 12px
}

.my-nav-ic-request,
.my-nav-ic-request\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1126px
}

.my-nav-ic-request-dims {
    width: 12px;
    height: 12px
}

.my-nav-ic-service-activity,
.my-nav-ic-service-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1138px
}

.my-nav-ic-service-activity-dims {
    width: 13px;
    height: 9px
}

.my-nav-ic-service,
.my-nav-ic-service\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1147px
}

.my-nav-ic-service-dims {
    width: 13px;
    height: 9px
}

.my-nav-ic-settings-activity,
.my-nav-ic-settings-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1156px
}

.my-nav-ic-settings-activity-dims {
    width: 13px;
    height: 14px
}

.my-nav-ic-settings,
.my-nav-ic-settings\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1170px
}

.my-nav-ic-settings-dims {
    width: 13px;
    height: 14px
}

.my-nav-ic-statistic-activity,
.my-nav-ic-statistic-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1184px
}

.my-nav-ic-statistic-activity-dims {
    width: 12px;
    height: 12px
}

.my-nav-ic-statistic,
.my-nav-ic-statistic\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1196px
}

.my-nav-ic-statistic-dims {
    width: 12px;
    height: 12px
}

.my-nav-ic-wiki-activity,
.my-nav-ic-wiki-activity\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1208px
}

.my-nav-ic-wiki-activity-dims {
    width: 14px;
    height: 10px
}

.my-nav-ic-wiki,
.my-nav-ic-wiki\:regular {
    background-image: url("../fonts/icons-9d4475b35756de848b42cc1b512547a2.svg");
    background-position: 0 -1218px
}

.my-nav-ic-wiki-dims {
    width: 14px;
    height: 10px
}


/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px;
    direction: ltr
}

.datetimepicker-inline {
    width: 220px
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
    top: 0;
    left: 0
}

[class*=" datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute
}

[class*=" datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute
}

[class*=" datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0
}

[class*=" datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px
}

.datetimepicker>div {
    display: none
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block
}

.datetimepicker.days div.datetimepicker-days {
    display: block
}

.datetimepicker.months div.datetimepicker-months {
    display: block
}

.datetimepicker.years div.datetimepicker-years {
    display: block
}

.datetimepicker table {
    margin: 0
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
    background-color: transparent
}

.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer
}

.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer
}

.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
    color: #999999
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#04c));
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #003399
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datetimepicker .datetimepicker-hours span {
    height: 26px;
    line-height: 26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px
}

.datetimepicker .datetimepicker-minutes span {
    height: 26px;
    line-height: 26px
}

.datetimepicker table tr td span:hover {
    background: #eeeeee
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#04c));
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #003399
}

.datetimepicker table tr td span.old {
    color: #999999
}

.datetimepicker th.switch {
    width: 145px
}

.datetimepicker th span.glyphicon {
    pointer-events: none
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
    cursor: pointer
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
    background: #eeeeee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px
}

@font-face {
    font-family: octicons-link;
    src: url(../fonts/56bd2a84ff0642bf9ba01fd0f0c2e254.woff) format("woff")
}

.markdown-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word
}

.markdown-body .pl-c {
    color: #6a737d
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
    color: #005cc5
}

.markdown-body .pl-e,
.markdown-body .pl-en {
    color: #6f42c1
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
    color: #24292e
}

.markdown-body .pl-ent {
    color: #22863a
}

.markdown-body .pl-k {
    color: #d73a49
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
    color: #032f62
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
    color: #e36209
}

.markdown-body .pl-bu {
    color: #b31d28
}

.markdown-body .pl-ii {
    color: #fafbfc;
    background-color: #b31d28
}

.markdown-body .pl-c2 {
    color: #fafbfc;
    background-color: #d73a49
}

.markdown-body .pl-c2::before {
    content: "^M"
}

.markdown-body .pl-sr .pl-cce {
    font-weight: bold;
    color: #22863a
}

.markdown-body .pl-ml {
    color: #735c0f
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
    font-weight: bold;
    color: #005cc5
}

.markdown-body .pl-mi {
    font-style: italic;
    color: #24292e
}

.markdown-body .pl-mb {
    font-weight: bold;
    color: #24292e
}

.markdown-body .pl-md {
    color: #b31d28;
    background-color: #ffeef0
}

.markdown-body .pl-mi1 {
    color: #22863a;
    background-color: #f0fff4
}

.markdown-body .pl-mc {
    color: #e36209;
    background-color: #ffebda
}

.markdown-body .pl-mi2 {
    color: #f6f8fa;
    background-color: #005cc5
}

.markdown-body .pl-mdr {
    font-weight: bold;
    color: #6f42c1
}

.markdown-body .pl-ba {
    color: #586069
}

.markdown-body .pl-sg {
    color: #959da5
}

.markdown-body .pl-corl {
    text-decoration: underline;
    color: #032f62
}

.markdown-body .octicon {
    display: inline-block;
    vertical-align: text-top;
    fill: currentColor
}

.markdown-body strong {
    font-weight: inherit
}

.markdown-body strong {
    font-weight: bolder
}

.markdown-body h1 {
    font-size: 2em;
    margin: 0.67em 0
}

.markdown-body img {
    border-style: none
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
    font-family: monospace, monospace;
    font-size: 1em
}

.markdown-body hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.markdown-body input {
    font: inherit;
    margin: 0
}

.markdown-body input {
    overflow: visible
}

.markdown-body [type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.markdown-body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.markdown-body input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.markdown-body strong {
    font-weight: 600
}

.markdown-body hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dfe2e5
}

.markdown-body hr::before {
    display: table;
    content: ""
}

.markdown-body hr::after {
    display: table;
    clear: both;
    content: ""
}

.markdown-body table {
    border-spacing: 0;
    border-collapse: collapse
}

.markdown-body td,
.markdown-body th {
    padding: 0
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

.markdown-body h1 {
    font-size: 32px;
    font-weight: 600
}

.markdown-body h2 {
    font-size: 24px;
    font-weight: 600
}

.markdown-body h3 {
    font-size: 20px;
    font-weight: 600
}

.markdown-body h4 {
    font-size: 16px;
    font-weight: 600
}

.markdown-body h5 {
    font-size: 14px;
    font-weight: 600
}

.markdown-body h6 {
    font-size: 12px;
    font-weight: 600
}

.markdown-body p {
    margin-top: 0;
    margin-bottom: 10px
}

.markdown-body blockquote {
    margin: 0
}

.markdown-body ul,
.markdown-body ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body ol ol,
.markdown-body ul ol {
    list-style-type: lower-roman
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
    list-style-type: lower-alpha
}

.markdown-body dd {
    margin-left: 0
}

.markdown-body code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px
}

.markdown-body pre {
    margin-top: 0;
    margin-bottom: 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px
}

.markdown-body .octicon {
    vertical-align: text-bottom
}

.markdown-body .pl-0 {
    padding-left: 0 !important
}

.markdown-body .pl-1 {
    padding-left: 4px !important
}

.markdown-body .pl-2 {
    padding-left: 8px !important
}

.markdown-body .pl-3 {
    padding-left: 16px !important
}

.markdown-body .pl-4 {
    padding-left: 24px !important
}

.markdown-body .pl-5 {
    padding-left: 32px !important
}

.markdown-body .pl-6 {
    padding-left: 40px !important
}

.markdown-body::before {
    display: table;
    content: ""
}

.markdown-body::after {
    display: table;
    clear: both;
    content: ""
}

.markdown-body>*:first-child {
    margin-top: 0 !important
}

.markdown-body>*:last-child {
    margin-bottom: 0 !important
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

.markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

.markdown-body .anchor:focus {
    outline: none
}

.markdown-body a.anchor {
    display: block;
    padding-left: 30px;
    margin-left: -20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    outline: none
}

.markdown-body h1:hover a.anchor,
.markdown-body h2:hover a.anchor,
.markdown-body h3:hover a.anchor,
.markdown-body h4:hover a.anchor,
.markdown-body h5:hover a.anchor,
.markdown-body h6:hover a.anchor {
    background: url(../images/pin-20.png) no-repeat left center;
    text-decoration: none
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
    margin-top: 0;
    margin-bottom: 16px
}

.markdown-body hr {
    height: 0.25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e1e4e8;
    border: 0
}

.markdown-body blockquote {
    padding: 0 1em;
    color: #6a737d;
    border-left: 0.25em solid #dfe2e5
}

.markdown-body blockquote>:first-child {
    margin-top: 0
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #444d56;
    vertical-align: middle;
    background-color: #fafbfc;
    border: solid 1px #c6cbd1;
    border-bottom-color: #959da5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 #959da5;
    box-shadow: inset 0 -1px 0 #959da5
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: #1b1f23;
    vertical-align: middle;
    visibility: hidden
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
    text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
}

.markdown-body h1 {
    font-size: 2em
}

.markdown-body h2 {
    font-size: 1.5em
}

.markdown-body h3 {
    font-size: 1.25em
}

.markdown-body h4 {
    font-size: 1em
}

.markdown-body h5 {
    font-size: 0.875em
}

.markdown-body h6 {
    font-size: 0.85em;
    color: #6a737d
}

.markdown-body ul,
.markdown-body ol {
    padding-left: 2em
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li {
    word-wrap: break-all
}

.markdown-body li>p {
    margin-top: 16px
}

.markdown-body li+li {
    margin-top: 0.25em
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 600
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.markdown-body table {
    display: block;
    width: 100%;
    overflow: auto
}

.markdown-body table th {
    font-weight: 600
}

.markdown-body table th,
.markdown-body table td {
    padding: 6px 13px;
    border: 1px solid #dfe2e5
}

.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #c6cbd1
}

.markdown-body table tr:nth-child(2n) {
    background-color: #f6f8fa
}

.markdown-body img {
    max-width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #fff
}

.markdown-body img[align=right] {
    padding-left: 20px
}

.markdown-body img[align=left] {
    padding-right: 20px
}

.markdown-body code {
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(27, 31, 35, 0.05);
    border-radius: 3px
}

.markdown-body pre {
    word-wrap: normal
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

.markdown-body .highlight {
    margin-bottom: 16px
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body .highlight pre,
.markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f6f8fa;
    border-radius: 3px
}

.markdown-body pre code {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.markdown-body .full-commit .btn-outline:not(:disabled):hover {
    color: #005cc5;
    border-color: #005cc5
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    line-height: 10px;
    color: #444d56;
    vertical-align: middle;
    background-color: #fafbfc;
    border: solid 1px #d1d5da;
    border-bottom-color: #c6cbd1;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 #c6cbd1;
    box-shadow: inset 0 -1px 0 #c6cbd1
}

.markdown-body :checked+.radio-label {
    position: relative;
    z-index: 1;
    border-color: #0366d6
}

.markdown-body .task-list-item {
    list-style-type: none
}

.markdown-body .task-list-item+.task-list-item {
    margin-top: 3px
}

.markdown-body .task-list-item input {
    margin: 0 0.2em 0.25em -1.6em;
    vertical-align: middle
}

.markdown-body hr {
    border-bottom-color: #eee
}

i.eye.link.icon::before {
    content: "\f06e"
}

.iconfont.icon-face-smile.plus-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.dark.link {
    color: #40485b
}

.ui.dark.link:hover {
    color: #095eab
}

.ui.dark.link:active {
    color: #064177
}

.ui.dimmer {
    z-index: 1002
}

.ui.dropdown .menu>.item,
.ui.dropdown.selection .menu>.item {
    line-height: 1.333;
    padding-top: 0.7142857rem !important;
    padding-bottom: 0.7142857rem !important
}

.ui.dropdown.limited-width .menu {
    max-width: 400px
}

.ui.dropdown.limited-width .menu .item {
    text-overflow: ellipsis;
    overflow: hidden
}

.ui.dropdown.text-truncate>.text {
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui.dropdown .ui.left.icon.input>input {
    padding-left: 2.4em !important
}

.ui.floating.dropdown>.menu {
    -webkit-box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf;
    box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf;
    border-radius: 0;
    border: 0
}

.ui.floating.dropdown>.menu .menu {
    border: 0;
    padding: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.floating.dropdown>.menu,
.ui.pointing.dropdown>.menu,
.ui.menu .floating.dropdown.item>.menu,
.ui.menu .pointing.dropdown.item>.menu {
    border: 0;
    border-radius: 0 !important;
    background: #FFF
}

.ui.dropdown .menu>.header {
    font-size: 1em
}

.ui.pointing.dropdown>.menu:after {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.dropdown .menu>.item:hover,
.ui.dropdown .menu>.selected.item,
.ui.link.menu>.item:hover,
.ui.menu>.link.item:hover,
.ui.menu>a.item:hover,
.ui.link.menu .menu>.item:hover,
.ui.menu .menu>.link.item:hover,
.ui.menu .menu>a.item:hover {
    background: rgba(254, 115, 0, 0.05)
}

.ui.dropdown .menu>.menu {
    padding: 8px 0
}

.ui.button.dropdown>.text {
    cursor: pointer
}

.ui.users.dropdown .text .avatar.icon {
    display: none
}

.ui.users.dropdown .username {
    display: none
}

.ui.small.dropdown>.menu {
    padding: 0.667em 0
}

.ui.small.dropdown>.menu .search.input {
    margin: 0.333em 1em 0.667em 1em
}

.ui.small.dropdown .menu>.item {
    position: relative;
    font-size: 12px;
    line-height: 1.667;
    padding: .544em 1em !important
}

.ui.small.dropdown .menu>.item .ui.avatar.image {
    width: 20px;
    height: 20px
}

.ui.selection.dropdown {
    border: 1px solid #dfe3e9;
    border-radius: 3px
}

.ui.selection.dropdown .menu {
    border-radius: 0 0 3px 3px
}

.ui.selection.dropdown:hover {
    border-color: #ced0da
}

.ui.selection.dropdown.active,
.ui.selection.dropdown.active:hover,
.ui.selection.dropdown:focus {
    border-color: rgba(254, 115, 0, 0.5)
}

.ui.selection.dropdown.active .menu,
.ui.selection.dropdown.active:hover .menu,
.ui.selection.dropdown:focus .menu {
    border-color: rgba(254, 115, 0, 0.5)
}

.ui.selection.button.dropdown {
    min-height: 1em;
    line-height: 1.2857143
}

.ui.selection.button.dropdown.active {
    background: #fff
}

.ui.dropdown>.right.menu {
    left: auto;
    right: 0
}

.ui.dropdown.dropdown-has-tabs .tab-menu {
    position: relative;
    white-space: nowrap;
    padding: 0 6em 0 0.78571429em
}

.ui.dropdown.dropdown-has-tabs .tab-menu-action {
    position: absolute;
    right: 0.78571429em;
    bottom: 0.357em
}

.ui.dropdown.dropdown-has-tabs .tab-menu-action .link.button {
    color: #005980 !important;
    padding: .357143em 0
}

.ui.dropdown.dropdown-has-tabs .tab-menu-action .link.button:hover {
    color: #4c8aa6 !important
}

.ui.dropdown.dropdown-has-tabs .tab-menu-action .link.button:active {
    color: #003e59 !important
}

.ui.dropdown.dropdown-has-tabs .tab-menu-item {
    bottom: -1px;
    opacity: .8;
    color: #40485b;
    position: relative;
    display: inline-block;
    padding: .6em 1em;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer
}

.ui.dropdown.dropdown-has-tabs .tab-menu-item:hover {
    opacity: 1
}

.ui.dropdown.dropdown-has-tabs .tab-menu-item.active {
    opacity: 1;
    z-index: 1;
    color: #000;
    color: #fe7300;
    border-bottom-color: #fe7300
}

.ui.dropdown.dropdown-has-tabs .tab {
    display: none !important;
    border: none
}

.ui.dropdown.dropdown-has-tabs .tab.active {
    display: block !important
}

.ui.dropdown.dropdown-has-tabs .tab-menu-action {
    display: none
}

.ui.dropdown.dropdown-has-tabs .tab-menu-action.active {
    display: inline-block
}

.ui.dropdown.dropdown-has-tabs .search.input {
    margin-bottom: .3em
}

.ui.dropdown.dropdown-has-check-icon .text .icon {
    display: none
}

.ui.dropdown.dropdown-has-check-icon .icon.check {
    color: #0096FF
}

.ui.dropdown.dropdown-has-check-icon .menu .item {
    padding-left: 8px !important
}

.ui.dropdown.dropdown-has-check-icon .menu .item .icon {
    margin-right: 8px;
    visibility: hidden
}

.ui.dropdown.dropdown-has-check-icon .menu .item.selected {
    font-weight: normal
}

.ui.dropdown.dropdown-has-check-icon .menu .item.selected .icon {
    visibility: visible
}

.ui.buttons .button,
.ui.button,
.ui.icon.buttons .button,
.ui.icon.button {
    font-size: 1rem;
    line-height: 1.2857143;
    color: #40485b;
    padding: .5em .92857em;
    font-weight: normal;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.buttons .button .dropdown.icon,
.ui.button .dropdown.icon,
.ui.icon.buttons .button .dropdown.icon,
.ui.icon.button .dropdown.icon {
    margin: 0
}

.ui.buttons .button:hover,
.ui.buttons .button.active:hover,
.ui.button:hover,
.ui.button.active:hover,
.ui.icon.buttons .button:hover,
.ui.icon.buttons .button.active:hover,
.ui.icon.button:hover,
.ui.icon.button.active:hover {
    color: #40485b
}

.ui.buttons .dropdown.button i.dropdown.icon {
    line-height: 1.5
}

.ui.button:focus {
    -webkit-box-shadow: 0 0 1px #b0b5b9;
    box-shadow: 0 0 1px #b0b5b9
}

.ui.basic.buttons .button,
.ui.basic.button {
    color: #40485b !important;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
    color: #8c919c !important
}

.ui.basic.buttons .button:active,
.ui.basic.button:active {
    color: #262b36 !important
}

.ui.basic.buttons .button.disabled.disabled,
.ui.basic.button.disabled.disabled {
    color: #c9c9c9 !important;
    border-color: #e5e5e5 !important
}

.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.disabled.button:hover,
.ui.disabled.button.active {
    color: #c9c9c9 !important;
    background-color: #F2F2F2 !important;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5 inset !important;
    box-shadow: 0 0 0 1px #e5e5e5 inset !important;
    opacity: 1 !important
}

.ui.basic.button {
    line-height: 1.143;
    border: 1px solid #9B9B9B
}

.ui.basic.button.disabled {
    border-color: #e5e5e5
}

.ui.basic.dropdown.button {
    background: #fff !important;
    border-color: #dce3e8
}

.ui.basic.dropdown.button.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(254, 115, 0, 0.5)
}

.ui.buttons .ui.orange.button,
.ui.orange.buttons .button,
.ui.orange.icon.button,
.ui.orange.button {
    color: #fff;
    background: #fe7300
}

.ui.buttons .ui.orange.button:hover,
.ui.orange.buttons .button:hover,
.ui.orange.icon.button:hover,
.ui.orange.button:hover {
    background: #f38d30;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.buttons .ui.orange.button:active,
.ui.buttons .ui.orange.button.active,
.ui.orange.buttons .button:active,
.ui.orange.buttons .button.active,
.ui.orange.icon.button:active,
.ui.orange.icon.button.active,
.ui.orange.button:active,
.ui.orange.button.active {
    background: #ea6c2d
}

.ui.buttons .ui.orange.button:active:hover,
.ui.buttons .ui.orange.button.active:hover,
.ui.orange.buttons .button:active:hover,
.ui.orange.buttons .button.active:hover,
.ui.orange.icon.button:active:hover,
.ui.orange.icon.button.active:hover,
.ui.orange.button:active:hover,
.ui.orange.button.active:hover {
    color: #fff
}

.ui.buttons .ui.orange.button.disabled,
.ui.orange.buttons .button.disabled,
.ui.orange.icon.button.disabled,
.ui.orange.button.disabled {
    -webkit-box-shadow: inset 0px 0px 0px 1px #e5e5e5 !important;
    box-shadow: inset 0px 0px 0px 1px #e5e5e5 !important
}

.ui.lightgrey.button {
    background-color: #EFEFEF
}

.ui.lightgrey.button:hover {
    color: #6a6a6a;
    background-color: #E0E0E0
}

.ui.orange.buttons>.ui.button:not(.basic):not(.inverted),
.ui.orange.buttons:not(.basic):not(.inverted)>.button {
    margin: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.orange.buttons>.ui.button:not(.basic):not(.inverted):hover,
.ui.orange.buttons:not(.basic):not(.inverted)>.button:hover {
    color: #fff;
    background: #fe7300;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 166, 64, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(255, 166, 64, 0.5)
}

.ui.orange.buttons>.ui.button:not(.basic):not(.inverted):active,
.ui.orange.buttons:not(.basic):not(.inverted)>.button:active {
    background: #e46700
}

.ui.orange.buttons>.ui.button:not(.basic):not(.inverted).disabled,
.ui.orange.buttons:not(.basic):not(.inverted)>.button.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.buttons>.button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.buttons>.button.orange {
    border-left: 1px solid #F16C00
}

.ui.buttons>.button.disabled:not(.basic) {
    border-color: #9B9B9B
}

.ui.buttons>.button:first-child {
    border-left: 0
}

.ui.buttons>.button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui.basic.blue.button {
    background: transparent !important;
    border: 1px solid #89c5ff;
    color: #4a90e2 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.basic.blue.button:hover,
.ui.basic.blue.button.active {
    -webkit-box-shadow: 0px 0px 10px -1px rgba(74, 144, 226, 0.4), 0px 0px 10px -1px rgba(74, 144, 226, 0.4) inset !important;
    box-shadow: 0px 0px 10px -1px rgba(74, 144, 226, 0.4), 0px 0px 10px -1px rgba(74, 144, 226, 0.4) inset !important
}

.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
    background: transparent !important;
    border: 1px solid #fe7300;
    color: #fe7300 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
    color: #f38d30;
    border-color: #f38d30;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
    color: #ea6c2d;
    border-color: #ea6c2d
}

.ui.basic.red.buttons .button,
.ui.basic.red.button {
    background: transparent !important;
    border: 1px solid #f14333;
    color: #f14333 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
    color: #f14333 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: rgba(241, 67, 51, 0.05) !important
}

.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: rgba(241, 67, 51, 0.08) !important
}

.ui.bordered.button {
    border: 1px solid
}

.ui.big.bordered.button {
    line-height: 1.2223
}

.ui.bordered.orange.button {
    color: #fe7300;
    border-color: #fe7300;
    background: rgba(254, 115, 0, 0.1)
}

.ui.bordered.orange.button:hover {
    background: rgba(254, 115, 0, 0.3)
}

.ui.bordered.orange.button:active {
    background: rgba(254, 115, 0, 0.2)
}

.ui.gradient.button,
.ui.gradient.buttons .button {
    background-color: transparent;
    border: 1px solid #dce3e8;
    padding: .42857em .642857em
}

.ui.gradient.button:hover,
.ui.gradient.buttons .button:hover {
    border-color: #bbc0c5
}

.ui.gradient.button:active,
.ui.gradient.button.active,
.ui.gradient.buttons .button:active,
.ui.gradient.buttons .button.active {
    border-color: rgba(254, 115, 0, 0.5);
    background-color: #fff;
    background-image: none
}

.ui.gradient.button:focus,
.ui.gradient.buttons .button:focus {
    border-color: rgba(254, 115, 0, 0.5)
}

.ui.gradient.button.middle,
.ui.gradient.buttons .button.middle {
    vertical-align: middle
}

.ui.gradient.button.disabled,
.ui.gradient.buttons .button.disabled {
    color: #B0B0B1 !important;
    background-color: #ececec !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.gradient.buttons .button:not(:first-child) {
    margin-left: -1px
}

.ui.basic.black.dropdown.button {
    color: #40485b !important;
    border: 1px solid #9B9B9B;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.basic.black.dropdown.button:hover {
    background: #fafafa !important;
    color: rgba(64, 72, 91, 0.8) !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset !important
}

.ui.basic.black.dropdown.button:active {
    background: #f8f8f8 !important;
    color: #262b36 !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset !important
}

.ui.gradient.attached.button {
    border: 0;
    position: relative;
    -webkit-box-shadow: 0 0 0 1px #dce3e8 !important;
    box-shadow: 0 0 0 1px #dce3e8 !important
}

.ui.gradient.attached.button:hover {
    z-index: 1;
    -webkit-box-shadow: 0 0 0 1px #bbc0c5 !important;
    box-shadow: 0 0 0 1px #bbc0c5 !important
}

.ui.gradient.attached.button:active {
    -webkit-box-shadow: 0 0 0 1px #DCE3E8 !important;
    box-shadow: 0 0 0 1px #DCE3E8 !important
}

.ui.gradient.attached.button:focus {
    z-index: 1;
    -webkit-box-shadow: 0 0 0 1px rgba(254, 115, 0, 0.5) !important;
    box-shadow: 0 0 0 1px rgba(254, 115, 0, 0.5) !important
}

.ui.left.attached.button {
    border-radius: 2px 0 0 2px;
    border-right: 0
}

.ui.right.attached.button {
    margin-left: 1px;
    border-radius: 0 2px 2px 0;
    border-left: 0
}

.ui.small.buttons .ui.button,
.ui.small.button {
    font-size: 1rem;
    padding: .357143em
}

.ui.big.buttons .ui.button,
.ui.big.button {
    line-height: 1.335;
    padding: .55555em
}

.ui.large.buttons .ui.button,
.ui.large.button {
    font-size: 18px;
    line-height: 22px;
    padding: 8px 26px;
    font-weight: 500
}

.ui.blue.button {
    background: #4a90e2
}

.ui.blue.button:hover {
    background: #4a90e2;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(74, 144, 226, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(74, 144, 226, 0.5)
}

.ui.blue.button:active {
    background: #4281cb
}

.ui.blue.button.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.list .item a.gradient.button {
    color: #40485b !important
}

.ui.mini.button {
    font-size: 0.7rem;
    padding: 0.6em 0.8em
}

.ui.basic.white.button {
    background: white !important
}

.ui.button.blank {
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #5C7B8B
}

.ui.button.blank:hover {
    color: #49626f
}

.ui.button.blank.disabled {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important
}

.ui.basic.button:focus {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(39, 41, 43, 0.15) inset
}

.ui.orange.button:focus {
    background-color: #db6435;
    color: #fff;
    text-shadow: none
}

.ui.orange.button.basic:focus {
    color: #ea6c2d !important;
    border-color: #ea6c2d;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.form textarea,
.ui.form input:not([type]):not(.search),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"],
.ui.input textarea,
.ui.input input:not([type]):not(.search),
.ui.input input[type="text"],
.ui.input input[type="email"],
.ui.input input[type="date"],
.ui.input input[type="datetime-local"],
.ui.input input[type="password"],
.ui.input input[type="number"],
.ui.input input[type="url"],
.ui.input input[type="tel"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #dfe3e9
}

.ui.form textarea:hover,
.ui.form input:not([type]):not(.search):hover,
.ui.form input[type="text"]:hover,
.ui.form input[type="email"]:hover,
.ui.form input[type="date"]:hover,
.ui.form input[type="datetime-local"]:hover,
.ui.form input[type="password"]:hover,
.ui.form input[type="number"]:hover,
.ui.form input[type="url"]:hover,
.ui.form input[type="tel"]:hover,
.ui.input textarea:hover,
.ui.input input:not([type]):not(.search):hover,
.ui.input input[type="text"]:hover,
.ui.input input[type="email"]:hover,
.ui.input input[type="date"]:hover,
.ui.input input[type="datetime-local"]:hover,
.ui.input input[type="password"]:hover,
.ui.input input[type="number"]:hover,
.ui.input input[type="url"]:hover,
.ui.input input[type="tel"]:hover {
    border-color: #ced0da
}

.ui.form textarea:focus,
.ui.form input:not([type]):not(.search):focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="tel"]:focus,
.ui.input textarea:focus,
.ui.input input:not([type]):not(.search):focus,
.ui.input input[type="text"]:focus,
.ui.input input[type="email"]:focus,
.ui.input input[type="date"]:focus,
.ui.input input[type="datetime-local"]:focus,
.ui.input input[type="password"]:focus,
.ui.input input[type="number"]:focus,
.ui.input input[type="url"]:focus,
.ui.input input[type="tel"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(254, 115, 0, 0.5)
}

.ui.form textarea::-webkit-input-placeholder,
.ui.form input:not([type]):not(.search)::-webkit-input-placeholder,
.ui.form input[type="text"]::-webkit-input-placeholder,
.ui.form input[type="email"]::-webkit-input-placeholder,
.ui.form input[type="date"]::-webkit-input-placeholder,
.ui.form input[type="datetime-local"]::-webkit-input-placeholder,
.ui.form input[type="password"]::-webkit-input-placeholder,
.ui.form input[type="number"]::-webkit-input-placeholder,
.ui.form input[type="url"]::-webkit-input-placeholder,
.ui.form input[type="tel"]::-webkit-input-placeholder,
.ui.input textarea::-webkit-input-placeholder,
.ui.input input:not([type]):not(.search)::-webkit-input-placeholder,
.ui.input input[type="text"]::-webkit-input-placeholder,
.ui.input input[type="email"]::-webkit-input-placeholder,
.ui.input input[type="date"]::-webkit-input-placeholder,
.ui.input input[type="datetime-local"]::-webkit-input-placeholder,
.ui.input input[type="password"]::-webkit-input-placeholder,
.ui.input input[type="number"]::-webkit-input-placeholder,
.ui.input input[type="url"]::-webkit-input-placeholder,
.ui.input input[type="tel"]::-webkit-input-placeholder {
    color: #C9C9C9
}

.ui.form textarea:-ms-input-placeholder,
.ui.form input:not([type]):not(.search):-ms-input-placeholder,
.ui.form input[type="text"]:-ms-input-placeholder,
.ui.form input[type="email"]:-ms-input-placeholder,
.ui.form input[type="date"]:-ms-input-placeholder,
.ui.form input[type="datetime-local"]:-ms-input-placeholder,
.ui.form input[type="password"]:-ms-input-placeholder,
.ui.form input[type="number"]:-ms-input-placeholder,
.ui.form input[type="url"]:-ms-input-placeholder,
.ui.form input[type="tel"]:-ms-input-placeholder,
.ui.input textarea:-ms-input-placeholder,
.ui.input input:not([type]):not(.search):-ms-input-placeholder,
.ui.input input[type="text"]:-ms-input-placeholder,
.ui.input input[type="email"]:-ms-input-placeholder,
.ui.input input[type="date"]:-ms-input-placeholder,
.ui.input input[type="datetime-local"]:-ms-input-placeholder,
.ui.input input[type="password"]:-ms-input-placeholder,
.ui.input input[type="number"]:-ms-input-placeholder,
.ui.input input[type="url"]:-ms-input-placeholder,
.ui.input input[type="tel"]:-ms-input-placeholder {
    color: #C9C9C9
}

.ui.form textarea::-ms-input-placeholder,
.ui.form input:not([type]):not(.search)::-ms-input-placeholder,
.ui.form input[type="text"]::-ms-input-placeholder,
.ui.form input[type="email"]::-ms-input-placeholder,
.ui.form input[type="date"]::-ms-input-placeholder,
.ui.form input[type="datetime-local"]::-ms-input-placeholder,
.ui.form input[type="password"]::-ms-input-placeholder,
.ui.form input[type="number"]::-ms-input-placeholder,
.ui.form input[type="url"]::-ms-input-placeholder,
.ui.form input[type="tel"]::-ms-input-placeholder,
.ui.input textarea::-ms-input-placeholder,
.ui.input input:not([type]):not(.search)::-ms-input-placeholder,
.ui.input input[type="text"]::-ms-input-placeholder,
.ui.input input[type="email"]::-ms-input-placeholder,
.ui.input input[type="date"]::-ms-input-placeholder,
.ui.input input[type="datetime-local"]::-ms-input-placeholder,
.ui.input input[type="password"]::-ms-input-placeholder,
.ui.input input[type="number"]::-ms-input-placeholder,
.ui.input input[type="url"]::-ms-input-placeholder,
.ui.input input[type="tel"]::-ms-input-placeholder {
    color: #C9C9C9
}

.ui.form textarea::placeholder,
.ui.form input:not([type]):not(.search)::placeholder,
.ui.form input[type="text"]::placeholder,
.ui.form input[type="email"]::placeholder,
.ui.form input[type="date"]::placeholder,
.ui.form input[type="datetime-local"]::placeholder,
.ui.form input[type="password"]::placeholder,
.ui.form input[type="number"]::placeholder,
.ui.form input[type="url"]::placeholder,
.ui.form input[type="tel"]::placeholder,
.ui.input textarea::placeholder,
.ui.input input:not([type]):not(.search)::placeholder,
.ui.input input[type="text"]::placeholder,
.ui.input input[type="email"]::placeholder,
.ui.input input[type="date"]::placeholder,
.ui.input input[type="datetime-local"]::placeholder,
.ui.input input[type="password"]::placeholder,
.ui.input input[type="number"]::placeholder,
.ui.input input[type="url"]::placeholder,
.ui.input input[type="tel"]::placeholder {
    color: #C9C9C9
}

.ui.form textarea.disabled,
.ui.form textarea:disabled,
.ui.form input:not([type]):not(.search).disabled,
.ui.form input:not([type]):not(.search):disabled,
.ui.form input[type="text"].disabled,
.ui.form input[type="text"]:disabled,
.ui.form input[type="email"].disabled,
.ui.form input[type="email"]:disabled,
.ui.form input[type="date"].disabled,
.ui.form input[type="date"]:disabled,
.ui.form input[type="datetime-local"].disabled,
.ui.form input[type="datetime-local"]:disabled,
.ui.form input[type="password"].disabled,
.ui.form input[type="password"]:disabled,
.ui.form input[type="number"].disabled,
.ui.form input[type="number"]:disabled,
.ui.form input[type="url"].disabled,
.ui.form input[type="url"]:disabled,
.ui.form input[type="tel"].disabled,
.ui.form input[type="tel"]:disabled,
.ui.input textarea.disabled,
.ui.input textarea:disabled,
.ui.input input:not([type]):not(.search).disabled,
.ui.input input:not([type]):not(.search):disabled,
.ui.input input[type="text"].disabled,
.ui.input input[type="text"]:disabled,
.ui.input input[type="email"].disabled,
.ui.input input[type="email"]:disabled,
.ui.input input[type="date"].disabled,
.ui.input input[type="date"]:disabled,
.ui.input input[type="datetime-local"].disabled,
.ui.input input[type="datetime-local"]:disabled,
.ui.input input[type="password"].disabled,
.ui.input input[type="password"]:disabled,
.ui.input input[type="number"].disabled,
.ui.input input[type="number"]:disabled,
.ui.input input[type="url"].disabled,
.ui.input input[type="url"]:disabled,
.ui.input input[type="tel"].disabled,
.ui.input input[type="tel"]:disabled {
    background: #f2f2f2;
    border-color: #e5e5e5
}

.ui.form textarea[readonly="readonly"],
.ui.form input[readonly="readonly"],
.ui.input textarea[readonly="readonly"],
.ui.input input[readonly="readonly"] {
    color: #9d9d9d;
    border-radius: 2px;
    border: 1px solid #dce3e8;
    background-color: #fff !important
}

.ui.form textarea[readonly="readonly"]:focus,
.ui.form input[readonly="readonly"]:focus,
.ui.input textarea[readonly="readonly"]:focus,
.ui.input input[readonly="readonly"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #dce3e8
}

.ui[class*="right labeled"].input input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: transparent !important
}

.ui.left.icon.input>input {
    padding-left: 1.8em !important
}

.ui.small.input {
    font-size: 1rem
}

.ui.small.input input {
    font-size: 1rem;
    line-height: 1.43;
    padding: .3572em .7143em
}

.ui.small.input.icon .icon::before {
    line-height: 1rem
}

.ui.left.icon.input>.octicon {
    left: 1px;
    border-radius: 0.3125em 0em 0em 0.3125em
}

.ui.input input[readonly="readonly"] {
    background-color: #F5F5F5 !important;
    cursor: no-drop
}

.ui[class*="left icon"].input>.octicon {
    right: auto;
    left: 1px;
    border-radius: 0.2857rem 0em 0em 0.2857rem
}

.ui.icon.input>.octicon {
    cursor: default;
    position: absolute;
    opacity: 0.5;
    top: 11px;
    right: 0px;
    margin: 0em;
    width: 2.85em;
    height: 100%;
    text-align: center;
    border-radius: 0em 0.2857rem 0.2857rem 0em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.ui.icon.search.input .mayun-icon,
.ui.icon.search.input .iconfont {
    top: 50%;
    left: .5em;
    opacity: 1;
    line-height: 18px;
    margin-top: -8px;
    position: absolute
}

.ui.icon.search.input .iconfont {
    font-size: 1rem
}

.ui.right.icon.search.input .mayun-icon,
.ui.right.icon.search.input .iconfont {
    right: .5em;
    left: auto
}

.ui.input.error textarea,
.ui.input.error input:not([type]):not(.search),
.ui.input.error input[type="text"],
.ui.input.error input[type="email"],
.ui.input.error input[type="date"],
.ui.input.error input[type="datetime-local"],
.ui.input.error input[type="password"],
.ui.input.error input[type="number"],
.ui.input.error input[type="url"],
.ui.input.error input[type="tel"],
.ui.field.error textarea,
.ui.field.error input:not([type]):not(.search),
.ui.field.error input[type="text"],
.ui.field.error input[type="email"],
.ui.field.error input[type="date"],
.ui.field.error input[type="datetime-local"],
.ui.field.error input[type="password"],
.ui.field.error input[type="number"],
.ui.field.error input[type="url"],
.ui.field.error input[type="tel"],
.ui.fields.error textarea,
.ui.fields.error input:not([type]):not(.search),
.ui.fields.error input[type="text"],
.ui.fields.error input[type="email"],
.ui.fields.error input[type="date"],
.ui.fields.error input[type="datetime-local"],
.ui.fields.error input[type="password"],
.ui.fields.error input[type="number"],
.ui.fields.error input[type="url"],
.ui.fields.error input[type="tel"],
.ui.from.error textarea,
.ui.from.error input:not([type]):not(.search),
.ui.from.error input[type="text"],
.ui.from.error input[type="email"],
.ui.from.error input[type="date"],
.ui.from.error input[type="datetime-local"],
.ui.from.error input[type="password"],
.ui.from.error input[type="number"],
.ui.from.error input[type="url"],
.ui.from.error input[type="tel"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ED1C24
}

.ui.labeled.captcha-labeled>.ui.button {
    display: table-cell;
    vertical-align: middle
}

.ui.labeled.captcha-labeled>.ui.label {
    width: 108px;
    padding: 0;
    padding-right: 1px;
    border: 1px solid #dce3e8;
    background: #fff;
    overflow: hidden;
    position: relative
}

.ui.labeled.captcha-labeled>.ui.label>img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
    opacity: 0.45
}

.ui.disabled.input>input,
.ui.input:not(.disabled) input[disabled] {
    pointer-events: none
}

.ui.label {
    color: #6a6a6a;
    background-color: #EFEFEF
}

a.ui.labels .label,
a.ui.label {
    background-color: #EFEFEF;
    color: #6a6a6a;
    font-weight: normal
}

a.ui.labels .label:hover,
a.ui.label:hover {
    color: #6a6a6a;
    background-color: #E0E0E0
}

.ui.basic.label {
    font-weight: normal;
    border-radius: 2px;
    border: 1px solid #DEDEDF;
    background: transparent
}

.ui.menu .item>.label {
    color: #7687AB;
    background: rgba(115, 121, 128, 0.2);
    margin-left: 2px
}

.ui.blue.label {
    font-weight: normal;
    background-color: #4a90e2 !important
}

.ui.mini.label {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 5px !important;
    margin: 0;
    min-height: 1em;
    min-width: 1em
}

.ui.label>a {
    opacity: 0.85
}

.ui.red.labels .label,
.ui.red.label,
.ui.red.item {
    background-color: #ff2727;
    border-color: #ff2727;
    color: #ffffff !important
}

.ui.inverted.red.menu {
    background-color: #ff2727
}

.ui.inverted.git-red.menu {
    background-color: #2f4459
}

.ui.mini.menu .item {
    font-size: 0.75rem
}

.ui.menu .active.item {
    background-color: rgba(0, 0, 0, 0.04)
}

.ui.orange.secondary.menu .active.item .ui.label {
    color: #fe7300;
    background-color: rgba(254, 115, 0, 0.2)
}

.ui.vertical.menu .item>i.icon {
    float: left;
    margin: 0px 5px 0px 0px
}

.ui.tabular.menu .active.item {
    background-color: #fafafa;
    border-bottom: 1px solid #fafafa
}

.ui.vertical.menu {
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    padding: 12px 0
}

.ui.vertical.menu .item {
    line-height: 1.78
}

.ui.vertical.menu .item.active {
    background: #f5f7fa;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.vertical.menu.with-header {
    padding: 0
}

.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
    border-color: #fe7300 !important;
    color: #fe7300 !important
}

.ui.pagination.menu {
    overflow: hidden
}

.ui.pagination.menu .item {
    line-height: inherit
}

.ui.pagination.menu .item:last-child:before {
    display: none
}

.ui.pagination.menu .active.item {
    color: #fff;
    background: #fe7300
}

.ui.list .item a {
    color: #40485b !important
}

.ui.list .item a:hover {
    color: #095eab !important
}

.ui.list .item a:active {
    color: #064177 !important
}

.ui.tabular.list .item .title {
    white-space: nowrap;
    display: table-cell
}

.ui.tabular.list .item .content {
    display: table-cell
}

.ui.list .list>a.item:hover,
.ui.list>a.item:hover {
    color: #1283ba
}

.ui.list .item a:hover {
    color: #1283ba !important
}

table.ui.table {
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border-bottom: 1px solid #dededf;
    margin-bottom: 24px
}

table.ui.table thead th {
    background: #fff;
    border-bottom: 1px solid rgba(212, 212, 213, 0.5)
}

table.ui.table tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.ui.celled.table tr th,
.ui.celled.table tr td {
    border-left: 1px solid rgba(0, 0, 0, 0.05)
}

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
    background: #FCFCFD !important
}

.ui.table tr.active,
.ui.table td.active,
.ui.table tr.active td {
    background: rgba(254, 115, 0, 0.02) !important
}

.ui.celled.table tr.active:hover td,
.ui.celled.table tr:hover td.active {
    background: rgba(254, 115, 0, 0.02) !important
}

.ui.selectable.table tr.active:hover,
.ui.selectable.table td.active:hover,
.ui.selectable.table tr.active:hover td {
    background: rgba(254, 115, 0, 0.05) !important
}

.ui.custom.grid {
    margin-top: -0.7rem;
    margin-bottom: -0.7rem;
    margin-left: -0.7rem;
    margin-right: -0.7rem
}

.ui.custom.grid>.column:not(.row) {
    padding-top: .7rem;
    padding-bottom: .7rem
}

.ui.custom.grid>.column:not(.row),
.ui.custom.grid>.row>.column {
    padding-left: .7rem;
    padding-right: .7rem
}

.ui.checkbox .box::before,
.ui.checkbox .box::after,
.ui.checkbox label::before,
.ui.checkbox label::after {
    top: -1px
}

.ui.checkbox .box::before,
.ui.checkbox label::before {
    width: 16px;
    height: 16px;
    background: #f3f6f8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fff), to(#e4e7ec));
    background-image: linear-gradient(180deg, #fff 2%, #e4e7ec 100%);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px
}

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #f3f6f8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fff), to(#e4e7ec));
    background-image: linear-gradient(180deg, #fff 2%, #e4e7ec 100%);
    border: 1px solid rgba(0, 0, 0, 0.4)
}

.ui.checkbox.checked .box::before,
.ui.checkbox.checked label::before {
    background: #fe7300;
    border-color: #fe7300
}

.ui.checkbox.checked .box::after,
.ui.checkbox.checked label::after {
    color: #fff;
    width: 16px;
    height: 16px;
    font-size: smaller;
    line-height: 16px
}

.ui.checkbox.checked input:focus~.box::before,
.ui.checkbox.checked input:focus~label::before {
    background: #fe7300
}

.ui.checkbox input:focus~.box::before,
.ui.checkbox input:focus~label::before {
    border-color: #fe7300
}

.ui.checkbox.disabled {
    pointer-events: none
}

.ui.checkbox.disabled .box,
.ui.checkbox.disabled label {
    opacity: 1;
    color: #c9c9c9
}

.ui.checkbox.disabled .box::before,
.ui.checkbox.disabled label::before {
    background: #ececec;
    border-color: #dfdfdf
}

.ui.checkbox.disabled .box::after,
.ui.checkbox.disabled label::after {
    color: #c9c9c9
}

.ui.checkbox.disabled+label {
    color: #c9c9c9;
    pointer-events: none
}

.ui.radio.checkbox label::before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: -0.016rem
}

.ui.radio.checkbox label::after {
    content: ''
}

.ui.radio.checkbox.checked label:after {
    top: 50%;
    left: 5px;
    width: 6px;
    height: 6px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui.radio.checkbox.disabled label::after {
    background: #c9c9c9
}

.ui.toggle.checkbox {
    line-height: 20px
}

.ui.toggle.checkbox .box,
.ui.toggle.checkbox label,
.ui.toggle.checkbox input~.box,
.ui.toggle.checkbox input~label {
    height: 20px;
    line-height: 20px;
    padding-left: 44px;
    vertical-align: top
}

.ui.toggle.checkbox .box::before,
.ui.toggle.checkbox label::before,
.ui.toggle.checkbox input~.box::before,
.ui.toggle.checkbox input~label::before {
    width: 36px;
    height: 100%;
    border: 0 !important;
    border-radius: 12px;
    background: #8c92a4
}

.ui.toggle.checkbox .box::after,
.ui.toggle.checkbox label::after,
.ui.toggle.checkbox input~.box::after,
.ui.toggle.checkbox input~label::after {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before,
.ui.toggle.checkbox input~.box:hover::before,
.ui.toggle.checkbox input~label:hover::before {
    background: #c5c8d1
}

.ui.toggle.checkbox .inline.box {
    position: relative;
    display: inline-block
}

.ui.toggle.checkbox.left .box,
.ui.toggle.checkbox.left label {
    padding-left: 44px;
    margin-left: 1em
}

.ui.toggle.checkbox.checked .box:before,
.ui.toggle.checkbox.checked label:before {
    background: #fe7300
}

.ui.toggle.checkbox.checked .box:after,
.ui.toggle.checkbox.checked label:after {
    top: 2px;
    left: 18px !important
}

.ui.toggle.checkbox:hover .box::before,
.ui.toggle.checkbox:hover label::before {
    background: #a8adbb
}

.ui.toggle.checkbox.checked .box,
.ui.toggle.checkbox.checked label,
.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label {
    color: #fe7300
}

.ui.toggle.checkbox.checked .box::before,
.ui.toggle.checkbox.checked label::before,
.ui.toggle.checkbox input:checked~.box::before,
.ui.toggle.checkbox input:checked~label::before {
    background: #fe7300
}

.ui.toggle.checkbox.checked:hover .box::before,
.ui.toggle.checkbox.checked:hover label::before {
    background: #ff8f32
}

.ui.toggle.checkbox.disabled .box::before,
.ui.toggle.checkbox.disabled label::before {
    background: #F2F2F2;
    border: 1px solid rgba(0, 0, 0, 0.05)
}

.ui.toggle.checkbox.disabled .box::after,
.ui.toggle.checkbox.disabled label::after {
    background: #fff
}

.ui.falt.segments,
.ui.flat.segment {
    border-radius: 4px;
    border: 1px solid #E3E9ED;
    margin-bottom: 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff
}

.ui.falt.segments.nopadding,
.ui.flat.segment.nopadding {
    padding: 0
}

.ui.falt.segments .ui.segment {
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.ui.hollow.segments {
    background: #fcfcfc;
    border: 1px solid #E3E9ED;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.segment {
    word-break: break-all
}

.ui.segment .ui.dimmer {
    z-index: 99
}

.ui.segment,
.ui.segment.attached,
.ui.tertiary.segment,
.ui.message {
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff
}

.ui.basic.segment {
    border-width: 0
}

.ui.segment.attached {
    border-radius: 0
}

.ui.segment.attached.top {
    border-radius: 4px 4px 0 0
}

.ui.segment.attached.bottom {
    border-radius: 0 0 4px 4px
}

.ui.segment .ui.header .action {
    font-weight: normal;
    font-size: 1rem
}

.ui.segment.no-border {
    border: none
}

.ui.modal {
    border-radius: 0;
    top: auto;
    right: auto;
    left: auto
}

.ui.modal .center.aligned {
    text-align: center
}

.ui.modal .right.aligned {
    text-align: right
}

.ui.modal>.close {
    padding: 0;
    font-size: 1.143rem;
    top: 1.22rem;
    right: 1.6rem;
    width: 1.143rem;
    height: 1.143rem;
    color: #5C7B8B
}

.ui.fullscreen.modal>.close {
    top: 1.22rem;
    right: 1.6rem;
    color: #5C7B8B
}

.ui.mini.modal>.close {
    font-size: 1rem
}

.ui.modal>.header {
    padding: 0.785724rem 1.714rem;
    font-size: 1rem;
    background: #FCFCFC;
    color: #40485b;
    border: 0;
    border-bottom: 1px solid #e3e9ed;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.ui.fullscreen.modal>.header {
    padding-right: 1.714rem
}

.ui.modal>.header:not(.ui) {
    font-size: 1.143rem;
    line-height: 1.571rem;
    font-weight: normal
}

.ui.mini.modal>.header:not(.ui) {
    font-size: 1rem
}

.ui.small.modal>.header:not(.ui) {
    font-size: 1rem
}

.ui.modal>.content {
    padding: 1.714rem
}

.ui.modal>.content>:first-child {
    margin-top: 0
}

.ui.modal>.actions {
    padding: 1.714rem;
    padding-top: 0;
    background: #FFF;
    border: 0
}

.ui.modal .actions {
    text-align: right
}

.ui.modal .actions .button {
    margin: 0
}

.ui.modal .actions .button+.button {
    margin-left: 1.429rem
}

.ui.modal .actions .button:first-child {
    margin-left: 0
}

.ui.modal .actions>:last-child {
    margin-right: 0
}

.ui.dimmer.modals.page {
    border-radius: 0;
    background-color: rgba(16, 21, 39, 0.6)
}

@media only screen and (max-width: 991px) {
    .ui.modal>.close,
    .ui.fullscreen.modal>.close {
        top: 1.22rem;
        right: 1.6rem;
        color: #5C7B8B
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal>.header {
        padding: 0.75rem 1rem !important;
        padding-right: 1rem !important
    }
    .ui.modal>.close {
        top: .9rem !important;
        right: .9rem !important
    }
    .ui.modal>.close.icon {
        right: .8rem !important
    }
    .ui.modal>.actions {
        padding: 0 1rem 1rem 1rem !important
    }
}

.ui.popup {
    border: 0;
    -webkit-box-shadow: 0 0 6px -1px rgba(140, 146, 163, 0.5);
    box-shadow: 0 0 6px -1px rgba(140, 146, 163, 0.5)
}

.ui.popup:before {
    -webkit-box-shadow: 1px 1px 0px 0px rgba(179, 179, 179, 0.2);
    box-shadow: 1px 1px 0px 0px rgba(179, 179, 179, 0.2)
}

.ui.left.center.popup:before {
    -webkit-box-shadow: 1px -1px 0px 0px rgba(179, 179, 179, 0.2);
    box-shadow: 1px -1px 0px 0px rgba(179, 179, 179, 0.2)
}

.ui.small.popup {
    font-size: .8571rem;
    padding: .6667em
}

.ui.bottom.right.popup:before {
    -webkit-box-shadow: -1px -1px 0 0 rgba(218, 218, 218, 0.69) !important;
    box-shadow: -1px -1px 0 0 rgba(218, 218, 218, 0.69) !important
}

.ui.bottom.center.popup:before {
    -webkit-box-shadow: -1px -1px 0 0 rgba(218, 218, 218, 0.69) !important;
    box-shadow: -1px -1px 0 0 rgba(218, 218, 218, 0.69) !important
}

.ui.right.center.popup:before {
    -webkit-box-shadow: -1px 1px 0 0 rgba(218, 218, 218, 0.69) !important;
    box-shadow: -1px 1px 0 0 rgba(218, 218, 218, 0.69) !important
}

.ui.left.bottom.popup:before {
    -webkit-box-shadow: -1px -1px 0px 0px rgba(179, 179, 179, 0.25) !important;
    box-shadow: -1px -1px 0px 0px rgba(179, 179, 179, 0.25) !important
}

.ui.popup {
    z-index: 99
}

.ui.top.popup:before {
    border-top-width: 0 !important;
    border-left-width: 0 !important
}

.ui.right.popup:before {
    border-top-width: 0 !important;
    border-right-width: 0 !important
}

.ui.bottom.popup:before {
    border-right-width: 0 !important;
    border-bottom-width: 0 !important
}

.ui.left.popup:before {
    border-left-width: 0 !important;
    border-bottom-width: 0 !important
}

.ui.danger.popup {
    background: #FFF6F6;
    color: #912D2B;
    border: 1px solid #E0B4B4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.danger.popup:before {
    background-color: #FFF6F6;
    border: 1px solid #E0B4B4;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.inverted.red.menu {
    background-color: #ff2727
}

.ui.inverted.git-red.menu {
    background-color: #2f4459
}

.ui.mini.menu .item {
    font-size: 0.75rem
}

.ui.menu .active.item {
    background-color: rgba(0, 0, 0, 0.04)
}

.ui.orange.secondary.menu .active.item .ui.label {
    color: #fe7300;
    background-color: rgba(254, 115, 0, 0.2)
}

.ui.vertical.menu .item>i.icon {
    float: left;
    margin: 0px 5px 0px 0px
}

.ui.tabular.menu .active.item {
    background-color: #fafafa;
    border-bottom: 1px solid #fafafa
}

.ui.vertical.menu {
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    padding: 12px 0
}

.ui.vertical.menu .item {
    line-height: 1.78
}

.ui.vertical.menu .item.active {
    background: #f5f7fa;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.vertical.menu.with-header {
    padding: 0
}

.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
    border-color: #fe7300 !important;
    color: #fe7300 !important
}

.ui.pagination.menu {
    overflow: hidden
}

.ui.pagination.menu .item {
    line-height: inherit
}

.ui.pagination.menu .item:last-child:before {
    display: none
}

.ui.pagination.menu .active.item {
    color: #fff;
    background: #fe7300
}

.ui.textarea,
.ui.form textarea {
    line-height: 1.33em
}

.ui.form textarea,
.ui.form input:not([type]):not(.search),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"] {
    line-height: 1.33em;
    padding: 0.678807em 1em
}

.ui.form .ui.dropdown .ui.search.input {
    width: auto
}

.ui.form .inline.field select {
    width: auto;
    display: inline-block
}

.ui.form .message.field {
    display: none
}

.ui.form .message.field .message {
    margin: 0
}

.ui.form .message.error.field {
    display: block
}

.ui.form .message.error.field .error.message {
    display: block
}

.ui.form .message.error.field.inline .error.message {
    display: inline-block
}

.ui.form .check.result .icon.checkmark {
    color: #4baf50
}

.ui.form .check.result .icon.remove {
    color: #f14333
}

.ui.form .ui.labeled.input .ui.gray.label {
    width: 10%;
    font-size: 1rem;
    font-weight: normal;
    background: #F8F8F8;
    border: 1px solid #dce3e8;
    border-radius: 2px 0 0 2px
}

.ui.form .field .custom.prompt.label {
    white-space: initial;
    font-weight: normal
}

.ui.custom.form .field>label {
    color: #40485b
}

.ui.custom.form .field>label .required:after {
    content: ' *';
    color: #f14333
}

.ui.custom.form .field textarea,
.ui.custom.form .field input:not([type]):not(.search),
.ui.custom.form .field input[type="text"],
.ui.custom.form .field input[type="email"],
.ui.custom.form .field input[type="date"],
.ui.custom.form .field input[type="datetime-local"],
.ui.custom.form .field input[type="password"],
.ui.custom.form .field input[type="number"],
.ui.custom.form .field input[type="url"],
.ui.custom.form .field input[type="tel"] {
    padding-top: 0.64286em;
    padding-bottom: 0.64286em;
    line-height: 1.42858rem;
    font-size: 1rem
}

.ui.custom.form .field textarea,
.ui.custom.form .field .ui.dropdown {
    padding-top: 0.64286em;
    padding-bottom: 0.64286em;
    line-height: 1.42858rem;
    font-size: 1rem
}

.ui.custom.form .field .md-editor .md-input {
    line-height: 1.6
}

.ui.custom.form .field .ui.dropdown>i.dropdown.icon {
    line-height: 1.42858rem
}

.ui.custom.form .field.loading .ui.inline.loader {
    display: inline-block
}

.ui.custom.form .field.error .error.message {
    display: block
}

.ui.custom.form .field .ui.right.action.input input {
    border-right: 0
}

.ui.custom.form .field .check.result {
    padding: 10px 10px;
    display: inline-block
}

.ui.custom.form .field .check.result .checkmark {
    color: #4baf50
}

.ui.custom.form .field .check.result .remove {
    color: #f14333
}

.ui.custom.form .field .ui.button[disabled] {
    opacity: 0.5;
    pointer-events: none
}

.ui.custom.form .inline.field .labeled.input {
    display: inline-table
}

.ui.custom.form .inline.field .labeled.input>.label {
    font-size: 1rem;
    font-weight: normal
}

.ui.custom.form .ui.icon.input .icon {
    line-height: 1
}

.ui.custom.form .ui.dropdown {
    vertical-align: top
}

.ui.custom.form .ui.dropdown.small .item {
    font-size: 1rem
}

.ui.custom.form .ui.multiple.selection.dropdown {
    padding-top: 4px;
    padding-bottom: 4px
}

.ui.custom.form .ui.multiple.selection.dropdown .label {
    border: 0;
    line-height: 16px;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    background: rgba(254, 115, 0, 0.1)
}

.ui.custom.form .ui.multiple.selection.dropdown .label .ui.avatar.image {
    margin-top: -2px;
    margin-bottom: -1px
}

.ui.custom.form .ui.multiple.selection.dropdown.small {
    min-height: 32px;
    padding-top: 2px;
    padding-bottom: 2px
}

.ui.custom.form .ui.multiple.selection.dropdown.small .label {
    padding-top: 3px;
    padding-bottom: 3px
}

.ui.custom.form .ui.multiple.selection.dropdown.small>.default.text {
    margin: 4px 0 4px 4px
}

.ui.custom.form .ui.multiple.selection.dropdown.small>input.search {
    line-height: 1.6;
    margin: 2px 0px 2px 4px
}

.ui.custom.form .ui.multiple.selection.dropdown.small>.dropdown.icon {
    padding: 8px
}

.ui.custom.form .ui.small.selection.dropdown {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    min-height: 32px
}

.ui.custom.form .ui.dropdown.loading .dropdown.icon {
    margin-top: -4px
}

.ui.custom.form .ui.text.message {
    padding: 0;
    border-width: 0;
    background: none;
    -webkit-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px
}

.ui.custom.form .ui.text.message.error {
    color: #d95c5c
}

.ui.custom.form .ui.normal.message {
    color: #8c92a4
}

.ui.custom.form .ui.success.message {
    color: #4baf50
}

.ui.custom.form .error.field .ui.normal.message {
    display: none
}

.ui.custom.form .success.field .ui.success.message {
    display: block
}

.ui.custom.form .ui.left.icon.input input {
    padding-left: 2.5em !important
}

.ui.custom.form .ui.error.message:empty {
    display: none
}

.ui.custom.form .ui.labeled.input>input {
    padding-right: 1em !important
}

.ui.custom.form .ui.labeled.input .ui.input.icon>input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui.custom.form .el-date-editor .el-input__inner {
    padding-left: 2.2em
}

.ui.form textarea,
.ui.form input[type="checkbox"] {
    margin-top: 3px
}

.ui.comments {
    margin-bottom: 2.571em;
    max-width: 100%
}

.ui.comments .comment {
    padding: 1rem 0;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(222, 222, 223, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(222, 222, 223, 0.5)
}

.ui.comments .comment .avatar {
    width: 2.5em;
    height: 2.5em
}

.ui.comments .comment .actions {
    margin-top: 7px;
    padding: 0
}

.ui.comments .comment .actions a[class^=btn-] {
    margin-right: 12px;
    vertical-align: middle;
    color: #8c92a4 !important
}

.ui.comments .comment .actions a[class^=btn-]:hover {
    color: #aeb2bf !important
}

.ui.comments .comment .actions a[class^=btn-]:active {
    color: #626672 !important
}

.ui.comments .comment .actions .iconfont.icon-face-smile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.comments .comment .markdown-body {
    margin: 0;
    font-size: 1rem
}

.ui.comments .comment .comment {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.comments .comment .content {
    border: 0;
    font-size: 1em;
    border-radius: 0;
    background: transparent
}

.ui.comments .comment .content .title {
    padding: 0;
    font-size: 1rem;
    line-height: 1.86;
    background: transparent;
    border: 0;
    word-break: break-all
}

.ui.comments .comment .content:before,
.ui.comments .comment .content:after {
    content: none
}

.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
    border-radius: 50%
}

.ui.comments .comment .timeago,
.ui.comments .comment .datetime {
    margin-left: 4px;
    position: relative;
    color: #8c92a4;
    display: inline-block;
    font-size: smaller;
    font-weight: normal
}

.ui.search>.results .result .icon {
    float: left
}

.ui.search>.results .result .icon+.content {
    margin: 0em 0em 0em 2em
}

body>.ui.grid.page {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    width: 1200px
}

@media only screen and (min-width: 1px) {
    .ui.page.grid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0
    }
}

.ui.container {
    width: 1240px;
    padding: 0 20px;
    margin: 0 auto
}

body {
    min-width: 1240px;
    background-color: white;
    color: #40485b
}

body.fullscreen-mode .ui.container {
    width: 100% !important
}

body.fullscreen-mode #git-header-nav .ui.container {
    padding: 0
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #005980
}

a:hover {
    color: #1283ba
}

a:active {
    color: #003e59
}

a.orange.link {
    text-decoration: underline;
    color: #fe7300 !important
}

a.orange.link:hover {
    color: #fe9d4c !important
}

a.orange.link:active {
    color: #b15000 !important
}

a.orange.link.disabled {
    opacity: 0.4;
    pointer-events: none
}

.light.links a,
a.light.link {
    text-decoration: none;
    color: #095eab
}

.light.links a:hover,
a.light.link:hover {
    color: #528ec4
}

.light.links a:active,
a.light.link:active {
    color: #064177
}

.item image {
    display: inline-block
}

i.icon {
    margin: 0
}

i.icon.fork.code {
    padding-left: 0.30em
}

i.yellow.icon {
    color: #ffff00 !important
}

.sub.header {
    margin-top: 10px !important
}

.ui.mini.image {
    height: 20px
}

::-webkit-selection {
    background: #fe7300;
    color: rgba(255, 255, 255, 0.8)
}

::-moz-selection {
    background: #fe7300;
    color: rgba(255, 255, 255, 0.8)
}

::selection {
    background: #fe7300;
    color: rgba(255, 255, 255, 0.8)
}

.ui.feed>.event>.content .extra.text {
    margin-top: 10px !important
}

.ui.vertical.divider {
    height: 20%;
    top: 30%
}

.icon.caret {
    border: 0;
    vertical-align: top
}

.ui.info.message .icon.close {
    color: #276F86
}

.ui.error.message .icon.close {
    color: #9F3A38
}

.ui.dark.popup:before {
    background: #1b1c1d !important;
    color: #fff;
    opacity: 0.9;
    white-space: nowrap
}

.ui.dark.popup {
    background: #1b1c1d !important;
    color: #fff;
    opacity: 0.9;
    white-space: nowrap;
    max-width: unset
}

.ui.progress .progress {
    height: auto;
    border-radius: 9;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    margin: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    color: #333;
    background: #f8f8f8;
    -webkit-text-size-adjust: none
}

.hljs-comment,
.diff .hljs-header {
    color: #998;
    font-style: italic
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
    color: #333;
    font-weight: bold
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
    color: #008080
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
    color: #d14
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
    color: #900;
    font-weight: bold
}

.hljs-list .hljs-keyword,
.hljs-subst {
    font-weight: normal
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
    color: #458;
    font-weight: bold
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
    color: #55CDE3;
    font-weight: normal
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
    color: #008080
}

.hljs-regexp {
    color: #009926
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
    color: #990073
}

.hljs-built_in {
    color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
    color: #999;
    font-weight: bold
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.diff .hljs-change {
    background: #0086b3
}

.hljs-chunk {
    color: #aaa
}

.w100 {
    width: 100% !important
}

.h100 {
    height: 100% !important
}

.margin-0 {
    margin: 0 !important
}

.ml-auto {
    margin-left: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-05 {
    margin-left: 4px !important
}

.ml-1 {
    margin-left: 8px !important
}

.ml-2 {
    margin-left: 16px !important
}

.ml-3 {
    margin-left: 24px !important
}

.ml-4 {
    margin-left: 32px !important
}

.ml-5 {
    margin-left: 40px !important
}

.mr-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-05 {
    margin-right: 4px !important
}

.mr-1 {
    margin-right: 8px !important
}

.mr-2 {
    margin-right: 16px !important
}

.mr-3 {
    margin-right: 24px !important
}

.mr-4 {
    margin-right: 32px !important
}

.mr-5 {
    margin-right: 40px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 8px !important
}

.mt-2 {
    margin-top: 16px !important
}

.mt-3 {
    margin-top: 24px !important
}

.mt-4 {
    margin-top: 32px !important
}

.mt-5 {
    margin-top: 40px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 8px !important
}

.mb-2 {
    margin-bottom: 16px !important
}

.mb-3 {
    margin-bottom: 24px !important
}

.mb-4 {
    margin-bottom: 32px !important
}

.mb-5 {
    margin-bottom: 40px !important
}

.padding-0 {
    padding: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 8px !important
}

.pl-2 {
    padding-left: 16px !important
}

.pl-3 {
    padding-left: 24px !important
}

.pl-4 {
    padding-left: 32px !important
}

.pl-5 {
    padding-left: 40px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 8px !important
}

.pr-2 {
    padding-right: 16px !important
}

.pr-3 {
    padding-right: 24px !important
}

.pr-4 {
    padding-right: 32px !important
}

.pr-5 {
    padding-right: 40px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-05 {
    padding-top: 4px !important
}

.pt-1 {
    padding-top: 8px !important
}

.pt-2 {
    padding-top: 16px !important
}

.pt-3 {
    padding-top: 24px !important
}

.pt-4 {
    padding-top: 32px !important
}

.pt-5 {
    padding-top: 40px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 8px !important
}

.pb-2 {
    padding-bottom: 16px !important
}

.pb-3 {
    padding-bottom: 24px !important
}

.pb-4 {
    padding-bottom: 32px !important
}

.pb-5 {
    padding-bottom: 40px !important
}

.no-white-space {
    font-size: 0 !important
}

.no-white-space>* {
    font-size: 1rem
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.d-align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.d-flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.d-flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-none-important {
    display: none !important
}

.d-none {
    display: none
}

.d-inline {
    display: inline !important
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.d-block-on-print,
.d-inline-on-print,
.d-inline-block-on-print {
    display: none
}

@media print {
    .d-none-on-print {
        display: none
    }
    .d-block-on-print {
        display: block
    }
    .d-inline-on-print {
        display: inline
    }
    .d-inline-block-on-print {
        display: inline-block
    }
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.text-muted {
    color: #8c92a4
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-initial-link {
    cursor: pointer;
    color: initial
}

.text-initial-link:hover,
.text-initial-link:focus {
    color: initial !important
}

.text-a-link {
    cursor: pointer;
    color: #005980
}

.text-a-link:hover,
.text-a-link:focus {
    color: #1283ba !important
}

.text-blank-link {
    color: #40485B
}

.text-blank-link:hover {
    color: #40485bc2 !important
}

.text-table-link {
    color: #606266 !important
}

.text-table-link:hover {
    color: #606266b5 !important
}

.text-muted-link {
    color: #8c92a4 !important
}

.text-muted-link:hover {
    color: rgba(140, 146, 164, 0.8) !important
}

.text-disabled {
    color: #c9c9c9
}

.text-black {
    color: #000 !important
}

.text-white {
    color: #fff !important
}

.text-red {
    color: #d92b2f !important
}

.text-green {
    color: #00b400 !important
}

.text-yellow {
    color: #fbbd08
}

.text-blue {
    color: #4a90e2
}

.text-light-green {
    color: #8acf94
}

.text-orange {
    color: #fe7300
}

.text-normal {
    font-weight: normal !important
}

.text-bold {
    font-weight: bold
}

.text-monospace {
    font-family: consolas, Courier, "MS Courier New", monospace
}

.color-unset {
    color: unset !important
}

.vertical-middle {
    vertical-align: middle !important
}

.wb-keep-all {
    word-break: keep-all
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

input.placeholder__autofill-text {
    height: 0px;
    position: absolute;
    z-index: -1;
    opacity: 0
}

.fs-32 {
    font-size: 32px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-12 {
    font-size: 12px !important
}

.fw-unset {
    font-weight: unset !important
}

.fw-normal {
    font-weight: normal !important
}

.fw-bold {
    font-weight: bold !important
}

.fstyle-unset {
    font-style: unset
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-text {
    cursor: text !important
}

.cursor-default {
    cursor: default !important
}

#send-message-modal .ui.message {
    display: block
}

#send-message-modal .ui.message.hide {
    display: none
}

#send-message-modal .content-input {
    width: 100%;
    padding: 1em;
    min-height: 0;
    height: 6em
}

#send-message-modal .captcha-field {
    width: 70%
}

#send-message-modal .captcha-field .label {
    width: 120px;
    padding: 0
}

#send-message-modal .captcha-field .label img {
    height: 35px;
    margin-left: 2px;
    cursor: pointer
}

#send-message-modal .captcha-field .captcha-content img {
    width: 140px
}

.atwho-view {
    border-color: #dce3e8
}

.atwho-view li,
.atwho-view li.cur {
    color: inherit
}

.atwho-view li small,
.atwho-view li.cur small {
    color: #8c92a4
}

.atwho-view li strong,
.atwho-view li.cur strong {
    color: #fe7300
}

.atwho-view .cur {
    background: rgba(254, 115, 0, 0.1);
    border-color: #dce3e8
}

.git-avatar-container .avatar {
    float: left;
    width: 50px;
    height: 50px
}

.git-avatar-container .over-avatar {
    position: absolute;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 10;
    color: #fff
}

.git-avatar-container .over-avatar:hover {
    display: block
}

.git-avatar-container .avatar:hover+.over-avatar {
    display: block
}

.corner-mark-anchor {
    position: relative
}

.corner-mark {
    pointer-events: none;
    position: absolute;
    background: #4baf50 !important;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
    color: #fff
}

.corner-mark .icon {
    position: absolute
}

.corner-mark.mini {
    height: 12px;
    width: 12px;
    top: 11px;
    left: 14px
}

.corner-mark.mini .icon.mini {
    top: -0.5px;
    left: -2px;
    font-size: 12px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

.ui.mini.avatar.marker-popup {
    margin-right: 2px
}

#git-avatar-modal {
    width: 580px
}

#git-avatar-modal .content {
    text-align: center
}

#git-avatar-modal .content .actions {
    overflow: hidden
}

#git-avatar-modal .content .actions .zoom-group {
    display: none;
    width: 350px;
    text-align: center
}

#git-avatar-modal .content .actions .zoom-group i.fa {
    font-size: 21px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

#git-avatar-modal .content .actions .avatar-buttons {
    margin-bottom: 5px
}

#git-avatar-modal .content .actions #avatar-input {
    display: none
}

#git-avatar-modal .content .image-box {
    position: relative;
    display: inline-block;
    height: 350px;
    width: 350px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move
}

#git-avatar-modal .content .image-box .thumb-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 250px;
    margin-top: -125px;
    margin-left: -125px;
    border: 1px solid #666666;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent
}

#git-avatar-modal .content .image-box .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 350px;
    background: rgba(0, 0, 0, 0.7)
}

#git-avatar-modal .content .preview-box {
    width: 180px
}

#git-avatar-modal .content .preview-box ul {
    padding-left: 0
}

#git-avatar-modal .content .preview-box ul li+li {
    padding-top: 15px
}

#git-avatar-modal .content .preview-box .cropped {
    border-radius: 100%
}

#git-avatar-modal .content .preview-box .text-muted {
    color: gray;
    font-size: 12px
}

#git-avatar-modal.group .thumb-box,
#git-avatar-modal.enterprise .thumb-box {
    border-radius: 0 !important
}

#git-avatar-modal.group .cropped,
#git-avatar-modal.enterprise .cropped {
    border-radius: 0 !important
}

.lines.monokai .highlight ::-webkit-scrollbar-corner,
.lines.monokai .highlight ::-webkit-scrollbar-thumb:window-inactive,
.lines.solarized-dark .highlight ::-webkit-scrollbar-corner,
.lines.solarized-dark .highlight ::-webkit-scrollbar-thumb:window-inactive,
.lines.black .highlight ::-webkit-scrollbar-corner,
.lines.black .highlight ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.4)
}

.lines.monokai .highlight ::-webkit-scrollbar-thumb,
.lines.solarized-dark .highlight ::-webkit-scrollbar-thumb,
.lines.black .highlight ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.6)
}

.lines.monokai .highlight ::-webkit-scrollbar-track,
.lines.solarized-dark .highlight ::-webkit-scrollbar-track,
.lines.black .highlight ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3)
}

.datetimepicker.dropdown-menu {
    top: 100%;
    left: 0;
    position: absolute;
    z-index: 100;
    display: none;
    float: left;
    min-width: 160px;
    padding: 1.6em 1.3em;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    border-radius: 0;
    border: 0
}

.datetimepicker {
    padding: 1.7142em
}

.datetimepicker:before,
.datetimepicker:after {
    content: none
}

.datetimepicker th,
.datetimepicker td {
    padding: 5px
}

.datetimepicker th.dow {
    padding-top: 12px;
    padding-bottom: 6px;
    font-size: 14px
}

.datetimepicker span.month {
    font-size: 13px
}

.datetimepicker th.switch {
    font-size: 16px;
    font-weight: normal
}

.datetimepicker th.today {
    line-height: 1.4;
    padding-top: 6px;
    padding-bottom: 6px
}

.datetimepicker table tr td {
    width: 50px;
    height: 32px;
    position: relative
}

.datetimepicker table tr td.day {
    width: 40px;
    height: 30px;
    padding: 5px
}

.datetimepicker table tr td.day:before {
    top: 2px;
    left: 8px;
    width: 25px;
    height: 25px;
    z-index: -1;
    content: ' ';
    position: absolute;
    border-radius: 50%;
    background: transparent
}

.datetimepicker table tr td.day:hover {
    background-color: transparent
}

.datetimepicker table tr td.day:hover:before {
    background: rgba(227, 228, 235, 0.5)
}

.datetimepicker table tr td.day.disabled:hover:before {
    background-color: transparent
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #fe7300;
    background-image: none
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active .datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: transparent;
    background-image: none
}

.datetimepicker table tr td.active:active.day:before,
.datetimepicker table tr td.active:hover:active.day:before,
.datetimepicker table tr td.active.disabled:active .datetimepicker table tr td.active.disabled:hover:active.day:before,
.datetimepicker table tr td.active.active.day:before,
.datetimepicker table tr td.active:hover.active.day:before,
.datetimepicker table tr td.active.disabled.active.day:before,
.datetimepicker table tr td.active.disabled:hover.active.day:before {
    background: #fe7300
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    color: #DEDEDF
}

.datetimepicker .datetimepicker-days {
    margin: -6px -16px
}

.datetimepicker.datetimepicker-dropdown-top-left {
    margin-top: -1rem
}

.daterangepicker {
    -webkit-box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    border-radius: 0;
    border: 0
}

.daterangepicker .daterangepicker_input {
    display: none
}

.daterangepicker .ranges {
    float: none;
    text-align: center
}

.daterangepicker tbody tr td.in-range {
    background-color: #FDF5E6
}

.daterangepicker tbody tr td.active {
    background-color: #fe7300 !important
}

.daterangepicker thead th.month {
    font-weight: normal;
    font-size: 16px
}

.daterangepicker thead tr:last-child th {
    padding-top: 12px;
    padding-bottom: 6px;
    font-size: 14px
}

.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #fff;
    background-color: rgba(254, 115, 0, 0.6) !important
}

.typeahead,
.tt-hint {
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #024e6a;
    border-radius: 8px;
    outline: none
}

.typeahead {
    background-color: #fff
}

.tt-hint {
    color: #999999
}

.tt-dropdown-menu {
    width: 100%;
    max-height: 750px;
    overflow-y: auto;
    margin-top: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.tt-suggestion {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 18px
}

.tt-suggestion+.tt-suggestion {
    font-size: 14px;
    border-top: 1px solid #f5f5f5
}

.twitter-typeahead .tt-suggestion.tt-cursor {
    color: #03739c;
    background-color: #fafafa;
    cursor: pointer
}

.dropzone.custom-dropzone {
    padding: 10px;
    min-height: 0;
    border: 2px dashed #dce3e8;
    background: #fbfbfb
}

.dropzone.custom-dropzone .dz-preview {
    margin: 10px;
    z-index: 10
}

.dropzone.custom-dropzone .dz-preview:hover {
    z-index: 10
}

.dropzone.custom-dropzone .dz-preview .dz-image {
    border-radius: 4px;
    background: #eee;
    border: 1px solid #dce3e8
}

.dropzone.custom-dropzone .dz-preview:hover .dz-image img {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.markdown-body {
    font-size: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 1.6
}

.markdown-body table {
    word-break: initial
}

.markdown-body ol,
.markdown-body ul {
    padding-bottom: 1px
}

.markdown-body ol>li {
    list-style: decimal
}

.markdown-body ul>li {
    list-style: initial
}

.markdown-body a {
    word-wrap: break-word
}

.markdown-body p {
    line-height: 1.6;
    word-break: break-word
}

.markdown-body pre {
    font-size: 14px
}

.markdown-body img:not(.emoji) {
    max-width: 100%;
    cursor: pointer;
    background-color: #fff;
    display: inline-block !important
}

.markdown-body .gitee-md-video,
.markdown-body .gitee-md-audio {
    max-width: 100%;
    max-height: 400px
}

.markdown-body .markdown-code-block {
    position: relative
}

.markdown-body .markdown-code-block pre {
    min-height: 52px
}

.markdown-body .markdown-code-block .popup {
    opacity: 0
}

.markdown-body .markdown-code-block-copy-btn {
    font-size: 14px;
    font-family: iconfont;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #dce3e8;
    background: #f6f8fa;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    color: #8c92a4;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.markdown-body .markdown-code-block-copy-btn:before {
    content: "\e67e"
}

.markdown-body .markdown-code-block:hover .markdown-code-block-copy-btn {
    opacity: 1
}

.markdown-body .markdown-code-block:hover .popup {
    opacity: 1
}

.markdown-body .markdown-code-block-copy-btn:hover {
    color: #000000
}

.markdown-body .markdown-code-block-copy-btn.success:before {
    content: "\e6ab"
}

.markdown-body .markdown-code-block-copy-btn.success {
    color: #00b400;
    border: 1px solid #00b400
}

.quote-title {
    color: #8c92a4
}

.quote-title p {
    margin-bottom: 0
}

.quote-title a {
    color: #8c92a4
}

.md-editor .md-full-preview,
.md-editor .md-preview {
    font-size: 14px
}

.md-editor .md-full-preview h1,
.md-editor .md-full-preview h2,
.md-editor .md-full-preview h3,
.md-editor .md-full-preview h4,
.md-editor .md-full-preview h5,
.md-editor .md-full-preview h6,
.md-editor .md-preview h1,
.md-editor .md-preview h2,
.md-editor .md-preview h3,
.md-editor .md-preview h4,
.md-editor .md-preview h5,
.md-editor .md-preview h6 {
    margin: 20px 0 10px !important;
    padding: 0 !important
}

.md-editor .md-full-preview h2,
.md-editor .md-preview h2 {
    font-size: 24px !important
}

.md-editor .md-full-preview h6,
.md-editor .md-preview h6 {
    color: #777
}

.md-editor .md-full-preview blockquote,
.md-editor .md-preview blockquote {
    border-left: 4px solid #DDD !important;
    padding: 0 15px !important;
    background-color: initial !important;
    color: #777
}

.md-editor .md-full-preview .task-list,
.md-editor .md-preview .task-list {
    margin-top: 0px
}

.md-editor:hover {
    border-color: #ced0da
}

.md-editor.active {
    border-color: rgba(254, 115, 0, 0.5)
}

.md-editor.md-editor-preview button[data-handler="bootstrap-markdown-cmdPreview"] {
    background-color: #fe7300 !important;
    color: #fff !important
}

.monaco-editor-container {
    height: 480px;
    border: 1px solid #e0e0e0
}

.monaco-editor-container .monaco-editor.vs .line-numbers {
    color: #999
}

.monaco-editor-container .monaco-editor.vs .view-overlays .current-line {
    border: none
}

.monaco-editor-container .monaco-editor.vs .inputarea:focus {
    border: none
}

.monaco-editor-container .monaco-editor .inputarea {
    width: 1px;
    height: 1px;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    outline: none !important;
    resize: none;
    border: none;
    overflow: hidden
}

#upgrade-to-group input[type='text'] {
    padding-top: .642857143em;
    padding-bottom: .642857143em;
    line-height: 1.42857143em
}

#upgrade-to-group .upgrade-description {
    margin-top: 0.67861em;
    color: rgba(0, 0, 0, 0.45)
}

#upgrade-to-group .labeled.input .label {
    width: 20%
}

#upgrade-to-group .label.captcha {
    padding: 0;
    cursor: pointer
}

#upgrade-to-group .label.captcha img {
    height: 20px
}

#upgrade-to-group .field.graph-captcha {
    position: relative
}

#upgrade-to-group .field.graph-captcha i.icon {
    right: 140px
}

#upgrade-to-group .field.graph-captcha .label {
    padding: 0;
    background: none
}

#upgrade-to-group .field.graph-captcha .captcha_img {
    border: 1px solid #ddd;
    border-left: none;
    height: 40px
}

#upgrade-to-group .field.enterprise-path input {
    padding-left: 0.678em !important
}

#upgrade-to-group #send-sms-btn {
    line-height: 1.2
}

#upgrade-to-group .field .label-title {
    width: 120px;
    padding-top: 10px;
    padding-right: 5px;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    color: #40485b
}

#upgrade-to-group .input.wrapper {
    position: relative;
    width: 70%;
    vertical-align: top;
    display: inline-block
}

#upgrade-to-group .input.wrapper .selection {
    width: 100%
}

#upgrade-to-group .field .ui.loader {
    top: 6px;
    left: auto;
    right: -32px;
    position: absolute
}

#upgrade-to-group .field .check.result {
    top: 0;
    right: -34px;
    position: absolute
}

.form-with-gravatar .snippet-desc {
    padding: 8px 0;
    color: #40485b;
    font-size: 12px
}

.form-with-gravatar .avatar.image {
    padding: 0;
    width: 24px;
    height: 24px;
    overflow: unset
}

.form-with-gravatar .note-form-body {
    margin-left: 3rem
}

.common-note-form .note-actions,
.form-with-gravatar .note-actions {
    text-align: left;
    margin-top: 1rem;
    padding-right: 1px
}

.common-note-form .note-actions .button,
.form-with-gravatar .note-actions .button {
    min-width: 75px;
    margin-right: 8px
}

.common-note-form .note-actions .button:last-child,
.form-with-gravatar .note-actions .button:last-child {
    margin-right: 0
}

.common-note-form .md-editor>textarea,
.form-with-gravatar .md-editor>textarea {
    background: #fff;
    border: 0
}

.common-note-form .md-editor>.md-header,
.form-with-gravatar .md-editor>.md-header {
    padding: 9px 4px;
    background: #fff
}

.ui.comments>.comment>.form-with-gravatar {
    position: static;
    padding: 1em;
    padding-left: 3.5em
}

.ui.comments>.comment>.form-with-gravatar img.avatar {
    width: 1.9em;
    height: 1.9em
}

.ui.comments>.comment>.form-with-gravatar .note-form-body {
    margin-left: 1.2em
}

.ui.comments>.comment .comment {
    padding-bottom: 0
}

.ui.comments>.comment .comment.sub {
    margin-left: 3.5em;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.comments>.comment .comment.sub>.avatar {
    width: 1.9em;
    height: 1.9em
}

.ui.comments>.comment .comment.sub>.avatar~.content {
    margin-left: 2.7em
}

.ui.comments .comment-unit.comment-focus {
    margin: 8px;
    background: #ffffff;
    border: 1px solid rgba(254, 116, 0, 0.4);
    -webkit-box-shadow: 0 0 6px 2px rgba(254, 116, 0, 0.25);
    box-shadow: 0 0 6px 2px rgba(254, 116, 0, 0.25);
    border-radius: 4px;
    padding: 16px !important
}

#git-issue .js-main-target-form .form-with-gravatar .avatar.image {
    width: 2.5em;
    height: 2.5em;
    float: left
}

.ent-dashboard-page .form-with-gravatar .note-form-body {
    margin-left: 2.7em !important
}

.ent-dashboard-page .comments-wrapper+.form-with-gravatar .note-form-body,
.ent-dashboard-page .shadow-dropzone+.form-with-gravatar .note-form-body,
.ent-dashboard-page .bottom-comment-form .form-with-gravatar .note-form-body {
    margin-left: 3rem !important
}

.ent-dashboard-page .comments-wrapper+.form-with-gravatar .image.avatar,
.ent-dashboard-page .shadow-dropzone+.form-with-gravatar .image.avatar,
.ent-dashboard-page .bottom-comment-form .form-with-gravatar .image.avatar {
    margin-top: 1px !important;
    float: left;
    width: 35px !important;
    height: 35px !important
}

.ent-dashboard-page .comment.note {
    padding: 16px !important
}

.ent-dashboard-page .comments-wrapper .snippet-desc {
    padding-top: 4px;
    padding-bottom: 14px;
    color: #40485b;
    font-size: 12px
}

.ent-dashboard-page .comments-wrapper .snippet-desc .iconfont.icon-comment {
    margin-top: -1px;
    margin-right: 9px;
    color: #8c92a4;
    font-size: 14px
}

.ent-dashboard-page .comments-wrapper .snippet-desc .content {
    padding: 6px 10px;
    border-radius: 14px;
    background: #f7f7f7
}

.ent-dashboard-page .snippet-desc+a.avatar .avatar.image {
    width: unset !important;
    height: unset !important
}

.ent-dashboard-page .common-note-form {
    margin-top: 8px
}

.pull-request-details .ui.comments .comment.comment-focus:after {
    left: 8px;
    right: 8px
}

#git-footer-main {
    color: #9d9d9d;
    background: #fbfbfb;
    border-top: 1px solid #e3e9ed;
    min-width: 1240px;
    margin: 48px 0 0 0
}

#git-footer-main .ui.container {
    width: 1240px
}

#git-footer-main .logo-row {
    margin: 3px 0;
    height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-footer-main .logo-row .logo-img {
    width: 189px;
    height: 51px
}

#git-footer-main .name-important {
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    margin: 8px 0 16px 0
}

#git-footer-main a {
    color: #9d9d9d !important
}

#git-footer-main a:hover {
    color: #5d5d5d !important
}

#git-footer-main a:active {
    color: #005980
}

#git-footer-main p {
    line-height: 0.45
}

#git-footer-main .ui.link.list .item a,
#git-footer-main .ui.link.list .item {
    line-height: 2;
    padding: 0
}

#git-footer-main .ui.link.list .item a:hover,
#git-footer-main .ui.link.list .item:hover {
    color: #5d5d5d !important
}

#git-footer-main .container:before {
    display: none
}

#git-footer-main .container:after {
    display: none
}

#git-footer-main>.container {
    padding-top: 1.4286em;
    padding-bottom: 1.4286em
}

#git-footer-main .bottombar {
    background: #222;
    line-height: 42px
}

#git-footer-main .bottombar .column {
    padding-top: 0;
    padding-bottom: 0
}

#git-footer-main .bottombar .column.partner {
    height: 42px
}

#git-footer-main .bottombar .partner .report-12377 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 42px
}

#git-footer-main .bottombar .partner .report-12377 .report-12377__logo {
    width: 21px;
    height: 18px
}

#git-footer-main .bottombar .partner .open-atom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 42px
}

#git-footer-main .bottombar .partner .open-atom .logo-openatom {
    width: 21px;
    height: 21px
}

#git-footer-main .bottombar .copyright {
    padding-right: 10px
}

#git-footer-main.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0
}

#git-footer-main .column.followus {
    line-height: 42px
}

#git-footer-main .column.followus>.qrcode {
    text-align: center;
    vertical-align: top;
    display: inline-block
}

#git-footer-main .column.followus>.qrcode img {
    width: 80px;
    height: 80px
}

#git-footer-main .column.followus .qrcode.weibo {
    margin-left: 50px
}

#git-footer-main .is-en .git-footer-left {
    width: 65%
}

#git-footer-main .is-en .git-footer-right {
    width: 35%
}

#git-footer-main .git-footer-right .mini_app {
    margin-right: 24px
}

.site-content {
    min-height: calc(100vh - 323px);
    border-bottom: 1px solid transparent
}

#remove-bulletin,
#remove-member-bulletin,
#remove-gift-bulletin,
#remove-group-bulletin,
#remove-review-bulletin {
    float: right;
    cursor: pointer
}

header.enterprise img.image.enterprise {
    margin-left: 0
}

.ui.grid.fixed-notice-infos {
    margin: 0 auto
}

.ui.grid.fixed-notice-infos>.column {
    padding-top: 0;
    padding-bottom: 0
}

.fixed-notice-infos {
    text-align: center
}

.fixed-notice-infos .message {
    margin: -1px 0 0 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flash-messages {
    text-align: left
}

.flash-messages .message {
    width: 320px;
    padding-right: 40px
}

.flash-messages span {
    word-break: break-all
}

.fixed-notice-infos.mobile {
    padding: 0 1rem
}

.fixed-notice-infos.mobile .flash-messages {
    position: relative
}

.fixed-notice-infos.mobile .flash-messages .ui.message {
    width: 100%
}

#messages-container {
    position: fixed;
    right: 10px;
    top: 25px;
    z-index: 2002;
    min-width: 250px
}

@media only screen and (max-width: 77.5em) {
    body.responsive-body>#git-header-nav.common-header .ui.container {
        width: 1040px
    }
}

@media only screen and (max-width: 65em) {
    body.responsive-body>#git-header-nav.common-header {
        height: auto !important
    }
    body.responsive-body>#git-header-nav.common-header .ui.container {
        width: 100%;
        min-width: 100%;
        padding: 0 14px
    }
    body.responsive-body>#git-header-nav.common-header .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    body.responsive-body>#git-header-nav.common-header .header-menu>.item {
        display: none
    }
    body.responsive-body>#git-header-nav.common-header .header-menu #navbar-search-form {
        display: none
    }
    body.responsive-body>#git-header-nav.common-header .git-nav-expand-bar {
        font-size: 20px;
        padding: 9px 0
    }
    body.responsive-body>#git-header-nav.common-header .gitosc-logo {
        display: none !important
    }
    body.responsive-body>#git-header-nav.common-header .responsive-logo {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        display: block;
        text-align: center
    }
    body.responsive-body>#git-header-nav.common-header .git-nav-expand-bar {
        display: inline-block
    }
    body.responsive-body>#git-header-nav.common-header #my-gitee-dropdown {
        display: none !important
    }
    body.responsive-body>#git-header-nav.common-header #git-nav-user-bar {
        min-width: 18px
    }
    body.responsive-body>#git-header-nav.common-header #git-nav-user-bar>*:not(#notice-dropdown) {
        display: none
    }
    body.responsive-body>#git-header-nav.common-header #notice-dropdown {
        padding: 8px 0 !important
    }
}

@media only screen and (max-width: 34em) {
    body.responsive-body>#git-header-nav.common-header {
        padding-left: 0;
        padding-right: 0
    }
    body.responsive-body>#git-header-nav.common-header .git-nav-expand-bar {
        font-size: 14px;
        padding: 12px 0
    }
    body.responsive-body>#git-header-nav.common-header .responsive-logo {
        padding: 6px 8px
    }
    body.responsive-body>#git-header-nav.common-header .responsive-logo .image {
        height: 30px
    }
    body.responsive-body>#git-header-nav.common-header #git-nav-user-bar .item {
        padding: 5px 8px
    }
}

#git-header-nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    z-index: 1002;
    padding: 0 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: fixed;
    background-color: #303643 !important;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

#git-header-nav #notice-dropdown {
    position: relative
}

#git-header-nav #notice-dropdown.hoverable {
    background: #40485b !important
}

#git-header-nav #notice-dropdown.loading .notice-dropdown-panel-header .tab {
    cursor: default
}

#git-header-nav #notice-dropdown.loading .notice-dropdown-panel-container {
    min-height: 100px
}

#git-header-nav #notice-dropdown.loading .notice-dropdown-panel-container .dimmer.over {
    display: block
}

#git-header-nav #notice-dropdown.loading .notice-dropdown-panel-container .notice-list {
    display: none
}

#git-header-nav #notice-dropdown.loading .notice-dropdown-panel-blank {
    display: none
}

#git-header-nav #notice-dropdown.loading .mark-notices {
    display: none
}

#git-header-nav #notice-dropdown.empty .notice-dropdown-panel-container {
    min-height: 100px
}

#git-header-nav #notice-dropdown.empty .notice-dropdown-panel-container .dimmer.over {
    display: none
}

#git-header-nav #notice-dropdown.empty .notice-dropdown-panel-container .notice-list {
    display: none
}

#git-header-nav #notice-dropdown.empty .notice-dropdown-panel-blank {
    display: block
}

#git-header-nav #notice-dropdown.empty .mark-notices {
    display: none
}

#git-header-nav #notice-dropdown.shown .notice-dropdown-panel-container .notice-list {
    display: block
}

#git-header-nav #notice-dropdown.shown .notice-dropdown-panel-blank {
    display: none
}

#git-header-nav #notice-dropdown.shown .mark-notices {
    display: block
}

#git-header-nav #notice-dropdown .notice-count {
    display: none;
    position: absolute;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    text-align: center;
    background-color: #d92b2f;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    z-index: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

#git-header-nav #notice-dropdown .notice-count.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-header-nav #notice-dropdown .remind-button {
    color: #8c92a4;
    position: relative
}

#git-header-nav #notice-dropdown .remind-button:hover {
    color: #aeb2bf
}

#git-header-nav #notice-dropdown .remind-button:active {
    color: #777c8b
}

#git-header-nav #notice-dropdown .remind-button .notice-count {
    top: -8px;
    left: 11px
}

#git-header-nav #notice-dropdown .notice-dropdown-panel {
    width: 366px;
    padding: 0;
    position: absolute;
    right: 0;
    left: auto;
    color: #fff;
    line-height: 1.75;
    background: #40485b;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(82, 185, 198, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(82, 185, 198, 0.1)
}

#git-header-nav #notice-dropdown .notice-dropdown-panel .notice-count {
    top: -4px;
    left: 80%
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-header .tab {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background: #343b4e;
    cursor: pointer
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-header .tab.active {
    background: none
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-header .tab .content {
    position: relative;
    display: inline-block
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container {
    position: relative;
    max-width: 100%;
    cursor: default;
    font-weight: normal;
    background: none;
    padding: 0 !important
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container:hover {
    background: none
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .dimmer {
    display: none;
    background: rgba(64, 72, 91, 0.8)
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .notice-list {
    overflow: hidden
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .notice-list .noti {
    display: block;
    padding: 11px 24px
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .notice-list .noti.read {
    opacity: .5
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .notice-list .noti:hover {
    background: #374053
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .notice-list .noti .title {
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #D8DADE
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-container .notice-list .noti .meta {
    padding-top: 2px;
    color: #767E8C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-blank {
    text-align: center;
    padding-top: 36px
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-footer .action {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 24px;
    -webkit-box-shadow: inset 0 1px 0 0 #515A6D;
    box-shadow: inset 0 1px 0 0 #515A6D
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-footer .action .side {
    line-height: 1
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-footer .action .side a {
    color: #8c92a4
}

#git-header-nav #notice-dropdown .notice-dropdown-panel-footer .action .side a:hover {
    color: #aeb2bf
}

#git-header-nav #feature-update-notice {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 12px 8px
}

#git-header-nav #feature-update-notice .notice-update-icon {
    width: 18px;
    height: 22px
}

#git-header-nav #feature-update-notice .bubl_icon {
    vertical-align: top
}

#git-header-nav #feature-update-notice .bubl-on-icon,
#git-header-nav #feature-update-notice .bubl-onwhite-icon {
    display: none
}

#git-header-nav #feature-update-notice .notic-popup {
    display: none;
    position: absolute;
    top: 100%;
    width: 100px;
    height: 50px;
    background: #41485B;
    text-align: center;
    left: -25px;
    margin: auto;
    padding-top: 10px
}

#git-header-nav #feature-update-notice .feature-update-notice-panel {
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: -122px;
    padding: 16px;
    width: 272px;
    background: #41485B;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
    box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px 0px rgba(9, 30, 66, 0.31)
}

#git-header-nav #feature-update-notice .notice-img {
    width: 240px;
    height: 128px;
    background: #343B4E;
    border-radius: 1px
}

#git-header-nav #feature-update-notice .notice-img-show {
    width: 240px;
    height: 128px
}

#git-header-nav #feature-update-notice .notice-update-title {
    margin-top: 18px;
    height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #FEFEFE;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#git-header-nav #feature-update-notice .notice-update-des {
    margin-top: 8px;
    width: 240px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    overflow-y: auto;
    word-wrap: break-word
}

#git-header-nav #feature-update-notice .notice-update-des p {
    word-wrap: break-word;
    width: 100%;
    word-break: break-all;
    white-space: normal;
    margin-bottom: 8px
}

#git-header-nav #feature-update-notice .notice-update-des ul {
    padding: 0 0 0 16px !important;
    margin: 0 !important;
    line-height: 6px
}

#git-header-nav #feature-update-notice .notice-update-des ul li {
    list-style: disc;
    word-wrap: break-word;
    width: 100%;
    word-break: break-all;
    white-space: normal;
    line-height: initial;
    margin-top: 5px
}

#git-header-nav #feature-update-notice .notice-btn-list {
    margin-top: 24px
}

#git-header-nav #feature-update-notice .notice-btn-list .btn-notice {
    width: 116px;
    height: 32px;
    border-radius: 3px
}

#git-header-nav #feature-update-notice .notice-btn-list .btn-knowed {
    background: #343B4E;
    border: 1px solid #FE7201;
    color: #FE7201
}

#git-header-nav #feature-update-notice .notice-btn-list .btn-details {
    background: #FE7201;
    color: #FFFFFF
}

#git-header-nav #feature-update-notice .ui.popup,
#git-header-nav #feature-update-notice .ui.popup:before {
    background: #343B4E;
    color: #FFFFFF
}

#git-header-nav #feature-update-notice .menu>.item {
    display: none !important
}

#git-header-nav #feature-update-notice .menu>.item:hover {
    display: none !important
}

#git-header-nav .role-permission {
    padding: 6px 0 !important
}

#git-header-nav .role-permission .state-active,
#git-header-nav .role-permission .state-active:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold
}

#git-header-nav .role-permission a {
    color: rgba(255, 255, 255, 0.8);
    margin-right: 10px
}

#git-header-nav .role-permission a .ui.image {
    margin-right: 12px;
    width: auto;
    height: 34px;
    display: inline-block
}

#git-header-nav .role-permission a:hover {
    color: rgba(255, 255, 255, 0.9);
    background: transparent
}

#git-header-nav .git-header {
    padding: 0 8px
}

#git-header-nav #git-nav-create .icon-enterprise,
#git-header-nav #git-nav-create .icon-logo_csdn {
    font-size: 1em
}

#git-header-nav .userbar .ui.circular.label {
    min-height: 0.5em !important;
    line-height: 1.4 !important;
    border-radius: 500rem !important
}

#git-header-nav .userbar .ui.avatar.image {
    width: 25px;
    height: 25px;
    margin-top: -3px
}

#git-header-nav input {
    padding: .65em 1em
}

#git-header-nav .search {
    line-height: 1
}

#git-header-nav #login-info .circular.image {
    margin-left: 0.75rem;
    margin-top: 0.25rem
}

#git-header-nav .profile-pic {
    padding: 3px 10px
}

#git-header-nav .unread {
    position: absolute;
    top: 13px;
    left: 27px;
    width: 8px;
    height: 8px;
    background: #f65645;
    border: 1px solid white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 5px
}

#git-header-nav .gitosc-logo {
    font-weight: bold;
    font-size: 1.05rem;
    padding-left: 0.5rem
}

#git-header-nav.floating {
    -webkit-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.6)
}

#git-header-nav>.ui.container {
    width: 1240px
}

#git-header-nav .ui.menu .item:before {
    background: transparent
}

#git-header-nav .ui.menu {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

#git-header-nav .ui.menu::after {
    display: inline-block
}

#git-header-nav .ui.menu .enterprise-logo-link {
    color: #fff
}

#git-header-nav .ui.menu img.image.enterprise {
    max-height: 26px
}

#git-header-nav .ui.menu .enterprise-name {
    color: #fff;
    font-weight: normal
}

#git-header-nav .ui.menu .item.header {
    margin-left: 0
}

#git-header-nav .ui.menu .ui.dropdown .right.menu {
    left: auto;
    right: 0
}

#git-header-nav .ui.menu>.item {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    padding: 10px 15px;
    line-height: 26px;
    margin: 0
}

#git-header-nav .ui.menu>.item:nth-child(2) {
    margin-left: 25px
}

#git-header-nav .ui.menu>.item.text {
    padding-left: .5em;
    padding-right: .5em;
    margin-left: 5px
}

#git-header-nav .ui.menu>.item i.dropdown.icon {
    line-height: 30px;
    margin: 0 0 0 4px
}

#git-header-nav .ui.menu>.item.state-active,
#git-header-nav .ui.menu>.item.state-active:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold
}

#git-header-nav .ui.menu>.item.active.visible,
#git-header-nav .ui.menu>.item.active.visible:hover {
    color: #fff;
    font-weight: normal;
    background: #40485b
}

#git-header-nav .ui.menu>.item:hover {
    color: rgba(255, 255, 255, 0.9);
    background: transparent
}

#git-header-nav .ui.menu>.item:active {
    color: rgba(255, 255, 255, 0.7)
}

#git-header-nav .ui.menu>.item.gitosc-logo {
    padding: 0;
    margin: 0;
    max-width: 189px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: clip;
    border-radius: 0;
    position: relative
}

#git-header-nav .ui.menu>.item.gitosc-logo img.image {
    width: 189px;
    height: 51px
}

#git-header-nav .ui.menu>.item.gitosc-logo img.black.image {
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute
}

#git-header-nav .ui.menu sup.ui.red.label {
    top: 4px;
    right: -8px;
    margin: 0;
    z-index: 10;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    padding: 2px 4px;
    border-radius: 2px;
    background-color: #c71d24 !important
}

#git-header-nav .userbar>.item {
    margin: 0 2px;
    opacity: 1;
    padding: 10px 8px;
    line-height: 26px;
    color: #8c92a4
}

#git-header-nav .userbar>.item:hover {
    background: transparent;
    color: #aeb2bf
}

#git-header-nav .userbar>.item:active {
    color: #777c8b
}

#git-header-nav .userbar>.item.active.visible,
#git-header-nav .userbar>.item.active.visible:hover {
    background: #40485b
}

#git-header-nav .userbar>.item .iconfont {
    font-size: 1.43em
}

#git-header-nav .userbar>.item i.dropdown.icon {
    margin: 0;
    line-height: 25px
}

#git-header-nav .userbar>.item .icon-snippet2 {
    font-size: 12px;
    color: #fff;
    margin-right: 1em;
    padding-top: 2px
}

#git-header-nav .userbar>.item .icon-ic-gist {
    font-size: 12px;
    margin-right: 0.8em;
    -webkit-transform: scale(0.9) translateX(-2px);
    transform: scale(0.9) translateX(-2px);
    position: relative
}

#git-header-nav .userbar>.item:last-child {
    padding-right: 2px
}

#git-header-nav .ui.dropdown>.menu {
    color: #fff;
    font-size: 1rem;
    line-height: 1.75;
    padding: 8px 0;
    background: #40485b;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(82, 185, 198, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(82, 185, 198, 0.1);
    border-radius: 0;
    border: 0
}

#git-header-nav .ui.dropdown>.menu .header {
    color: rgba(255, 255, 255, 0.3);
    font-weight: normal;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 10px 18px 2px 18px;
    padding: 5px 0;
    line-height: 18px
}

#git-header-nav .ui.dropdown>.menu .header a {
    color: rgba(255, 255, 255, 0.3)
}

#git-header-nav .ui.dropdown>.menu .header a:hover {
    color: #fff
}

#git-header-nav .ui.dropdown>.menu .header:first-child {
    margin-top: 0
}

#git-header-nav .ui.dropdown>.menu .ui.dimmer {
    background: rgba(64, 72, 91, 0.8)
}

#git-header-nav .ui.dropdown>.menu p {
    margin: 0 0 .8333em 0;
    padding: 4px 18px
}

#git-header-nav .ui.dropdown>.menu p:last-child {
    margin: 0
}

#git-header-nav .ui.dropdown>.menu .divider {
    border-color: #364056;
    margin: 0.5em 18px
}

#git-header-nav .ui.dropdown>.menu .actions {
    font-size: 1rem
}

#git-header-nav .ui.dropdown>.menu .actions a {
    color: #8c92a4
}

#git-header-nav .ui.dropdown>.menu .actions a:hover {
    color: #aeb2bf
}

#git-header-nav .ui.dropdown>.menu .actions a:active {
    color: #626672
}

#git-header-nav .ui.dropdown>.menu .actions a {
    margin-right: 20px
}

#git-header-nav .ui.dropdown>.menu .actions a:last-child {
    margin-right: 0
}

#git-header-nav .ui.dropdown>.menu>.item {
    color: #d8dade;
    line-height: 1.75;
    padding: 0.5em 1.5em !important
}

#git-header-nav .ui.dropdown>.menu>.item .mayun-icon {
    top: -1px;
    margin-right: 1em
}

#git-header-nav .ui.dropdown>.menu>.item .iconfont.icon-ic-home {
    font-size: 1.25em;
    width: 14px;
    margin-right: 14px;
    margin-left: -2px;
    line-height: 0;
    margin-top: -1px;
    vertical-align: middle
}

#git-header-nav .ui.dropdown>.menu>.item .icon-star {
    width: 14px;
    font-size: 1em;
    margin-right: 12px;
    vertical-align: middle;
    line-height: 0;
    margin-top: -2px
}

#git-header-nav .ui.dropdown>.menu>.item:hover {
    color: #fff;
    background: #343b4e
}

#git-header-nav .ui.dropdown a {
    color: #fff
}

#git-header-nav .ui.dropdown a:hover {
    color: rgba(255, 255, 255, 0.8)
}

#git-header-nav .ui.dropdown a:active {
    color: rgba(255, 255, 255, 0.6)
}

#git-header-nav .ui.dropdown .fixed-width {
    width: 208px
}

#git-header-nav .ui.dropdown .fixed-width .item {
    text-overflow: ellipsis;
    overflow: hidden
}

#git-header-nav .ui.search>.results {
    margin-top: 1px;
    padding: 8px 0;
    color: #fff;
    width: 100%;
    font-size: 1rem;
    line-height: 1.75;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(82, 185, 198, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(82, 185, 198, 0.1);
    background: #40485b
}

#git-header-nav .ui.search>.results .result {
    padding: .5em 1em;
    color: #fff;
    line-height: 1.75;
    border-color: #364056
}

#git-header-nav .ui.search>.results .result .iconfont {
    font-size: 1em
}

#git-header-nav .ui.search>.results .result .description {
    color: #fff;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#git-header-nav .ui.search>.results .result b.hl {
    color: #fe7300
}

#git-header-nav .ui.search>.results .result:hover,
#git-header-nav .ui.search>.results .result.active {
    color: #fff;
    background: #343b4e
}

#git-header-nav #navbar-search-form {
    padding: 0;
    width: auto;
    color: #fff;
    font-size: 14px;
    border: 1px solid #8c92a4;
    border-radius: 3px;
    margin-right: 8px
}

#git-header-nav #navbar-search-form .ui.search {
    width: 200px;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

@media screen and (min-width: 1200px) {
    #git-header-nav #navbar-search-form .ui.search.focus {
        width: 290px
    }
}

@media screen and (max-width: 1100px) {
    #git-header-nav #navbar-search-form .ui.search {
        width: 135px
    }
}

#git-header-nav #navbar-search-form .ui.search>input.prompt {
    padding: 5px 8px;
    width: 100%;
    color: #fff;
    border: 0;
    background: inherit
}

#git-header-nav input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.5;
    font-weight: 300
}

#git-header-nav input:-ms-input-placeholder {
    color: #fff;
    opacity: 0.5;
    font-weight: 300
}

#git-header-nav input::-moz-placeholder {
    color: #fff;
    opacity: 0.5;
    font-weight: 300
}

#git-header-nav input:-moz-placeholder {
    color: #fff;
    opacity: 0.5;
    font-weight: 300
}

#git-header-nav .search.link.icon {
    color: #fff
}

#git-header-nav.navbar-immersive,
#git-header-nav.navbar-immersive-dark {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent !important
}

#git-header-nav.navbar-immersive-dark .ui.menu>.item {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark .ui.menu>.item:hover {
    color: rgba(64, 72, 91, 0.8)
}

#git-header-nav.navbar-immersive-dark .ui.menu>.item:active {
    color: rgba(64, 72, 91, 0.6)
}

#git-header-nav.navbar-immersive-dark .ui.dropdown>a,
#git-header-nav.navbar-immersive-dark .ui.menu>.item.state-active {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark .ui.active.visible.dropdown>a {
    color: #fff
}

#git-header-nav.navbar-immersive-dark .ui.dropdown.loading .dropdown.icon::before {
    border-color: #bbb
}

#git-header-nav.navbar-immersive-dark #navbar-search-form .input>input {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark input::-webkit-input-placeholder {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark input:-ms-input-placeholder {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark input::-moz-placeholder {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark input:-moz-placeholder {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark input {
    color: #555 !important;
    border-color: #BEBEBE !important
}

#git-header-nav.navbar-immersive-dark input:focus {
    border-color: #8c92a4 !important
}

#git-header-nav.navbar-immersive-dark .search.link.icon {
    color: #40485b
}

#git-header-nav.navbar-immersive-dark .gitosc-logo .image {
    opacity: 0 !important
}

#git-header-nav.navbar-immersive-dark .gitosc-logo .black.image {
    opacity: 1 !important
}

#git-header-nav.navbar-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

#git-header-nav.common-header .header-container {
    position: relative
}

#git-header-nav.common-header .right-header {
    position: absolute;
    right: 0;
    top: 0
}

#git-header-nav.common-header .ui.menu>.item {
    margin: 10px 13px;
    padding: 0
}

#git-header-nav.common-header .ui.menu>.item:first-child {
    margin: 0 15px 0 0
}

#git-header-nav.common-header .ui.menu>.item.gitosc-logo {
    margin: 0 32px;
    margin-left: 0
}

#git-header-nav.common-header .ui.menu sup.ui.red.label {
    top: -6px;
    right: -23px
}

#git-header-nav.common-header .ui.menu>.ui.dropdown {
    padding: 10px 15px;
    margin: 0
}

#git-header-nav.common-header #gitee-blog {
    margin: 0;
    padding: 10px 15px
}

#my-gitee-dropdown.ui.dropdown.loading .dropdown.icon {
    top: 4px;
    position: relative;
    padding: 10px !important
}

#my-gitee-dropdown.ui.dropdown.loading .dropdown.icon::before {
    border-color: rgba(255, 255, 255, 0.1)
}

#my-gitee-dropdown.ui.dropdown.loading .dropdown.icon::after {
    border-top-color: #eee
}

#my-gitee-dropdown.ui.dropdown>.menu {
    min-width: 256px;
    padding: 16px 0
}

#my-gitee-dropdown.ui.dropdown>.menu>.item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 320px;
    padding: 6px 18px !important;
    line-height: 20px
}

#my-gitee-dropdown.ui.dropdown>.menu .header {
    margin-left: 18px;
    margin-right: 18px
}

.gitosc-nav {
    position: relative;
    background: #303643 !important
}

.gitosc-nav .gitosc-logo>a {
    color: #000;
    font-size: 12px;
    padding-top: 3px
}

.gitosc-nav .gitosc-logo>a img {
    height: 30px;
    margin: 12px
}

.gitosc-nav .search {
    top: 0;
    right: 0;
    position: absolute;
    margin-top: 12px;
    margin-right: 18px
}

.gitosc-nav .search #projects-search:before {
    margin-top: -0.6em
}

.gitosc-nav .entry {
    margin-top: 19px
}

.gitosc-nav .entry a.item {
    color: #8c92a4;
    font-size: 18px
}

body.mobile .gitosc-nav {
    text-align: center
}

@media screen and (max-width: 360px) {
    .gitosc-nav #navbar-search-form {
        width: 80%
    }
}

#home-index header.navbar-immersive .ui.menu .item {
    color: rgba(0, 0, 0, 0.8) !important
}

#home-index header.navbar-immersive .ui.menu .item:hover {
    color: black !important
}

#home-index header.navbar-immersive.floating {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#home-index header.navbar-immersive .gitosc-logo .inline.black.image {
    opacity: 1 !important
}

#home-index header.navbar-immersive #my-gitee-dropdown:hover {
    background: transparent
}

#home-index header.navbar-immersive #my-gitee-dropdown a,
#home-index header.navbar-immersive #my-gitee-dropdown .icon {
    color: rgba(0, 0, 0, 0.8) !important
}

#home-index header.navbar-immersive #my-gitee-dropdown .menu {
    background: #fcfcfc
}

#home-index header.navbar-immersive #my-gitee-dropdown .menu .item {
    color: white
}

#home-index header.navbar-immersive #my-gitee-dropdown .menu .item:hover {
    background: rgba(0, 0, 0, 0.1)
}

#home-index header.navbar-immersive #my-gitee-dropdown .header,
#home-index header.navbar-immersive #my-gitee-dropdown .pull-right {
    color: #8c92a4
}

#home-index header.navbar-immersive #git-nav-user .menu .item {
    color: #d8dade !important
}

#home-index #my-gitee-dropdown {
    z-index: 103
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form {
    border: 1px solid #dededf
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form input {
    color: black
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form #navbar-search-input {
    background: white;
    border-radius: 0
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form input::-webkit-input-placeholder {
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    opacity: 1
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form input:-moz-placeholder {
    color: #c9c9c9;
    font-size: 14px;
    opacity: 1
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form input::-moz-placeholder {
    color: #c9c9c9;
    font-size: 14px;
    opacity: 1
}

#home-index .navbar-immersive #git-nav-user-bar #navbar-search-form input:-ms-input-placeholder {
    color: #c9c9c9;
    font-size: 14px;
    opacity: 1
}

#home-index .navbar-immersive #git-nav-user-bar .git-nav-user__register-item {
    min-width: 48px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    border: 0.5px solid #fe7300;
    padding: 0 10px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: auto, "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    color: #fe7300 !important
}

#home-index .navbar-immersive #git-nav-user-bar .results {
    -webkit-box-shadow: 0px -1px 0px 0px #e3e9ed;
    box-shadow: 0px -1px 0px 0px #e3e9ed;
    background: #fcfcfc
}

#home-index .navbar-immersive #git-nav-user-bar .results .result {
    border-color: none
}

#home-index .navbar-immersive #git-nav-user-bar .results .result:hover {
    background: rgba(0, 0, 0, 0.1)
}

#home-index .navbar-immersive #git-nav-user-bar .results .result .icon,
#home-index .navbar-immersive #git-nav-user-bar .results .result .description {
    color: #1b1c1e
}

#git-header-nav .responsive-logo {
    display: none;
    padding: 10px 8px
}

#git-header-nav .responsive-logo .ui.image[src*=en] {
    margin: -4px 0;
    width: 32px;
    height: 32px
}

#git-header-nav .responsive-logo .black.image {
    display: none
}

#git-header-nav .git-nav-expand-bar {
    display: none;
    color: #fff;
    padding: 4px 0;
    cursor: pointer;
    opacity: 0.8
}

#git-header-nav.navbar-immersive-dark .responsive-logo .image {
    display: inline-block
}

#git-header-nav.navbar-immersive-dark .responsive-logo .image:not(.black) {
    display: none
}

#git-header-nav.navbar-immersive-dark .git-nav-expand-bar {
    color: #40485b
}

.gitee-nav__sidebar {
    display: none
}

.site-wechat-guide {
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 16px 0;
    min-height: 300px;
    background: #FFF;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    z-index: 1002;
    display: none
}

.site-wechat-guide .icon-close {
    position: absolute;
    top: 17px;
    right: 17px;
    color: #8C92A4;
    font-size: 14px;
    cursor: pointer
}

.site-wechat-guide .image-banner {
    margin-left: 37px
}

.site-wechat-guide .image-banner img {
    display: block
}

.site-wechat-guide .image-banner p {
    margin-top: 8px;
    color: #8C92A4;
    font-size: 12px;
    text-align: center
}

.site-wechat-guide .container {
    margin: 0 32px 0 19px;
    width: 200px;
    word-break: break-word
}

.site-wechat-guide .container .title {
    margin: 16px 0 24px;
    font-size: 20px
}

.site-wechat-guide .container .list {
    padding: 0;
    line-height: 20px
}

.site-wechat-guide .container .subtitle {
    color: #FE7300;
    font-weight: 600
}

.site-wechat-guide.en .container {
    width: 280px
}

.toolbar-help {
    background-color: #22B130 !important
}

.toolbar-help .iconfont {
    color: #fff !important
}

.side-toolbar {
    right: 20px;
    bottom: 120px;
    z-index: 1001;
    margin-top: -60px;
    position: fixed
}

.side-toolbar .button {
    width: 40px;
    height: 40px;
    padding: 4px;
    font-size: 15px;
    cursor: pointer;
    background: #FFF;
    text-align: center;
    line-height: 32px;
    margin-bottom: 6px;
    border-radius: 50%;
    position: relative;
    display: block;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1)
}

.side-toolbar .button .ui.red.label {
    top: -5px;
    right: 0px;
    min-width: 16px;
    line-height: 14px;
    min-height: 1em;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    padding: 1px 2px !important;
    background-color: #FF0200 !important
}

.side-toolbar .button:hover {
    background: #fcfcfc
}

.side-toolbar .button:active {
    background: #f0f0f0
}

.side-toolbar .button .iconfont {
    color: #8c92a4
}

.side-toolbar .bdshare-slide-button.button {
    left: 0 !important
}

.side-toolbar .button.gotop {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.side-toolbar .button.gotop.active {
    opacity: 1;
    visibility: visible
}

.side-toolbar .toolbar-help-dialog {
    display: none;
    position: absolute;
    bottom: 0;
    right: calc(100% + 16px);
    background: #FFFFFF;
    -webkit-box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    width: 270px
}

.side-toolbar .toolbar-dialog-header {
    padding: 16px;
    background-color: #303643;
    position: relative
}

.side-toolbar .toolbar-dialog-title {
    margin: 0;
    color: #fff
}

.side-toolbar .toolbar-dialog-close-icon {
    position: absolute;
    top: 17px;
    right: 16px;
    font-size: 16px;
    color: #fff;
    opacity: .5;
    cursor: pointer
}

.side-toolbar .toolbar-help-search {
    margin-top: 16px
}

.side-toolbar .toolbar-dialog-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
}

.side-toolbar .toolbar-help-hot-search {
    width: 100%
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll {
    position: relative;
    color: #2289BB;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #E1EFFF
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll a {
    position: absolute;
    padding: 0 10px 0 15px;
    width: 100%;
    color: inherit;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    background: #E1EFFF;
    z-index: 2;
    -webkit-animation: toolbar-slideOut ease 1s;
    animation: toolbar-slideOut ease 1s
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll a.active {
    -webkit-animation: toolbar-slideIn ease 1s forwards;
    animation: toolbar-slideIn ease 1s forwards
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll a.init {
    -webkit-animation: toolbar-slideOut ease 0ms;
    animation: toolbar-slideOut ease 0ms
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll a.init.active {
    -webkit-animation: toolbar-slideIn ease 0ms forwards;
    animation: toolbar-slideIn ease 0ms forwards
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll a:hover {
    text-decoration: underline
}

.side-toolbar .toolbar-help-hot-search .toolbar-roll a i.icon {
    margin-right: 5px;
    font-size: 1.2em
}

.side-toolbar .toolbar-help-hot-search .toolbar-list {
    padding: 6px 12px;
    height: 310px;
    overflow-y: scroll
}

.side-toolbar .toolbar-help-hot-search .toolbar-list-item {
    margin: 5px 0;
    padding: 6px 15px;
    font-size: 14px;
    word-break: break-word;
    border-radius: 100px;
    display: inline-block;
    background-color: #F6F6F6
}

.side-toolbar .toolbar-help-search-reseult {
    padding: 16px;
    width: 100%;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.side-toolbar .toolbar-help-search-reseult .toolbar-list {
    margin-top: -12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.side-toolbar .toolbar-help-search-reseult .toolbar-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.side-toolbar .toolbar-help-search-reseult .toolbar-list-item .iconfont {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.side-toolbar .toolbar-help-search-reseult .toolbar-list-item-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 8px
}

.side-toolbar .toolbar-help-flex-column {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.side-toolbar .toolbar-help-link-to-help {
    display: none;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 16px
}

@-webkit-keyframes toolbar-slideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes toolbar-slideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes toolbar-slideIn {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes toolbar-slideIn {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#landing-complaint-modal .header,
#landing-comments-complaint-modal .header {
    font-size: 16px;
    font-weight: bold
}

#landing-complaint-modal .appeal-tip,
#landing-comments-complaint-modal .appeal-tip {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px
}

#landing-complaint-modal .appeal-success-tip .icon-ic_msg_success,
#landing-comments-complaint-modal .appeal-success-tip .icon-ic_msg_success {
    font-size: 120px;
    color: #22B130;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#landing-complaint-modal .appeal-success-tip .appeal-success-text,
#landing-comments-complaint-modal .appeal-success-tip .appeal-success-text {
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

#landing-complaint-modal .appeal-success-tip span,
#landing-comments-complaint-modal .appeal-success-tip span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 48px;
    font-size: 16px;
    margin-bottom: 32px
}

#landing-complaint-modal .appeal-form,
#landing-comments-complaint-modal .appeal-form {
    padding-left: 65px
}

#landing-complaint-modal .appeal-form #appeal-types,
#landing-comments-complaint-modal .appeal-form #appeal-types {
    width: 50%
}

#landing-complaint-modal .appeal-form #appeal-comments-types,
#landing-comments-complaint-modal .appeal-form #appeal-comments-types {
    width: 50%
}

#landing-complaint-modal .appeal-form .appeal-reason,
#landing-comments-complaint-modal .appeal-form .appeal-reason {
    margin-top: 0
}

#landing-complaint-modal .appeal-form .left-part,
#landing-comments-complaint-modal .appeal-form .left-part {
    margin-left: -70px !important;
    font-size: 14px;
    font-weight: 400;
    width: 61px
}

#landing-complaint-modal .appeal-form .exceeded-size-tip,
#landing-comments-complaint-modal .appeal-form .exceeded-size-tip {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0;
    padding: 0
}

#landing-complaint-modal #appeal-file-container .file-upload,
#landing-comments-complaint-modal #appeal-file-container .file-upload {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#landing-complaint-modal #appeal-file-container .ui.button,
#landing-comments-complaint-modal #appeal-file-container .ui.button {
    position: relative
}

#landing-complaint-modal .appeal-file-text,
#landing-comments-complaint-modal .appeal-file-text {
    position: absolute;
    top: 9.75px
}

#landing-complaint-modal .appeal-file-wrap,
#landing-comments-complaint-modal .appeal-file-wrap {
    position: relative;
    margin-bottom: 0
}

#unlanding-complaint-modal .header,
#unlanding-complaint-modal .content {
    font-size: 16px
}

#unlanding-complaint-modal .container {
    padding: 25px 0;
    text-align: center
}

#unlanding-complaint-modal .container .ok {
    margin: 20px auto;
    width: 25%;
    min-width: 125px;
    font-size: 16px;
    display: block
}

#unlanding-complaint-modal .container .cancel {
    margin-left: 0
}

.popper-profile-card {
    border-radius: 6px;
    border: 1px solid #dce3e8;
    background: white;
    min-width: 368px;
    max-width: 400px;
    min-height: 115px;
    max-height: 200px;
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.02), 0px 7px 37px 0px rgba(0, 0, 0, 0.05), 0px 3px 32px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.02), 0px 7px 37px 0px rgba(0, 0, 0, 0.05), 0px 3px 32px 0px rgba(0, 0, 0, 0.04);
    z-index: 1010
}

.popper-profile-card:focus,
.popper-profile-card:active {
    outline: none
}

.popper-profile-card .hidden,
.popper-profile-card.hidden {
    display: none
}

.popper-profile-card.is--error {
    min-height: auto;
    min-width: auto;
    padding: 16px
}

.popper-profile-card__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px
}

.popper-profile-card__img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-right: 16px
}

.popper-profile-card__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    overflow: hidden
}

.popper-profile-card__content .header {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popper-profile-card__content .header .header__group {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.popper-profile-card__content .header .name {
    font-size: 18px;
    font-weight: 600;
    color: #40485b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%
}

.popper-profile-card__content .header .username {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%
}

.popper-profile-card__content .header .header__btn {
    border-radius: 3px;
    margin: 0;
    min-width: 95px
}

.popper-profile-card__content .profession {
    word-wrap: break-word
}

.popper-profile-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #dce3e8;
    padding: 12px 16px
}

.popper-profile-card .popper__arrow,
.popper-profile-card .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popper-profile-card .popper__arrow {
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03))
}

.popper-profile-card .popper__arrow::after {
    content: " ";
    border-width: 6px
}

.popper-profile-card[x-placement^="top"] {
    margin-bottom: 12px
}

.popper-profile-card[x-placement^="top"] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #dce3e8;
    border-bottom-width: 0
}

.popper-profile-card[x-placement^="top"] .popper__arrow::after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: white;
    border-bottom-width: 0
}

.popper-profile-card[x-placement^="bottom"] {
    margin-top: 12px
}

.popper-profile-card[x-placement^="bottom"] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #dce3e8
}

.popper-profile-card[x-placement^="bottom"] .popper__arrow::after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: white
}

.popper-profile-card[x-placement^="right"] {
    margin-left: 12px
}

.popper-profile-card[x-placement^="right"] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #dce3e8;
    border-left-width: 0
}

.popper-profile-card[x-placement^="right"] .popper__arrow::after {
    bottom: -6px;
    left: 1px;
    border-right-color: white;
    border-left-width: 0
}

.popper-profile-card[x-placement^="left"] {
    margin-right: 12px
}

.popper-profile-card[x-placement^="left"] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #dce3e8
}

.popper-profile-card[x-placement^="left"] .popper__arrow::after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: white
}

.popper-profile-card.is-dark[x-placement^="top"] .popper__arrow::after {
    border-top-color: #1b1c1d
}

.popper-profile-card.is-dark[x-placement^="bottom"] .popper__arrow::after {
    border-bottom-color: #1b1c1d
}

.popper-profile-card.is-dark[x-placement^="left"] .popper__arrow::after {
    border-left-color: #1b1c1d
}

.popper-profile-card.is-dark[x-placement^="right"] .popper__arrow::after {
    border-right-color: #1b1c1d
}

.ui.basic.button.unstar i.iconfont.icon-star-solid,
.ui.button.star-btn.stared i.iconfont.icon-star-solid {
    color: #FFAB00
}

.osc-indicator {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 90
}

.osc-indicator__container {
    padding: 18px 24px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    position: absolute;
    border-radius: 10px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.osc-indicator__container.is-placemiddle {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.osc-indicator__container.is-placebottom {
    bottom: 70px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.osc-indicator__container.is-placetop {
    top: 70px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.osc-indicator__container.osc-indicator-pop-enter,
.osc-indicator__container.osc-indicator-pop-leave-active {
    opacity: 0
}

.osc-indicator-icon {
    font-size: 38px
}

.osc-indicator-text {
    font-size: 14px;
    margin-top: 12px
}

html {
    font-size: 14px
}

body {
    padding: 46px 0 0 0;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    width: 100%
}

.file_holder .markdown-body a {
    color: #095eab
}

.file_holder .markdown-body a:hover {
    color: #009bff
}

.file_holder .markdown-body a:active {
    color: #005980
}

#index-nav.ui.grid.page {
    margin: 0 auto
}

#index-nav.ui.grid.page .tree-content-holder {
    margin-top: 0
}

body.no-floating-navbar {
    padding-top: 0;
    min-width: 320px
}

a.button.delete:hover {
    background-color: rgba(217, 92, 92, 0.8) !important
}

li {
    list-style: none
}

.hide {
    display: none
}

.float-left {
    float: left
}

.float-right {
    float: right
}

i.red.icon {
    color: #ff2727 !important
}

.open:before,
.reopen:before {
    color: #4183c4;
    padding-right: 0.1rem
}

.closed:before {
    color: #666666;
    padding-right: 0.1rem
}

.octicon-milestone:before {
    font-size: 0.9rem
}

.left-20 {
    position: relative;
    left: -20px
}

.git-color {
    color: #ff2727
}

.git-red {
    color: #ff2727
}

.git-green {
    color: #89b84c
}

.git-yahei {
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei" !important
}

.git-sha-block {
    color: #888888;
    text-decoration: underline !important
}

.git-sha {
    color: #444
}

.git-grey {
    color: #ececec !important
}

.git-link {
    color: #888888;
    text-decoration: underline !important;
    padding-bottom: 10px !important
}

a.chzn-single>span {
    color: #666666 !important
}

#git-friend-link img {
    height: 23px;
    margin: 0 auto 2px
}

.user_info strong {
    color: #999
}

.clearfix {
    clear: both
}

.pull-request-info {
    font-size: 0.8rem;
    margin-top: 15px
}

.ui.label.text {
    border: 0px;
    background-color: transparent;
    padding: 2px
}

.menu.noborder .item:before {
    background: none
}

.ui.vertical.menu {
    width: auto
}

.ui.amini.label {
    padding: 2px
}

.padding-top-1rem {
    padding-top: 1rem
}

#ui-divider {
    padding: 0 1rem
}

#oschina-link .item {
    width: 150px
}

#git-min-height {
    min-height: 200px
}

.avatar.s24 {
    width: 37px;
    height: 37px
}

.comment-preview img {
    width: 100%
}

.project-title-home {
    word-break: break-all;
    display: inline-block
}

#commits-list .item .item.commit .row_title.gfm-issue {
    color: #4183c4 !important
}

.f-bold {
    font-weight: bold !important;
    padding: 0.4em 0.5em !important
}

.f-normal {
    font-weight: normal !important;
    padding: 0.4em 0.5em !important
}

.ui.feed>.event>.label img {
    max-height: 100%
}

.ui.loader {
    z-index: 100
}

.pull-right .button:last-child {
    margin-right: 0
}

#user-show-detail .ui.grid.page .column,
#dashboard-show-detail .ui.grid.page .column,
#profile-show-detail .ui.grid.page .column,
#search-show-detail .ui.grid.page .column {
    padding-left: 0 !important
}

#user-show-detail .ui.grid.page .column:last-child,
#dashboard-show-detail .ui.grid.page .column:last-child,
#profile-show-detail .ui.grid.page .column:last-child,
#search-show-detail .ui.grid.page .column:last-child {
    padding-right: 0
}

#profile-show-detail .ui.grid.page .column {
    padding-top: 2.2em
}

#profile-show-detail #profile-settings {
    padding-left: 1.5em !important
}

#profile-show-detail #profile-settings p.sub_title {
    color: rgba(0, 0, 0, 0.6)
}

#profile-show-detail #profile-settings .profile-repositories {
    line-height: 1.5;
    color: #8c92a4
}

#user-show-detail {
    padding-top: 1rem
}

#user-show-detail #event-timeline-panel.community_user {
    border: 0;
    padding: 0
}

#user-show-detail .git-user-twl-col {
    padding-left: 1.5em
}

.ui.message.wechat-banner {
    padding: 8px 16px 0 8px;
    margin-top: 32px
}

.ui.message.wechat-banner img {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ui.message.wechat-banner .content {
    color: #40485b
}

.ui.message.wechat-banner .content .header {
    font-size: 14px
}

.ui.message.wechat-banner .content p {
    margin-top: 4px;
    font-size: 12px
}

.iconfont {
    font-size: 1em;
    -webkit-text-stroke-width: 0;
    display: inline-block;
    vertical-align: top
}

.ui.form .md-editor>textarea {
    border: 0;
    min-height: 180px
}

.form-with-gravatar .md-editor>textarea {
    height: 200px !important;
    overflow: auto !important
}

.ui.message .actions {
    float: right;
    margin-top: -0.5rem
}

.ui.message .actions .button:last-child {
    margin-right: 0
}

.ui.checkbox {
    margin: 0;
    padding: 0
}

.issue_comment_checkbox,
.security_hole_enabled_checkbox,
.pr_close_issue_checkbox,
.gitee_reward_author_protection_checkbox {
    margin-top: -1.2em !important
}

.ui.empty.message {
    padding: 60px 24px;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.ui.empty.message .icon {
    font-size: 40px;
    margin: 0;
    color: #d6d6d6;
    display: inline
}

#sms-code,
.sms-code {
    display: none
}

#sms-code.show+input,
.sms-code.show+input {
    position: relative;
    padding-left: 50px !important
}

#sms-code.show,
.sms-code.show {
    display: inline-block;
    position: absolute;
    z-index: 5;
    color: #8c92a4;
    line-height: 2.7;
    margin-left: 10px;
    font-size: 13px
}

#sms-code.normal,
.sms-code.normal {
    line-height: 2.8 !important;
    font-size: 14px !important
}

#sms-code:after,
.sms-code:after {
    content: '-';
    margin-right: 5px;
    margin-left: 5px;
    font-size: 13px
}

#register-host .background-grey {
    border-right: none !important
}

#register-host #user_username {
    border-left: 1px solid #dce3e8
}

#register-host #user_username:focus {
    border-left: 1px solid #afb3b8
}

#git_osc_term_all .register.case {
    font-size: 12px
}

.git-other-login-icon .iconfont,
.git-other-login-icon .iconfont.disabled {
    color: #c9c9c9;
    font-size: 32px;
    line-height: 1
}

.git-other-login-icon .icon-logo-osc {
    color: #45b128
}

.git-other-login-icon .icon-logo-github {
    color: #0a0203
}

.git-other-login-icon .icon-logo-gitlab {
    color: #fd7a26
}

.git-other-login-icon .icon-logo-weibo {
    color: #e32932
}

.git-other-login-icon .icon-logo-windows {
    color: #3a94d5
}

.git-other-login-icon .icon-logo-qq {
    color: #00b0fb
}

.git-other-login-icon .icon-logo_csdn {
    color: #ca0c16
}

.git-other-login-icon .icon-logo_wechat {
    color: #46d800
}

.git-other-login-icon .icon-logo_aliyun {
    color: #373d41
}

.git-other-login-icon .icon-logo-dingding {
    color: #3795f9
}

.git-other-login-icon .icon-logo_trustie {
    color: #3c94d5
}

.git-other-login-icon .icon-logo_huawei {
    color: #ef484b
}

.git-other-login-icon .icon-logo_google {
    color: #4084f3
}

.phone-and-qq {
    height: 28px;
    float: left;
    text-align: left
}

.phone-and-qq .ui.list .item {
    line-height: 2;
    padding: 0
}

.phone-and-qq .official-support-container .iconfont,
.phone-and-qq .official-support-container .icon {
    min-width: 30px;
    font-size: 20px;
    height: 20px !important;
    line-height: 20px;
    vertical-align: middle;
    text-align: center
}

.phone-and-qq .official-support-container .tel {
    margin-top: 0px
}

.phone-and-qq .official-support-container .tel .icon-tel {
    font-size: 18px
}

.phone-and-qq .official-support-container .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.phone-and-qq .official-support-container span {
    margin-left: 10px
}

.segment.notice .title {
    text-align: center;
    font-weight: bold
}

.segment.notice .item a {
    color: #fe7300 !important
}

.segment.notice .item a:hover {
    opacity: 0.8
}

.elli {
    overflow: hidden;
    text-overflow: ellipsis
}

.user-label {
    margin-left: 3px;
    margin-right: -3px;
    white-space: nowrap
}

.user-label.blue {
    color: #4a90e2
}

.user-label.red {
    color: #f14333
}

.ui.close {
    float: none;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3;
    color: #40485b;
    text-shadow: none;
    opacity: 1
}

.pc-active-email-container,
.pc-add-email-container,
.git-pc-modal {
    margin-bottom: 15px
}

.pc-active-email-container .had-send-email-tip,
.pc-add-email-container .had-send-email-tip,
.git-pc-modal .had-send-email-tip {
    margin: 0.75em 0
}

.pc-active-email-container .code-style,
.pc-add-email-container .code-style,
.git-pc-modal .code-style {
    color: #fff;
    padding: 0.1em 0.4em;
    margin: 0;
    background-color: grey;
    border-radius: 3px;
    white-space: nowrap
}

#home-index,
#gitee_stars-index,
#gitee_stars-show,
#enterprises-index,
#education-index,
#explores-index,
#home-contrast,
#home-enterprise_contrast,
.open-source-vips-pc-body {
    padding-top: 0
}

#home-index .fixed-notice-infos .all-messages,
#gitee_stars-index .fixed-notice-infos .all-messages,
#gitee_stars-show .fixed-notice-infos .all-messages,
#enterprises-index .fixed-notice-infos .all-messages,
#education-index .fixed-notice-infos .all-messages,
#explores-index .fixed-notice-infos .all-messages,
#home-contrast .fixed-notice-infos .all-messages,
#home-enterprise_contrast .fixed-notice-infos .all-messages,
.open-source-vips-pc-body .fixed-notice-infos .all-messages {
    display: none
}

.text-mini {
    font-size: 12px
}

.text-tiny {
    font-size: 14px
}

.js-captcha-image {
    cursor: pointer
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type='number'] {
    -moz-appearance: textfield
}

#target-list {
    position: relative
}

#target-list .ui.grid {
    position: relative
}

#target-list .dimmer {
    z-index: 10
}

#target-list .ui.loader {
    font-size: 14px
}

#target-list .column {
    margin-bottom: 1em
}

#target-list .avatar {
    width: 50px;
    height: 50px
}

#target-list .avatar.user {
    border-radius: 50%
}

#target-list .avatar.group {
    border-radius: 10%
}

#target-list .target-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#target-list .target-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden;
    margin-left: 0.6em
}

#target-list .target-name {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#target-list .target-name a {
    color: #587284
}

#target-list .follow-button a {
    color: #999999
}

#target-list .follow-button a:hover {
    color: #4183c4
}

#target-list .follow-button .text {
    font-size: 12px;
    color: #999999
}

#target-list .follow-button .text:hover {
    color: #4183c4
}

.notice-badge {
    top: -5px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    border-radius: 8px;
    line-height: 16px;
    min-width: 16px;
    padding: 0 4px
}

.notice-badge.red {
    color: #fff;
    background-color: #ff2727
}

.no-permission {
    cursor: default !important;
    color: #c9c9c9 !important
}

.no-permission.button:not(.link) {
    color: #c9c9c9 !important;
    background-color: #f2f2f2 !important;
    -webkit-box-shadow: inset 0px 0px 0px 1px #e5e5e5 !important;
    box-shadow: inset 0px 0px 0px 1px #e5e5e5 !important
}

.no-permission.button:not(.link).no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.basic.buttons .no-permission {
    cursor: default !important;
    color: #c9c9c9 !important
}

.ui.basic.buttons .no-permission.button:not(.link) {
    color: #c9c9c9 !important;
    background-color: #f2f2f2 !important;
    -webkit-box-shadow: inset 0px 0px 0px 1px #e5e5e5 !important;
    box-shadow: inset 0px 0px 0px 1px #e5e5e5 !important
}

.ui.basic.buttons .no-permission.button:not(.link).no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.no-permission-mask {
    opacity: 0.5
}

.no-permission-mask .no-permission-body {
    pointer-events: none
}

.el-switch.is-disabled .el-switch__input,
.el-checkbox.is-disabled .el-checkbox__original {
    opacity: 0 !important
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: white;
    text-align: center;
    background: #222222;
    border: 3px solid white;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    left: auto;
    right: 15px
}

.carousel-control:hover,
.carousel-control:focus {
    color: white;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4,
.carousel-caption p {
    color: white;
    line-height: 20px
}

.carousel-caption h4 {
    margin: 0 0 5px
}

.carousel-caption p {
    margin-bottom: 0
}

.gitee-reward__profile .balance-detail {
    height: 114px;
    border-radius: 4px;
    border: 1px solid #dce3e8
}

.gitee-reward__profile .balance-detail .balance-image {
    position: relative;
    float: left;
    padding: 27px 16px;
    width: 144px;
    height: 114px;
    text-align: center
}

.gitee-reward__profile .balance-detail .balance-image .coins {
    height: 100%;
    width: auto
}

.gitee-reward__profile .balance-detail .balance-image:after {
    content: '';
    position: absolute;
    top: 16px;
    right: 0;
    bottom: 16px;
    border-right: 1px solid #dce3e8
}

.gitee-reward__profile .balance-detail .remain-price {
    margin-left: 40px;
    display: inline-block
}

.gitee-reward__profile .balance-detail .remain-price .price {
    color: #fe7300;
    font-size: 32px;
    font-weight: bold;
    line-height: 38px
}

.gitee-reward__profile .balance-detail .operate {
    float: right;
    margin-top: 41px;
    margin-right: 24px
}

.gitee-reward__profile .ui.table th {
    padding: 13px 16px;
    color: #8c92a4;
    font-weight: normal
}

.gitee-reward__profile .ui.table tr td {
    padding: 13px 16px;
    color: #40485b
}

.gitee-reward__profile .ui.table .issue-field {
    width: 420px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gitee-reward__profile .ui.table .text-monospace {
    font-family: consolas, Courier, "MS Courier New", monospace
}

.gitee-reward__profile .ui.table .text-muted {
    margin-top: 4px;
    font-size: 13px
}

.gitee-reward__profile .no-data {
    margin-top: 40px;
    color: #C9C9C9;
    text-align: center
}

fieldset {
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #333333;
    padding: 10px 15px
}

nav#git-profile.items>.item {
    color: #666666
}

nav#git-profile.items>.item.item>.padding-left {
    margin-left: -1rem
}

#git-index-info {
    border: 1px solid #e3e9ed;
    padding: 0 !important;
    margin-top: 30px;
    border-radius: 4px
}

#git-index-info .ui.vertical.menu {
    border-radius: 0 0 4px 4px;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #e3e9ed
}

#git-index-info .ui.vertical.menu .item.active {
    font-weight: bold
}

#dashboard-data .follow_txt {
    font-size: 12px
}

#dashboard-data .follow_li {
    padding-left: 8px
}

#dashboard-data .follow_num {
    font-size: 24px;
    font-weight: bold;
    text-align: center
}

#bindings,
#bindings+div {
    margin-bottom: 0.5rem
}

#unbind-btn {
    float: right;
    font-weight: normal
}

#unbind-btn>.button {
    padding: 0.3em 1em
}

header.horizontal.list {
    margin-bottom: 1rem
}

header.horizontal.list>.item {
    color: #333333
}

header.horizontal.list>.item:hover {
    cursor: pointer;
    color: #4183c4
}

#git-pwd-update,
#git-pwd-set {
    margin: 1.5rem
}

main#index-nav .ui.secondary.pointing.menu>.menu>.item,
main#index-nav .ui.secondary.pointing.menu>.item {
    border-bottom: 2px solid transparent
}

main#index-nav .ui.form .field {
    color: #666666
}

main#index-nav ul {
    margin: 0
}

main#index-nav ul>li {
    color: #666666
}

main#index-nav ul>li a {
    color: #666666
}

main#index-nav ul>li a:hover {
    color: #4183c4
}

main#index-nav ul>li:before {
    content: ''
}

main#index-nav ul>li>div:last-child {
    color: #999999
}

main#index-nav main#git-profile-projects .header {
    font-weight: bold
}

main#index-nav #git-index-info>.ui.menu>.item>a {
    color: #444 !important
}

main#index-nav #git-index-info>.ui.menu>.item>a:hover {
    color: #000 !important
}

main#index-nav #clipboard_button>.ui.input {
    width: 80%
}

main#index-nav#git-index-info>#git-index-projects table.ui.table {
    font-size: 0.875rem !important
}

main#index-nav#git-index-info>#git-index-projects table.ui.table tr>td {
    color: #000
}

main#index-nav#git-index-info>#git-index-projects table.ui.table tr>td a.project {
    color: #333
}

main#index-nav#git-index-info>#git-index-projects table.ui.table tr>td a.project:hover {
    color: #056bc3
}

main#index-nav#git-index-info>#git-index-projects table.ui.table tr>td i.octicon {
    color: #666
}

main#index-nav#git-index-info>#git-index-projects header {
    border-radius: 4px;
    padding: 0.3rem 0.5rem;
    color: #333333;
    background-color: #f3f4f5
}

main#index-nav#git-index-info>#git-index-projects header>.desc {
    color: #999999;
    float: right
}

main#index-nav#git-index-info>#git-index-projects header>.desc:hover {
    color: #4183c4
}

main#index-nav#git-index-info>#git-index-projects ul {
    padding: 0.5rem
}

main#index-nav#git-index-info>#git-index-projects ul>li.item>div:last-child {
    font-size: 0.84rem;
    padding: 0.3rem 0.5rem
}

main#index-nav#git-index-info>#git-index-projects>div:first-child {
    margin-bottom: 1rem
}

main#index-nav #issues-menu>.item {
    padding-left: 1.5rem;
    font-size: 0.8rem;
    color: #999999
}

main#index-nav #issues-menu>.item.active {
    color: #666666
}

main#index-nav #git-personal-update>.form>p>span {
    color: #ff2727
}

main#index-nav #git-personal-update>.form>p>span:hover {
    cursor: pointer;
    color: #4183c4
}

main#index-nav #git-pwd-update>span,
main#index-nav #git-pwd-set>span {
    color: #999999;
    font-size: 12px;
    font-weight: normal
}

main#index-nav #git-user-binding>.field>.labels>a>i {
    margin-right: 1rem;
    color: #666666
}

main#index-nav #git-user-binding>.field>.labels>a>i:hover {
    cursor: pointer;
    color: #4183c4
}

main#index-nav #git-user-binding>.field>.labels>a.active>i {
    color: #102eae
}

main#index-nav #git-user-binding .bind-icon {
    margin: 0 1.5rem
}

main#index-nav #git-user-binding .osc-icon {
    font-size: 1.5em;
    vertical-align: middle
}

main#index-nav #git-style-update .ui.image.segment {
    padding: 0.15rem
}

main#index-nav fieldset#message-set>.field label>span {
    color: #ff2727
}

main#index-nav section#git-issues>p {
    margin: 0;
    padding: 0.3rem;
    font-size: 0.85rem
}

main#index-nav section#git-issues>main label.small.label {
    font-weight: bold;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 8px 0 8px
}

main#index-nav section#git-issues>main p.git-message {
    color: #999999
}

main#index-nav section#git-issues>main p:first-child:not(.git-message)>a {
    cursor: pointer;
    color: #333333;
    font-weight: bold
}

main#index-nav section#git-issues>main p:first-child:not(.git-message)>a:hover {
    color: #4183c4
}

main#index-nav section#git-issues>main p:last-child>a {
    color: #999999
}

main#index-nav section#git-issues>main p:last-child>a:hover {
    color: #4183c4
}

main#index-nav section#git-issues>main p:last-child>span:first-child {
    color: #666666
}

main#index-nav section#git-issues>main img {
    display: inline-block
}

main#index-nav section#git-issues>main>.row {
    margin-top: 0;
    padding-top: 0
}

main#index-nav section#git-issues>main>.row img {
    height: 1.3rem
}

main#index-nav section#git-issues>main .ui.checkbox {
    font-size: 0.75em !important;
    margin-bottom: 0.1em !important
}

main#index-nav main#git-messages>header {
    background-color: #f3f4f5;
    margin: 0.4rem 0 0 0;
    padding: 0
}

main#index-nav main#git-messages>header>.header {
    padding: 0.3rem
}

main#index-nav main#git-messages>section {
    margin: 0;
    padding: 0
}

#user-self-project-list {
    margin-top: 0
}

#user-self-project-list header {
    display: inline-block;
    font-size: 0.93rem;
    color: #666;
    width: 50%
}

#user-self-project-list header span {
    padding: 0.1rem 0.4rem
}

#user-self-project-list .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px
}

#user-self-project-list .content .ui.buttons.basic>.button {
    font-size: 0.7rem;
    padding: 0.4em 1.7em
}

#user-self-project-list .image {
    width: 32px;
    height: 32px
}

#user-self-project-list .desc {
    color: #999;
    font-size: 0.83rem
}

#user-self-project-list>.item {
    padding: 0.8rem 0 0.8rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#user-self-project-list>.item .ui.horizontal.list {
    width: 49%;
    text-align: right
}

#user-self-project-list>.item .ui.horizontal.list>.item {
    font-size: 0.5rem;
    margin-left: 0
}

#user-self-project-list>.item>.content>.horizontal.list>.item>a {
    color: #999999
}

#user-self-project-list>.item>.content>.horizontal.list>.item>a:hover {
    color: #4183c4
}

.ui.items>.item>.image+.content {
    padding-left: 0.6em
}

.ui.feed>.event>.content .summary {
    font-weight: normal
}

.ui.list>.item>.image+.content span {
    font-size: 0.8rem;
    margin-top: 8px
}

.ui.list>.item .header {
    font-weight: normal
}

.ui.feed>.event>.content .summary>.date {
    float: right
}

#git-profile+.ui.vertical.menu .item>i.icon {
    width: 1.18em;
    float: left;
    margin: 0em 0.5em 0em 0em
}

#git-user-show h3 {
    margin-top: 1rem
}

#git-user-show .ui.divider:not(.vertical):not(.horizontal) {
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}

#git-usershow-sidebar .ui.table thead th {
    background: #fafafa
}

#git-usershow-sidebar .ui.button.new-team {
    background-color: #ededed
}

.activity_content {
    color: #666
}

.activity_content .event-note {
    font-size: 15px
}

#git_pwd_errors {
    margin-top: 15px;
    padding: 10px
}

#git_pwd_errors li {
    margin-left: -30px
}

#git_pwd_errors li+li {
    padding-top: 5px
}

#git-pr-filter {
    margin-bottom: 1px
}

.invite_join {
    color: red !important
}

.invite_join span {
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal
}

.invite_join span .icon {
    margin: 0 !important
}

.git-profile-contents {
    margin-bottom: 16px;
    word-break: break-all
}

.git-profile-contents.is-dashboard .git-dashboard-projects-menu {
    display: inline-block;
    margin-bottom: 0 !important;
    width: 100%
}

.git-profile-contents.is-dashboard .git-profile-selection-dropdown {
    height: 32px
}

.git-profile-contents.is-dashboard .new-code {
    margin-bottom: 4px
}

.git-profile-contents i.iconfont {
    font-weight: normal;
    color: #989dad;
    margin-top: 1px
}

.git-profile-contents .pro-name i.iconfont {
    margin-right: 2px
}

.git-profile-contents .recommend-projects .item {
    margin: 20px 0
}

.git-profile-contents .recommend-projects .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.git-profile-contents .recommend-projects .description {
    max-width: 100% !important
}

.git-profile-contents .recommend-projects .ui.avatar {
    width: 52px
}

.git-profile-contents .recommend-projects .ui.avatar img {
    width: 44px;
    height: 44px
}

#git-pwd-update .flash-msg,
#git-pwd-set .flash-msg {
    color: red;
    line-height: 37px;
    margin-left: 10px
}

.user-third-party .image.login-bind-avatar,
.user-osc-binding .image.login-bind-avatar {
    display: inline-block;
    border-radius: 50%
}

.personal-space-address,
.alipay-auth {
    padding: 0 !important;
    border: 0 !important
}

#profile-settings .form+.form {
    margin-top: 2rem
}

#profile-settings .profile-user-infos {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1px
}

#profile-settings .profile-user-infos .item {
    padding: 0.6em 0.95em
}

#profile-settings .profile-user-infos .item.active {
    color: #fe7300 !important;
    border-bottom: 2px solid #fe7300 !important
}

#profile-settings #more-content .emphasize-text {
    font-weight: bold
}

#profile-settings #more-content .gift-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

#profile-settings .user-infos,
#profile-settings .user-address,
#profile-settings .user-third-party,
#profile-settings .account-infos {
    border: none;
    padding-left: 0
}

#profile-settings .user-infos .public-info-email.hidden,
#profile-settings .user-address .public-info-email.hidden,
#profile-settings .user-third-party .public-info-email.hidden,
#profile-settings .account-infos .public-info-email.hidden {
    display: none
}

#profile-settings .user-address #province,
#profile-settings .user-address #city {
    width: calc(50% - 2px)
}

#profile-settings .user-address .address_wrap textarea {
    height: 112px
}

#profile-settings .user-address .field .error.text.message {
    margin-top: 5px
}

#profile-settings input {
    padding: 0.67861em 1em
}

#profile-settings .user-specialty input.search {
    padding: 0
}

#profile-settings .header-line {
    position: relative
}

#profile-settings .header-line:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #ddd
}

#profile-settings .header-line span {
    position: relative;
    padding-right: 15px;
    z-index: 1;
    background: #fff
}

#profile-settings .header-line u {
    margin-left: 5px;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer
}

#profile-settings .label.small {
    padding: 0.4em 0.5em;
    border-radius: 0.2rem
}

#profile-settings .input.action>input {
    margin-right: 15em
}

#profile-settings .input.error>input:focus {
    border: 1px solid #d95c5c
}

#profile-settings .ui.radio.checkbox.checked label:before {
    top: -1px
}

#profile-settings textarea {
    height: 10em
}

#profile-settings table.borderless {
    border: none
}

#profile-settings table.titleless th {
    font-weight: normal
}

#profile-settings .label.donate-desc {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

#profile-settings #git-user-binding .bind-icon {
    margin: 0 1.5rem
}

#profile-settings #git-user-binding .osc-icon {
    font-size: 1.5em;
    vertical-align: middle
}

#profile-settings #git-user-binding .user-bind {
    margin-top: 14px
}

#profile-settings #git-user-binding .show-provider>img {
    height: 20px;
    width: 20px;
    margin: 10px 0 0 10px
}

#profile-settings .key-form-segment {
    margin: 0;
    padding: 0
}

#profile-settings .key-form-segment .ui.form .field.error input,
#profile-settings .key-form-segment .ui.form .field.error textarea {
    -webkit-box-shadow: none;
    box-shadow: none
}

#profile-settings #orgs-setup-btn {
    height: 36px
}

#profile-settings #phone-submit {
    padding: 9px
}

#profile-settings #invite-clone-url {
    padding-bottom: 6px
}

#profile-settings .account-infos .password-fields>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#profile-settings .account-infos .button {
    padding: .67861em 1em
}

#profile-settings .account-infos .hide,
#profile-settings .account-infos .password-fields .hide {
    display: none
}

#profile-settings .profile-update-phone .img-captcha-field {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#profile-settings .profile-update-phone .img-captcha-field input {
    width: 112px;
    margin: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#profile-settings .profile-update-phone .img-captcha-field .square-image {
    padding: 0;
    margin: 0;
    border-left: none
}

#profile-settings .profile-update-phone .img-captcha-field .square-image img {
    height: 34px;
    width: 95px
}

#profile-settings .profile-update-phone .button {
    padding: .67861em 1em
}

#profile-settings .profile-update-phone .captcha-input {
    width: 130px
}

#profile-settings .profile-update-phone .change-phone a,
#profile-settings .profile-update-phone .validate-phone a,
#profile-settings .profile-update-phone .bind-number a,
#profile-settings .profile-update-phone #phone-remove a {
    color: #40485b
}

#profile-settings .profile-update-phone .phone-fields>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#profile-settings .profile-update-phone #phone-validate {
    height: 35.13px;
    margin-left: -4px
}

#profile-settings .profile-update-phone .hide,
#profile-settings .profile-update-phone .phone-fields .hide {
    display: none
}

#profile-settings #email-setting-fields {
    display: inline-block;
    margin: 0
}

#profile-settings #email-setting-fields .pwd-field,
#profile-settings #email-setting-fields .set-email-field {
    display: none
}

#profile-settings #email-setting-fields.pwd-auth .pwd-field {
    display: inline-block
}

#profile-settings #email-setting-fields.pwd-auth .change-email-field {
    display: none
}

#profile-settings #email-setting-fields input:not([type='submit']) {
    width: 250px
}

#profile-settings #email-setting-fields .unconfirmed-email-message {
    margin-top: 1em
}

#profile-settings #email-setting-fields #change-email,
#profile-settings #email-setting-fields #pwd-auth {
    padding: .67861em 1em
}

#profile-settings #upgrade-to-group {
    padding-bottom: .5em
}

#profile-settings #upgrade-to-group .grey {
    color: rgba(0, 0, 0, 0.45)
}

#profile-settings #upgrade-to-group .label-title {
    font-weight: normal
}

#profile-settings #user_company,
#profile-settings #user_profession,
#profile-settings #user_wechat,
#profile-settings #user_qq,
#profile-settings #user_linkedin,
#profile-settings #user_weibo,
#profile-settings #user_blog {
    width: 450px;
    margin-right: 20px
}

#profile-settings .notice-settings .notice-group {
    margin-bottom: 30px
}

#profile-settings .notice-settings .notice-group:last-child {
    margin-bottom: 0
}

#profile-settings .notice-settings .group-title {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 700
}

#profile-settings .notice-settings .group-title .text-muted {
    margin-left: 6px;
    font-weight: normal;
    font-size: 16px;
    text-align: end
}

#profile-settings .notice-settings .group-content+.group-content {
    padding-top: 8px
}

#profile-settings .notice-settings .group-content:first-child {
    padding-top: 0
}

#profile-settings .notice-settings .group-content .subtitle {
    margin-bottom: 16px;
    font-weight: 650
}

#profile-settings .notice-settings .group-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px
}

#profile-settings .notice-settings .group-content .item .text {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

#profile-settings .notice-settings .group-content .item .wechat-checkbox {
    display: inline-block;
    margin-left: 10px
}

#profile-settings .notice-settings .group-content .item .wechat-checkbox:only-child {
    margin-left: 0
}

#profile-settings .notice-settings .group-content .item .checkboxes {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox label:before {
    border-radius: 3px;
    background: #fff !important;
    border: 1px solid #8c92a4 !important
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox.checked label:before {
    background: #e66700 !important;
    border: 1px solid #e66700 !important
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox.checked label:after {
    color: #fff;
    font-size: 12px
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox.immutable label:before {
    background: #fff !important;
    border: 1px solid #dce4e6 !important
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox.immutable label:after {
    color: #dce4e6
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox.disabled label {
    opacity: 1;
    color: rgba(0, 0, 0, 0.8)
}

#profile-settings .notice-settings .group-content .item .checkboxes .checkbox+.checkbox {
    margin-left: 10px
}

#profile-settings .notice-settings .wechat-popup {
    color: #40485b;
    font-size: 14px;
    text-align: center
}

#profile-settings .profile-gpg-key .gpg-key .gpg-info-item {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#profile-settings .profile-gpg-key .gpg-key .gpg-info-item .header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: right
}

#profile-settings .profile-gpg-key .gpg-key .gpg-info-item .content .email-status {
    border-left: 1px solid #ccc;
    padding-left: 2px
}

#avatar-container {
    border: none;
    background: none;
    padding: 0.5em 0;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 12px 15px;
    background: #f8f8f8;
    border-radius: 4px 4px 0 0
}

#avatar-container .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

#avatar-container .over-avatar {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    border-radius: 50%
}

#avatar-container .user-info {
    clear: both;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden
}

#avatar-container .user-info .username {
    display: block;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#avatar-container .user-info .join-time {
    color: #8c92a4
}

#avatar-container .user-info .timeago {
    word-break: break-word
}

#avatar-container .user-info-center {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-donate-balance .balance {
    font-size: 24px;
    font-weight: bold;
    color: #fe7300
}

.profile-donate-balance .profile-donate-action {
    margin-top: 10px
}

.profile-donate-balance .error-handling {
    color: black
}

.profile-donate-project {
    margin-bottom: 1em !important
}

.profile-app-list .item {
    border-top: none !important
}

.profile-app-list .content .description {
    color: #8c92a4 !important
}

.profile-app-list .content .description a {
    margin-right: 12px
}

.profile-app-list .revoke-app {
    float: right;
    position: relative;
    top: 11px;
    width: 75px
}

.app-list-img {
    width: 60px;
    height: 60px
}

.app-list-img img {
    height: 100% !important
}

#authorized-apps .item:after {
    display: none
}

.create-oauth-app-btn {
    margin-right: 0 !important
}

#token-scopes-list {
    font-size: 1rem;
    line-height: 1.6rem;
    padding-left: 18px
}

#token-scopes-list li {
    list-style: circle
}

h3.authorized-app-head {
    margin-top: 0
}

.token-scopes {
    display: inline-block;
    width: 130px
}

.token-scopes-text {
    display: inline
}

.authorize-permission h3 {
    display: inline-block
}

.authorize-permission .revoke-access {
    float: right;
    display: inline-block;
    position: relative;
    top: 18px
}

.authorized-app-info i {
    margin-right: 4px
}

.authorized-app-info .app-author {
    margin-right: 16px
}

.authorized-app-desp {
    margin: 14px 0
}

ul.git-profile-projects-ulist {
    padding-left: 0 !important;
    margin-top: 16px
}

ul.git-profile-projects-ulist.ulist-mt-0 {
    margin-top: 0 !important
}

ul.git-profile-projects-ulist .ui.divider:last-child {
    display: none
}

ul.git-profile-projects-ulist i.icon-enterprise-badge,
ul.git-profile-projects-ulist i.icon-education {
    font-size: 1.2em
}

ul.git-profile-projects-ulist h4 {
    margin-top: 0;
    margin-bottom: 8px
}

ul.git-profile-projects-ulist a.proj-language {
    padding: 3px 5px;
    margin-left: 7px !important;
    border-radius: 2px
}

ul.git-profile-projects-ulist span.fork-flag {
    color: #8c92a4
}

ul.git-profile-projects-ulist p.description {
    color: #6a6a6a;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

ul.git-profile-projects-ulist span.create-time,
ul.git-profile-projects-ulist span.code-lang-category {
    color: #8c92a4 !important;
    font-size: 12px !important
}

ul.git-profile-projects-ulist span.create-time span,
ul.git-profile-projects-ulist span.code-lang-category span {
    color: inherit;
    font: inherit
}

ul.git-profile-projects-ulist .checkbox.check-project {
    margin-top: -1px;
    margin-right: -5px;
    display: inline-block
}

ul.git-profile-projects-ulist .quit-project i {
    margin-top: 0;
    margin-right: 3px
}

ul.git-profile-projects-ulist .list-warpper {
    border-bottom: 1px solid #dce3e8;
    padding: 16px 16px
}

ul.git-profile-projects-ulist .list-warpper:last-of-type {
    border-bottom: rgba(0, 0, 0, 0)
}

ul.git-profile-projects-ulist .list-warpper .proj-language {
    font-weight: initial;
    padding: 3px 6px
}

ul.git-profile-projects-ulist .list-warpper .icon-code {
    font-size: .9em;
    margin-top: 0
}

ul.git-profile-projects-ulist .list-warpper:hover {
    background: #fafafb
}

ul.git-profile-projects-ulist .list-warpper .pro-name .pro-name .author,
ul.git-profile-projects-ulist .list-warpper .pro-name .pro-name .repository,
ul.git-profile-projects-ulist .list-warpper .pro-name .main-pro-name .author,
ul.git-profile-projects-ulist .list-warpper .pro-name .main-pro-name .repository {
    color: #40485b !important;
    font-size: 16px;
    font-weight: 600
}

ul.git-profile-projects-ulist .list-warpper .pro-name .pro-name .author:hover,
ul.git-profile-projects-ulist .list-warpper .pro-name .pro-name .repository:hover,
ul.git-profile-projects-ulist .list-warpper .pro-name .main-pro-name .author:hover,
ul.git-profile-projects-ulist .list-warpper .pro-name .main-pro-name .repository:hover {
    color: #1283ba !important
}

ul.git-profile-projects-ulist .list-warpper:first-child {
    border-top: 1px solid #dce3e8
}

ul.git-profile-projects-ulist .list-warpper__footer {
    height: 16px;
    font-size: 12px
}

ul.git-profile-projects-ulist .list-warpper__footer .opreate-divider {
    display: inline-block;
    padding: 0 4px
}

ul.git-profile-projects-ulist .list-warpper__footer .project-lang-wrapper {
    margin-left: 0 !important;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0
}

ul.git-profile-projects-ulist .list-warpper__footer a {
    color: #8c92a4 !important
}

ul.git-profile-projects-ulist .list-warpper__footer a:hover {
    color: #8c92a4 !important
}

.git-profile-content-header .item .menu a {
    color: rgba(0, 0, 0, 0.8) !important
}

.git-profile-content-header .git-dashboard-projects-menu>a.item {
    font-size: 16px;
    padding: 8px 18px !important
}

.git-profile-content-header .git-dashboard-projects-menu {
    margin: 0 0 9px 0
}

.git-profile-content-header .git-profile-selection-dropdown {
    float: right;
    top: -3px
}

.git-dashboard-projects-menu {
    margin: 0 0 15px 0;
    font-size: 14px
}

.git-dashboard-projects-menu .ui.orange.button {
    margin-top: 3px
}

.git-dashboard-projects-menu a {
    color: #8c92a4
}

.git-dashboard-projects-menu a:hover {
    color: #aeb2bf
}

.git-dashboard-projects-menu a:active {
    color: #626672
}

.git-dashboard-projects-menu>.item {
    line-height: 1.43
}

.git-dashboard-projects-menu>.item:first-child {
    padding-left: 0 !important
}

.git-dashboard-projects-menu .git-profile-selection-dropdown {
    margin-top: -3px;
    margin-right: 0;
    font-weight: normal !important;
    padding: 5px 9px !important
}

.git-dashboard-projects-menu .git-profile-selection-dropdown .menu .item {
    text-align: center
}

.git-dashboard-projects-menu .git-code-selection-dropdown {
    float: right;
    margin-right: 0;
    padding: 5px 9px !important;
    font-weight: normal !important
}

.git-dashboard-projects-menu h3.git-code-pagetitle {
    margin-top: 8px;
    margin-bottom: 0px;
    display: inline-block
}

.git-dashboard-projects-menu #check-header .content {
    margin-left: 22px
}

.git-dashboard-projects-menu #check-header .pull-right {
    margin-top: -7px;
    z-index: 10
}

.git-dashboard-projects-menu #check-header .pull-right .button {
    margin: 0 0 9px 0
}

.git-dashboard-projects-menu.checked>* {
    display: none !important
}

.git-dashboard-projects-menu.checked #check-header {
    display: block !important;
    top: 2px
}

.git-dashboard-projects-menu.checked #check-header .content {
    display: block
}

.git-dashboard-projects-menu .ui.button.new-code {
    margin-top: -6px
}

.git-dashboard-pr-title,
.git-dashboard-issue-title {
    margin-top: 0
}

.dashboard-pr-header a,
.dahsboard-issue-header a {
    line-height: 3.4
}

.dashboard-pr-header .iconfont.icon-add,
.dahsboard-issue-header .iconfont.icon-add {
    line-height: 2
}

.git-profile-enterprise {
    margin-top: 24px
}

.git-dashboard-issue-pr-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.git-dashboard-issue-pr-content footer {
    margin-top: 10px
}

.git-dashboard-issue-pr-content .git-pull-requests-panel,
.git-dashboard-issue-pr-content .git-issues-panel {
    margin: 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.git-dashboard-issue-pr-content .issue-wrapper,
.git-dashboard-issue-pr-content .pull-request__wrapper {
    padding: 16px !important;
    border-spacing: 0px 10px
}

.git-dashboard-issue-pr-content .dashboard-pr-header a {
    line-height: 2.8
}

form.edit_oauth_application input {
    cursor: text
}

form.edit_oauth_application .app-permissions li {
    margin: 0 0 2px 10px
}

form.edit_oauth_application .field>.pull-right {
    margin-top: 7px
}

#git-username-update .operation {
    display: inline;
    color: #888888;
    padding-left: 10px
}

#git-username-update .operation .result-status {
    color: #666666
}

#git-username-update .operation .modify-username {
    color: #4183c4;
    cursor: pointer
}

#git-username-update .setting-username-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

#git-username-update .username-area {
    width: 50%
}

#git-username-update #update-username {
    margin-top: 10px
}

#git-username-update .mo-username-form {
    display: none
}

#git-username-update .mo-username-form #mopassword {
    width: 50%
}

#git-username-update .mo-username-form .cancle-mo {
    display: inline;
    padding: 9px;
    cursor: pointer
}

#git-username-update .mo-username-form .username-alert,
#git-username-update .mo-username-form .password-alert {
    line-height: 32px;
    display: block;
    color: red;
    min-height: 10px
}

.profile-setting {
    padding: 0 !important
}

.profile-setting .menu .item {
    padding-left: 0.95em !important;
    padding-right: 0.95em !important
}

.profile-setting .menu .item .label {
    float: none !important
}

.forget-password-label {
    font-size: 0.9285em;
    margin-bottom: 4px
}

.forget-password-label label {
    font-weight: bold
}

#profile-settings .profile-setting-header {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#profile-settings .third_party_account_binding {
    margin-top: 57px
}

#profile-settings #user_address_tel,
#profile-settings #user_address_name {
    width: 450px
}

#profile-settings #upgrade-to-group .inline.field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#profile-settings #upgrade-to-group .inline.field .label-title {
    text-align: left
}

#profile-settings #upgrade-to-group .inline.field .wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#profile-settings .ui.icon.button {
    background: transparent;
    margin-left: -45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute
}

#profile-settings .hide.icon {
    display: none
}

#profile-settings #token {
    padding-right: 36px
}

#profile-settings .common-width {
    width: 250px !important
}

#profile-settings .change-password .button {
    min-width: 100px
}

#profile-settings .ui.header>span {
    font-size: 16px
}

#profile-settings .ui.breadcrumb a {
    color: #005980
}

#profile-settings .ui.breadcrumb+.ui.header {
    margin-top: 0
}

#profile-settings .third-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 80px
}

#profile-settings .third-app:hover .app-name {
    color: #40485b;
    white-space: nowrap
}

#profile-settings .third-app .app-name {
    color: #8c92a4;
    white-space: nowrap
}

#profile-settings .user-bind,
#profile-settings .user-unbind {
    padding-top: 0px;
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#profile-settings .user-bind a:focus,
#profile-settings .user-unbind a:focus {
    border: none;
    outline: none
}

#profile-settings .ssh-keys-list {
    margin: 1em 0
}

#profile-settings .ssh-keys-list .header {
    padding: .7em 0
}

#profile-settings .ssh-keys-list .nothing {
    padding: .6em 0
}

#profile-settings .ssh-keys-list .key-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .6em 0
}

#profile-settings .ssh-keys-list .item-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px
}

#profile-settings .ssh-keys-list .item-detail .key-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 160px
}

#profile-settings .ssh-keys-list .item-detail .key-meta {
    padding-left: 6px;
    font-size: 12px;
    line-height: 16px
}

#profile-settings .ssh-keys-list .item-action {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#profile-settings .ssh-keys-list .item-action .delete-btn {
    padding: .2em .8em;
    font-size: 12px
}

#profile-settings .token-update-form .field input {
    padding: .55em 1em;
    width: 220px
}

#profile-settings .token-update-form .fields.action .field.default {
    display: block
}

#profile-settings .token-update-form .fields.action .field.generate {
    display: none;
    padding: 0
}

#profile-settings .token-update-form .fields.action .field.verify-password {
    padding-left: 0
}

#profile-settings .token-update-form .fields.action.generate .field.default {
    display: none
}

#profile-settings .token-update-form .fields.action.generate .field.generate {
    display: block
}

.profile.collaborators td.title .ui.popup {
    margin-right: 18px
}

.profile.collaborators td.title .ui.popup .content {
    max-width: 60px
}

.profile.collaborators td .mini.image {
    width: 35px;
    height: 35px;
    display: inline-block
}

.profile.collaborators .user_info .image.header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    margin-bottom: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile.collaborators .user_info .image.header .icon.dropdown {
    top: 4px;
    position: relative
}

.profile.collaborators .user_info .image.header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 6px
}

.profile.collaborators .user_info .image.header .content .name {
    font-size: 1.071rem
}

.profile.collaborators .user_info .image.header .content .username {
    margin-bottom: 5px
}

.profile.collaborators .user_info .image.header .content .self-label {
    margin-left: 6px;
    border-color: #4baf50;
    color: #4baf50
}

.profile.collaborators .user_info .image.header .sub.header {
    font-size: 1rem;
    margin-top: 0 !important
}

.profile.collaborators .user_info .project-list {
    font-size: 1.071rem;
    padding-left: 38px
}

.profile.collaborators .user_info .project-list .project:first-child {
    margin-left: 0px !important
}

.profile.collaborators .user_info .project-list .project {
    font-size: 1rem;
    margin-bottom: 5px
}

.profile.collaborators .user_info .project-list .sub.header {
    font-size: 1rem
}

.profile.collaborators td.access-level {
    white-space: nowrap
}

.profile.collaborators td.access-level .dropdown.selection .text {
    margin-right: 0
}

.profile.collaborators td.mobilephone {
    white-space: nowrap
}

.profile.collaborators td>p {
    margin-bottom: 0
}

#design-form .ui.radio.checkbox label:before {
    top: -1px
}

.oauth-application-form .scope-label .name {
    display: inline-block;
    min-width: 120px
}

.oauth-application-form input[readonly="readonly"] {
    cursor: default !important
}

.new-oauth-application .configuration {
    padding-left: 0px
}

.edit-oauth-application .upload-app-logo-right,
.new-oauth-application .upload-app-logo-right {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 30px
}

.edit-oauth-application .upload-app-logo-right .upload-text,
.new-oauth-application .upload-app-logo-right .upload-text {
    color: #9d9d9d;
    margin-bottom: 20px
}

.edit-oauth-application .oauth-logo-dropzone,
.new-oauth-application .oauth-logo-dropzone {
    display: inline-block;
    vertical-align: bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: 1px solid #dce3e8;
    border-radius: 3px;
    padding: 0;
    min-height: 98px;
    width: 100px;
    height: 100px;
    position: relative
}

.edit-oauth-application .oauth-logo-dropzone i,
.new-oauth-application .oauth-logo-dropzone i {
    color: #dce3e8;
    cursor: pointer;
    font-size: 60px;
    left: 14px;
    position: absolute;
    top: 10px
}

.edit-oauth-application .oauth-logo-dropzone .dz-preview,
.new-oauth-application .oauth-logo-dropzone .dz-preview {
    margin: 0;
    min-height: 98px
}

.edit-oauth-application .oauth-logo-dropzone .dz-preview .dz-image,
.new-oauth-application .oauth-logo-dropzone .dz-preview .dz-image {
    width: 98px;
    height: 98px;
    border-radius: 0
}

.edit-oauth-application .scopes-config,
.new-oauth-application .scopes-config {
    padding-left: 0
}

#profile-settings .personal-access-token .token-scop {
    margin-top: 8px;
    margin-bottom: 8px
}

#profile-settings .personal-access-token .access-tokens-list {
    margin-top: 24px
}

#profile-settings .personal-access-token .token-description {
    font-size: 16px;
    font-weight: bold
}

#profile-settings .personal-access-token .update-or-del-wrap .ui.labeled.button {
    padding: 0;
    font-size: 0
}

#profile-settings .personal-access-token .update-or-del-wrap .ui.button {
    background: white;
    border: 1px solid #e3e9ed;
    margin-right: 0;
    color: #005980
}

#profile-settings .personal-access-token .update-or-del-wrap .update-btn,
#profile-settings .personal-access-token .update-or-del-wrap .del-btn {
    border: 0 !important
}

#profile-settings .personal-access-token .update-or-del-wrap .update-btn {
    border-right: 1px solid #e3e9ed !important;
    border-radius: 0
}

#profile-settings .personal-access-token .profile-setting-header {
    margin-bottom: 0px !important
}

#profile-settings .personal-access-token .access-token-brief {
    font-size: 1rem;
    color: #40485b;
    font-weight: normal
}

#profile-settings .personal-access-token .list .item {
    padding: 0 0 24px 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#profile-settings .personal-access-token .list .item .content.desc {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}

#profile-settings .personal-access-token .list .item .content.desc a {
    color: #537c8d !important
}

#profile-settings .personal-access-token .list .item .content.delete {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#profile-settings .personal-access-token .list .item .content.create-time {
    color: #8c92a4
}

#profile-settings .personal-access-token .no_token {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#profile-settings .personal-access-token #btn-copy-personal-access-token {
    margin-left: 6px;
    font-size: 1.2rem;
    cursor: pointer
}

#profile-settings .personal-access-token .regnerate-token-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#profile-settings .personal-access-token .regnerate-token-message .item.message {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}

#profile-settings .personal-access-token .regnerate-token-message .item.action {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#profile-settings .personal-access-token.edit-access-token form.delete {
    position: relative
}

#profile-settings .personal-access-token.edit-access-token form.delete .delete.action-btn {
    position: absolute;
    top: -34px;
    right: 0px
}

h4.provider-desc {
    margin: 0px
}

table.provider td.status {
    background-color: #fcfef6
}

table.provider span.status-desc {
    position: relative;
    left: 8px
}

table.provider span.status-desc::before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background-color: #3aa968;
    position: absolute;
    top: 3px;
    left: -16px
}

.checkbox.public-info {
    margin-top: 12px
}

.checkbox.public-info.email {
    margin-bottom: 10px
}

.select-user-address .province-address,
.select-postal-address .province-address {
    width: 220px !important;
    padding-right: 0 !important;
    margin-right: 10px !important
}

.select-user-address .city-address,
.select-postal-address .city-address {
    width: 220px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 24px !important
}

.profile-keys-show-page .key-textarea {
    width: 100%;
    margin-bottom: 1em
}

.profile-keys-show-page .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.profile-repo-info-page .page-header {
    margin-bottom: 1em !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profile-repo-info-page .repo-info-size-tips {
    margin-left: .5em;
    font-size: 14px;
    font-weight: normal
}

.profile-repo-info-page .search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.profile-repo-info-page .search-wrap .git-user-serach-prj #search_project {
    float: none;
    margin-top: 0;
    margin-right: 0;
    width: 240px
}

.profile-repo-info-page .search-wrap .git-user-serach-prj #search_project .ui.input {
    width: 240px
}

.profile-repo-info-page .search-wrap .git-user-serach-prj #search_project .ui.input .icon-search {
    left: 205px;
    cursor: pointer
}

.profile-repo-info-page .search-wrap .git-user-serach-prj #search_project #search-projects {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    height: 38px !important
}

.profile-repo-info-page .search-wrap .dropdown-list {
    display: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: contents
}

.profile-repo-info-page .search-wrap .dropdown-list .icon {
    line-height: 18px
}

.profile-repo-info-page .search-wrap .dropdown-list .menu {
    top: 28px
}

.profile-repo-info-page .repo-info-table .table .repo_name,
.profile-repo-info-page .repo-info-table .table .actions {
    padding-left: 35px
}

.profile-repo-info-page .repo-info-table td {
    vertical-align: initial
}

.profile-repo-info-page .repo-info-table td.detail {
    max-width: 240px;
    text-align: center
}

.profile-repo-info-page .repo-info-table td.detail>*:not(:first-child) {
    margin-top: .6em
}

.profile-repo-info-page .repo-info-table td.detail .project_title {
    display: inline-block;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.profile-repo-info-page .repo-info-table td.detail .title>*:not(:first-child) {
    margin-left: .6em
}

.profile-repo-info-page .repo-info-table td.detail .title .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profile-repo-info-page .repo-info-table td.detail .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 55px;
    display: none
}

.profile-repo-info-page .repo-info-table td.detail .meta {
    display: none
}

.profile-repo-info-page .repo-info-table td.detail .detail-icon {
    cursor: pointer
}

.profile-repo-info-page .repo-info-table td.detail.expanding .description {
    display: -webkit-box
}

.profile-repo-info-page .repo-info-table td.detail.expanding .meta {
    display: block
}

.profile-repo-info-page .repo-info-table .column {
    padding-top: 0px !important
}

.profile-repo-info-page .repo-info-chart {
    margin-bottom: 1.3em;
    position: relative;
    min-height: 600px
}

.profile-repo-info-page .repo-info-chart .dimmer {
    z-index: 1
}

.edit_user .field.error span {
    display: inline
}

.bind-phone-form #phone,
.bind-phone-form #phone_captcha {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-container.login-info-page .login-page-tips {
    font-size: 14px;
    color: #8c92a4;
    line-height: 20px;
    margin-bottom: 1px
}

.page-container.login-info-page .content {
    position: relative;
    padding-left: 24px;
    padding-top: 1px
}

.page-container.login-info-page .content:after {
    content: '';
    position: absolute;
    top: 70px;
    left: 24px;
    width: 1px;
    height: calc(100% - 145px);
    background: #e3e9ed
}

.page-container.login-info-page .content>.login-group>.login {
    margin: 24px 0 0 40px
}

.page-container.login-info-page .content>.login-group>.login>.login-content {
    line-height: 20px
}

.page-container.login-info-page .content>.login-group>.login>.login-content>.login-icon {
    position: absolute;
    color: #fff;
    background: #959da5;
    font-size: 15px;
    z-index: 2;
    width: 48px;
    height: 48px;
    left: 0;
    line-height: 3.2;
    border-radius: 50%;
    text-align: center
}

.page-container.login-info-page .content>.login-group>.login>.login-content>.login-address {
    font-size: 16px;
    font-weight: 500;
    color: #40485b;
    line-height: 22px
}

.page-container.login-info-page .content>.login-group>.login>.login-content>.login-time,
.page-container.login-info-page .content>.login-group>.login>.login-content .login-name {
    color: #40485b
}

.page-container.login-info-page .content>.login-group>.login>.login-content>.login-state.login_success {
    color: #4baf50
}

.page-container.login-info-page .content>.login-group>.login>.login-content>.login-state.login_fail {
    color: #f14333
}

.page-container.login-info-page .content>.login-group>.login>.login-content>.login-user-agent {
    color: #8c92a4
}

.bind-email-form #email {
    -webkit-box-shadow: none;
    box-shadow: none
}

.person-access-token-modal {
    min-width: 480px
}

.person-access-token-modal .access-token-value {
    height: 38px
}

.person-access-token-modal .access-token-btn {
    line-height: 1
}

.person-access-token-modal .content {
    text-align: center
}

.person-access-token-modal .icon-ic_msg_success {
    font-weight: normal;
    font-size: 64px;
    color: #22b130;
    padding-bottom: 8px;
    line-height: 1;
    padding-top: 16px
}

.person-access-token-modal .success-text {
    font-size: 18px;
    font-weight: bold
}

.person-access-token-modal .ui.input {
    padding-top: 16px;
    padding-bottom: 16px
}

.person-access-token-modal .tips-text {
    line-height: 20px;
    text-align: initial;
    margin-top: 0px;
    padding-bottom: 12px
}

.person-access-token-modal .agree_text_checkbox {
    text-align: left
}

.person-access-token-modal .confirm_close_btn {
    margin-top: 20px
}

.lable-describe {
    padding-left: 1.75em
}

#profile-settings .account-verifi-progress-wrapper {
    padding: 24px;
    width: 100%;
    height: 131px;
    background: #f9fbfb;
    border-radius: 4px
}

#profile-settings .account-verifi-progress-wrapper>.title {
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    line-height: 20px
}

#profile-settings .account-verifi-progress-wrapper .progress-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#profile-settings .account-verifi-progress-wrapper .hr-dotted {
    margin-top: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    border-top: 1px dotted #dfe3e9
}

#profile-settings .account-verifi-progress-wrapper .hr-dotted.success {
    border-top: 1px dotted #36b37e
}

#profile-settings .account-verifi-progress-wrapper .verifi-step {
    font-weight: 400;
    font-size: 14px
}

#profile-settings .account-verifi-progress-wrapper .verifi-step .number {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(140, 146, 164, 0.15);
    box-shadow: 0px 2px 4px 0px rgba(140, 146, 164, 0.15);
    border-radius: 100%;
    color: #fe7300;
    text-align: center
}

#profile-settings .account-verifi-progress-wrapper .verifi-step .description {
    color: #8c92a4;
    line-height: 20px
}

#profile-settings .account-verifi-progress-wrapper .verifi-step.active .number {
    background: #fe7300;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none
}

#profile-settings .account-verifi-progress-wrapper .verifi-step.active .description {
    color: #fe7300;
    font-weight: bold
}

#profile-settings .account-verifi-progress-wrapper .verifi-step.success .number {
    background: #36b37e;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none
}

#profile-settings .account-verifi-progress-wrapper .verifi-step.success .description {
    color: #36b37e
}

#profile-settings .alipay-auth input.button {
    padding: .5em .92857em
}

#profile-settings .auth-form-tag {
    margin: 0 auto
}

#profile-settings .auth-form-tag .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#profile-settings .auth-form-tag .field>input {
    width: 400px
}

#profile-settings .auth-form-tag .field>label {
    margin-right: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    white-space: nowrap;
    min-width: 60px
}

#profile-settings .auth-form-tag .submit-auth-form {
    display: block;
    margin: 0 auto
}

#profile-settings .form-setp-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#profile-settings .account-verifi-success-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#profile-settings .account-verifi-success-wrapper .icon-ic_msg_success {
    color: #36b37e;
    font-size: 64px
}

#profile-settings .account-verifi-success-wrapper .user-info {
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    line-height: 20px
}

#profile-settings .account-verifi-success-wrapper .f-roboto {
    font-family: roboto
}

.golden.text {
    background-image: -webkit-gradient(linear, left top, right top, from(#85744d), to(#ffecc6));
    background-image: linear-gradient(to right, #85744d, #ffecc6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: #98865b
}

.golden.right-to-left-text {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffecc6), to(#85744d));
    background-image: linear-gradient(to right, #ffecc6, #85744d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: #98865b
}

.ui.basic.golden.button {
    color: #98865b !important;
    border-color: rgba(200, 179, 120, 0.5) !important
}

.ui.basic.golden.button:hover {
    color: #948361 !important;
    border-color: #C8B378 !important;
    background-color: transparent !important
}

.golden.links a,
a.golden.link {
    color: #fbd68a;
    text-decoration: underline
}

.golden.links a:hover,
a.golden.link:hover {
    color: #ffecc6
}

.golden.links a:active,
a.golden.link:active {
    color: #85744d
}

.golden.project.card {
    text-align: left;
    border-radius: 3px;
    border: 1px solid rgba(255, 218, 141, 0.2);
    background-color: transparent;
    background-image: linear-gradient(-135deg, rgba(238, 218, 160, 0.02) 0%, rgba(148, 131, 97, 0.02) 100%);
    -webkit-box-shadow: none;
    box-shadow: none
}

.golden.project.card:hover {
    cursor: pointer
}

.golden.project.card .header {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 24px;
    color: #98865b;
    background-image: linear-gradient(-135deg, rgba(148, 131, 97, 0.2) 0%, rgba(238, 218, 160, 0.5) 100%);
    border-radius: 2px 2px 0 0 !important;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 218, 141, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(255, 218, 141, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.golden.project.card .header h3 {
    margin: 0;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.golden.project.card .header .label {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.golden.project.card .header .project-title {
    font-size: 16px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #ffda8d
}

.golden.project.card .header .project-title:hover {
    color: #ffe5af
}

.golden.project.card .header .project-title:active {
    color: #b29862
}

.golden.project.card .description {
    color: #FFDA8D;
    margin: 0;
    font-size: 1rem;
    line-height: 1.42;
    height: 2.84em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.golden.project.card .content {
    padding: 8px 16px
}

.golden.project.card .golden.label {
    color: #45310F;
    padding: 2px 4px;
    border-radius: 2px;
    background: #FBD68A
}

.golden.project.card:hover {
    border-color: rgba(255, 218, 141, 0.5)
}

#git-discover-page {
    margin-bottom: 24px
}

#git-discover .project-title {
    font-size: 16px
}

#git-discover .project-desc {
    margin-top: 10px;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 1.4
}

#git-discover .project-meta {
    margin-top: 8px;
    margin-bottom: -5px;
    color: #9B9B9B;
    font-size: 14px
}

#git-discover .project-meta .username {
    color: #8c92a4 !important
}

#git-discover .project-meta .username:hover {
    color: #005980 !important;
    border-bottom: 1px solid #005980
}

#git-discover .lang-label {
    padding: 3px 5px;
    border-radius: 0.2rem;
    font-size: 12px;
    font-weight: normal
}

#git-discover .lang-label.is-lang {
    color: white;
    background: #79c5e5
}

#git-discover-menu {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 0 !important
}

#git-discover-menu>.item.right i {
    padding-top: 0.72rem
}

#git-discover-menu>.item.right input {
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei"
}

#git-discover-menu>.item {
    font-size: 1rem;
    padding: 2px 0 15px 0;
    margin-right: 29px;
    border: none
}

#git-discover-menu>.item:last-child {
    margin-right: 0
}

#git-discover-menu>.item.active,
#git-discover-menu>.item.dropdown-active {
    color: #fe7300 !important;
    border-bottom: 3px solid #fe7300 !important
}

#git-discover-menu .ui.dropdown>.menu {
    -webkit-box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    border-radius: 0;
    border: 0
}

#git-discover-list {
    padding: 0 !important
}

#git-discover-list .project-creator-link {
    margin-right: 10px;
    padding: 0
}

#git-discover-list .project-creator-link img {
    width: 35px;
    height: 35px
}

#git-discover-list .content {
    padding-left: 18px
}

#git-discover-list .content .project-title h3 {
    margin: 0;
    display: inline-block
}

#git-discover-list .section {
    margin-left: .8rem
}

#git-discover-list .section i.iconfont {
    color: #8c92a4;
    font-size: 12px
}

#git-discover-list .section span {
    font-size: 0.9em;
    color: #8c92a4;
    position: relative;
    top: -1px
}

#git-discover-list>.item {
    padding-top: 14px;
    padding-bottom: 16px !important;
    border-top: 1px solid #eee
}

#git-discover-list>.item:first-child {
    border-top: none;
    padding-top: 5px
}

#git-radar-list {
    border: 0;
    padding-bottom: 14px
}

#git-radar-list .header {
    padding-top: 1rem !important;
    margin-bottom: 10px
}

#git-radar-list .row {
    padding-top: 5px;
    padding-bottom: 5px
}

#git-radar-list .row.skill>.column:first-child {
    padding: 0 0 0 1rem
}

#git-radar-list .row.skill>.column:last-child {
    padding: 0
}

#git-radar-list .row.skill>.column {
    font-size: 13px
}

#git-radar-list .git-skill-bar {
    margin-top: 5px;
    height: 7px;
    background-color: #66c17b;
    border-radius: 5px
}

#git-radar-list .percentage {
    text-align: right
}

#git-radar-list .skill-tag {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#git-radar-list .skill-blank {
    margin-left: 12px;
    width: 270px
}

.git-project-gvp-badge {
    position: relative
}

.git-project-gvp-badge:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/flash.gif") no-repeat center;
    background-size: cover;
    opacity: 0.6
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: white;
    text-align: center;
    background: #222222;
    border: 3px solid white;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    left: auto;
    right: 15px
}

.carousel-control:hover,
.carousel-control:focus {
    color: white;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4,
.carousel-caption p {
    color: white;
    line-height: 20px
}

.carousel-caption h4 {
    margin: 0 0 5px
}

.carousel-caption p {
    margin-bottom: 0
}

#invite-member .invite-type-tabs {
    border-bottom: 1px solid #e3e9ed;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#invite-member .invite-type-tabs .item {
    margin-bottom: -1px
}

#invite-member .invite-type-tabs .item.active {
    font-weight: bold
}

#invite-member .invite-share-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: -10px
}

#invite-member .invite-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px
}

#invite-member .invite-content.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#invite-member .invite-content-left {
    width: 410px
}

#invite-member .invite-content-divider {
    width: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 24px;
    margin-right: 24px;
    background: #e3e9ed
}

#invite-member .invite-content-right {
    width: 330px
}

#invite-member #chose-roles {
    min-width: 110px
}

#invite-member .select2-input {
    border: none
}

#invite-member>.ui.tab {
    padding-top: 18px
}

#invite-member .generate-link .link-input input {
    width: 280px;
    height: 38px
}

#invite-member .generate-link #apply-access-dropdown {
    min-width: 110px
}

#invite-member .generate-link .access-inputs {
    margin: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#invite-member .generate-link .generate-key-tips {
    max-width: 480px
}

#invite-member .send-invitation .select-radio-checkbox label:before {
    top: -0.06rem !important
}

#invite-member .send-invitation .content>.field {
    margin-bottom: 16px
}

#invite-member .send-invitation .invite-desc {
    width: 100px
}

#invite-member .send-invitation .invite-desc span {
    font-size: 12px;
    color: #8C92A4
}

#invite-member .send-invitation .invite-input {
    min-width: 250px
}

#invite-member .send-invitation .invite-input .select.inputs .select2-input {
    padding: 8px 14px;
    width: 100% !important
}

#invite-member .send-invitation .invite-input .select.inputs .ajax-users-select,
#invite-member .send-invitation .invite-input .select.inputs .select2-search-field {
    width: 100%
}

#invite-member .send-invitation .invite-input .select.inputs .select2-container-multi.select2-choices {
    border-radius: 0
}

.ent-empty__bg {
    width: 277px;
    height: 128px;
    background-image: url("../images/empty_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto 16px auto
}

.ent-empty__image {
    width: 123px;
    height: 132px;
    background-image: url("../images/empty_file.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: auto
}

.ent-empty__text {
    text-align: center
}

.ent-empty--center {
    height: calc(100vh - 140px);
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.git-project-member {
    margin: 1.4em 0 !important
}

.git-project-member .member-item {
    display: table-cell !important;
    vertical-align: middle !important
}

.git-project-member .ui.image {
    width: 2em;
    vertical-align: middle !important
}

.git-project-member-name {
    font-weight: bold
}

.git-project-member-label.ui.label {
    padding: 4px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 2px
}

.git-project-member-description {
    color: #8c92a4;
    margin-top: 0.2em
}

.git-project-member-actions {
    float: right;
    margin-top: .5em;
    white-space: nowrap
}

.git-project-member-actions form {
    display: inline-block
}

.git-project-member-list>.ui.segment>.header {
    margin-bottom: -.5em
}

i.icon-file-readonly,
i.icon-folder-readonly {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center
}

i.icon-file-readonly {
    background-image: url("../images/file-readonly.svg")
}

i.icon-folder-readonly {
    background-image: url("../fonts/folder-readonly.svg")
}

.blankslate {
    position: relative;
    padding: 32px;
    text-align: center;
    background-color: #fafbfc;
    border: 1px solid #dce3e8;
    border-radius: 3px
}

.blankslate a {
    color: #005980 !important
}

.blankslate a:hover {
    color: #4c8aa6 !important
}

.blankslate a:active {
    color: #003e59 !important
}

.blankslate.no-border {
    border: 0
}

.blankslate .gray {
    color: #8c92a4 !important
}

.blankslate-spacious {
    padding: 160px 40px 200px
}

.blankslate-icon {
    font-size: 34px
}

.reactions-popup,
.ui.popup.reactions-popup,
.el-popover.reactions-popup {
    padding: 0;
    min-width: auto
}

.reactions-popup .header,
.ui.popup.reactions-popup .header,
.el-popover.reactions-popup .header {
    padding: 8px;
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px solid #dce3e8
}

.reactions-popup .ui.images,
.ui.popup.reactions-popup .ui.images,
.el-popover.reactions-popup .ui.images {
    padding: 0 8px 8px;
    width: 140px
}

.reactions-popup .ui.images .reactions-item,
.ui.popup.reactions-popup .ui.images .reactions-item,
.el-popover.reactions-popup .ui.images .reactions-item {
    padding: 2px;
    width: 25%;
    display: inline-block
}

.reactions-popup .ui.image,
.ui.popup.reactions-popup .ui.image,
.el-popover.reactions-popup .ui.image {
    margin: 0;
    padding: 4px;
    width: 100%;
    border-radius: 2px;
    cursor: pointer
}

.reactions-popup .ui.image:hover,
.ui.popup.reactions-popup .ui.image:hover,
.el-popover.reactions-popup .ui.image:hover {
    background: #ececec
}

.reactions-popup .ui.image.active,
.ui.popup.reactions-popup .ui.image.active,
.el-popover.reactions-popup .ui.image.active {
    background: rgba(254, 115, 0, 0.1)
}

.el-popover.reactions-popup .ui.images {
    padding: 8px
}

.note-reaction {
    color: #8c92a4
}

.note-reaction .icon-face-smile {
    margin-top: 1px
}

.goto-comment {
    color: #8c92a4
}

.goto-comment .icon-comment {
    margin-top: 2px
}

.reactions-list {
    margin-top: 8px
}

.reactions-list .ui.label {
    margin: 0;
    margin-left: -1px;
    color: #8c92a4;
    background: #fff;
    border: 1px solid #dce3e8;
    border-radius: 0;
    cursor: pointer;
    outline: none
}

.reactions-list .ui.label:hover {
    background: #f5f5f5
}

.reactions-list .ui.label:active {
    background: #ececec
}

.reactions-list .ui.label.active {
    background: rgba(254, 115, 0, 0.1)
}

.reactions-list>*:first-child,
.reactions-list>*:first-child .ui.label {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important
}

.reactions-list>*:last-child,
.reactions-list>*:last-child .ui.label {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important
}

.reactions-list:empty {
    margin-top: 0
}

.reactions-list .ui.image {
    margin-right: 4px;
    width: 20px;
    display: inline-block
}

.reactions-list .reactions-count {
    display: inline-block;
    vertical-align: middle
}

.reaction-detail,
.ui.popup.reaction-detail,
.el-popover.reaction-detail {
    min-width: auto;
    max-width: 250px;
    line-height: 1.5
}

#codesafe_detail_modal {
    width: 620px
}

#codesafe_detail_form {
    padding: 24px
}

#codesafe_detail_form .field>label {
    margin-bottom: .82em
}

#codesafe_detail_form .language-block {
    margin-right: 24px;
    padding: 12px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e3e9ed
}

#codesafe_detail_form .language-block img {
    margin-bottom: 10px;
    display: block
}

#codesafe_detail_form .language-block.active {
    border: 1px solid #fe7300
}

#codesafe_detail_form .java .ui.radio {
    margin-right: 24px
}

.small.error.text {
    margin-top: 2px
}

.branch-input {
    width: 100%;
    height: 37px
}

.branch-input .text {
    line-height: 26px
}

.branch-input .dropdown.icon {
    line-height: 26px !important;
    float: right
}

#btn_codesafe_detail,
#del-codesafe-report {
    margin-top: 10px;
    margin-bottom: 10px
}

#del-codesafe-report {
    margin-left: 8px
}

.header.ui.codesafe-title {
    margin-bottom: 8px
}

.codesafe-info.ui.internally.celled.grid {
    margin-top: 24px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E3E9ED
}

.codesafe-info.ui.internally.celled.grid .row {
    padding-top: 50px;
    padding-bottom: 50px
}

.codesafe-info.ui.internally.celled.grid h3 {
    margin-top: 0
}

.codesafe-info.ui.internally.celled.grid p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #40485B;
    line-height: 22px
}

.codesafe-info.ui.internally.celled.grid .no-box-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.vertical-bottom {
    vertical-align: bottom
}

#codesafe-report {
    margin-top: 0
}

#codesafe-report .info-classify {
    padding-left: 10px;
    padding-right: 10px;
    background: #666;
    color: #eee;
    font-size: 14px;
    margin-bottom: 10px
}

#codesafe-report .chart.info-classify {
    display: inline-block
}

#codesafe-report .ui.lable .lable {
    margin-bottom: 5px;
    display: inline-block;
    width: 24%
}

#codesafe-report .inline.lable {
    display: inline-block;
    margin-right: 8px
}

#codesafe-report .divider {
    border-top: 2px solid rgba(0, 0, 0, 0.1)
}

#codesafe-report #main,
#codesafe-report #main2 {
    width: 470px;
    height: 300px;
    display: inline-block
}

#codesafe-report .delete-report {
    color: red
}

#codesafe-report .report-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#codesafe-report .report-title .codesafe-chop {
    color: #333
}

#codesafe-report .report-title .codesafe-desc {
    margin-left: 20px
}

#codesafe-report .report-title .version-update {
    color: #db2828
}

#codesafe-report .report-title .delete-analysis {
    color: red;
    margin-left: 15px
}

#codesafe-report .report-title h3,
#codesafe-report .report-title h5 {
    display: inline-block;
    margin: 0px
}

#codesafe-report .row.center.aligned {
    margin: 15px;
    padding-top: 105px;
    padding-bottom: 100px;
    text-align: center
}

#codesafe-report .little-width-progress {
    margin-right: auto;
    margin-left: auto;
    width: 400px
}

#codesafe-report .label#progress_des {
    color: #40485b
}

#codesafe-report p.content {
    margin-top: 9px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #8C92A4;
    line-height: 22px
}

input[class*="el-input"],
textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: none
}

.ui.form input.el-select__input[type="text"],
.ui.form input.el-select__input[type="text"]:focus {
    border: none !important;
    margin-left: 15px;
    padding: 0;
    background: transparent
}

.ui.form .el-radio+.el-radio {
    margin-left: 30px
}

.el-select .el-select__input {
    border: none;
    padding: 0
}

.el-select-dropdown {
    max-width: 400px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    padding-right: 36px
}

.el-select-dropdown__wrap .el-select-dropdown__item.is-disabled.selected {
    color: #ffab65
}

.el-dialog {
    border-radius: 0;
    -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2)
}

.el-dialog__header {
    padding: 14px 24px;
    color: #40485b;
    background: #fcfcfc;
    border: 1px solid #e3e9ed
}

.el-dialog__footer {
    padding: 24px;
    padding-top: 0
}

.el-dialog__footer .ui.button:last-child {
    margin-right: 0
}

.el-dialog__title {
    font-size: 16px;
    line-height: 1.571rem;
    padding-right: 30px;
    display: inline-block
}

.el-dialog__headerbtn {
    top: 11px
}

.el-dialog__headerbtn .el-dialog__close {
    font-size: 24px;
    color: #005980
}

.el-dialog__headerbtn .el-dialog__close:hover {
    color: #4c8aa6
}

.el-dialog__headerbtn .el-dialog__close:active {
    color: #003e59
}

.el-dialog__body {
    padding: 24px
}

.el-button {
    font-weight: normal
}

.el-button--text {
    color: #005980
}

.el-button--text:hover {
    color: #4c8aa6
}

.el-button--text:active {
    color: #003e59
}

.el-select .el-input--suffix .el-input__inner {
    padding-right: 35px
}

.el-select__tags .el-tag {
    height: auto;
    line-height: 20px
}

.el-select__tags .el-tag--mini {
    padding: 2px 5px
}

.el-select__tags .el-select__tags-text {
    white-space: normal;
    word-break: break-all
}

.el-popover {
    min-width: auto
}

.el-popover.el-popover--plain {
    padding: 0.833em 1em;
    font-size: 0.85714rem;
    min-width: 50px
}

.el-dropdown-menu__item.selected {
    color: #fe7300;
    font-weight: bold
}

.el-message-box__message {
    word-break: break-all
}

.el-form-item.asterisk-right>.el-form-item__label::after {
    content: "*";
    color: #d95c5c;
    margin-left: 4px
}

.star-collection-popup {
    width: 360px;
    height: 270px;
    color: #40485b;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08), 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08), 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border: 1px solid #e3e9ed
}

.star-collection-popup__header {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    background: #fcfcfc;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #e3e9ed
}

.star-collection-popup__header .star-collection-popup__header__left {
    font-weight: 500
}

.star-collection-popup__body {
    width: 100%;
    height: 182px;
    background: #ffffff;
    text-align: center;
    padding-top: 8px
}

.star-collection-popup__body .blank-message {
    line-height: 182px;
    color: #cacaca;
    font-size: 14px;
    font-weight: 400
}

.star-collection-popup__body .star-collection-popup__list__item {
    padding: 7px 24px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.star-collection-popup__body .star-collection-popup__list__item:hover {
    background: #fafafb !important
}

.star-collection-popup__body .star-collection-popup__search {
    width: 100%;
    position: relative;
    padding: 8px 24px
}

.star-collection-popup__body .star-collection-popup__search .icon-search {
    position: absolute;
    right: 34px;
    top: 15px
}

.star-collection-popup__body .star-collection-popup__scroll {
    height: 168px;
    overflow-y: auto
}

.star-collection-popup__body .star-collection-popup__scroll::-webkit-scrollbar {
    width: 4px
}

.star-collection-popup__body .star-collection-popup__scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #dce3e8
}

.star-collection-popup__body .star-collection-popup__scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.star-collection-popup__body .star-collection-popup__list__item__name {
    max-width: 16em;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.star-collection-popup__body .star-collection-popup__list__item__status {
    width: 16px;
    height: 16px
}

.star-collection-popup__body .icon-lock {
    margin-top: 2px
}

.star-collection-popup__body .star-collection-popup__list__item__number {
    min-width: 18px;
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #8c92a4;
    background: #ecedee;
    border-radius: 2px
}

.star-collection-popup__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    background: #fcfcfc;
    border-radius: 0px 0px 4px 4px;
    border-top: 1px solid #e3e9ed
}

.star-collection-popup__footer .star-collection-popup__footer--normal {
    font-size: 14px;
    font-weight: 500;
    color: #fe7300
}

.star-collection-popup__footer .star-collection-popup__footer--new {
    display: none
}

.star-collection-popup__footer .star-collection-popup__footer__new-input {
    width: 210px;
    border: none;
    outline: none;
    padding: 0;
    background: transparent
}

.star-collection-popup__footer .star-collection-popup__footer__new-input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #cacaca
}

.star-collection-popup__footer .star-collection-popup__footer__new-input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #cacaca
}

.star-collection-popup__footer .star-collection-popup__footer__new-input::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #cacaca
}

.star-collection-popup__footer .star-collection-popup__footer__new-input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #cacaca
}

.star-collection-popup__footer .star-collection-popup__footer__add-btn {
    font-size: 14px;
    font-weight: 500;
    color: #fe7300
}

.js-star-collection--editing .star-collection-popup__footer--new {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.js-star-collection--editing .star-collection-popup__footer--normal {
    display: none
}

.js-star-collection--editing .disabled {
    color: #c9c9c9
}

.js-star-collection--editing .loading {
    color: #c9c9c9 !important
}

#sonar {
    @-webkit-keyframes highlightedFadeIn {
        from {
            background-color: transparent
        }
        to {
            background-color: #b3d4ff
        }
    }
    ;
    @keyframes highlightedFadeIn {
        from {
            background-color: transparent
        }
        to {
            background-color: #b3d4ff
        }
    }
}

#sonar .ui.centered.inline.loader.active,
#sonar .ui.centered.inline.loader.visible {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#sonar .rating {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.35)
}

#sonar .size-rating {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 24px;
    background-color: #4b9fd5;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.35)
}

#sonar .rating-A {
    background-color: #00aa00
}

#sonar .rating-B {
    background-color: #b0d513
}

#sonar .rating-C {
    background-color: #eabe06
}

#sonar .rating-D {
    background-color: #ed7d20
}

#sonar .rating-E {
    background-color: #e00
}

#sonar .duplications-rating {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border: 3px solid orange;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#sonar .duplications-rating:after {
    border-radius: 24px;
    content: ''
}

#sonar .duplications-rating-A {
    border-color: #00aa00
}

#sonar .duplications-rating-A:after {
    display: none
}

#sonar .duplications-rating-B {
    border-color: #b0d513
}

#sonar .duplications-rating-B:after {
    width: 6px;
    height: 6px;
    background-color: #b0d513
}

#sonar .duplications-rating-C {
    border-color: #eabe06
}

#sonar .duplications-rating-C:after {
    width: 8px;
    height: 8px;
    background-color: #eabe06
}

#sonar .duplications-rating-D {
    border-color: #ed7d20
}

#sonar .duplications-rating-D:after {
    width: 12px;
    height: 12px;
    background-color: #ed7d20
}

#sonar .duplications-rating-E {
    border-color: #d4333f
}

#sonar .duplications-rating-E:after {
    width: 14px;
    height: 14px;
    background-color: #d4333f
}

#sonar .code .a {
    color: #808000
}

#sonar .code .c {
    color: #660e80;
    font-style: normal;
    font-weight: bold
}

#sonar .code .j {
    color: #666666;
    font-style: normal
}

#sonar .code .cd {
    color: #666666;
    font-style: italic
}

#sonar .code .cppd {
    color: #666666;
    font-style: italic
}

#sonar .code .k {
    color: #0071ba;
    font-weight: 600
}

#sonar .code .s {
    color: #277b31;
    font-weight: normal
}

#sonar .code .h {
    color: #000080;
    font-weight: normal
}

#sonar .code .p {
    color: #347235;
    font-weight: normal
}

#sonar .sym {
    cursor: hand;
    cursor: pointer
}

#sonar .highlighted {
    background-color: #b3d4ff;
    -webkit-animation: highlightedFadeIn 0.3s forwards;
    animation: highlightedFadeIn 0.3s forwards
}

#sonar .sonar-progress {
    height: 100px
}

#sonar .header {
    margin: 1.2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#sonar .header .title {
    margin: 0
}

#sonar .meta {
    margin: 1.2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#sonar>.overview .measures {
    margin: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#sonar>.overview .measures .measure {
    width: 130px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top
}

#sonar>.overview .measures .measure+.measure:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 24px;
    margin-top: -12px;
    border-left: 1px solid #ccc;
    content: ''
}

#sonar>.overview .measures .measure .value {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 25px;
    font-size: 18px;
    white-space: nowrap
}

#sonar>.overview .measures .measure .value .number {
    margin-right: 8px
}

#sonar>.overview .measures .measure .label {
    margin-top: 4px;
    font-size: 12px
}

#sonar>.overview .measures .measure .label.languages {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#sonar>.overview .ncloc {
    margin-left: auto;
    text-align: right
}

#sonar>.overview .ncloc:before {
    display: none
}

#sonar>.issues .header {
    margin: 20px 0
}

#sonar>.issues .filters {
    margin: 10px 0
}

#sonar>.issues .file-path {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 5px 0
}

#sonar>.issues .issue-icon {
    position: absolute;
    top: 10px;
    left: 10px
}

#sonar>.issues .clear-filters {
    margin-left: 10px
}

#sonar>.issues .clear-filters .iconfont {
    vertical-align: middle
}

#sonar>.issues .issue {
    margin: 5px 0;
    position: relative;
    padding: 8px 10px 3px 25px;
    border-left: 5px solid #eee
}

#sonar>.issues .issue.blocker {
    border-left-color: #f14333
}

#sonar>.issues .issue.blocker .issue-icon {
    color: #f46f63
}

#sonar>.issues .issue.critical {
    border-left-color: #fe7300
}

#sonar>.issues .issue.critical .issue-icon {
    color: #ff8f32
}

#sonar>.issues .issue.major {
    border-left-color: #fbbd08
}

#sonar>.issues .issue.major .issue-icon {
    color: #fcca3a
}

#sonar>.issues .issue.minor {
    border-left-color: #89c5ff
}

#sonar>.issues .issue.minor .issue-icon {
    color: #bcdeff
}

#sonar>.issues .issue.info {
    border-left-color: #4a90e2
}

#sonar>.issues .issue.info .issue-icon {
    color: #76abe9
}

#sonar>.issues .issue-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

#sonar>.issues .issue-message {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap
}

#sonar>.issues .issue-message:hover {
    text-decoration: underline
}

#sonar>.issues .issue-meta-list {
    margin: 0;
    padding-left: 5px;
    list-style: none
}

#sonar>.issues .issue-meta-list.line {
    min-width: 40px;
    text-align: right
}

#sonar>.issues .issue-meta-list>li {
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px
}

#sonar>.issues .issue-row-meta-measures {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#sonar>.issues .issue-tag {
    padding-right: 5px
}

#sonar>.issues .issue-meta {
    line-height: 16px;
    font-size: 12px
}

#sonar>.issues .issues-more {
    text-align: center
}

#sonar .viewer {
    margin-top: -8px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e4e9ed;
    min-height: 100px;
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: auto
}

#sonar .rule-viewer {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 20px;
    border: 1px solid #cdcdcd;
    background-color: #fbfdef
}

#sonar .rule-viewer .page-header {
    position: relative;
    margin-bottom: 20px
}

#sonar .rule-viewer .page-header h3 {
    position: relative;
    color: #444;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0
}

#sonar .rule-viewer .page-header:before,
#sonar .rule-viewer .page-header:after {
    display: table;
    content: "";
    line-height: 0
}

#sonar .rule-viewer .rule-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 8px 0 0 0
}

#sonar .rule-viewer .rule-property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    margin-bottom: 8px;
    font-size: 12px
}

#sonar .rule-viewer .rule-description {
    margin: 20px 0;
    line-height: 1.5
}

#sonar .rule-viewer .rule-description pre {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    line-height: 18px;
    overflow: auto
}

#sonar .rule-viewer .rule-desc pre {
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-size: 12px
}

#sonar .source-viewer {
    display: none
}

#sonar .show-source .source-viewer {
    display: block
}

#sonar .source-table {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

#sonar .source-table tr.js-rule {
    background-color: #fdd
}

#sonar .source-table tr.js-rule:hover {
    cursor: pointer
}

#sonar .source-table tr pre {
    margin: 0;
    overflow: initial
}

#sonar .source-line-number {
    width: 20px;
    padding: 0 10px;
    color: #777;
    text-align: right
}

#sonar .source-line-number:before {
    content: attr(data-line-number)
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(0.82);
        transform: scale(0.82)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(0.82);
        transform: scale(0.82)
    }
}

#private-project-authen-modal,
#modal-sync-from-github {
    font-size: 1em
}

#private-project-authen-modal .field label,
#modal-sync-from-github .field label {
    width: 65px;
    text-align: right
}

#private-project-authen-modal .sync-msg,
#modal-sync-from-github .sync-msg {
    line-height: 28px
}

#private-project-authen-modal .import-url,
#modal-sync-from-github .import-url {
    word-break: break-all;
    border: 1px solid #DEDEDF;
    padding: 2px 6px
}

#private-project-authen-modal .check-remote-repo-loading,
#modal-sync-from-github .check-remote-repo-loading {
    font-size: 16px;
    text-align: center
}

#private-project-authen-modal .check-remote-repo-timeout,
#modal-sync-from-github .check-remote-repo-timeout {
    text-align: center;
    color: #d95c5c
}

#private-project-authen-modal .private-project.authen-info,
#modal-sync-from-github .private-project.authen-info {
    margin-top: 20px
}

#private-project-authen-modal .private-project.authen-info input,
#modal-sync-from-github .private-project.authen-info input {
    width: 300px
}

#readme-content {
    padding-left: 1em;
    padding-right: 1em
}

.color-item:hover {
    background: #fbfbfb;
    cursor: pointer
}

body.git-project .color-item:last-child .tree-item {
    -webkit-box-shadow: none;
    box-shadow: none
}

#project-item-menu {
    padding: 0px;
    margin: 5px 0 18px 0
}

#project-item-menu .item {
    line-height: 1.43;
    padding: 0.7143em 0;
    margin-right: 2.857em;
    margin-left: 0;
    color: #40485b
}

#project-item-menu .active {
    color: #fe7300;
    font-weight: bold;
    padding: 0.7143em 0em
}

#project-item-menu .active a {
    color: #fe7300
}

#project-item-menu .right-item {
    float: right
}

#project-item-menu .project-item-title {
    font-weight: bold;
    font-size: 16px;
    opacity: 1
}

#project-item-menu .new-attachment {
    margin: 8px 0
}

.disabled-upload-attach-file-container {
    margin-bottom: 15px
}

.disabled-upload-attach-file-container .had-send-email-tip {
    margin: 0.75em 0
}

.disabled-upload-attach-file-container .list li {
    margin-bottom: 15px
}

.disabled-upload-attach-file-container .list li .code-style {
    color: #fff;
    padding: 0.2em 0.4em;
    margin: 0;
    background-color: grey;
    border-radius: 3px
}

#project-item-menu.project-statistics-menu {
    margin: 5px 0 18px 0;
    -webkit-box-shadow: inset 0 -1px 0 0 #DEDEDF;
    box-shadow: inset 0 -1px 0 0 #DEDEDF
}

#git-detail-clone {
    padding: 1rem 1rem 0 0
}

#git-detail-clone .column {
    padding: 0
}

#git-detail-clone .none {
    font-size: 0.9rem;
    color: #999999
}

#git-detail-clone .project_clone_holder {
    float: right
}

.register-guide {
    height: 200px;
    margin-bottom: 20px;
    background: url(../images/bg_banner.png) center/100% no-repeat;
    border-radius: 4px;
    border: 1px solid #DCE3E8
}

.register-guide .register-container {
    padding-top: 32px;
    width: 850px;
    margin: 0 auto;
    text-align: center
}

.register-guide .register-container .regist {
    font-weight: 600;
    font-size: 24px;
    color: #40485B;
    height: 33px
}

.register-guide .register-container .description {
    font-size: 14px;
    color: #40485B;
    margin-top: 9px;
    margin-bottom: 13px;
    text-align: center
}

.register-guide .register-container .free-registion {
    padding: 6px 20px;
    font-weight: 500;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 11px;
    border-radius: 2px
}

#git-versions {
    text-align: center
}

#git-versions .menu {
    min-width: 7rem
}

#git-versions .menu .item {
    padding: 0.65rem 0.5rem !important
}

#git-versions .menu .item .label {
    margin: 0;
    float: none
}

#git-versions i,
#git-settings i {
    margin-left: 5px
}

@-webkit-keyframes radar-skeleton {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@keyframes radar-skeleton {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

body.git-project .gitee-project-extension {
    display: none
}

body.git-project .ui.link.button {
    color: #6a6a6a;
    border: 0;
    padding: 0;
    background-color: transparent
}

body.git-project .ui.link.button:hover,
body.git-project .ui.link.button:active {
    color: #005980;
    background-color: transparent
}

body.git-project .ui.link.button.disabled {
    color: #6a6a6a;
    background-color: transparent !important;
    opacity: 1 !important
}

body.git-project .ui.right.floated {
    float: right
}

body.git-project .text-center {
    text-align: center
}

body.git-project .ui.icon.input i.icon {
    line-height: 1
}

body.git-project .ad-project-header {
    padding-top: 15px
}

body.git-project .ad-project-header img {
    width: 1000px
}

body.git-project .git-project-categories {
    font-size: 14px;
    margin-bottom: -12px;
    padding-top: 12px
}

body.git-project .git-project-categories .symbol {
    color: #8c92a4
}

body.git-project .git-project-categories .symbol:last-child {
    display: none
}

body.git-project .manage-setting-wrap>.item {
    padding-left: 1em !important
}

body.git-project .ui.secondary.menu {
    border-color: transparent
}

body.git-project .ui.secondary.menu>a.item {
    color: #2A3444
}

body.git-project .ui.secondary.menu>a.item.active,
body.git-project .ui.secondary.menu>a.item.active:hover,
body.git-project .ui.secondary.menu>a.item.active:active {
    color: #fe7300;
    background: transparent;
    border-color: #fe7300
}

body.git-project .ui.secondary.menu>a.item.active .label,
body.git-project .ui.secondary.menu>a.item.active:hover .label,
body.git-project .ui.secondary.menu>a.item.active:active .label {
    color: #fe7300;
    background: rgba(254, 115, 0, 0.2)
}

body.git-project .ui.secondary.menu>div.item.active {
    color: #fe7300;
    background: transparent;
    border-color: #fe7300 !important
}

body.git-project .ui.secondary.menu>.item:hover .mayun-icon,
body.git-project .ui.secondary.menu>.item.active .mayun-icon {
    display: none
}

body.git-project .ui.secondary.menu>.item:hover .mayun-icon-active,
body.git-project .ui.secondary.menu>.item.active .mayun-icon-active {
    display: inline-block
}

body.git-project .ui.secondary.menu#transfer-tab {
    border-bottom: 1px solid #ddd;
    margin-top: 0
}

body.git-project .ui.secondary.menu#transfer-tab>a.item {
    padding: 0.5em 1.3em 1.3em 0
}

body.git-project .ui.secondary.menu#transfer-tab>a.item:hover {
    color: #707070;
    background: #fff
}

body.git-project .ui.secondary.menu#transfer-tab>a.item.active {
    color: #fe7300;
    font-weight: bold
}

body.git-project #gitee-project-transfer .group-dropdown {
    min-width: 200px
}

body.git-project #gitee-project-transfer .group-dropdown .pull-right {
    padding-top: 3px
}

body.git-project .ui.small.secondary.menu .item {
    font-size: 12px;
    line-height: 18px
}

body.git-project .git-project-header {
    color: #40485b;
    margin-bottom: 24px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dededf;
    -webkit-box-shadow: none;
    box-shadow: none
}

body.git-project .git-project-header .project-title {
    font-size: 20px !important;
    font-weight: bold !important;
    margin-right: 4px;
    vertical-align: middle
}

body.git-project .git-project-header .project-title .author {
    max-width: 340px
}

body.git-project .git-project-header .project-title i.icon-enterprise-circle {
    line-height: 49px
}

body.git-project .git-project-header .project-badges {
    white-space: nowrap;
    margin-right: 1rem
}

body.git-project .git-project-header .project-badges .iconfont {
    color: #40485b;
    vertical-align: middle;
    position: relative;
    margin-left: 6px
}

body.git-project .git-project-header .project-badges .icon-sync {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

body.git-project .git-project-header .project-badges img.loading {
    -webkit-animation: icon-loading 1.2s linear infinite;
    animation: icon-loading 1.2s linear infinite
}

body.git-project .git-project-header .project-badges .git-project-recommend-badge .icon-recommended {
    color: #fe7300
}

body.git-project .git-project-header .project-badges .sync-project-btn.disabled {
    pointer-events: none
}

body.git-project .git-project-header .project-badges .sync-project-btn.disabled .iconfont {
    color: #8c92a4
}

body.git-project .git-project-header .project-badges .ui.label {
    color: #8c92a4;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.34;
    white-space: nowrap;
    padding: 2px 6px;
    margin: 0 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    border: 1px solid rgba(140, 146, 164, 0.5);
    border-radius: 2px
}

body.git-project .git-project-header .project-badges .ui.label:hover {
    border: 1px solid rgba(140, 146, 164, 0.8)
}

body.git-project .git-project-header .project-badges .ui.label:last-child {
    margin-right: 0
}

body.git-project .git-project-header .project-badges .ui.label:first-child {
    margin-left: 0
}

body.git-project .git-project-header-container {
    padding: 10px 0
}

body.git-project .git-project-header-actions {
    float: right
}

body.git-project .git-project-header-actions .icon-star-solid {
    color: #ffab00
}

body.git-project .git-project-header-actions .icon-star-solid.is-large {
    -webkit-animation: scale .3s linear;
    animation: scale .3s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

body.git-project .git-project-header-actions .iconfont {
    -webkit-transform: scale(0.82, 0.82);
    transform: scale(0.82, 0.82)
}

body.git-project .git-project-header-actions .watch-container .watch {
    border-left: none;
    display: inline-block
}

body.git-project .git-project-header-actions .watch-container .unwatch {
    display: none
}

body.git-project .git-project-header-actions .watch-container.watched .watch {
    display: none
}

body.git-project .git-project-header-actions .watch-container.watched .unwatch {
    display: inline-block
}

body.git-project .git-project-header-actions .star-container a.star {
    border-left: none;
    display: inline-block
}

body.git-project .git-project-header-actions .star-container a.unstar {
    display: none
}

body.git-project .git-project-header-actions .star-container.stared a.star {
    display: none
}

body.git-project .git-project-header-actions .star-container.stared a.unstar {
    display: inline-block
}

body.git-project .git-project-header-actions .ui.basic.buttons:last-child {
    margin: 0
}

body.git-project .git-project-header-actions .metrics-radar {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #fe7300 !important
}

body.git-project .git-project-header-actions .metrics-radar .exponent-total-sorce {
    border-color: #fe7300 !important;
    color: #fe7300 !important
}

body.git-project .git-project-header-actions .metrics-radar .project-radar {
    color: #fe7300 !important
}

body.git-project .git-project-header-actions .metrics-radar .menu .radar-menu:hover {
    background: white;
    cursor: default;
    padding-bottom: 0 !important
}

body.git-project .git-project-header-actions .metrics-radar .menu .radar-menu {
    padding-bottom: 0 !important
}

body.git-project .git-project-header-actions .metrics-radar:hover {
    border-color: rgba(254, 115, 0, 0.5) !important
}

body.git-project .git-project-header-actions .metrics-radar:hover .exponent-total-sorce {
    border-color: rgba(254, 115, 0, 0.5) !important;
    color: rgba(254, 115, 0, 0.5) !important
}

body.git-project .git-project-header-actions .metrics-radar:hover .project-radar {
    color: rgba(254, 115, 0, 0.5) !important
}

body.git-project #metrics-radar {
    width: 335px
}

body.git-project #metrics-radar .title {
    white-space: normal;
    font-weight: 600;
    font-size: 1.2rem
}

body.git-project #metrics-radar .title .fisrt-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.git-project #metrics-radar .title .fisrt-title .project-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
    max-width: 205px;
    padding-right: 5px
}

body.git-project #metrics-radar .title .fisrt-title .gitee-exponent {
    display: inline
}

body.git-project #metrics-radar .title .fisrt-title .gitee-exponent .exponent-score {
    display: inline;
    color: #a00
}

body.git-project #metrics-radar .title .fisrt-title .gitee-exponent .text {
    display: inline
}

body.git-project #metrics-radar .title .total-percent .percent-header {
    display: inline
}

body.git-project #metrics-radar .title .total-percent .percent-score {
    display: inline;
    color: #a00
}

body.git-project #metrics-radar .title .total-percent .percent-end {
    display: inline
}

body.git-project #metrics-radar .total-score {
    position: absolute;
    top: -29px;
    right: 0;
    padding: 8px 8px 2px;
    color: #fe7300;
    text-align: center;
    background: #fef1e5
}

body.git-project #metrics-radar .total-score .text {
    font-size: 12px
}

body.git-project #metrics-radar .total-score .score {
    font-size: 22px;
    font-weight: bold
}

body.git-project #metrics-radar .project-radar-list {
    margin-top: -24px !important;
    margin-bottom: 5px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.git-project #metrics-radar .project-radar-list .descript-contianer {
    z-index: 1000
}

body.git-project #metrics-radar .project-radar-list .descript-contianer .descript {
    margin: 4px 0 4px 2px;
    color: #9b9b9b;
    float: right
}

body.git-project #metrics-radar .project-radar-list .descript-contianer .descript p {
    max-width: 248px
}

body.git-project #metrics-radar .project-radar-list .descript-contianer .descript-title {
    color: #537c8d;
    margin: 4px 0 4px 0;
    float: left
}

body.git-project #metrics-radar .finaltime {
    margin-top: 8px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #c4c4c4
}

body.git-project .git-project-header-details {
    padding: 12px 0 0 0;
    line-height: 28px
}

body.git-project .git-project-header-details .ui.popup {
    line-height: 1.33
}

body.git-project .git-project-header-details .ui.basic.buttons {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(140, 146, 164, 0.5);
    border-radius: 2px;
    margin: 0 0.25em 0 0;
    height: 26px
}

body.git-project .git-project-header-details .ui.basic.buttons:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

body.git-project .git-project-header-details .ui.basic.buttons .ui.button {
    padding: 2px 5px;
    line-height: 20px;
    background: transparent !important;
    border-color: rgba(140, 146, 164, 0.5);
    background-color: transparent
}

body.git-project .git-project-header-details .ui.basic.buttons .ui.button:hover {
    border-color: rgba(140, 146, 164, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none
}

body.git-project .git-project-header-details .ui.basic.buttons .ui.button.action-social-count {
    font-weight: bold;
    border-left: 1px solid rgba(140, 146, 164, 0.5);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body.git-project .git-project-header-details .ui.basic.buttons .ui.button.action-social-count.disabled-style {
    color: #c9c9c9 !important;
    border-color: #e5e5e5 !important
}

body.git-project .git-project-title {
    font-size: 20px;
    word-break: break-all
}

body.git-project .git-project-title #btn-fetch-code {
    cursor: pointer;
    vertical-align: baseline
}

body.git-project .git-project-title .iconfont {
    color: #989dad;
    font-weight: normal
}

body.git-project .git-project-title .iconfont.icon-sync {
    color: #40485b
}

body.git-project .git-project-title .project-icon {
    vertical-align: middle;
    right: -1px;
    position: relative;
    font-size: 22px;
    height: 30px
}

body.git-project .git-project-title .icon-enterprise-badge,
body.git-project .git-project-title .icon-education {
    color: #5887c0
}

body.git-project .git-project-title a {
    color: #40485b
}

body.git-project .git-project-title a:hover {
    color: #797e8c
}

body.git-project .git-project-title a:active {
    color: #2c323f
}

body.git-project .git-project-title .git-project-gvp-badge {
    color: #8c92a4;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.34;
    white-space: nowrap;
    padding: 2px 6px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: text-bottom;
    background: transparent;
    border: 1px solid rgba(140, 146, 164, 0.5);
    border-radius: 2px
}

body.git-project .git-project-title .git-project-gvp-badge:hover {
    border: 1px solid rgba(140, 146, 164, 0.8)
}

body.git-project .git-project-title .git-project-gvp-badge:last-child {
    margin-right: 0
}

body.git-project .git-project-header .remote-message {
    line-height: 32px;
    margin: 0 !important
}

body.git-project .git-project-header .remote-message>span {
    max-width: 580px;
    display: inline-block;
    vertical-align: top
}

body.git-project .git-project-header .remote-message .ui.popup {
    line-height: 1.4
}

body.git-project .git-project-header .fork-and-tag {
    line-height: 1.6
}

body.git-project .git-project-header .fork-message {
    display: inline-block;
    margin-right: 10px
}

body.git-project .git-project-header .new-line-labels {
    position: relative;
    top: -1px;
    display: inline-block
}

body.git-project .git-project-header .new-line-labels .ui.label {
    color: #8c92a4;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.34;
    white-space: nowrap;
    padding: 2px 10px;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    border: 1px solid rgba(140, 146, 164, 0.5);
    border-radius: 2px
}

body.git-project .git-project-header i.octicon.unlock {
    position: inherit;
    color: #4183c4
}

body.git-project .git-project-desc-wrapper {
    font-size: 16px;
    line-height: 1.6;
    word-break: break-all
}

body.git-project .git-project-desc-wrapper .button:last-child {
    margin: 0px
}

body.git-project .git-project-desc-wrapper .mirrors-notice {
    padding: 10px;
    font-size: 14px
}

body.git-project .git-project-desc-wrapper .git-project-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

body.git-project .git-project-desc-wrapper .git-project-tags .tagit {
    margin-right: 1em
}

body.git-project .git-project-desc-wrapper .git-project-tags .tagit .tagit-choice {
    line-height: 14px;
    margin: 6px 4px
}

body.git-project .git-project-desc-wrapper .git-project-tags .tagit .tagit-new {
    padding: .1em 0
}

body.git-project .git-project-desc-wrapper .git-project-tags .save-tag-btn {
    margin-right: 0;
    min-width: 81.97px;
    max-height: 38.5px
}

body.git-project .git-project-desc-wrapper .ui.message.no-license {
    font-size: 14px
}

body.git-project .git-project-desc-wrapper .ui.message.no-license .help.circle.icon {
    color: #fe7300
}

body.git-project .git-project-desc-wrapper #remove-no-license-message {
    float: right;
    margin-right: 0;
    cursor: pointer
}

body.git-project .git-project-nav .ui.secondary.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 0
}

body.git-project .git-project-nav .ui.secondary.menu .dropdown.icon {
    margin: 0
}

body.git-project .git-project-nav .ui.secondary.menu>.item {
    margin-bottom: -1px;
    padding: 12px 6px;
    color: #40485b;
    max-width: 190px;
    line-height: 15px;
    text-align: center;
    opacity: 1;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

body.git-project .git-project-nav .ui.secondary.menu>.item:hover {
    color: #8c919c
}

body.git-project .git-project-nav .ui.secondary.menu>.item:active {
    border-color: transparent
}

body.git-project .git-project-nav .ui.secondary.menu>.item:first-child {
    margin-left: 0
}

body.git-project .git-project-nav .ui.secondary.menu>.item:last-child {
    margin-right: 0 !important
}

body.git-project .git-project-nav .ui.secondary.menu>.item.quit-project {
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
}

body.git-project .git-project-nav .ui.secondary.menu>.item.quit-project:hover {
    color: #8c92a4
}

body.git-project .git-project-nav .ui.secondary.menu .ui.dropdown>.menu {
    border: 0;
    border-radius: 0;
    margin-top: 12px !important;
    -webkit-box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf !important;
    border-radius: 0;
    border: 0
}

body.git-project .project__right-side {
    margin-top: 6px
}

body.git-project .project__right-side .side-item {
    margin-bottom: 32px
}

body.git-project .project__right-side .header {
    margin-bottom: 16px
}

body.git-project .project__right-side .header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: inline-block
}

body.git-project .project__right-side .header h4.limit-length {
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.git-project .project__right-side .header h4 .text-muted {
    font-size: 14px
}

body.git-project .project__right-side .header .ui.button {
    margin-top: 1px;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #8c92a4 !important
}

body.git-project .project__right-side .header .ui.button:hover {
    color: #aeb2bf !important
}

body.git-project .project__right-side .header .ui.button:active {
    color: #626672 !important
}

body.git-project .project__right-side .intro {
    word-break: break-all
}

body.git-project .project__right-side .intro .intro-info {
    display: block
}

body.git-project .project__right-side .intro .intro-form {
    display: none
}

body.git-project .project__right-side .intro.edit .intro-info {
    display: none
}

body.git-project .project__right-side .intro.edit .intro-form {
    display: block
}

body.git-project .project__right-side .intro .git-project-desc-text {
    word-break: break-word
}

body.git-project .project__right-side .intro .intro-list {
    margin-top: 8px
}

body.git-project .project__right-side .intro .intro-list>.item {
    margin-bottom: 8px
}

body.git-project .project__right-side .intro .intro-list>.item.dropdown.active.visible {
    overflow: unset !important
}

body.git-project .project__right-side .intro .intro-list .item:empty {
    margin-bottom: 0 !important
}

body.git-project .project__right-side .intro .intro-list .iconfont {
    margin-right: 6px;
    color: #8c92a4
}

body.git-project .project__right-side .intro .intro-list .summary-languages {
    color: #005980;
    cursor: pointer
}

body.git-project .project__right-side .intro .intro-list .summary-languages .text-muted {
    color: #8c92a4
}

body.git-project .project__right-side .intro .intro-list .summary-languages .text-muted:hover {
    color: #aeb2bf
}

body.git-project .project__right-side .intro .intro-list .summary-languages .text-muted:active {
    color: #626672
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row {
    padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row .lang {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row .lang-bar {
    margin: 0 10px;
    width: 120px
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row .bar {
    margin-top: 5px;
    height: 7px;
    background-color: #66c17b;
    border-radius: 5px
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row .percentage {
    width: 50px
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row:first-child {
    padding-top: 0
}

body.git-project .project__right-side .intro .intro-list .summary-languages-popup .row:last-child {
    padding-bottom: 0
}

body.git-project .project__right-side .intro .intro-form .ui.small.input {
    width: 100%
}

body.git-project .project__right-side .intro .intro-form .ui.small.input input,
body.git-project .project__right-side .intro .intro-form .ui.small.input textarea {
    padding: 6px 10px;
    width: 100%
}

body.git-project .project__right-side .intro .project-label-list.dropdown {
    margin-top: 16px;
    cursor: default
}

body.git-project .project__right-side .intro .project-label-list.dropdown {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.git-project .project__right-side .intro .project-label-list.dropdown.blank {
    margin-bottom: 8px !important;
    padding-bottom: 8px
}

body.git-project .project__right-side .intro .project-label-list.dropdown {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.git-project .project__right-side .intro .project-label-list.dropdown.blank .default {
    display: block
}

body.git-project .project__right-side .intro .project-label-list.dropdown.blank .mixed-label {
    display: none
}

body.git-project .project__right-side .intro .project-label-list.dropdown .default {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4;
    display: none
}

body.git-project .project__right-side .intro .project-label-list.dropdown .project-label-item-box {
    overflow: hidden
}

body.git-project .project__right-side .intro .project-label-list.dropdown .project-label-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.git-project .project__right-side .intro .project-label-list.dropdown .label-item {
    margin-right: 8px;
    padding: 0 8px;
    color: #6a6a6a;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    background: #efefef;
    border-radius: 2px;
    text-align: center
}

body.git-project .project__right-side .intro .project-label-list.dropdown>.menu {
    min-width: 100%
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu {
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .icon-wrapper {
    text-align: left;
    width: 24px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .icon-wrapper .icon-msg-read {
    font-size: 12px;
    vertical-align: middle;
    color: #303643
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .item.addition {
    background: #f6f6f6
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .item>.text {
    font-size: 12px;
    font-weight: 400;
    color: #40485b
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .text,
body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .user-add-label-text {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.git-project .project__right-side .intro .project-label-list.dropdown .scrolling.menu .user-add-label-text {
    margin: 0 4px
}

body.git-project .project__right-side .intro .project-label-list.dropdown .message {
    display: none !important
}

body.git-project .project__right-side .intro .label-list-line-feed {
    white-space: normal !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

body.git-project .project__right-side .intro .label-list-line-feed .mixed-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body.git-project .project__right-side .intro .label-list-line-feed .icon-add-thin {
    font-weight: bold;
    color: #8c92a4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3px
}

body.git-project .project__right-side .release .iconfont {
    float: left;
    margin-left: -24px;
    color: #8c92a4
}

body.git-project .project__right-side .release .desc {
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.git-project .project__right-side .release .timeago {
    color: #8c92a4
}

body.git-project .project__right-side .radar-qa {
    display: none
}

body.git-project .project__right-side .radar-qa .iconfont {
    margin-top: 1px
}

body.git-project .project__right-side #metrics-radar {
    width: 280px;
    min-height: 100px
}

body.git-project .project__right-side #metrics-radar .wrap {
    margin-bottom: -32px
}

body.git-project .project__right-side #metrics-radar .wrap.skeleton {
    -webkit-animation: radar-skeleton 1.7s infinite;
    animation: radar-skeleton 1.7s infinite
}

body.git-project .project__right-side #metrics-radar .title {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 8px
}

body.git-project .project__right-side #metrics-radar .project-radar-list {
    margin-top: 0 !important
}

body.git-project .project__right-side #metrics-radar .project-radar-list .descript p {
    max-width: unset
}

body.git-project .project__right-side #metrics-radar .finaltime {
    margin-bottom: 0;
    font-size: 12px
}

body.git-project .project__right-side .contrib .ui.image {
    margin-right: 4px;
    margin-bottom: 8px;
    width: 32px;
    height: 32px
}

body.git-project .project__right-side .ui.comments {
    margin-bottom: 16px
}

body.git-project .project__right-side .ui.comments .comment {
    padding-top: 20px !important;
    padding-bottom: 0
}

body.git-project .project__right-side .ui.comments .avatar {
    margin-top: -1px;
    width: 24px;
    height: 24px
}

body.git-project .project__right-side .ui.comments .content {
    margin-left: 32px;
    line-height: 20px;
    word-break: break-all
}

body.git-project .project__right-side .ui.comments+.load-more .icon.dropdown {
    margin-left: -2px;
    color: #b7c5ce
}

body.git-project #edit-project-description {
    margin-top: -20px
}

body.git-project #edit-project-description .content .title.label {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #8c92a4
}

body.git-project #edit-project-description .content div.dropdown,
body.git-project #edit-project-description .content .ui.small.input,
body.git-project #edit-project-description .content textarea {
    width: 100%
}

body.git-project #edit-project-description .js-project-label-selection .ui.label {
    margin-top: 4px;
    margin-right: 8px;
    height: 20px;
    line-height: 16px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: #f2f4f6;
    color: #6a6a6a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

body.git-project #edit-project-description .js-project-label-selection .search {
    font-size: 14px
}

body.git-project #edit-project-description .js-project-label-selection .addition {
    background: #f6f6f6;
    display: none
}

body.git-project #edit-project-description .select_project_label_tips .labels {
    line-height: 24px
}

body.git-project #edit-project-description .select_project_label_tips .labels .label {
    display: inline-block;
    padding: 0 8px;
    text-align: center;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid rgba(106, 106, 106, 0.5);
    font-size: 12px;
    font-weight: 400
}

body.git-project #edit-project-description .select_project_label_tips .labels .label:nth-child(n+2) {
    margin-left: 8px
}

body.git-project #edit-project-description .cancel:focus {
    color: #005980
}

body.git-project #git-project-branch>.text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    vertical-align: top
}

body.git-project .git-project-right-actions .d-inline-block {
    vertical-align: top
}

body.git-project .git-project-right-actions .icon-add-file,
body.git-project .git-project-right-actions .icon-add-folder {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

body.git-project .git-project-right-actions .icon-ic-upload {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

body.git-project .project-path-breadcrumb {
    display: inherit
}

body.git-project .project-path-breadcrumb a {
    color: #005980
}

body.git-project .project-path-breadcrumb a:hover {
    color: #4c8aa6
}

body.git-project .project-path-breadcrumb a:active {
    color: #003e59
}

body.git-project .project-path-breadcrumb .divider {
    font-weight: bold;
    opacity: 1
}

body.git-project .git-project-bread {
    margin-bottom: 12px
}

body.git-project .git-project-bread .path-breadcrumb-contrainer {
    line-height: 30px;
    display: inline
}

body.git-project .git-project-bread .fork-path.breadcrumb {
    color: #40485b
}

body.git-project .git-project-bread .fork-path.breadcrumb .divider {
    font-weight: bold;
    opacity: 1
}

body.git-project .git-project-bread .fork-path.breadcrumb a {
    color: #40485b
}

body.git-project .git-project-bread .fork-path.breadcrumb a:hover {
    color: #009fda
}

body.git-project .git-project-bread>.ui.horizontal.list>.item {
    padding: 0;
    margin-left: .7143em
}

body.git-project .git-project-bread>.ui.horizontal.list>.item:first-child {
    margin-left: 0
}

body.git-project .git-project-bread .search.input i.icon {
    color: #4a90e2;
    opacity: 1
}

body.git-project .tree_progress {
    display: none
}

body.git-project .tree_progress.loading {
    display: block
}

body.git-project .tree-content {
    margin-top: 5px;
    border: 1px solid #e0e0e0
}

body.git-project .tree-content-holder {
    margin-top: 5px
}

body.git-project .add-readme-tip {
    margin-bottom: 20px !important
}

body.git-project #tree-slider .item.ui.grid {
    padding-left: 0;
    padding-right: 0
}

body.git-project #tree-slider>.list>.grid>.row>div:first-child {
    color: #4183c4 !important;
    padding-left: 0 !important
}

body.git-project #tree-slider>.list>.grid>.row>div:not(:first-child) {
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei"
}

body.git-project #tree-slider .ui.selection.list {
    padding: 0
}

body.git-project #tree-slider .ui.selection.list>.item:hover {
    background: #ffffff
}

body.git-project .tree-content-holder {
    position: relative
}

body.git-project .tree-content-holder .popup-save,
body.git-project .tree-content-holder .popup-close {
    height: 37px
}

body.git-project .tree-content-holder .create-folder-form {
    background: #FCFCFC;
    z-index: 10;
    padding: 1px 12px;
    border-bottom: 1px solid #f1f4f6;
    display: none
}

body.git-project .tree-content-holder .create-folder-form #folder_form-edit {
    padding-top: 2px
}

body.git-project .tree-content-holder .create-folder-form .fields input {
    width: 250px;
    height: 37px;
    font-size: 14px
}

body.git-project .tree-content-holder .create-folder-form .fields .field-init-btn {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 1px;
    line-height: 17px
}

body.git-project .tree-content-holder .create-folder-form .fields button:disabled {
    cursor: default
}

body.git-project .tree-content-holder .create-folder-form .fields .cancel.field-init-btn {
    padding-top: 8px;
    padding-bottom: 8px
}

body.git-project .tree-content-holder .create-folder-form .fields .field {
    margin: 1px 10px 0 0;
    padding: 0
}

body.git-project .tree-content-holder .create-folder-form .fields .mid-center {
    padding: 11px 0;
    display: inline-block;
    margin: 0;
    border: none !important;
    background: #FCFCFC;
    font-size: 14px;
    color: #40485b
}

body.git-project .tree-content-holder .create-folder-form .fields .warn {
    color: #9F3A38
}

body.git-project .tree-content-holder .ui.dimmer {
    z-index: 10
}

body.git-project .tree-content-holder :target:before {
    content: "";
    display: block;
    visibility: hidden;
    height: 80px;
    margin: -80px 0 0
}

body.git-project .tree-content-holder .line-numbers>a:focus {
    outline: 0
}

body.git-project .tree-context {
    z-index: 99;
    position: absolute
}

body.git-project .tree-context .item {
    padding: 5px
}

body.git-project .tree-content .nine.wide.column.tree_author .commit-details {
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 2em
}

body.git-project .tree-content .tree-message {
    background: #fffbdd
}

body.git-project .tree-content .tree-item {
    line-height: 2;
    padding: 5px 12px;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(227, 233, 237, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(227, 233, 237, 0.5)
}

body.git-project .tree-content .tree-item:hover {
    background: #F5F7FA
}

body.git-project .tree-content .tree-item .avatar.image {
    width: 20px;
    height: 20px
}

body.git-project .tree-content .tree-item .column {
    padding: 0
}

body.git-project .tree-content .tree-item-rename .fields,
body.git-project .tree-content .tree-item-rename .field {
    margin: 0
}

body.git-project .tree-content .tree-item-file-name,
body.git-project .tree-content .tree-item-submodule-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.git-project .tree-content .tree-item-file-name .iconfont,
body.git-project .tree-content .tree-item-submodule-name .iconfont {
    width: 16px;
    min-height: 16px
}

body.git-project .tree-content .tree-item-file-name .iconfont.icon-folders,
body.git-project .tree-content .tree-item-submodule-name .iconfont.icon-folders {
    padding-left: 1px
}

body.git-project .tree-content .tree-item-file-name {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.git-project .tree-content .tree-item-file-name>* .iconfont {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.git-project .tree-content .tree-item-file-name>*+* {
    padding-left: 4px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.git-project .tree-content .tree-item-file-name .repo-tree-item__link {
    margin-left: 4px
}

body.git-project .tree-content .ui.grid.tree-table {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 0
}

body.git-project .tree-content .timeago {
    color: #9b9b9b
}

body.git-project .tree-content a.commit-committer-link,
body.git-project .tree-content a.commit-author-link {
    color: #40485b
}

body.git-project .tree-content a.commit-committer-link:hover,
body.git-project .tree-content a.commit-author-link:hover {
    color: #005980 !important;
    text-decoration: underline
}

body.git-project .tree-holder .ui.selection.list .tree-commit-link {
    color: #8c92a4
}

body.git-project .tree-holder .ui.selection.list .tree-commit-link:hover,
body.git-project .tree-holder .ui.selection.list .tree-commit-link:active {
    text-decoration: underline;
    color: #005980
}

body.git-project .tree-holder .ui.selection.list .commit-committer-link,
body.git-project .tree-holder .ui.selection.list .commit-author-link {
    margin-right: 0.8em
}

body.git-project .ui.vertical.menu.tree-context {
    padding: 0
}

body.git-project .project__footer-container {
    margin-top: 48px
}

body.git-project .project__footer-container .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.git-project .project__footer-container .actions .circle:hover,
body.git-project .project__footer-container .actions .content:hover {
    opacity: .7
}

body.git-project .project__footer-container .actions .item {
    margin: 0 64px;
    cursor: pointer
}

body.git-project .project__footer-container .actions .circle {
    float: left;
    width: 56px;
    height: 56px;
    border: 1px solid #AAA;
    border-radius: 50%
}

body.git-project .project__footer-container .actions .circle .iconfont {
    font-size: 24px
}

body.git-project .project__footer-container .actions .content {
    float: left;
    padding-top: 8px;
    padding-left: 16px
}

body.git-project .project__footer-container .actions .content .title {
    color: #40485b;
    font-size: 16px;
    font-weight: 600
}

body.git-project .project__footer-container .actions .content .desc {
    color: #8c92a4;
    font-size: 14px;
    font-weight: 400
}

body.git-project .project__footer-container .actions .star-container .circle {
    padding-top: 10px;
    padding-left: 15px;
    border-color: rgba(255, 165, 0, 0.3);
    background-color: rgba(255, 165, 0, 0.05)
}

body.git-project .project__footer-container .actions .star-container .circle .iconfont {
    color: #FFA500
}

body.git-project .project__footer-container .actions .star-container .star {
    display: block
}

body.git-project .project__footer-container .actions .star-container .unstar {
    display: none
}

body.git-project .project__footer-container .actions .star-container.stared .star {
    display: none
}

body.git-project .project__footer-container .actions .star-container.stared .unstar {
    display: block
}

body.git-project .project__footer-container .actions .fork-container .circle {
    padding-top: 11px;
    padding-left: 16px;
    border-color: rgba(62, 156, 187, 0.3);
    background-color: rgba(62, 156, 187, 0.05)
}

body.git-project .project__footer-container .actions .fork-container .circle .iconfont {
    color: #3E9CBB
}

body.git-project .project__footer-container .actions .donate-container .circle {
    padding-top: 10px;
    padding-left: 15px;
    border-color: rgba(217, 44, 47, 0.3);
    background-color: rgba(217, 44, 47, 0.05)
}

body.git-project .project__footer-container .actions .donate-container .circle .iconfont {
    color: #D92C2F
}

body.git-project .project__footer-container .actions .donate-detail {
    margin-top: 30px;
    margin-left: 6px;
    display: inline-block
}

body.git-project .project__footer-container .project-donate-list {
    position: relative;
    margin-top: 24px;
    padding: 0 8px;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    background: #FCFCFC
}

body.git-project .project__footer-container .project-donate-list .title {
    margin-top: 16px;
    color: #40485b;
    font-weight: 600;
    text-align: center
}

body.git-project .project__footer-container .project-donate-list .container {
    padding: 16px 0
}

body.git-project .project__footer-container .project-donate-list .container>* {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.git-project .project__footer-container .project-donate-list .container>*:last-child {
    margin-bottom: 0
}

body.git-project .project__footer-container .project-donate-list .container .item {
    width: 8.33333%
}

body.git-project .project__footer-container .project-donate-list .container .donate-info {
    margin: auto;
    width: 40px;
    height: 40px;
    display: block
}

body.git-project .project__footer-container .project-donate-list .btn-load-more {
    margin-bottom: 16px;
    text-align: center;
    display: block
}

body.git-project .project__footer-container .project-donate-list .tip-loading {
    text-align: center;
    margin-bottom: 16px
}

body.git-project .project__footer-container .project-donate-list:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 740px;
    width: 16px;
    height: 16px;
    border-left: 1px solid #e3e9ed;
    border-top: 1px solid #e3e9ed;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #FCFCFC
}

body.git-project .tree-comments {
    margin-bottom: 24px
}

body.git-project .tree-comments .comment-help {
    cursor: pointer
}

body.git-project .tree-comments .ui.button {
    line-height: 2.4;
    padding: 0 20px
}

body.git-project .tree-comments .ui.blank.button {
    padding: 0 14px
}

body.git-project .tree-comments .ui.except-editor-textarea .ui.checkbox {
    padding-right: 0
}

body.git-project .tree-comments .markdown-body .text {
    padding: 6px 10px !important
}

body.git-project .tree-comments .ui.comments .comment.note .note-content {
    margin-top: 5px !important;
    overflow-x: auto
}

body.git-project .tree-comments .ui.comments .comment.note .note-content .js-check-star {
    margin-left: -26px
}

body.git-project .tree-comments .ui.comments .comment {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

body.git-project .tree-comments .ui.threaded.comments {
    font-family: PingFangSC-Regular;
    margin-top: 20px
}

body.git-project .tree-comments .ui.threaded.comments .text {
    color: #40485B
}

body.git-project .tree-comments .ui.threaded.comments .timeago {
    padding-left: 10px
}

body.git-project .tree-comments .ui.threaded.comments .timeago:before {
    content: none
}

body.git-project .tree-comments .ui.threaded.comments .timeago:hover .actions {
    display: block !important
}

body.git-project .tree-comments .ui.threaded.comments .tree-comment-form .avatar {
    width: 24px !important;
    height: 24px !important
}

body.git-project .tree-comments .ui.threaded.comments .tree-comment-form .field {
    margin-left: -25px
}

body.git-project .tree-comments .ui.threaded.comments .comment .comments:last-child {
    margin-bottom: 0
}

body.git-project .tree-comments .tree-actions {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.91em
}

body.git-project .tree-comments .tree-actions .disabled {
    display: none
}

body.git-project .tree-comments .tree-actions>a {
    margin-left: 8px;
    color: #8c92a4
}

body.git-project .tree-comments .tree-actions>a:hover {
    color: #aeb2bf
}

body.git-project .tree-comments .tree-actions>a:active {
    color: #626672
}

body.git-project .tree-comments .tree-actions>a:first-child {
    margin-left: 0
}

body.git-project .tree-comments .tree-actions>a .iconfont.icon-face-smile {
    margin-left: 12px;
    vertical-align: middle
}

body.git-project .tree-comments .tree-actions>a .iconfont.icon-face-smile:after {
    content: '+';
    margin-left: -24px
}

body.git-project .tree-comments .children-comments[data-depth='1'] {
    margin-left: 62px !important
}

body.git-project .tree-comments .children-comments.toggle-plus {
    margin-top: 15px !important
}

body.git-project .tree-comments .children-comments {
    padding: 0 0 0 0 !important;
    margin-top: 0 !important;
    position: relative;
    font-family: PingFangSC-Regular
}

body.git-project .tree-comments .children-comments .ui.inverted.dimmer {
    width: 105%;
    margin-left: -35px
}

body.git-project .tree-comments .children-comments.toggle-plus {
    padding-bottom: 0 !important
}

body.git-project .tree-comments .children-comments a.avatar {
    position: absolute;
    margin: 0 0 0 17px;
    overflow: hidden
}

body.git-project .tree-comments .children-comments .avatar {
    width: 24px !important;
    height: 24px !important
}

body.git-project .tree-comments .children-comments .content {
    margin-left: 50px !important
}

body.git-project .tree-comments .children-comments .content .text {
    overflow: visible
}

body.git-project .tree-comments .children-comments .content p {
    z-index: 1
}

body.git-project .tree-comments .children-comments .hidden {
    display: none
}

body.git-project .tree-comments .children-comments .comment {
    margin-top: 15px !important;
    padding: 0px 0 0px 4px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

body.git-project .tree-comments .children-comments .ui.message-text {
    margin: 10px 0 25px 15px
}

body.git-project .tree-comments .children-comments .toggle-btn {
    position: absolute;
    background-color: #F8F8F8;
    margin-left: -7px;
    z-index: 1
}

body.git-project .tree-comments .children-comments .blocked-user {
    margin: 0 0 0 17px !important
}

body.git-project .tree-comments .children-comments .blocked-title {
    padding-top: 3px !important
}

body.git-project .tree-comments h3 {
    margin: 46px 0 10px 0;
    font-size: 18px;
    color: #333
}

body.git-project .tree-comments h3 .iconfont {
    font-weight: normal;
    font-size: 1rem
}

body.git-project .tree-comments .ui.inverted.dimmer {
    background: rgba(255, 255, 255, 0.8)
}

body.git-project .tree-comments .ui.comments {
    margin: 0 0 10px 0
}

body.git-project .tree-comments .ui.comments .comment {
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(222, 222, 223, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(222, 222, 223, 0.5);
    padding: 0 !important
}

body.git-project .tree-comments .ui.comments .comment .avatar {
    width: 42px;
    height: 42px
}

body.git-project .tree-comments .ui.comments .comment .content {
    border: 0;
    margin-left: 62px;
    padding-bottom: 12px;
    margin-bottom: 10px;
    background: transparent;
    position: relative
}

body.git-project .tree-comments .ui.comments .comment .content .title {
    border: 0;
    padding: 0;
    line-height: 26px;
    background: transparent;
    word-break: break-all
}

body.git-project .tree-comments .ui.comments .comment .content .actions {
    top: 0;
    right: 0;
    padding: 0;
    position: absolute
}

body.git-project .tree-comments .ui.comments .comment .content .text {
    padding: 0;
    margin: 0
}

body.git-project .tree-comments .ui.comments .comment .content .author {
    font-size: 16px
}

body.git-project .tree-comments .ui.comments .comment .content .markdown-body p {
    line-height: 20px
}

body.git-project .tree-comments .ui.comments .comment .content:before {
    content: none
}

body.git-project .tree-comment-form {
    position: relative
}

body.git-project .tree-comment-form .except-editor-textarea {
    margin-bottom: 0 !important
}

body.git-project .tree-comment-form .except-editor-textarea .ui.checkbox {
    margin-left: 16px
}

body.git-project .tree-comment-form .ui.avatar.image {
    position: absolute
}

body.git-project .tree-comment-form .ui.form {
    margin-left: 62px
}

body.git-project .tree-comment-form textarea {
    height: 120px;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    background: #fff;
    border: 1px solid rgba(222, 222, 223, 0.5);
    border-radius: 2px
}

body.git-project .tree-comment-form .ui.button {
    line-height: 2.4;
    padding: 0 24px
}

body.git-project .tree-comment-form .ui.avatar.image {
    height: 42px;
    width: 42px
}

body.git-project .comment-disabled {
    pointer-events: none
}

body.git-project .comment-disabled textarea {
    background-color: #F2F2F2 !important;
    color: rgba(0, 0, 0, 0.4) !important;
    text-align: center;
    line-height: 6.6 !important;
    pointer-events: auto;
    height: 130px
}

body.git-project.lang-en .git-project-nav .ui.secondary.menu>.item {
    margin-right: 12px
}

body.git-project .message-tip.ui.message {
    font-size: 1rem;
    position: relative;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    z-index: 1
}

body.git-project .message-tip.ui.message:before {
    background-color: #fff8db;
    -webkit-box-shadow: -1px -1px 0px 0px rgba(179, 179, 179, 0.26) !important;
    box-shadow: -1px -1px 0px 0px rgba(179, 179, 179, 0.26) !important
}

body.git-project .message-tip.ui.message .btn-close {
    float: right;
    cursor: pointer;
    font-weight: normal
}

body.git-project .git-project-settings {
    min-height: 512px
}

body.git-project .git-project-branch-item .menu .header {
    font-weight: normal !important
}

body.git-project .git-project-branch-item .menu .header a {
    color: #005980 !important
}

body.git-project .git-project-branch-item .menu .header a:hover {
    color: #4c8aa6 !important
}

body.git-project .git-project-branch-item .menu .header a:active {
    color: #003e59 !important
}

body.git-project .git-project-branch-item .ui.dropdown .menu {
    min-width: 320px
}

body.git-project .git-project-recent-commit {
    padding: 5px 10px;
    color: #8c92a4;
    line-height: 28px;
    background: #FCFCFC;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #dce3e8;
    min-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.git-project .git-project-recent-commit .recent-commit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body.git-project .git-project-recent-commit .recent-commit>* {
    margin-right: 8px
}

body.git-project .git-project-recent-commit .recent-commit>*:last-child {
    margin-right: 0
}

body.git-project .git-project-recent-commit .all-commits {
    margin-left: 24px
}

body.git-project .git-project-recent-commit .all-commits a {
    color: #40485b
}

body.git-project .git-project-recent-commit .all-commits a:hover {
    color: #797e8c
}

body.git-project .git-project-recent-commit .all-commits a:active {
    color: #2c323f
}

body.git-project .git-project-recent-commit .all-commits .iconfont {
    color: #8c92a4
}

body.git-project .git-project-recent-commit img.ui.avatar {
    width: 20px;
    height: 20px
}

body.git-project .git-project-recent-commit .commit-committer-link,
body.git-project .git-project-recent-commit .commit-author-link {
    color: #40485b;
    margin-left: 3px
}

body.git-project .git-project-recent-commit .commit-committer-link:hover,
body.git-project .git-project-recent-commit .commit-author-link:hover {
    text-decoration: underline;
    color: #005980
}

body.git-project .repo-action-list.ui.horizontal.list>.item {
    font-size: 0;
    margin-right: 10px;
    margin-left: 0.714em
}

body.git-project .repo-action-list.ui.horizontal.list>.item .button {
    margin-right: 0
}

body.git-project .repo-action-list.ui.horizontal.list .ui.blank.button {
    color: #40485b !important
}

body.git-project .repo-action-list.ui.horizontal.list .ui.blank.button:hover {
    color: #797e8c !important
}

body.git-project .repo-action-list.ui.horizontal.list .ui.blank.button:active {
    color: #2c323f !important
}

body.git-project .repo-action-list.ui.horizontal.list .ui.blank.button .iconfont {
    color: #8c92a4
}

body.git-project .repo-action-list.ui.horizontal.list .webide {
    font-weight: bold
}

body.git-project .repo-action-list.ui.horizontal.list .icon-widget.icon-orange {
    color: #fe7300
}

body.git-project .ui.list>.item .header {
    font-weight: bold
}

body.git-project .ui.right.aligned {
    text-align: right
}

body.git-project #git-project-search-panel .search-input {
    padding-left: 8px;
    width: 25%
}

body.git-project .git-project-service .menu,
body.git-project .project-devops-dropdown .menu {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 396px;
    white-space: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    right: 0px;
    left: auto;
    min-width: 0;
    z-index: 100 !important
}

body.git-project .git-project-service .menu .item,
body.git-project .project-devops-dropdown .menu .item {
    display: inline-block;
    text-align: center;
    width: 132px
}

body.git-project .git-project-service .menu .item img,
body.git-project .project-devops-dropdown .menu .item img {
    margin-right: 0
}

body.git-project .git-project-service .menu .item .iconfont,
body.git-project .project-devops-dropdown .menu .item .iconfont {
    font-size: 28px
}

body.git-project .git-project-service .menu .item .item-title,
body.git-project .project-devops-dropdown .menu .item .item-title {
    margin-top: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    white-space: normal
}

body.git-project .git-project-service .menu .item:hover,
body.git-project .project-devops-dropdown .menu .item:hover {
    background: none
}

body.git-project .git-project-service .menu .item:hover .item-title,
body.git-project .project-devops-dropdown .menu .item:hover .item-title {
    color: #fe7300
}

body.git-project .git-project-service .menu .quit-button,
body.git-project .project-devops-dropdown .menu .quit-button {
    width: 396px;
    margin: 15px;
    height: 40px
}

body.git-project .git-project-service.top.right.pointing .menu::after,
body.git-project .project-devops-dropdown.top.right.pointing .menu::after {
    right: 2em
}

body.git-project .project-devops-item .icon-devops {
    color: #5A6171;
    font-size: 12px;
    -webkit-transform: scale(0.65);
    transform: scale(0.65)
}

body.git-project .project-devops-item:hover .icon-devops {
    color: #8b909b
}

body.git-project .project-devops-item.active .icon-devops {
    color: #fe7300
}

body.git-project .project-devops-item.active:hover .icon-devops {
    color: #8b909b
}

body.git-project #apk-download-tip::before {
    -webkit-box-shadow: -1px -1px 0px 0px #fff8db !important;
    box-shadow: -1px -1px 0px 0px #fff8db !important
}

.avatar.s16 {
    width: 16px
}

.graph_holder p {
    background-color: #efefef;
    font-size: 1rem;
    padding: 5px;
    font-weight: bold
}

:not(.markdown-body) code {
    padding: 2px 4px;
    color: rgba(0, 0, 0, 0.8);
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    white-space: nowrap;
    font-weight: normal
}

.markdown-body code {
    border: 0;
    white-space: normal
}

#commits-list .item .content {
    display: block;
    background-color: #eee;
    padding: 10px;
    border-bottom: #aaa
}

#commits-list .item .file-header {
    border: none !important
}

#commits-list .item .list,
#commits-list .item .item.commit {
    background-color: #fff;
    padding-top: 4px
}

#commits-list .item .list .row_title,
#commits-list .item .item.commit .row_title {
    color: #898989 !important
}

#commits-list .item .item.commit.compare_check_box.selected {
    background-color: #f5f5f5
}

#commits-list .item .item.commit:hover {
    background-color: #f5f5f5
}

#commits-list .item .item.commit.compare_check_box {
    position: relative
}

#commits-list .item .list {
    padding: 10px
}

#commits-list .compare_check_box .first_tips {
    color: #fe7300
}

pre.dark {
    background: #333;
    color: #f5f5f5;
    padding: 10px
}

.last_activity {
    font-size: 0.875rem
}

.ui.image.s20 {
    width: 20px;
    height: 20px
}

.graph_holder {
    padding: 1px
}

.graph_holder h4 {
    padding: 0 10px;
    background: #d8e5f1
}

.graph_holder h4 small {
    color: #00008b
}

.graph_holder .graph {
    background: #fff
}

.graph_holder .graph .loading {
    text-align: center
}

#git-graph-holder {
    padding-top: 0
}

.tipmessage {
    margin-top: 1em
}

#activity-chart {
    height: 240px
}

.project-stats-page .page-content {
    border: none
}

.project-stats-page .page-content>.column:first-child {
    padding-left: 0
}

.project-stats-page .page-content>.column:last-child {
    padding-right: 0
}

#releases-new {
    border: none;
    padding: 0;
    padding-top: 14px;
    padding-bottom: 14px
}

#project_hook .ui.form.segment {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0px
}

span.sub.header {
    font-size: 0.9rem
}

.project-deploy-key-form .ui.form .field.error input,
.project-deploy-key-form .ui.form .field.error textarea {
    -webkit-box-shadow: none;
    box-shadow: none
}

#project_access span.sub.header {
    font-size: 0.9rem
}

.single_title a {
    color: rgba(0, 0, 0, 0.4);
    padding-left: 23px
}

.single_title a:hover {
    color: #000
}

.single_title a.active {
    color: #000
}

#git-fork-list h3 {
    margin-top: 0
}

#git-fork-list .fork-list {
    border: 0;
    padding-left: 19px
}

#git-wiki-title {
    padding: 0 1rem
}

#git-wiki-title .ui.tabular.menu {
    margin: 2rem 0 1rem 0;
    padding: 0
}

#git-wiki-title .ui.tabular.menu>a.active.item {
    margin-bottom: -3px
}

#git-wiki-content {
    padding: 0 1rem;
    margin-top: 1rem
}

#git-wiki-list {
    font-size: 1rem
}

.save-project-loader {
    text-align: center;
    width: 1050px
}

.save-project-loader img {
    margin-top: 50px;
    margin-bottom: 50px
}

.ui.avatar.image+.user-name {
    word-break: break-all;
    margin-top: 5px;
    font-size: 12px
}

.simplified-path {
    color: #888
}

.project-milestone-content {
    word-wrap: break-word;
    word-break: normal;
    color: #666
}

.project-milestone-content img {
    max-width: 100%
}

#wiki-page-history .wiki-title,
#wiki-form-field .wiki-title {
    margin: 10px 0 0 0;
    padding: 0
}

#wiki-page-history .history-column,
#wiki-form-field .history-column {
    padding: 0
}

.git-project-header.mobile {
    padding: 14px;
    line-height: 20px;
    background: #eee;
    border-bottom: 1px solid #ddd
}

.git-project-header.mobile i.iconfont {
    font-weight: normal;
    vertical-align: middle
}

.git-project-header.mobile .icon-recommended {
    color: #fe7300
}

.git-project-header.mobile .project-badges {
    margin-left: 6px
}

.git-project-header.mobile .git-project-title-wrapper {
    font-weight: bold
}

.git-project-header.mobile .menu.button {
    float: right;
    font-size: 1.5em
}

#modal-linejump.modal {
    max-width: 400px;
    margin-left: -200px
}

#git-group-project .git-project-gvp-badge.ui.label {
    padding: 1px 5px;
    margin-left: 5px;
    line-height: 14px
}

#git-group-project .git-project-gvp-badge.ui.label:after {
    width: 34px;
    height: 16px
}

.ssh-push-log-color {
    color: #009346
}

.ssh-pull-log-color {
    color: #F15A25
}

.git-project-gvp-badge.ui.label {
    padding: 2px 5px;
    position: relative;
    vertical-align: middle;
    border: 1px solid rgba(210, 191, 134, 0.5) !important;
    color: #C19A26 !important;
    font-weight: 500 !important;
    background: rgba(253, 235, 144, 0.5);
    background: -webkit-gradient(linear, left top, right top, from(rgba(253, 235, 144, 0.5)), to(rgba(238, 218, 160, 0.5))) !important;
    background: linear-gradient(to right, rgba(253, 235, 144, 0.5), rgba(238, 218, 160, 0.5)) !important
}

.git-project-gvp-badge.ui.label::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/flash.gif") no-repeat center;
    background-size: contain;
    opacity: 0.6;
    top: 0
}

.git-project-gvp-badge.ui.label:hover {
    background: rgba(253, 235, 144, 0.5);
    background: -webkit-gradient(linear, left top, right top, from(rgba(253, 235, 144, 0.5)), to(rgba(238, 218, 160, 0.5))) !important;
    background: linear-gradient(to right, rgba(253, 235, 144, 0.5), rgba(238, 218, 160, 0.5)) !important;
    border: 1px solid #C4AF86 !important
}

.pages_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pages_message .deploying_loading {
    z-index: 1
}

.pages_message .page-header-container {
    height: 24px;
    line-height: 24px
}

.pages_message .downgrade-nomal-pages {
    font-size: 12px;
    margin-top: 12px;
    color: #8c92a4
}

.pages_message .expiration-tips {
    color: #8c92a4
}

.pages_message .pages-free-try {
    margin-top: 12px
}

.pages_message a.set-open-ssl-link {
    color: #fe7300
}

.pages_message a.set-open-ssl-link:hover {
    color: #fe9d4c
}

.pages_message a.set-open-ssl-link:active {
    color: #b15000
}

.pages_message a.set-open-ssl-link#auto-https {
    cursor: default
}

.pages_message a.set-open-ssl-link#auto-https:hover {
    color: #fe7300
}

.pages_message .start-service-description {
    font-weight: 500
}

.pages_message .start-service-description span {
    color: #fe7300
}

.pages_message p.note {
    font-weight: bold
}

.pages_message ul.features {
    padding: 0;
    margin-bottom: 25px
}

.pages_message ul.features li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.pages_message ul.features li::before {
    color: #fe7300;
    content: "\e61f";
    font-size: 1em;
    font-family: "iconfont" !important;
    left: 0px;
    position: absolute
}

.pages_message .branch-choose-wrap {
    height: 36px
}

.pages_message .branch-choose-wrap .text {
    width: 266px !important;
    height: 16px
}

.pages_message .bound-https-text::before {
    color: #4baf50;
    content: "\e61f";
    font-size: 1em;
    font-family: "iconfont" !important;
    margin: 6px
}

.pages_message .pages-form-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 40px 0 0
}

.pages_message .pages-form-sidebox {
    width: 320px;
    padding-left: 40px;
    border-left: 1px solid #dce3e8
}

.pages_message .pages-form-sidebox h4.title {
    font-size: 1.2rem
}

.pages_message .pages-form-sidebox #recomm-pages-title {
    font-size: 1.1rem
}

.pages_message .pages-form-sidebox#use-now {
    padding-left: 30px
}

.pages_message .pages-form-sidebox .pages-create-enp-tips {
    margin-top: 12px
}

.pages_message .ui.loader:before,
.pages_message .ui.loader:after {
    width: 1.5em;
    height: 1.5em;
    margin: 5px 0px 0px 10px
}

.pages_message .update_deploy,
.pages_message .close_pages,
.pages_message .redeploy-button.disabled,
.pages_message .start_deploy {
    padding: 0.6em 1.2em !important;
    margin-top: 4px !important
}

.pages_message .redeploy-button.disabled {
    opacity: 1 !important
}

.pages_message .update_deploy,
.pages_message .redeploy-button.disabled {
    margin-right: 15px
}

.pages_message #pages-branch input[disabled='disabled'] {
    cursor: default;
    background-color: #dcddde;
    color: rgba(0, 0, 0, 0.4);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.pages_message #build_directory,
.pages_message #domain {
    width: 300px
}

.pages_message #pages-message-tip {
    line-height: 1.75em
}

.pages_message #pages-branch {
    margin: 20px 0
}

.pages_message #pages-branch .dropdown .text {
    width: 281px
}

.pages_message span.input-right-text {
    color: #8c92a4;
    margin-left: 12px
}

.pages_message .custom-https {
    display: inline-block
}

.pages_message .custom-https #bind-https-checkbox {
    margin-left: -6px
}

.pages_message .custom-https #delete-ssl {
    position: relative;
    top: 1px;
    left: 6px
}

.pages-pay-modal>.content.form-wrapper,
#pages-trial-modal>.content.form-wrapper {
    font-size: 14px;
    position: relative
}

.pages-pay-modal>.content.form-wrapper .ui.dimmer .loader,
#pages-trial-modal>.content.form-wrapper .ui.dimmer .loader {
    top: 50% !important
}

.pages-pay-modal .ui.form,
#pages-trial-modal .ui.form {
    font-size: 16px
}

.pages-pay-modal .ui.form .inline.pay.method.field .ui.radio.checkbox.checked label,
#pages-trial-modal .ui.form .inline.pay.method.field .ui.radio.checkbox.checked label {
    border: 1px solid #85a1d4
}

.pages-pay-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label,
#pages-trial-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label {
    width: 150px;
    display: block;
    position: relative;
    background-color: #fff;
    padding: .5em .5em .5em 1.8em;
    border-radius: 0.2857rem;
    color: #85a1d4;
    border: 1px solid #ddd;
    top: -1px
}

.pages-pay-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label:before,
.pages-pay-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label:after,
#pages-trial-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label:before,
#pages-trial-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label:after {
    top: 46%;
    margin-top: -7px;
    margin-left: 10px
}

.pages-pay-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label:after,
#pages-trial-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label:after {
    margin-top: -2px
}

.pages-pay-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label img,
#pages-trial-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label img {
    left: 15px;
    top: 1px;
    position: relative
}

.pages-pay-modal .ui.form .inline.field>label,
#pages-trial-modal .ui.form .inline.field>label {
    font-size: 1em
}

.pages-pay-modal .donate-actions,
#pages-trial-modal .donate-actions {
    text-align: left;
    padding: 2rem 2rem 2rem 135px
}

.pages-pay-modal span.pages-price,
#pages-trial-modal span.pages-price {
    color: red;
    display: inline-block;
    font-size: 2em;
    line-height: normal;
    margin-top: -10px !important
}

.pages-pay-modal span.pages-duration,
#pages-trial-modal span.pages-duration {
    font-weight: bold
}

.pages-message-wrap .pages_message_tip {
    height: 30px;
    margin-top: 12px
}

.pages-message-wrap .page-sub-header {
    display: inline-block;
    font-size: 1rem !important
}

.pages-message-wrap .high-level-button {
    font-size: 1rem;
    font-weight: normal;
    margin: 0 6px;
    padding: 2px 6px;
    border-radius: 3px;
    text-decoration: none;
    color: #421D00;
    background-color: #FFC100;
    background-image: linear-gradient(-135deg, #ff9a61 0%, #ffc100 100%)
}

.pages-message-wrap .high-level-button:hover {
    opacity: .8
}

.pages-message-wrap .renew-pages-order {
    color: #fe7300;
    font-size: 1rem;
    font-weight: normal
}

a.trust-asia {
    float: left;
    position: relative;
    top: 12px
}

#btn-dl-or-clone {
    position: relative;
    margin-right: 0
}

.git-project-download-panel.for-project {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
    background: #fff;
    display: none;
    margin-top: 8px;
    width: 320px;
    min-width: auto;
    max-width: 320px;
    border-radius: 0;
    margin-right: 0 !important;
    border: 0;
    padding: 0 10px 10px 10px;
    -webkit-box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf;
    box-shadow: 0px 1px 40px 0px rgba(140, 146, 163, 0.2), inset 0px -1px 0px 0px #dededf
}

.git-project-download-panel.for-project>.menu {
    display: block;
    text-align: left;
    margin-bottom: 12px !important
}

.git-project-download-panel.for-project>.menu>.item {
    padding-bottom: 3px !important
}

.git-project-download-panel.for-project .warning-text {
    margin-top: 14px;
    color: #fb7405;
    text-align: left;
    font-size: 14px
}

.git-project-download-panel.for-project #project_clone_url {
    border-right-color: #dce3e8 !important
}

.git-project-download-panel.for-project .ui.input {
    margin-bottom: 10px
}

.git-project-download-panel.for-project .ui.horizontal.fluid.list {
    width: 100%;
    display: block;
    text-align: center
}

.git-project-download-panel.for-project .ui.labeled.input .ui.basic.label {
    border: 0;
    padding: 0 0 0 8px;
    background-color: transparent
}

.git-project-download-panel.for-project .ui.labeled.input .ui.basic.label .ui.button {
    margin: 0
}

.git-project-download-panel.for-project .ui.labeled.input input {
    padding-right: 0 !important
}

.git-project-download-panel.for-project .ui.small.input>input,
.git-project-download-panel.for-project .ui.small.input .ui.button {
    line-height: 18px;
    padding: 4px 8px
}

.git-project-download-panel.for-project .ui.secondary.menu {
    margin: 0 0 4px 0
}

.git-project-download-panel.for-project hr {
    border: 0;
    height: 1px;
    background: rgba(215, 215, 215, 0.5)
}

.git-project-download-panel.for-project .ui.download.link {
    padding: 3px 0;
    margin-top: 10px
}

.project-commits-filter {
    margin-bottom: 24px;
    width: 100%
}

.project-commits-filter>* {
    margin-left: 4px
}

.project-commits-filter>:first-child {
    margin-left: 0;
    margin-right: 12px
}

.project-commits-filter .ui.input .date-input {
    width: 120px;
    padding-top: .55em;
    padding-bottom: .55em;
    border-radius: 2px
}

.project-commits-filter .right-dropdown {
    margin-left: auto
}

.project-commits-filter .ui.dropdown.contributors-dropdown {
    height: 2.35em;
    min-height: 2.35em;
    min-width: 11em;
    padding: .55em 1em
}

.project-commits-filter .ui.dropdown.contributors-dropdown .icon.dropdown:before,
.project-commits-filter .ui.dropdown.contributors-dropdown .icon.dropdown:after {
    top: 55%
}

.project-commits-filter .ui.dropdown.contributors-dropdown>.text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 12em;
    padding-right: 1.5em;
    line-height: 1.25em
}

.project-commits-filter .ui.dropdown.contributors-dropdown input.search {
    padding-top: .4em;
    line-height: 1.3em
}

.project-commits-filter .ui.dropdown.contributors-dropdown .menu .item {
    overflow: hidden;
    text-overflow: ellipsis
}

#project-paas .row>.column {
    font-size: 0.9rem
}

#project-paas .ctl_domain_input {
    border-radius: 0;
    padding: 4px;
    border: 2px solid #d4d4d5
}

#project-paas .ui.table {
    word-break: break-all
}

#project-paas .ui.left.label {
    margin: 0px;
    font-weight: normal
}

#project-paas .ui.segment {
    padding-left: 15px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 0 0.5rem 0
}

#project-paas .ui.segment.attached {
    border: none
}

#project-paas .ui.mini.button {
    padding: 0.3em 0.8em
}

#project-paas .ui.mini.button.ctl_domain_btn {
    padding: 0.6em 1em
}

#project-paas .ui.tabular.menu {
    border: none
}

#project-paas .ui.celled.grid {
    -webkit-box-shadow: none;
    box-shadow: none
}

#project-paas .ui.celled.grid>.row {
    -webkit-box-shadow: none;
    box-shadow: none
}

#project-paas .ui.celled.grid>.row>.column {
    -webkit-box-shadow: none;
    box-shadow: none
}

#project-paas .ui.menu .paas_tip {
    font-size: 0.9rem
}

#project-paas .ui.menu .paas_tip:first-child {
    margin-bottom: 5px
}

#project-paas .nopadding {
    padding: 0
}

#new_paas_form .remove {
    color: #A00
}

#new_paas_form .checkmark {
    color: #008800
}

#new_paas_form .warning {
    margin: 0px;
    color: #A00
}

#new_paas_form .paas_img {
    padding: 5px;
    margin-right: 5px;
    border: 3px solid #f4f7f9;
    border-radius: 3px
}

#new_paas_form .paas_app_type {
    width: 108px;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    border: 3px solid #f4f7f9;
    border-radius: 3px
}

#new_paas_form #statu_paas_name {
    width: 300px;
    text-align: left;
    font-size: 0.8rem
}

.service-pass .service {
    font-size: 16px
}

.service-pass .cloud-sub-header {
    display: inline-block
}

.service-pass .usage-message:last-child {
    margin-top: 20px
}

.service-pass .usage-message .ui.header {
    margin-top: 20px;
    margin-bottom: 20px
}

.service-pass .usage-message .usage.img {
    width: 640px
}

.service-pass .usage-message .usage.img img {
    max-width: 640px
}

.service-pass .usage-message .fancybox {
    display: inline-block
}

#git-release-form .ui.text.message {
    margin: .4em 0 0 0
}

#git-release-form #tag-name-msg {
    width: 640px
}

.git-release-target-text {
    max-width: 280px;
    padding-top: 0.64286em;
    padding-bottom: 0.64286em;
    line-height: 1.42858rem;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.git-release-target.dropdown .text {
    max-width: 180px;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#git-tags-container {
    margin-bottom: 20px
}

#git-tags-container #taggeds-index {
    padding-top: 10px
}

#git-tags-container #releases-index,
#git-tags-container #releases-show {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px
}

#git-tags-container .tag-popup-msg {
    font-size: 12px
}

#git-tags-container .tag-meta {
    color: #8c92a4 !important;
    margin-top: 3px;
    font-size: 13px
}

#git-tags-container .tag-meta>span+span {
    margin-left: 2px
}

#git-tags-container .tag-meta a {
    color: #8c92a4 !important
}

#git-tags-container .tag-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1em
}

#git-tags-container .tag-header .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px
}

#git-tags-container .tag-header .item:last-child {
    padding-right: 0
}

#git-tags-container .tag-header .item.tag-message {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

#git-tags-container .tag-header .item.tag-commit {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

#git-tags-container .tag-header .item.tag-actions {
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
    text-align: center
}

#git-tags-container .tag-list .tag-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-tags-container .tag-list .tag-item .tag-item-action {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-right: 10px
}

#git-tags-container .tag-list .tag-item .tag-item-action:last-child {
    padding-right: 0
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-last-commit {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

#git-tags-container .tag-list .tag-item .tag-item-action.actions {
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
    text-align: center
}

#git-tags-container .tag-list .tag-item .tag-item-action.actions a+a {
    margin-left: 4px
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-message {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    word-break: break-word;
    position: relative;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-message.show-full-tag-message {
    position: relative;
    word-wrap: normal;
    white-space: normal;
    overflow: visible
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-message .btn-show-tag-message-wapper {
    width: 100%;
    height: 100%;
    line-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-message .btn-show-tag-message-wapper:hover {
    opacity: 1
}

#git-tags-container .tag-list .tag-item .tag-item-action.tag-message .btn-show-tag-message-wapper .btn-show-tag-message {
    background-color: #FFFFFF;
    -webkit-box-shadow: 120px 0px 50px 160px #fff;
    box-shadow: 120px 0px 50px 160px #fff;
    color: #005980;
    text-shadow: none;
    background-image: none;
    cursor: pointer;
    padding: 2px;
    float: right;
    margin: 0 12px
}

#git-tags-container .tag-list .tag-item .tag-item-action .commit-sign-popover .content span {
    display: block;
    white-space: normal;
    word-wrap: break-word !important
}

#git-tags-container .tag-list .item {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#git-tags-container .tag-list .item>.action a {
    text-align: right
}

#git-tags-container .tag-list .item>.action a+a {
    margin-top: 5px
}

#git-tags-container .tag-list .item>.content {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    overflow: hidden;
    text-overflow: clip;
    text-align: left
}

#git-tags-container .tag-list .item:first-child {
    padding-top: 0
}

#git-tags-container .tag-list .item:last-child {
    padding-bottom: 0;
    border: none
}

#git-tags-container .releases-timeline {
    margin-top: -10px;
    margin-bottom: -1rem
}

#git-tags-container .releases-timeline .release-tag-item {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#git-tags-container .releases-timeline .release-tag-item .releases-download-list .item {
    border: none !important
}

#git-tags-container .releases-timeline .release-tag-item .release-meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 25px 20px 25px;
    text-align: right;
    vertical-align: top
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .pre-version {
    background: #fe7300;
    color: white;
    font-weight: normal;
    font-size: 13px;
    padding: 6px 7px
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .tag-name a {
    color: #005980 !important;
    font-size: 16px
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .tag-name a:hover {
    color: #4c8aa6 !important
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .tag-name a:active {
    color: #003e59 !important
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .tag-name .icon-tag {
    position: relative;
    float: left;
    top: 1px;
    right: 2px
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .tag-name span {
    word-break: break-all;
    width: 127px;
    float: left;
    text-align: left
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .commit-info {
    float: left
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .commit-info a {
    font-size: 12px;
    clear: both
}

#git-tags-container .releases-timeline .release-tag-item .release-meta .release-time,
#git-tags-container .releases-timeline .release-tag-item .release-meta .commit-time {
    clear: both;
    text-align: left;
    padding-top: 3px;
    color: #8c92a4
}

#git-tags-container .releases-timeline .release-tag-item .release-meta>div+div {
    margin-top: 3px
}

#git-tags-container .releases-timeline .release-tag-item .release-body {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding: 20px 25px 24px 25px;
    border-left: 1px solid #dce3e8;
    overflow: hidden
}

#git-tags-container .releases-timeline .release-tag-item .release-body .release-header {
    margin-bottom: 10px
}

#git-tags-container .releases-timeline .release-tag-item .release-body .title {
    font-size: 24px;
    color: #40485b
}

#git-tags-container .releases-timeline .release-tag-item .release-body .footer .title {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px
}

#git-tags-container .releases-timeline .release-tag-item .release-body .footer .celled.list {
    padding-left: 0px
}

#git-tags-container .releases-timeline .release-tag-item .release-body .footer .celled.list .item {
    padding-left: 0px
}

#git-tags-container .releases-timeline .release-tag-item .release-body .markdown-body code,
#git-tags-container .releases-timeline .release-tag-item .release-body .markdown-body tt {
    white-space: normal;
    word-wrap: break-word
}

#git-tags-container .releases-timeline .release-tag-item .release-body .markdown-body pre code,
#git-tags-container .releases-timeline .release-tag-item .release-body .markdown-body pre tt {
    white-space: pre;
    word-wrap: normal
}

#git-tags-container .releases-timeline .release-tag-item .release-body .name {
    vertical-align: middle
}

#git-tags-container .at {
    line-height: 3
}

#git-tags-container .ui.dropdown .commit.item {
    line-height: 1.3;
    white-space: normal;
    padding-right: 1.14285714rem !important
}

#git-tags-container .ui.dropdown .commit.item .title {
    display: block;
    font-family: consolas, Courier, "MS Courier New", monospace
}

#git-tags-container .ui.dropdown .commit.item .description {
    float: none;
    margin: 0
}

#git-tags-container .ui.dropdown .text {
    font-family: consolas, Courier, "MS Courier New", monospace
}

#git-tags-container .ui.dropdown .text .description {
    display: none
}

#git-tags-container #replease-ref-dropdown .menu {
    width: 320px
}

.ui.popup.new-tag-popup {
    padding: 1.5em
}

.new-tags-form .field {
    min-width: 244px
}

.new-tags-form .actions {
    text-align: right
}

.new-tags-form .refs-dropdown .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-tags-form .refs-dropdown .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px
}

.new-tags-form .refs-dropdown .item {
    word-break: break-all
}

.new-tags-form .create-tag-tips {
    padding-left: 4px
}

.release-friendly-tip .segment {
    border: none;
    background: #f9f9f9
}

.release-attach-file .delete-release-icon {
    top: -10px;
    position: absolute;
    z-index: 1000;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    right: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 20px !important;
    cursor: pointer !important
}

.release-attach-file .delete-release-icon:before {
    background: white;
    border-radius: 20px
}

.release-attach-file .dz-image {
    border-radius: 0 !important
}

.release-attach-file .dz-progress {
    z-index: 11 !important;
    margin-top: 3px !important
}

#git-branches .multiple-destroy-field {
    display: none;
    margin-top: .5em
}

#git-branches .page-filter {
    border-bottom: 1px solid #dce3e8
}

#git-branches .ui.notice.yellow.message a {
    font-weight: bold;
    color: #715830
}

#git-branches .ui.notice.yellow.message a:hover {
    color: #9b8a6e
}

#git-branches .ui.notice.yellow.message a:active {
    color: #4f3d21
}

#git-branches .branch-list .flexable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-branches .branch-list .header {
    padding: 1em 0
}

#git-branches .branch-list .branch-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

#git-branches .branch-list .branch-item .label {
    font-weight: normal
}

#git-branches .branch-list .item.branch-name {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 24px
}

#git-branches .branch-list .item.branch-name a {
    color: #40485b
}

#git-branches .branch-list .item.branch-name a:hover {
    color: #797e8c
}

#git-branches .branch-list .item.branch-name a:active {
    color: #2c323f
}

#git-branches .branch-list .item.branch-name .hide-checkbox {
    display: none
}

#git-branches .branch-list .item.branch-name .name {
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

#git-branches .branch-list .item.branch-name .iconfont.icon-shieldlock {
    color: #8c92a4;
    font-size: 18px
}

#git-branches .branch-list .item.branch-name>.ui.checkbox {
    margin-left: -24px;
    margin-top: 3px
}

#git-branches .branch-list .item.branch-updated-info {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-branches .branch-list .item.branch-updated-info>* {
    margin: 0 4px
}

#git-branches .branch-list .item.branch-updated-info>:first-child {
    margin-left: 0
}

#git-branches .branch-list .item.branch-updated-info>:last-child {
    margin-right: 0
}

#git-branches .branch-list .item.branch-updated-info .avatar {
    width: 2em;
    height: 2em
}

#git-branches .branch-list .item.branch-updated-info .author-name,
#git-branches .branch-list .item.branch-updated-info .committed-title {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#git-branches .branch-list .item.branch-updated-info .author-name {
    max-width: 100px
}

#git-branches .branch-list .item.branch-settings {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

#git-branches .branch-list .item.branch-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

#git-branches .branch-list .item.branch-actions a+a {
    margin-left: 8px
}

#git-branches .protect-branch-setting {
    font-weight: normal
}

#git-branches .protect-branch-setting span {
    max-width: 50px;
    display: inline-block;
    font-family: Courier;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#git-branches .page-pagination {
    margin-top: 1em
}

#git-branches .new-branch-popup {
    padding: 1.5em
}

#git-branches .new-branch-popup .actions {
    text-align: right
}

#git-branches .new-branch-dropdown .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#git-branches .new-branch-dropdown .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    color: #40485b
}

#git-branches .new-branch-dropdown .item {
    word-break: break-all
}

#new-project-content:not(.import-project) #new-project-form {
    margin: auto;
    width: 800px
}

#new-project-form .ui.header .pull-right {
    font-size: 14px;
    font-weight: normal
}

#new-project-form .dividing-line {
    margin: 24px 0;
    border-bottom: 1px solid #dce3e8
}

#new-project-form .optional-field+.field {
    margin-left: 24px
}

#new-project-form .icon-help-circle {
    color: #8c92a4;
    cursor: pointer
}

#new-project-form .lisence-selector {
    font-weight: normal;
    color: #8c92a4
}

#new-project-form .lisence-selector:hover {
    color: #aeb2bf
}

#new-project-form .lisence-selector:active {
    color: #626672
}

#new-project-form .inline.sub.header {
    display: inline;
    font-size: 1rem
}

#new-project-form .ui.small.header {
    font-size: 16px;
    font-weight: normal
}

#new-project-form .input.wrapper input {
    -webkit-box-shadow: none;
    box-shadow: none
}

#new-project-form .ui.labeled.input .label {
    background: #f8f8f8;
    width: 1%
}

#new-project-form .ui.captcha.label {
    padding: 0
}

#new-project-form .fields .field {
    margin-bottom: 0
}

#new-project-form .invisible {
    visibility: hidden
}

#new-project-form #import .ui.action.input input[type='text']:focus {
    border-right: none
}

#new-project-form .ui.segment .ui.header:first-child {
    margin-top: 0;
    padding-left: 24px
}

#new-project-form .ui.segment .ui.header:first-child .iconfont {
    font-weight: normal
}

#new-project-form .ui.form .input.wrapper {
    position: relative
}

#new-project-form .ui.form .three-selection-project {
    margin-bottom: 0px
}

#new-project-form .ui.form .ui.radio.disabled .text-muted {
    color: currentColor
}

#new-project-form .ui.form .field.project-property>label {
    padding-top: 2px
}

#new-project-form .ui.form .field.project-property .ui.checkbox label {
    line-height: 14px
}

#new-project-form .ui.form .field.project-property .ui.checkbox label:before {
    top: -1px
}

#new-project-form .ui.form .field.project-property .hidden {
    display: none
}

#new-project-form #new_project .new-project-header h3 {
    margin: 0;
    padding-left: 24px;
    text-align: left
}

#new-project-form #new_project .new-project-header h3 i {
    font-weight: 500
}

#new-project-form #new_project .ui.labeled.input {
    display: inline-table
}

#new-project-form #new_project .project-url-field {
    margin-top: -11px;
    margin-bottom: 0
}

#new-project-form #new_project .project-url-field .project-url-frame {
    width: 451px;
    margin-left: 93px;
    padding: 8px;
    border-radius: 2px
}

#new-project-form #new_project .submit-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#new-project-form #new_project #save-project-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#new-project-form #new_project #save-project-loader.hide {
    display: none
}

#new-project-form #new_project #submit-pro {
    line-height: 17px;
    padding: 8px 33px;
    margin-top: -3px;
    font-size: 16px
}

#new-project-form #new_project .ui.checkbox#private i.fa {
    margin-top: 4px
}

#new-project-form #new_project .ui.checkbox#private i.fa.fa-unlock {
    color: #fe7300
}

#new-project-form #new_project .ui.checkbox#private i.fa.fa-lock {
    color: #aaa
}

#new-project-form #new_project textarea[id*=description] {
    height: 6em;
    min-height: 6em
}

#new-project-form #new_project .import-project-field {
    margin-top: 15px;
    margin-bottom: 20px
}

#new-project-form #new_project #import {
    margin-bottom: 20px
}

#new-project-form #new_project i.octicon.octicon-info {
    color: #feab66
}

#new-project-form #new_project .field {
    text-align: left
}

#new-project-form #new_project .field .checkbox-container {
    height: 30px;
    margin: 0;
    position: relative
}

#new-project-form #new_project .field .checkbox-container label {
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left;
    width: 400px
}

#new-project-form #new_project #mo_paas .ui.statistics>.statistic {
    margin: 10px 10px 0 0;
    width: 90px;
    border: 3px solid #f4f4f4;
    text-align: center
}

#new-project-form .check.result {
    padding-top: 1px;
    padding-bottom: 1px
}

#new-project-form .field.error input[type="text"] {
    border-left: 1px solid #dbb1b1 !important
}

#new-project-form .namespace-path-field {
    width: 33.333%;
    padding-right: 1rem !important
}

#new-project-form .namespace-path-field .interval {
    top: 0;
    right: -0.5em;
    position: absolute;
    font-size: 2rem;
    line-height: 40px
}

#new-project-form .path-field {
    width: 66.666%
}

#new-project-form .js-project-full-path {
    max-width: 1000px;
    overflow-wrap: break-word
}

#new-project-form .open-source-terms-wrapper {
    margin-left: 24px
}

#new-project-form .open-source-terms-wrapper>h4.title {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 16px
}

#new-project-form .open-source-terms-wrapper .open-source-terms-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#new-project-form .open-source-terms-wrapper .open-source-terms-list .ui.checkbox.checked label {
    color: rgba(0, 0, 0, 0.8) !important
}

#new-project-form .open-source-terms-wrapper .open-source-terms-list .ui.checkbox.checked label:before {
    background: #fe7300 !important;
    border-color: #fe7300 !important
}

#new-project-form .open-source-terms-wrapper .open-source-terms-list .ui.checkbox.checked label:after {
    color: white !important
}

#new-project-form .open-source-terms-wrapper .sub-description {
    color: #8c92a4
}

#new-project-form .ui.dropdown.button:not(#template-selection) {
    max-width: 250px;
    padding-right: 2rem;
    line-height: 1
}

#new-project-form .ui.dropdown.button:not(#template-selection) .dropdown.icon {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    line-height: 20px;
    padding: 0.78571429em
}

#new-project-form .ui.dropdown.button:not(#template-selection) .menu .item {
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#new-project-form .ui.dropdown.button:not(#template-selection) .text .avatar.image {
    margin: 0
}

#new-project-form .ui.dropdown.button:not(#template-selection) .text .text-muted {
    display: none
}

#new-project-form .public-field .visibility-item {
    line-height: 20px;
    min-height: 20px
}

#new-project-content {
    padding: 20px 0;
    margin-top: 20px;
    width: 100%
}

.wepay-qrcode .weqcode-center {
    text-align: center
}

.ui.modal.project-donate-modal>.content.form-wrapper {
    font-size: 14px;
    padding: 34px 85px 0 135px;
    position: relative
}

.ui.modal.project-donate-modal>.content.form-wrapper .ui.dimmer .loader {
    top: 50% !important
}

.ui.modal.project-donate-modal .creator.info.header {
    color: #000;
    margin-top: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal
}

.ui.modal.project-donate-modal .creator.info.header .name {
    font-weight: bold
}

.ui.modal.project-donate-modal .creator.info.header p,
.ui.modal.project-donate-modal .creator.info.header a {
    margin-bottom: 5px
}

.ui.modal.project-donate-modal .creator.info.header p {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui.modal.project-donate-modal .creator.info.header a {
    color: #000
}

.ui.modal.project-donate-modal .creator.info.header a:hover {
    color: #095eab
}

.ui.modal.project-donate-modal .creator.info.header a:active {
    color: #005980
}

.ui.modal.project-donate-modal .creator.info.header>img.image {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle
}

.ui.modal.project-donate-modal .creator.info.header img+.content {
    padding-left: .75rem;
    vertical-align: middle
}

.ui.modal.project-donate-modal .creator.info.header .ui.sub.header {
    color: #6a6a6a;
    font-size: 1em;
    margin-top: 0 !important
}

.ui.modal.project-donate-modal .donate-description {
    color: #9b9b9b;
    line-height: 1.43
}

.ui.modal.project-donate-modal .donate-description .mayun-icon {
    vertical-align: bottom
}

.ui.modal.project-donate-modal .donate-notice {
    font-style: italic;
    color: #5f5f5f;
    font-weight: bold
}

.ui.modal.project-donate-modal .ui.form input,
.ui.modal.project-donate-modal .ui.form textarea {
    font-size: 14px;
    border-radius: 2px;
    line-height: 1.5;
    padding: 0.65em;
    margin: 0
}

.ui.modal.project-donate-modal .ui.form textarea[name="msg"] {
    height: 102px;
    min-height: 102px
}

.ui.modal.project-donate-modal .ui.form .inline.textarea.field>label {
    margin-top: 0.75em
}

.ui.modal.project-donate-modal .ui.form .ui.checkbox {
    font-size: 14px
}

.ui.modal.project-donate-modal .ui.form .inline.pay.method.field .ui.radio.checkbox {
    margin-right: 2em
}

.ui.modal.project-donate-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label::before {
    top: 50%;
    margin-top: -8px
}

.ui.modal.project-donate-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label::after {
    top: 50%
}

.ui.modal.project-donate-modal .ui.form .inline.pay.method.field .ui.radio.checkbox label .mayun-icon {
    top: 0
}

.ui.modal.project-donate-modal .ui.form .field {
    margin-bottom: 12px
}

.ui.modal.project-donate-modal .ui.form .inline.field>label {
    width: 120px;
    font-size: 1em;
    font-weight: normal;
    text-align: right;
    display: inline-block;
    margin-left: -125px;
    padding-right: 10px;
    color: #000
}

.ui.modal.project-donate-modal .ui.form .ui.fluid.input {
    width: 100%
}

.ui.modal.project-donate-modal .ui.form .ui.fluid.labeled.input {
    display: table
}

.ui.modal.project-donate-modal .ui.form .ui.fluid.labeled.input input {
    padding-right: 0.65em !important
}

.ui.modal.project-donate-modal .ui.form .card-fields {
    width: 100%;
    font-size: 0;
    vertical-align: middle;
    display: inline-block
}

.ui.modal.project-donate-modal .ui.form .card-fields .card-field {
    width: 25%;
    padding-right: 10px;
    display: inline-block
}

.ui.modal.project-donate-modal .ui.form .card-fields .card-field:last-child {
    padding-right: 0
}

.ui.modal.project-donate-modal .ui.form .card-fields .card-field .radio.checkbox {
    width: 100%
}

.ui.modal.project-donate-modal .ui.form .card-fields .card-field label {
    padding: 10px;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 2px;
    line-height: 18px;
    border: 1px solid #dfdfdf;
    background-color: #fff
}

.ui.modal.project-donate-modal .ui.form .card-fields .card-field .checked label {
    color: #005980;
    border-color: #005980
}

.ui.modal.project-donate-modal .ui.form .card-fields .radio.checkbox label:before,
.ui.modal.project-donate-modal .ui.form .card-fields .radio.checkbox label:after {
    left: 8px
}

.ui.modal.project-donate-modal .ui.form .card-fields.nocheckbox .card-field label:before,
.ui.modal.project-donate-modal .ui.form .card-fields.nocheckbox .card-field label:after {
    display: none
}

.ui.modal.project-donate-modal .ui.form .fields {
    margin: 0 -.5em 1em
}

.ui.modal.project-donate-modal .ui.form .fields textarea {
    height: auto;
    min-height: 3em
}

.ui.modal.project-donate-modal .ui.form .fields .field:first-child {
    padding-left: .5em
}

.ui.modal.project-donate-modal .ui.form .fields .field:last-child {
    padding-right: .5em
}

.ui.modal.project-donate-modal .ui.form .fields .radio.checkbox label:before,
.ui.modal.project-donate-modal .ui.form .fields .radio.checkbox label:after {
    top: 50%;
    margin-top: -7px
}

.ui.modal.project-donate-modal .donate-actions {
    text-align: left;
    padding: 2rem 2rem 2rem 135px
}

#project-donate-overview {
    margin-top: -60px;
    padding-top: 60px
}

.project-donate-overview {
    text-align: center
}

.project-donate-overview .ui.loading {
    z-index: 10
}

.project-donate-overview .ui.popup {
    max-width: 480px;
    min-width: 80px
}

.project-donate-overview .donate.button {
    font-weight: normal
}

.project-donate-overview .project-donate-stats {
    font-size: 1rem;
    margin-top: 20px;
    margin-bottom: 5px
}

.project-donate-overview .project-donate-list {
    position: relative;
    margin-top: 26px
}

.project-donate-overview .project-donate-list .donate-info {
    margin: 10px;
    position: relative;
    display: inline-block
}

.project-donate-overview .project-donate-list .donate-info .image {
    width: 60px;
    height: 60px
}

.project-donate-overview .project-donate-list .label.money {
    display: inline;
    font-weight: normal;
    white-space: nowrap;
    padding: 2px 4px !important
}

.project-donate-overview .project-donate-list .abstract-cover {
    top: 0;
    right: 0;
    width: 430px;
    height: 100%;
    position: absolute;
    background-color: #fafafa;
    background: linear-gradient(to right, transparent, #fafafa 60px);
    padding-left: 80px;
    line-height: 48px;
    display: none
}

.project-donate-overview .project-donate-list.abstract-mode {
    height: 56px
}

.project-donate-overview .project-donate-list.abstract-mode .abstract-cover {
    display: block
}

#blob-file-container>div+div {
    margin-top: 15px
}

#blob-file-container.blob-edit .file_holder {
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#blob-file-container.blob-edit .file_holder .file_title {
    border-bottom: none
}

#blob-file-container.blob-edit .file-content .tab-content {
    border: none
}

#blob-file-container.blob-edit .md-editor {
    border: 1px solid #E3E9ED;
    border-top: none;
    border-radius: 0 0 4px 4px
}

#blob-file-container.blob-edit textarea:focus {
    border: none
}

#blob-file-container.blob-edit #extended_information {
    height: 8em;
    border-radius: 4px;
    border: 1px solid #E3E9ED
}

#blob-file-container.blob-edit #extended_information:focus {
    border: 1px solid #b0b5b9
}

.blod-wrap .upload_process_form.loading {
    z-index: 11
}

.blod-wrap #blobUpload {
    border: 2px dashed #efefef;
    border-radius: 5px;
    background: white
}

.blod-wrap #blobUpload>.upload_file_background {
    width: 100%
}

.blod-wrap #blobUpload:hover {
    border: 2px dashed #FE7300
}

.blod-wrap #git-upload-form .content {
    background-color: #fff;
    overflow: hidden
}

.blod-wrap #git-upload-form .header {
    font-size: 14px;
    margin: 0 0 8px 0
}

.blod-wrap .blob-target-branch {
    color: #767676
}

.blod-wrap .blob-target-branch>.branch-name {
    padding: 2px 3px;
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    background-color: rgba(209, 227, 237, 0.5);
    border-radius: 3px
}

.blod-wrap .maxfilesize {
    text-align: center
}

.blod-wrap .operate-btn {
    margin-top: 10px
}

.blod-wrap .operate-btn .button+.button {
    margin-left: 8px
}

.blod-wrap .dropzone .dz-preview:hover {
    z-index: 10
}

.blod-wrap .dropzone .dz-preview .dz-progress,
.blod-wrap .dropzone .dz-preview .dz-error-message,
.blod-wrap .dropzone .dz-preview .dz-error-mark,
.blod-wrap .dropzone .dz-preview .dz-success-mark {
    z-index: 11
}

.blob-form__monaco-editor {
    position: relative
}

.blob-form__monaco-editor .ui.dimmer {
    z-index: 10
}

.blob-form__md-editor {
    display: none
}

.blob-form__md-editor .md-input {
    min-height: 400px !important
}

.blob-form__license-select {
    float: right;
    display: none
}

.blob-form--has-license .blob-form__license-select {
    display: block
}

.blob-form--markdown .blob-form__monaco-editor {
    display: none
}

.blob-form--markdown .blob-form__md-editor {
    display: block
}

.blob-form__path .iconfont {
    vertical-align: middle
}

.blob-form__path-input {
    width: 240px !important;
    vertical-align: middle !important
}

.blob-form__draft-message {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.submodule-form .ui.radio.checkbox {
    min-height: 16px
}

.submodule-form .select-type--url {
    display: none
}

.submodule-form .select-type--name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.submodule-form.url-mode .select-type--url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.submodule-form.url-mode .select-type--name {
    display: none
}

.submodule-form .project-info {
    word-break: break-all
}

.submodule-form .project-info .ui.dropdown.repo-dropdown {
    width: 280px
}

.submodule-form .project-info .ui.dropdown.repo-dropdown .menu .item .iconfont {
    margin-top: 1px;
    margin-right: 4px
}

.submodule-form .project-info .ui.dropdown.repo-dropdown .menu .item .name {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.submodule-form .project-info .ui.dropdown.branch-dropdown {
    width: 280px
}

.submodule-form .project-info .ui.dropdown.branch-dropdown .header {
    text-transform: none;
    font-size: 12px
}

.submodule-form .project-info .ui.dropdown.loading .icon.dropdown {
    height: 100% !important
}

.project-setting-header {
    margin-bottom: 20px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.project-setting-header.ddos-tips {
    font-size: 14px !important;
    font-weight: normal;
    color: #40485b
}

.project-setting-header .header-right {
    font-size: 14px;
    font-weight: normal;
    color: #545251
}

.setting-grid.deploy-key-settings .keys-manage {
    margin-bottom: 10px
}

.setting-grid.deploy-key-settings .list-menu {
    margin-bottom: 16px
}

.setting-grid.deploy-key-settings .key-list {
    margin-bottom: 24px
}

.setting-grid.deploy-key-settings .deploy-key {
    padding: 8px 0
}

.setting-grid.deploy-key-settings .deploy-key:first-child {
    padding-top: 0
}

.setting-grid.deploy-key-settings .deploy-key:last-child {
    padding-bottom: 0
}

.setting-grid.deploy-key-settings .deploy-key .key-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.setting-grid.deploy-key-settings .deploy-key .key-header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 1.2em;
    padding-right: .8em
}

.setting-grid.deploy-key-settings .deploy-key .key-header .title .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.setting-grid.deploy-key-settings .deploy-key .key-header .title .icon {
    margin-right: .5em
}

.setting-grid.deploy-key-settings .deploy-key .key-header .actions {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.setting-grid.deploy-key-settings .deploy-key .key-header .actions .button {
    padding: .4em .5em
}

.setting-grid.deploy-key-settings .deploy-key .key-header .delete-tooltip-btn {
    opacity: .5;
    cursor: default
}

.setting-grid.deploy-key-settings .deploy-key .key-header .delete-tooltip-btn {
    color: unset !important;
    background: unset !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.setting-grid.deploy-key-settings .deploy-key .key-description .deployed-tips {
    margin-top: 8px
}

.setting-grid.deploy-key-settings .deploy-key .key-description .deployed-projects {
    margin-top: 4px
}

.setting-grid.deploy-key-settings .deploy-key .key-description .deployed-projects .label {
    display: inline-block;
    margin-top: 4px;
    font-weight: normal
}

.detail-deploy-key-page .deploy-key-container .header {
    margin-bottom: 1.2em
}

.detail-deploy-key-page .deploy-key-container .header .back-to-list {
    margin-bottom: 1em
}

.detail-deploy-key-page .deploy-key-container .header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .5em;
    font-size: 1.25em;
    font-weight: bold
}

.detail-deploy-key-page .deploy-key-container .header .time {
    font-size: 1em
}

.detail-deploy-key-page .deploy-key-container .fingerprint {
    margin-bottom: .5em
}

.detail-deploy-key-page .deploy-key-container .content textarea {
    max-height: 150px
}

.detail-deploy-key-page .deploy-key-container .actions {
    margin-top: 1em
}

#project-settings .w560 {
    width: 560px
}

#project-settings .w240 {
    width: 240px
}

#project-settings #service-settings .event-description {
    padding-left: 1.75em
}

#project-settings .twelve.wide.column .ui.segment {
    margin-top: 0px
}

#project-settings #modify_project .field {
    font-size: 13px
}

#project-settings #modify_project .field label:not(.open-source-terms-label) {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px
}

#project-settings #modify_project .field label:not(.open-source-terms-label).force-push {
    margin-bottom: 0px
}

#project-settings .ui.form .field p,
#project-settings li {
    color: #999
}

#project-settings .ui.form .field p.error_message {
    color: #990000
}

#project-settings nav.ui.menu {
    width: 100% !important
}

#project-settings .transfer-name {
    font-weight: bold !important;
    font-size: 1rem !important
}

#project-settings .transfer_select {
    margin-top: 15px
}

#project-settings .select2-container .select2-choices .select2-search-choice {
    padding: 8px 24px 8px 8px
}

#project-settings .select2-container .select2-choices .select2-search-field input {
    border: 0
}

#project-settings .select2-container .select2-choices .select2-search-choice-close {
    left: auto;
    top: 8px
}

#project-settings .select2-container .user-result .user-username {
    color: #777
}

#project-settings .select2-focused {
    border: 0px !important
}

#project-settings .select2-drop-mask,
#project-settings .select2-drop {
    z-index: 50 !important
}

#project-settings #group-select {
    width: 400px;
    margin-top: 15px;
    margin-bottom: 15px
}

#project-settings ul.ui.list li {
    font-size: 14px
}

#project-settings .switch-right {
    right: 15px;
    display: none
}

#project-settings .monitor-check-private,
#project-settings .monitor-check-public {
    width: 90px;
    height: 30px;
    line-height: 20px;
    background: #e5e5e5;
    border-radius: 18px;
    position: relative;
    cursor: pointer;
    font-size: 13px
}

#project-settings .monitor-check-public {
    background: #4ebc79
}

#project-settings .private-project,
#project-settings .monitor-check {
    width: 90px;
    height: 30px;
    line-height: 20px;
    background: #e5e5e5;
    border-radius: 18px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    float: left;
    margin-bottom: 10px
}

#project-settings .private-project {
    cursor: initial
}

#project-settings .private-project .left {
    width: 22px;
    height: 22px;
    background: white;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 5px;
    text-align: center
}

#project-settings .private-project .right {
    position: absolute;
    top: 5px;
    right: 15px
}

#project-settings .public-project {
    cursor: default
}

#project-settings .public-project .right {
    width: 22px;
    height: 22px;
    background: white;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    right: 5px;
    text-align: center
}

#project-settings .public-project .left {
    position: absolute;
    top: 5px;
    left: 15px
}

#project-settings .public-project,
#project-settings .monitor-check {
    width: 90px;
    height: 30px;
    line-height: 20px;
    background: #e5e5e5;
    border-radius: 18px;
    position: relative;
    font-size: 13px;
    float: left;
    margin-bottom: 10px
}

#project-settings .monitor-check .fa-unlock {
    color: #fe7300
}

#project-settings .switch.left {
    left: 5px;
    display: none
}

#project-settings .switch.left,
#project-settings .switch.right {
    width: 22px;
    height: 22px;
    background: white
}

#project-settings .switch {
    position: absolute;
    border-radius: 50%;
    top: 4px;
    cursor: pointer;
    text-align: center
}

#project-settings .switch-left {
    left: 15px;
    display: block
}

#project-settings .switch-left,
#project-settings .switch-right {
    position: absolute;
    top: 5px
}

#project-settings .switch.right {
    width: 22px;
    height: 22px;
    background: white;
    right: 5px
}

#project-settings .orange {
    background: #fe7300;
    color: #fff
}

#project-settings #language .search.input>input,
#project-settings .basic-dropdown .search.input>input {
    width: 170px !important
}

#project-settings .basic-label {
    font-size: 14px !important;
    font-weight: 400 !important
}

#project-settings .git-gc .field.center {
    text-align: center;
    margin-top: 20px
}

#project-settings .git-gc .field.center .icon-sync.loading::before {
    color: #fe7300
}

#project-settings .required-icon:after {
    display: inline-block;
    vertical-align: top;
    margin: -0.2em 0em 0em 0.4em;
    content: '*';
    color: #d95c5c
}

#project-settings .tip-text {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4;
    line-height: 24px
}

#project-settings .project-service-list>.grid .hook {
    border-top: 1px solid #e3e9ed;
    margin: 0 14px
}

#project-settings .project-service-list>.grid .hook:first-child {
    border-top: none
}

#project-settings .project-service-list>.grid .hook .action {
    text-align: right;
    padding-right: 0
}

#project-settings .project-service-list>.grid .hook .column {
    padding-right: 0;
    padding-left: 0
}

#project-settings .project-service-list>.grid span.title {
    font-weight: 600
}

#project-settings .project-service-list>.grid span.description {
    color: #6b6a6a
}

#project-settings .project-service-list>.grid .icon.active {
    color: green
}

#project-settings .project-service-list>.grid .result {
    font-size: 14px;
    padding: 0 14px
}

#project-settings .project-service-list>.grid .result pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 120px;
    min-height: 25px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    font-size: 13px;
    line-height: 19px;
    padding: 6px 10px;
    border-radius: 3px
}

#project-settings .webhook-index-container .container-content {
    padding: 10px 0
}

#project-settings .webhook-index-container .webhook-list {
    margin-bottom: 24px
}

#project-settings .webhook-index-container .webhook-list .hook-item {
    padding: 14px 0;
    border-bottom: 1px solid #e3e9ed
}

#project-settings .webhook-index-container .webhook-list .hook-item:first-child {
    padding-top: 0
}

#project-settings .webhook-index-container .webhook-list .hook-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

#project-settings .webhook-index-container .webhook-list .item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

#project-settings .webhook-index-container .webhook-list .item-header .title {
    margin-right: 8px;
    word-break: break-all
}

#project-settings .webhook-index-container .webhook-list .item-header .action {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#project-settings .webhook-index-container .webhook-list .item-header .action .buttons {
    margin: 0
}

#project-settings .webhook-index-container .webhook-list .item-header .icon-webhook {
    margin-right: 4px
}

#project-settings .webhook-index-container .webhook-list .item-header .hook-url {
    font-size: 16px
}

#project-settings .webhook-index-container .webhook-list .item-content {
    margin-bottom: 10px
}

#project-settings .webhook-index-container .webhook-list .item-footer .hook-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

#project-settings .webhook-index-container .webhook-list .item-footer .hook-time-action a {
    color: #8c92a4
}

#project-settings .webhook-index-container .webhook-list .item-footer .hook-time-action a:hover {
    color: #aeb2bf
}

#project-settings .webhook-index-container .webhook-list .item-footer .hook-time-action a:active {
    color: #626672
}

#project-settings .webhook-index-container .webhook-list .item-footer .hook-result {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 120px;
    min-height: 25px;
    background-color: #f2f2f2;
    border: 1px solid #e3e9ed;
    padding: 6px 10px;
    border-radius: 3px
}

#project-settings .webhook-form-container {
    margin-bottom: 3em
}

#project-settings .webhook-form-container .webhook-form .event-list .item {
    margin-top: 1em
}

#project-settings .webhook-form-container .webhook-form .event-list .item .subject {
    display: inline-block;
    width: 120px
}

#project-settings .webhook-form-container .webhook-form .event-field {
    margin-bottom: 1.5em
}

#project-settings .webhook-form-container .webhook-form .submit-btn {
    margin-right: 24px
}

#project-settings .webhook-form-container .webhook-form .delete-btn {
    color: #8c92a4
}

#project-settings .webhook-form-container .webhook-form .delete-btn:hover {
    color: #aeb2bf
}

#project-settings .webhook-form-container .webhook-form .delete-btn:active {
    color: #626672
}

#project-settings .webhook-form-container .duplicate-url-wrap {
    word-break: break-all
}

#project-settings .webhook-logs-container .webhook-logs .load-list-btn {
    color: #8c92a4;
    margin-top: 14px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#project-settings .webhook-logs-container .webhook-logs .load-list-btn:hover {
    color: #aeb2bf
}

#project-settings .webhook-logs-container .webhook-logs .load-list-btn:active {
    color: #626672
}

#project-settings .webhook-logs-container .webhook-logs .load-list-btn.loading,
#project-settings .webhook-logs-container .webhook-logs .load-list-btn.complete {
    pointer-events: none
}

#project-settings .webhook-logs-container .webhook-log-item+.webhook-log-item {
    margin-top: 9px
}

#project-settings .webhook-logs-container .webhook-log-item .log-header {
    cursor: pointer;
    color: #8c92a4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .log-status-icon {
    margin-right: 9px
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .icon-report {
    font-size: .9em;
    color: #f14333
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .icon-history {
    color: #8c92a4
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .log-uuid {
    color: #005980;
    font-family: consolas, Courier, "MS Courier New", monospace;
    margin-right: 16px
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .log-uuid:hover {
    color: #4c8aa6
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .log-uuid:active {
    color: #003e59
}

#project-settings .webhook-logs-container .webhook-log-item .log-header .log-time {
    margin-right: 8px
}

#project-settings .webhook-logs-container .webhook-log-item .log-content {
    display: none
}

#project-settings .webhook-logs-container .webhook-log-item.spread .log-content {
    display: block
}

#project-settings .webhook-logs-container .webhook-log-detail {
    padding: 14px 22px
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu {
    padding-bottom: 4px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e3e9ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item {
    color: #8c92a4
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item:hover {
    color: #aeb2bf
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item:active {
    color: #626672
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item.active {
    color: #fe7300
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item.active:hover {
    color: #fe9d4c
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item.active:active {
    color: #b15000
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .item+.item {
    margin-left: 24px
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .duration {
    margin-right: 16px
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-menu .resend-btn {
    margin-right: 0;
    padding: 4px 12px
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-content .content-item>.label {
    font-size: 16px;
    margin-bottom: 8px
}

#project-settings .webhook-logs-container .webhook-log-detail .tab-content .content-item>pre {
    font-size: 13px;
    padding: 12px;
    overflow: auto;
    background-color: #F2F2F2;
    border: 1px solid #e3e9ed;
    border-radius: 3px
}

#project-settings .webhook-logs-container .webhook-log-item-labels {
    margin-right: 10px
}

#project-settings .webhook-logs-container .ui.header {
    margin-bottom: 17px
}

#project-settings .setting-container__hm {
    width: 640px
}

#project-settings .setting-container__hm .title {
    color: #000;
    font-size: 14px
}

#project-settings .setting-container__hm .step {
    margin-top: 16px;
    margin-bottom: 8px
}

#project-settings .setting-container__hm .step .float-right {
    font-weight: normal;
    color: #8c92a4;
    font-size: 13px
}

#project-settings .setting-container__hm .content {
    margin-bottom: 24px
}

#project-settings .setting-container__hm .code {
    padding: 4px 12px;
    color: #40485b;
    font-size: 16px;
    border-radius: 12px;
    background: #f6f6f6;
    display: inline
}

#project-settings .setting-container__hm .ui.action.input {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%
}

#project-settings .setting-container__hm .ui.action.input input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 0
}

#project-settings .setting-container__hm .ui.action.input .ui.button {
    width: 60px
}

.git-project-settings-btn {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.git-project-settings-btn.force-push {
    margin-top: 10px
}

.set-pr-assigner-form.ui.form .field>.number-dropdown {
    width: 60px
}

.target-enterprise-list {
    width: 100%
}

.del-or-clear-target-confirm .field label {
    word-break: break-all
}

.del-or-clear-target-confirm .path-with-namespace-wrap label {
    display: inline-block !important;
    padding-bottom: 3px
}

.del-or-clear-target-confirm .path-with-namespace-wrap .path-with-namespace-error-container {
    color: #d95c5c;
    font-size: 1rem;
    font-weight: bold
}

.del-or-clear-target-confirm .path-with-namespace-wrap #path_with_namespace {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 5px
}

#project-settings .project-setting-header {
    padding-bottom: 8px;
    margin-top: 0;
    margin-bottom: 24px !important;
    color: black
}

#modify_project .error.message {
    width: 560px
}

#modify_project .open-source-terms-wrapper .open-source-terms-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#modify_project .open-source-terms-wrapper .open-source-terms-list .ui.checkbox.checked label {
    color: rgba(0, 0, 0, 0.8) !important
}

#modify_project .open-source-terms-wrapper .open-source-terms-list .ui.checkbox.checked label:before {
    background: #fe7300 !important;
    border-color: #fe7300 !important
}

#modify_project .open-source-terms-wrapper .open-source-terms-list .ui.checkbox.checked label:after {
    color: white !important
}

#modify_project .open-source-terms-wrapper .ui.checkbox label {
    font-weight: 500 !important
}

#modify_project .open-source-terms-wrapper>h4.title {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 16px
}

#modify_project .ui.form input:not(.button),
#modify_project .ui.form textarea,
#modify_project .ui.form .selection {
    width: 560px
}

#modify_project .ui.form .branch-select,
#modify_project .ui.form .language-select {
    width: 240px
}

#modify_project .ui.form #project_path {
    width: 100%
}

#modify_project .project-public-radio-group .ui.checkbox.radio label {
    margin-bottom: 0 !important
}

#modify_project .project-public-radio-group .tip-text {
    margin-top: 0;
    line-height: unset
}

#modify_project .project-public-radio-group .ui.checkbox.radio:nth-child(n+3) {
    margin-left: 40px
}

#modify_project #project-prefix-path {
    max-width: 336px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#modify_project .project-prefix-path-wrapper {
    width: 560px
}

#project-settings .settings-function .sub-title {
    font-size: 18px;
    font-weight: 600;
    color: #40485b;
    line-height: 24px
}

#project-settings .settings-function .group-function .group-function-child {
    margin-left: 25px
}

#project-settings .settings-function .group-function .parent-label {
    font-size: 14px;
    font-weight: 600 !important;
    color: #40485b
}

#project-settings .settings-function .loading-tip {
    font-size: 12px;
    margin-left: 16px;
    margin-right: 8px
}

#project-settings .settings-function .loading-tip.loading .success {
    display: none !important
}

#project-settings .settings-function .loading-tip.loading .loader {
    display: block !important
}

#project-settings .settings-function .loading-tip .loader {
    display: none;
    vertical-align: middle;
    padding-top: 0;
    margin-top: -12px
}

#project-settings .settings-function .loading-tip .icon-msg-read {
    margin-top: 2px;
    color: #36b37e;
    font-size: 12px;
    margin-right: 6px
}

#project-settings .settings-function .loading-tip .text {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4
}

#project-settings .settings-function .import-url {
    width: 560px
}

#project-settings .settings-function .import-input-save {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#project-settings .settings-function .import-url-save {
    width: auto !important
}

#project-settings .settings-function .import-url+.loading-tip {
    margin-top: 8px
}

#project-settings .settings-function .import-url+.loading-tip .loader {
    margin-top: -4px
}

#project-settings .settings-function .js-gitee-reward-help .icon-help-circle {
    margin-left: 4px;
    margin-top: 2px
}

#git-project-attach-files #new-attach-title {
    margin: 0;
    padding: 20px 0 0 0
}

#git-project-attach-files .row.column {
    font-size: 0.9rem
}

#git-project-attach-files .row.column.tree-holder {
    padding: 0.2rem 1rem 0 1rem
}

#git-project-attach-files .row.column:first-child {
    font-size: 0.95rem
}

#git-project-attach-files>.row>.ui.horizontal.list {
    padding-left: 0;
    margin-bottom: 0
}

#git-project-attach-files .tree-item-file-name a:hover {
    text-decoration: underline
}

#git-project-attach-files .ui.list .item a {
    color: #005980;
    font-size: 0.9rem
}

#git-project-attach-files .tree_author .commit-author-name,
#git-project-attach-files .tree_time_ago>.timeago {
    color: #747474 !important;
    font-size: 0.9rem
}

#git-project-attach-files .tree_author .commit-author-name:hover {
    color: #747474 !important;
    text-decoration: underline;
    font-size: 0.9rem
}

#git-project-attach-files .attach-branch-select .menu .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#git-project-attach-files .attach-branch-select .menu .header .pull-right {
    margin-left: 24px
}

.javadocs-service-wrap .pages_message_tip,
.phpdocs-service-wrap .pages_message_tip {
    height: 30px
}

.javadocs-service-wrap .doc-sub-header,
.phpdocs-service-wrap .doc-sub-header {
    display: inline-block;
    font-size: 1rem !important;
    margin-left: 5px
}

.javadocs-service-wrap .docs_content,
.phpdocs-service-wrap .docs_content {
    padding-top: 15px
}

.javadocs-service-wrap .docs_content .form-body,
.phpdocs-service-wrap .docs_content .form-body {
    padding-right: 1.5em !important;
    border-right: 1px solid rgba(188, 196, 204, 0.15)
}

.javadocs-service-wrap .docs_content .form-body input.pom_path,
.javadocs-service-wrap .docs_content .form-body .branch-choose-wrap,
.javadocs-service-wrap .docs_content .form-body input.profile,
.javadocs-service-wrap .docs_content .form-body input.pl,
.phpdocs-service-wrap .docs_content .form-body input.pom_path,
.phpdocs-service-wrap .docs_content .form-body .branch-choose-wrap,
.phpdocs-service-wrap .docs_content .form-body input.profile,
.phpdocs-service-wrap .docs_content .form-body input.pl {
    width: 300px
}

.javadocs-service-wrap .docs_content .form-body .notice-message,
.phpdocs-service-wrap .docs_content .form-body .notice-message {
    word-break: break-word
}

.javadocs-service-wrap .docs_content .form-body .bottom-bar,
.phpdocs-service-wrap .docs_content .form-body .bottom-bar {
    margin-top: 20px
}

.javadocs-service-wrap .docs_content .form-body .branch-choose-wrap,
.phpdocs-service-wrap .docs_content .form-body .branch-choose-wrap {
    height: 36px
}

.javadocs-service-wrap .docs_content .form-body .branch-choose-wrap .text,
.phpdocs-service-wrap .docs_content .form-body .branch-choose-wrap .text {
    margin-top: 2px
}

.javadocs-service-wrap .docs_content .error-message,
.phpdocs-service-wrap .docs_content .error-message {
    font-size: 13px;
    color: #d95c5c;
    display: none
}

.javadocs-service-wrap code.pom_example,
.phpdocs-service-wrap code.pom_example {
    white-space: pre;
    border: none;
    padding-left: 0px;
    margin-top: 7px
}

.javadocs-service-wrap p.title-info,
.phpdocs-service-wrap p.title-info {
    margin-bottom: 10px
}

.javadocs-service-wrap .tips-descrption,
.phpdocs-service-wrap .tips-descrption {
    margin-top: 25px;
    margin-bottom: 25px
}

.javadocs-service-wrap .message-form-sidebox,
.phpdocs-service-wrap .message-form-sidebox {
    padding-left: 1.5rem !important
}

.javadocs-service-wrap .message-form-sidebox pre,
.phpdocs-service-wrap .message-form-sidebox pre {
    margin-top: 0px
}

.javadocs-service-wrap .message-form-sidebox ul.items,
.phpdocs-service-wrap .message-form-sidebox ul.items {
    padding-left: 1rem;
    margin-top: 0px
}

.javadocs-service-wrap .message-form-sidebox ul.items li,
.phpdocs-service-wrap .message-form-sidebox ul.items li {
    list-style: disc
}

.block-project-page .site-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.block-project-page .content-header {
    padding: 24px 0;
    background: #f6f6f6
}

.block-project-page .content-header .project-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle
}

.block-project-page .content-header .project-title a {
    color: #40485b
}

.block-project-page .content-header .project-title a:hover {
    color: #797e8c
}

.block-project-page .content-header .project-title a:active {
    color: #2c323f
}

.block-project-page .content-header .project-title .iconfont {
    color: #989dad;
    font-weight: normal
}

.block-project-page .content-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.block-project-page .content-body .block-box {
    text-align: center
}

.block-project-page .content-body .block-box>* {
    margin-bottom: 8px
}

.block-project-page .content-body .block-box>:last-child {
    margin-bottom: 0
}

.block-project-page .content-body .block-icon {
    font-size: 40px;
    color: #8c92a4
}

.block-project-page .content-body .block-title {
    font-size: 20px
}

.block-project-page .content-body .block-help {
    font-size: 16px;
    color: #8c92a4
}

.block-project-page .content-body .block-button {
    margin-top: 20px
}

.block-project-page .content-body .block-button span {
    font-size: 12px;
    display: block;
    margin-bottom: 16px
}

#project-import-page .ui.secondary.pointing.menu {
    margin-bottom: 32px;
    border-bottom: 2px solid #DEDEDF
}

#project-import-page .ui.secondary.pointing.menu>.item {
    margin-bottom: -2px;
    padding: 10px 16px;
    border-width: 2px
}

#project-import-page .ui.secondary.pointing.menu>.item.active {
    color: #fe7300;
    border-color: #fe7300
}

#project-import-page .ui.custom.form {
    width: 70%
}

#project-import-page .ui.custom.form .ui.fluid.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#project-import-page .ui.custom.form .ui.fluid.input .ui.button {
    width: auto
}

#project-import-page .header .ui.dropdown {
    color: #8c92a4
}

#project-import-page .ui.table {
    margin-top: 24px;
    color: #40485b;
    border: 0
}

#project-import-page .ui.table .github-repo-name {
    word-break: break-all
}

#project-import-page .ui.table thead th {
    color: #40485b;
    font-weight: 500
}

#project-import-page .ui.table .label {
    font-weight: initial;
    padding: 3px 6px;
    margin-left: 8px
}

#project-import-page .ui.table .right {
    text-align: right
}

#project-import-page .ui.table .center {
    text-align: center
}

#project-import-page .ui.table .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#project-import-page .ui.table .input-wrapper .ui.dropdown {
    width: 175px
}

#project-import-page .ui.table .input-wrapper .ui.dropdown .dropdown.icon {
    line-height: 15px
}

#project-import-page .ui.table .input-wrapper .ui.interval {
    margin: 0 8px 0 4px
}

#project-import-page .ui.table .input-wrapper .ui.input {
    width: 150px
}

#project-import-page .ui.table .import-state {
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
        to {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    ;
    @keyframes rotate {
        from {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
        to {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
}

#project-import-page .ui.table .import-state .not-started,
#project-import-page .ui.table .import-state .scheduling {
    color: #8c92a4
}

#project-import-page .ui.table .import-state .running .iconfont {
    color: #fe7300;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

#project-import-page .ui.table .import-state .done {
    color: #4baf50
}

#project-import-page .ui.table .import-state .fail {
    color: #f14333
}

#project-import-page .ui.table .text-red {
    max-width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui.modal.project-archive-modal .header {
    padding-right: 45px
}

.ui.modal.project-archive-modal .field.captcha .input-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.modal.project-archive-modal .field.captcha .input-content input {
    width: 38%
}

.ui.modal.project-archive-modal .field.captcha .input-content img {
    width: 140px
}

.ui.modal.project-archive-modal .field.captcha .message {
    position: absolute
}

.readonly-setting-header {
    padding-right: 1em !important
}

.readonly-group {
    border: 1px solid #E3E9ED;
    margin-bottom: 24px;
    background-color: white
}

.readonly-content,
.readonly-header {
    padding: 8px 16px;
    line-height: 24px
}

.readonly-content {
    word-break: break-all;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(227, 233, 237, 0.5);
    box-shadow: 0px -1px 0px 0px rgba(227, 233, 237, 0.5)
}

.readonly-header {
    border-bottom: 1px solid #E3E9ED;
    background: #fcfcfc
}

.path-blank-message {
    color: #d95c5c;
    margin: 1em 0
}

.readonly-input-wrapper {
    margin-bottom: 14px
}

.input-customize-readonly.error {
    background-color: #fff9f9 !important
}

.readonly-branch {
    white-space: normal;
    word-break: break-word;
    line-height: 1.8
}

.fosseye-scans-pages .top-title {
    height: 30px
}

.fosseye-scans-pages .top-title .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left !important
}

.fosseye-scans-pages .top-title .left h3 {
    font-size: 18px
}

.fosseye-scans-pages .top-title .left .service-name {
    margin-right: 4px;
    margin-left: 2px
}

.fosseye-scans-pages .top-title .lic-logo {
    width: 31px;
    height: 20px;
    margin-left: 4px;
    margin-right: 4px
}

.fosseye-scans-pages .top-title .text {
    font-size: 14px
}

.fosseye-scans-pages .top-title .last-time {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #8c92a4;
    line-height: 20px
}

.fosseye-scans-pages .top-title .sub-title {
    margin-top: 1px
}

.fosseye-scans-pages .fosseye_scans__body {
    width: 100%
}

.fosseye-scans-pages .js-scan--before {
    margin-top: 24px;
    padding-top: 82px;
    height: 356px;
    border: 1px solid #e3e9ed
}

.fosseye-scans-pages .js-scan--before .content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fosseye-scans-pages .js-scan--before .content>.left,
.fosseye-scans-pages .js-scan--before .content .right {
    width: 50%;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fosseye-scans-pages .js-scan--before .content>.right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fosseye-scans-pages .js-scan--before .img {
    width: 80px;
    height: 80px
}

.fosseye-scans-pages .js-scan--before .info {
    color: #40485b
}

.fosseye-scans-pages .js-scan--before .info .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

.fosseye-scans-pages .js-scan--before .info .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 320px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.fosseye-scans-pages .d-none {
    display: none !important
}

.fosseye-scans-pages .js-start-scan {
    margin-top: 60px;
    min-width: 88px
}

.fosseye-scans-pages .scan-item-wrapper {
    position: relative;
    margin-top: 24px
}

.fosseye-scans-pages .scan-item-wrapper .title {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #40485b
}

.fosseye-scans-pages .scan-item-wrapper .table {
    border: none;
    border-bottom: 1px solid #e3e9ed
}

.fosseye-scans-pages .scan-item-wrapper .table thead tr th {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4
}

.fosseye-scans-pages .scan-item-wrapper .table .vs-project-desc__tr .iconfont {
    margin-top: 2px
}

.fosseye-scans-pages .scan-item-wrapper .table .vs-project-desc__tr .icon-fail {
    -ms-flex-item-align: start;
    align-self: start
}

.fosseye-scans-pages .scan-item-wrapper .menu {
    text-align: center
}

.fosseye-scans-pages .scan-item-wrapper .iconfont {
    font-size: 16px
}

.fosseye-scans-pages .scan-item-wrapper .red {
    color: #d92c2f
}

.fosseye-scans-pages .scan-item-wrapper .yellow {
    color: #e6a23c
}

.fosseye-scans-pages .scan-item-wrapper .green {
    color: #00b400
}

.fosseye-scans-pages .scan-item-wrapper .ui.inverted.dimmer {
    z-index: 1001;
    background-color: white
}

.fosseye-scans-pages .text-right {
    text-align: right !important
}

.fosseye-scans-pages .text-center {
    text-align: center !important
}

.fosseye-scans-pages .header-info-wrapper .left .icon-report {
    font-size: 30px
}

.fosseye-scans-pages .tab-list-menu {
    -webkit-box-shadow: 0 0.5px 0 rgba(140, 146, 164, 0.5) !important;
    box-shadow: 0 0.5px 0 rgba(140, 146, 164, 0.5) !important
}

.fosseye-scans-pages .gray {
    color: #8c92a4
}

.fosseye-scans-pages .js-vs-component-tbody td {
    vertical-align: top
}

#fosseye-example-modal .example-img {
    width: 100%;
    height: auto
}

#fosseye-recommend-license .scan-item-wrapper {
    max-height: 500px;
    overflow-y: auto
}

.code-check-page .main-body {
    width: 100%;
    min-height: 316px
}

.code-check-page.welcome-state .main-body {
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.code-check-page.welcome-state .main-body .feature-item:nth-child(n+2) {
    margin-left: 196px
}

.code-check-page.welcome-state .main-body .img {
    width: 80px;
    height: 80px
}

.code-check-page.welcome-state .main-body .content .title {
    font-size: 18px;
    font-weight: 600;
    color: #40485b
}

.code-check-page.welcome-state .main-body .content .description {
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    max-width: 320px
}

.code-check-page.welcome-state .main-body .btn-view-case {
    margin-top: 100px
}

.code-check-page.progress-state.error .main-body {
    display: none
}

.code-check-page.progress-state.error .main-body.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.code-check-page.progress-state .main-body.error {
    display: none
}

.code-check-page.progress-state .main-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.code-check-page.progress-state .main-body .img-ing,
.code-check-page.progress-state .main-body .img-error {
    width: 320px;
    height: auto
}

.code-check-page.progress-state .main-body .progress-wrapper {
    width: 384px
}

.code-check-page.progress-state .main-body .progress-wrapper .progress-border {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffd6ba));
    background: linear-gradient(180deg, #fff 0%, #ffd6ba 100%);
    border-radius: 7px;
    border: 1px solid #fe7300;
    padding: 1px;
    margin-bottom: 10px
}

.code-check-page.progress-state .main-body .progress-wrapper .progress-border .progress-value {
    width: 0%;
    height: 10px;
    background: #fe7300;
    border-radius: 5px;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    will-change: contents
}

.code-check-page.progress-state .main-body .progress-wrapper .tip .left {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4
}

.code-check-page.report-state .icon-dropdown-arrow {
    margin-top: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.code-check-page.report-state .overview-wrapper {
    width: 100%;
    height: 134px;
    background: #fff7f1;
    color: #40485b;
    border-radius: 2px;
    word-break: break-all
}

.code-check-page.report-state .overview-wrapper>.item {
    position: relative;
    text-align: center;
    font-weight: 400;
    width: 25%
}

.code-check-page.report-state .overview-wrapper>.item .title {
    font-size: 14px
}

.code-check-page.report-state .overview-wrapper>.item .content {
    margin-top: 8px;
    font-size: 48px;
    line-height: 48px
}

.code-check-page.report-state .overview-wrapper .help-icon:after {
    content: "\e78b";
    color: #8c92a4
}

.code-check-page.report-state .overview-wrapper .help-icon {
    cursor: pointer;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    margin-top: 1px
}

.code-check-page.report-state .menu-wrapper .btn-reset-filter:before {
    content: "\e61d";
    margin-right: 4px
}

.code-check-page.report-state .menu-wrapper .fold-item .text-2 {
    display: none
}

.code-check-page.report-state .menu-wrapper .fold-item.show-all-detail .text-1 {
    display: none
}

.code-check-page.report-state .menu-wrapper .fold-item.show-all-detail .text-2 {
    display: block
}

.code-check-page.report-state .menu-wrapper .fold-item.show-all-detail .icon-dropdown-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.code-check-page.report-state .report-body-wrapper .report-single-group {
    margin-bottom: 16px
}

.code-check-page.report-state .report-body-wrapper .report-single-group .report-single-content.show-detail .code-detail {
    display: block
}

.code-check-page.report-state .report-body-wrapper .report-single-group .report-single-content.show-detail .icon-dropdown-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.code-check-page.report-state .report-body-wrapper .report-single-group .report-single-content:nth-of-type(n+3) {
    margin-top: 16px
}

.code-check-page.report-state .report-body-wrapper .gray {
    color: #8c92a4
}

.code-check-page.report-state .report-body-wrapper .mt-05 {
    margin-top: 4px
}

.code-check-page.report-state .report-body-wrapper .path-value {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #40485b
}

.code-check-page.report-state .report-body-wrapper .overview-border {
    padding: 8px 16px 8px 8px;
    min-height: 63px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #e3e9ed;
    border-left-width: 5px;
    border-left-style: solid
}

.code-check-page.report-state .report-body-wrapper .overview-border>.right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400
}

.code-check-page.report-state .report-body-wrapper .overview-border .description {
    font-size: 14px;
    font-weight: 600;
    color: #40485b
}

.code-check-page.report-state .report-body-wrapper .level-color {
    font-size: 16px
}

.code-check-page.report-state .report-body-wrapper .code-detail {
    padding: 0;
    display: none;
    font-size: 12px;
    line-height: 26px;
    background-color: #fcfcfc;
    border: 1px solid #e4e9ed;
    border-top: none
}

.code-check-page.report-state .report-body-wrapper .code-detail .num {
    display: inline-block;
    min-width: 30px;
    margin-right: 16px;
    color: #008080;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.code-check-page.report-state .report-body-wrapper .code-detail .num * {
    color: #008080 !important
}

.code-check-page.report-state .report-body-wrapper .code-detail .code-detail-content {
    white-space: pre;
    display: inline-block
}

.code-check-page.report-state .report-body-wrapper .code-detail .line.red-line {
    background-color: #fdd;
    cursor: pointer !important
}

.code-check-page.report-state .report-body-wrapper .code-detail .line.red-line .num::before {
    font-size: 14px;
    position: absolute;
    left: 5px;
    font-family: "iconfont" !important;
    content: "\e789";
    color: #f14333
}

.code-check-page.report-state .report-body-wrapper .code-detail .line {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    min-width: max-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    padding-left: 24px;
    position: relative;
    cursor: default !important
}

.code-check-page.report-state .report-body-wrapper .code-detail .line:not(.red-line):hover {
    background-color: rgba(234, 234, 234, 0.5)
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail {
    width: 100%;
    min-width: 100%;
    display: none;
    border-radius: 4px;
    min-height: 200px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    padding: 5px 20px;
    border: 1px solid #cdcdcd;
    background-color: #fbfdef
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail.loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail.show {
    display: block
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .rule-name {
    font-size: 16.8px;
    color: #40485b;
    text-align: left
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail pre {
    padding: 10px;
    line-height: 18px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .content {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .right-example .title,
.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .error-example .title,
.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .revise-opinion .title {
    border-left: 6px solid #4fd4a7;
    padding-left: 8px;
    font-size: 24px;
    line-height: 40px;
    padding-bottom: 0px
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .error-example .title {
    border-left: 6px solid #f9706a
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail .revise-opinion .title {
    border-left: 6px solid #8a8d93
}

.code-check-page.report-state .report-body-wrapper .code-detail .red-line-detail p {
    max-width: 1200px;
    white-space: pre-line
}

.code-check-page.report-state .report-body-wrapper .empty-wrap .blank-img {
    width: 280px;
    height: auto
}

.code-check-page.report-state .report-body-wrapper .loader-wrap {
    position: fixed;
    left: 0
}

.code-check-page .code-check-header .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.code-check-page .code-check-header .branch-dropdown {
    cursor: pointer
}

.code-check-page .code-check-header .branch-dropdown .text {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.code-check-page .code-check-header .branch-dropdown>.menu {
    margin-top: 4px !important;
    bottom: auto;
    right: 0%;
    left: auto
}

.code-check-page .code-check-header .branch-dropdown>.menu .item {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.code-check-page .code-check-header .branch-dropdown .dropdown.icon {
    vertical-align: text-top;
    margin-top: 1px
}

.code-check-page .code-check-header .title {
    font-size: 18px;
    font-weight: 600;
    color: #40485b
}

.code-check-page .code-check-header .last-time {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4
}

#codecheck-example-modal .example-img {
    width: 100%;
    height: auto
}

.modal.codecheck-set-params .scrolling.content {
    min-height: 350px
}

.modal.codecheck-set-params .rule-group+.rule-group {
    margin-top: 24px
}

.modal.codecheck-set-params .rule-group {
    width: 100%
}

.modal.codecheck-set-params .rule-group>.content {
    margin-right: -5px;
    padding: 16px;
    background: #fcfcfc;
    border-radius: 4px;
    border: 1px solid #e3e9ed
}

.modal.codecheck-set-params .rule-group .title-switch {
    margin-bottom: 8px;
    line-height: 24px
}

.modal.codecheck-set-params .rule-group .title-switch>label {
    font-size: 16px;
    font-weight: 600;
    color: #40485b !important
}

.modal.codecheck-set-params .rule-group>.description {
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    line-height: 20px
}

.modal.codecheck-set-params .rule-group .ui.radio.checkbox {
    margin-top: 8px;
    min-width: 250px;
    max-width: 250px;
    min-height: 16px !important
}

.modal.codecheck-set-params .rule-group .ui.radio.checkbox label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px
}

.modal.codecheck-set-params .rule-group .ui.radio.checkbox label:after {
    top: 8px !important
}

.modal.codecheck-set-params .rule-group .ui.radio.checkbox label:before {
    top: 0px !important
}

.modal.codecheck-set-params .rule-group .rule-group-item>.name {
    font-size: 14px;
    font-weight: 600;
    color: #40485b;
    line-height: 20px
}

.modal.codecheck-set-params .rule-group .rule-group-item:nth-child(n+2) {
    margin-top: 16px
}

.modal.codecheck-set-params .rule-group .rule-name {
    font-size: 14px;
    font-weight: 600;
    color: #40485b
}

.modal.codecheck-set-params .sln-input .ui.input,
.modal.codecheck-set-params .ui.dropdown.selection,
.modal.codecheck-set-params textarea {
    width: 100%;
    resize: vertical
}

.modal.codecheck-set-params .ui.input.textarea-input {
    width: 100%
}

.modal.codecheck-set-params .ui.input.textarea-input>textarea {
    height: 52px
}

.modal.codecheck-set-params .sln-input .ui.input {
    height: 32px
}

.modal.codecheck-set-params .gradle-version-group .dropdown .menu {
    height: 200px
}

.modal.codecheck-set-params .dotnet-version-group,
.modal.codecheck-set-params .msbuild-version-group,
.modal.codecheck-set-params .gradle-version-group,
.modal.codecheck-set-params .gradle-compile-command,
.modal.codecheck-set-params .maven-version-group,
.modal.codecheck-set-params .maven-compile-command,
.modal.codecheck-set-params .dotnet-sln-input,
.modal.codecheck-set-params .msbuild-sln-input {
    display: none
}

.modal.codecheck-set-params .csharp-group[data-select="dotnet"] .dotnet-version-group,
.modal.codecheck-set-params .csharp-group[data-select="dotnet"] .dotnet-sln-input {
    display: block !important
}

.modal.codecheck-set-params .csharp-group[data-select="msbuild"] .msbuild-version-group,
.modal.codecheck-set-params .csharp-group[data-select="msbuild"] .msbuild-sln-input {
    display: block !important
}

.modal.codecheck-set-params .java-group[data-select="maven"] .maven-version-group,
.modal.codecheck-set-params .java-group[data-select="maven"] .maven-compile-command {
    display: block !important
}

.modal.codecheck-set-params .java-group[data-select="gradle"] .gradle-version-group,
.modal.codecheck-set-params .java-group[data-select="gradle"] .gradle-compile-command {
    display: block !important
}

build-status .status-label {
    cursor: pointer
}

build-status .status-label.full {
    padding: 4px 12px;
    border-radius: 12px
}

build-status .status-label.full.state-color-red {
    background-color: rgba(239, 0, 22, 0.2)
}

build-status .status-label.full.state-color-blue {
    background-color: rgba(0, 134, 214, 0.2)
}

build-status .status-label.full.state-color-gray {
    background-color: rgba(182, 182, 182, 0.2)
}

build-status .status-label.full.state-color-green {
    background-color: rgba(54, 179, 126, 0.2)
}

build-status .status-label.full.state-color-yellow {
    background-color: rgba(254, 190, 0, 0.2)
}

build-status .status-label.full:hover {
    opacity: .8
}

build-status .ui.popup {
    padding: 12px 16px 8px;
    color: #40485b;
    width: 340px;
    min-width: 340px;
    min-height: 100px
}

build-status .ui.popup:before {
    content: none
}

build-status .ui.popup>.title {
    margin: 0;
    margin-bottom: 8px
}

build-status .ui.popup>.summary {
    margin-bottom: 0;
    padding-bottom: 8px;
    color: #8c92a4;
    font-size: 12px;
    border-bottom: 1px solid #e3e9ed
}

build-status .ui.popup>.pipeline-list {
    margin: 8px 0 0;
    padding: 0;
    max-height: 160px;
    overflow-y: auto
}

build-status .ui.popup>.pipeline-list::-webkit-scrollbar {
    width: 12px
}

build-status .ui.popup>.pipeline-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: transparent
}

build-status .ui.popup>.pipeline-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

build-status .ui.popup>.pipeline-list:hover::-webkit-scrollbar-thumb {
    border: 2px solid #FFF;
    background: #C1C1C1
}

build-status .ui.popup>.pipeline-list:hover::-webkit-scrollbar-thumb:hover {
    background: #999
}

build-status .ui.popup>.pipeline-list .item {
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

build-status .ui.popup>.pipeline-list .ident {
    margin-right: 8px;
    font-size: 14px
}

build-status .ui.popup>.pipeline-list .name {
    max-width: 210px;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

build-status .ui.popup>.pipeline-list .detail {
    margin-left: auto;
    color: #005980 !important
}

build-status .ui.popup>.pipeline-list .detail:hover {
    color: #4c8aa6 !important
}

build-status .ui.popup>.pipeline-list .detail:active {
    color: #003e59 !important
}

build-status .state-color-red {
    color: #ef0016 !important
}

build-status .state-color-blue {
    color: #0086d6 !important
}

build-status .state-color-gray {
    color: #b6b6b6 !important
}

build-status .state-color-green {
    color: #36b37e !important
}

build-status .state-color-yellow {
    color: #febe00 !important
}

.transfer-other-ent-wrap .invite-member-checkbox {
    vertical-align: baseline
}

.transfer-other-ent-wrap .transfer-text {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold
}

.transfer-other-ent-wrap .fluid {
    width: 500px !important
}

.transfer-other-ent-wrap .fluid input {
    height: 38px
}

.transfer-other-ent-wrap .transfer-tip-wrap {
    margin-top: 16px;
    margin-bottom: 16px
}

.transfer-other-ent-wrap .transfer-code-input {
    width: 100%
}

.transfer-other-ent-wrap .icon-help-circle {
    color: #8acf94;
    cursor: pointer
}

.transfer-to-enterprise-segment .invite-member-wrap {
    margin-top: 17px
}

.transfer-to-enterprise-segment .confirm-transfer-wrap {
    margin-top: 17px
}

.transfer-to-enterprise-segment .enterprise-quota-wrap {
    color: #40485B !important
}

.transfer-to-enterprise-segment .transfer-divider {
    margin-top: 32px;
    margin-bottom: 32px
}

.transfer-to-enterprise-segment .transfer-attention {
    font-weight: bold;
    margin-bottom: 7px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap {
    margin-top: 20px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 8px;
    border: 1px solid #DCE3E8;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 0 !important;
    width: 47% !important
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap:nth-child(2n) {
    margin-left: 16px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap:hover {
    border-color: #C1C5D0
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap.selected-item {
    border-color: #FE7300
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .header {
    word-break: break-all
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .image {
    margin-right: 15px !important;
    width: 80px !important
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .content {
    padding-top: 4px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .content .meta {
    margin-top: 10px;
    word-break: break-all
}

.commit-committer-link,
.commit-author-link {
    font-size: 14px;
    margin-left: 8px;
    color: #999;
    display: inline-block;
    vertical-align: top;
    word-break: break-all
}

.commit-committer-link:hover,
.commit-author-link:hover {
    color: #444
}

.commits-warning {
    margin: 1rem 0 !important
}

.commit-list .commit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.commit-list .commit .commit-row-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commit-list .commit-committer-link,
.commit-list .commit-author-link {
    margin: 0
}

.compare-check-box .second_tips,
.compare-check-box .first_tips {
    margin-top: .5rem
}

.commit-notes-count .iconfont {
    vertical-align: baseline
}

.commit-show-message {
    max-width: 530px;
    height: 1.4em;
    overflow: hidden;
    zoom: 1;
    width: 100%;
    display: inline-block
}

.commit-row-title {
    display: inline-block;
    margin-right: 29px;
    height: inherit;
    white-space: normal;
    word-break: break-all;
    overflow: hidden
}

.commit-row-title img {
    height: 17px;
    width: 17px
}

.commit-row-title a {
    vertical-align: top
}

.commit-show-message-detail {
    width: 26px;
    height: 14px;
    line-height: 14px;
    float: right;
    margin-top: -1.5em;
    display: block;
    background: #dee2e5;
    text-align: center;
    position: relative;
    z-index: 0
}

.pr-action-button-group.right {
    float: right
}

.pr-action-button-group *:last-child .button {
    margin-right: 0
}

.commit-show-icon {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: center;
    transform-origin: center;
    cursor: pointer
}

.commit-title {
    display: block
}

.commit-title {
    margin-bottom: 10px
}

.commit-author,
.commit-committer {
    display: block;
    color: #999;
    font-weight: normal;
    font-style: italic
}

.commit-author strong,
.commit-committer strong {
    font-weight: bold;
    font-style: normal
}

.commit-description {
    margin-top: 20px
}

.commits-compare-switch {
    background: url("../images/switch_icon.png") no-repeat center center;
    width: 16px;
    height: 18px;
    text-indent: -9999px;
    float: left;
    margin-right: 9px;
    border: 1px solid #ddd;
    padding: 4px;
    background-color: #eee
}

.commit-description {
    background: none;
    border: none;
    margin: 0;
    white-space: pre-wrap;
    border-left: 3px solid #dce3e8;
    padding-left: 1rem
}

.event_commits {
    margin: 5px 0;
    padding-left: 20px
}

.ui.feed>.event>.content .extra.text {
    font-size: 0.9rem
}

#commit-show .ui.header {
    margin: 0
}

#commit-show .git-commit-meta {
    margin: 1em 0
}

#commit-show .commit-branches {
    min-height: 1px
}

#commit-show .branches-list {
    margin: 0;
    padding: 0;
    display: inline
}

#commit-show .branches-list .branch {
    display: inline-block;
    margin-right: 1rem
}

#commit-show .md-editor>.md-emoji {
    z-index: 13
}

#commit-show .ent-diffs.diffs-wrapper .the-comment-group.diff {
    border: none
}

#commit-show .commit-normal-comments .the-comment-group.diff>div.single-comment-group.comment-diffs-wrapper {
    border: none !important
}

#commit-show .commit-normal-comments .the-comment-group.diff>div.single-comment-group.comment-diffs-wrapper>.comment-unit {
    padding: 0
}

#commit-show .commit-normal-comments .the-comment-group.diff>div.single-comment-group.comment-diffs-wrapper>.comment-unit>.avatar {
    width: 32px !important;
    height: 32px !important;
    margin-top: -2px
}

#commit-show .commit-normal-comments .the-comment-group.diff>div.single-comment-group.comment-diffs-wrapper>.comment-unit>.avatar>img.avatar {
    width: 32px !important;
    height: 32px !important
}

#commit-show .commit-normal-comments .the-comment-group.diff>div.single-comment-group.comment-diffs-wrapper>.comment-unit>.comment-content {
    margin-left: 42px !important
}

#commit-show .commit-normal-comments .the-comment-group.diff>div.single-comment-group.comment-diffs-wrapper .comment-unit-sub .comment-content {
    margin-left: 34px
}

#commit-show .commit-normal-comments .the-comment-group.normal>.single-comment-group.normal>.comment__body>.comment-unit .avatar {
    margin-top: -1px;
    width: 32px;
    height: 32px
}

#commit-show .commit-normal-comments .comment-content {
    margin-left: 42px
}

#commit-show .commit-normal-comments .comment-unit-sub {
    margin-left: 42px
}

#commit-show .commit-normal-comments .comment-unit-sub .comment-unit .avatar {
    margin-top: 1px !important
}

#commit-show .commit-normal-comments .btn-detail {
    display: none
}

#commit-show .commit-normal-comments .common-note-form {
    margin-top: 16px
}

.additive-commit-detail {
    height: auto
}

.additive-commit-detail .commit-row-title {
    max-width: inherit;
    height: auto;
    overflow: auto;
    word-break: break-word
}

.additive-commit-detail .commit-show-message-detail {
    display: none
}

.commit-authored-date {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.commit-head-portrait-name {
    white-space: nowrap
}

.commit-head-portrait-name .commit-author-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 65px;
    display: inline-block;
    vertical-align: inherit
}

.commit-list .commit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 1.07143em 0;
    border-bottom: 1px solid #dce3e8
}

.commit-list .commit .commit-head-short-id {
    font-family: consolas, Courier, "MS Courier New", monospace;
    display: inline-block
}

.commit-list .commit .commit-checkbox {
    width: 14px;
    display: none;
    margin-bottom: -2px
}

.commit-list .commit .commit-checkbox.show {
    display: inline-block !important
}

.commit-list .commit .commit-checkbox.hide {
    display: none !important
}

.commit-list .commit:hover .commit-checkbox,
.commit-list .commit.selected .commit-checkbox {
    display: inline-block
}

.commit-list .commit:hover .commit-checkbox.checked label::after,
.commit-list .commit.selected .commit-checkbox.checked label::after {
    opacity: 1
}

.commit-list .commit:last-child {
    border-bottom: 0
}

.commit-list .scan-warning {
    float: left
}

.commit-list .commit-id-wrapper {
    margin-left: 10px;
    float: left;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    padding: 1px 8px
}

.commit-list .commit-header>a:not(.gfm),
.commit-list .commit-row-title>a:not(.gfm) {
    color: #40485b
}

.commit-list .commit-header>a:not(.gfm):hover,
.commit-list .commit-row-title>a:not(.gfm):hover {
    color: #005980
}

.commit-list .commit-header>a:not(.gfm):active,
.commit-list .commit-row-title>a:not(.gfm):active {
    color: #00364d
}

.commit-list .commit-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.commit-list .commit-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all
}

.commit-list .commit-group {
    background: #fff;
    border: 1px solid #e3e9ed;
    border-bottom: 0;
    border-radius: 4px 4px 0px 0px
}

.commit-list .commit-group+.commit-group {
    border-radius: 0
}

.commit-list .commit-group+.commit-group .header {
    border-radius: 0
}

.commit-list .commit-group .header {
    background: #fcfcfc;
    border-bottom: 1px solid #e3e9ed;
    line-height: 1.42857143;
    padding: 1em 1.42857143em;
    border-radius: 4px 4px 0px 0px
}

.commit-list .commit-group .commit-group-title {
    margin: 0;
    padding: 0;
    font-size: 16px
}

.commit-list .commit-group .commit-group-title,
.commit-list .commit-group .commit-count {
    display: inline-block
}

.commit-list .commit-group>.content {
    padding: 0 1.42857143em
}

.commit-list .commit-group:last-child {
    border-bottom: 1px solid #e3e9ed
}

.commit-list .commit-short-id {
    font-family: consolas, Courier, "MS Courier New", monospace;
    border-right: 1px solid #e3e9ed;
    padding-right: 10px;
    margin-right: 5px
}

.commit-list .commit-id-copy {
    cursor: pointer
}

.commit-list .commit-avatar-stack {
    width: 35px;
    font-size: 0;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.commit-list .commit-avatar-stack .ui.avatar.image {
    margin: 0;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff
}

.commit-list .commit-avatar-stack a {
    z-index: 1;
    font-size: 14px;
    margin-left: -25px;
    position: relative;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out
}

.commit-list .commit-avatar-stack a:first-child {
    margin-left: 0;
    z-index: 3
}

.commit-list .commit-avatar-stack a:last-child {
    z-index: 2
}

.commit-list .commit-avatar-stack:hover a {
    margin-left: 1px
}

.commit-list .commit-avatar-stack:hover a:first-child {
    margin-left: 0
}

.commit-sign-popover .icon {
    font-size: 2rem;
    margin-right: 0.5em;
    line-height: 2rem
}

.commit-sign-popover .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    padding: 0 12px 12px 12px;
    margin: 0 -12px 12px -12px;
    background-color: #fbfbfb
}

.commit-sign-popover.ui.popup {
    max-width: 320px;
    min-width: 320px;
    font-size: 1rem
}

.commit-sign-popover .gpg-link {
    margin-top: 4px
}

.commit-sign-popover .avatar-name {
    color: #2a3444 !important;
    font-weight: bold
}

.commits-wrapper__menu {
    padding: 8px 12px;
    border-bottom: 1px solid #e3e9ed;
    background-color: #fcfcfc
}

.pull-request-commits .commits-more-footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 5px
}

.pull-request-commits .commits-more-footer .more-none {
    color: #989dad;
    font-size: 12px
}

.pull-request-commits .commits-more-footer .load-btn {
    padding: 11px 13px;
    background-color: #FCFCFC
}

.pull-request-commits .commits-more-footer .load-btn:hover {
    background-color: #F5F6F8
}

.commits-wrapper {
    position: relative;
    margin-left: 41px;
    padding-bottom: 28px
}

.commits-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    height: 100%;
    border-left: 1px solid #dce3e8
}

.commits-wrapper .iconfont.icon-pr-commit {
    position: absolute;
    left: -31px;
    color: #8c92a4;
    background: #fff
}

.commits-wrapper .header {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 400
}

.commits-wrapper .ui.checkbox {
    margin-top: 4px
}

.commits-wrapper .ui.checkbox.hide {
    display: none
}

.commits-wrapper .ui.checkbox.checked label:after {
    opacity: 1
}

.commits-wrapper .commit {
    padding: 14px 0;
    border-bottom: 1px solid #dce3e8
}

.commits-wrapper .commit .title-link {
    max-width: 60%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #40485b
}

.commits-wrapper .commit .title-link:hover {
    color: #797e8c
}

.commits-wrapper .commit .title-link:active {
    color: #2c323f
}

.commits-wrapper .commit .title-link+.iconfont.fs-12 {
    line-height: 12px
}

.commits-wrapper .commit .sha {
    padding: 0 8px;
    vertical-align: text-top
}

.commits-wrapper .commit .ui.basic.button {
    padding: 2px 6px;
    font-weight: 500;
    border-color: #dce3e8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.commits-wrapper .commit .ui.basic.button .iconfont {
    font-size: 12px;
    vertical-align: baseline
}

.commits-wrapper .commit .ui.basic.label {
    margin-right: 10px;
    padding: 0;
    color: #40485b
}

.commits-wrapper .commit .ui.basic.label .ui.basic.button {
    margin-right: 0;
    border: 0;
    border-left: 1px solid #dce3e8
}

.commits-wrapper .commit .actions {
    margin-top: 4px
}

.commits-wrapper .commit .author>a {
    line-height: 20px;
    display: inline-block
}

.commits-wrapper .commit .author>a img {
    vertical-align: bottom
}

.commits-wrapper:last-child {
    padding-bottom: 0
}

.commits-breadcrumb {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0px
}

.commits-breadcrumb li {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.commits-breadcrumb .divider {
    padding: 0 4px
}

.ui.container.main-search-page {
    margin-top: 1.5em
}

.main-search-page .gitee-highlight-keyword,
.main-search-page .gitee-highlight-keyword * {
    font-style: inherit;
    color: #a00
}

.main-search-page .code-holder .gitee-highlight-keyword {
    background: #ffffc5
}

.main-search-page .search-navbar {
    font-size: 1em;
    margin-bottom: 1.5em
}

.main-search-page .search-navbar .ui.secondary.pointing.menu {
    border-bottom: 0
}

.main-search-page .search-navbar .ui.secondary.pointing.menu>.item {
    font-size: 1rem;
    padding: .125em 0 1em 0;
    margin-right: 1.8125em
}

.main-search-page .search-navbar .ui.secondary.pointing.menu>.item.active {
    color: #fe7300;
    border-bottom: 3px solid #fe7300
}

.main-search-page .search-navbar .ui.secondary.pointing.menu>.item:last-child {
    margin-right: 0
}

.main-search-page .search-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #e3e9ed
}

.main-search-page .search-header .title {
    max-width: 60%
}

.main-search-page .search-header .filter-condition {
    padding: 0 10px
}

.main-search-page .search-header .filter-condition .grouped.fields .field {
    margin: 12px 0
}

.main-search-page .search-header .filter-condition .ui.checkbox {
    font-size: 14px
}

.main-search-page .search-header .filter-condition .ui.button {
    padding: 5px 12px
}

.main-search-page .search-header .dropdown.icon {
    color: #8c92a4;
    margin-left: .5em
}

.main-search-page .search-content {
    margin-bottom: 1em
}

.main-search-page .search-sidebar {
    margin-bottom: 1em
}

.main-search-page .search-sidebar>.ui.attached.header {
    background: #f1f1f1;
    border: none
}

.main-search-page .search-sidebar>.segment {
    margin-bottom: 2.4rem;
    padding: 0
}

.main-search-page .search-sidebar>.segment .search-sidebar-form .twitter-typeahead {
    display: block !important
}

.main-search-page .search-sidebar>.segment input.search-sidebar-input {
    padding: .5em 1em
}

.main-search-page .search-sidebar>.segment .item {
    display: block;
    padding: .5em;
    cursor: pointer
}

.main-search-page .search-sidebar>.segment .item .lang-count {
    color: #8c92a3;
    font-family: consolas, Courier, "MS Courier New", monospace
}

.main-search-page .search-sidebar>.segment .item:hover {
    background: #e3e9ed;
    border-radius: 2px
}

.main-search-page .search-sidebar>.segment .item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5em;
    color: #fff;
    background: #ffab65;
    border-radius: 2px
}

.main-search-page .search-sidebar>.segment .item.active .lang-count {
    color: #fff
}

.main-search-page .content-list>.item {
    padding: 1em 0;
    border-bottom: 1px solid #e3e9ed
}

.main-search-page .content-list>.item:first-child {
    padding-top: 0
}

.main-search-page .content-list>.item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.main-search-page .content-list>.item>.item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .8em
}

.main-search-page .content-list>.item>.item-header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.main-search-page .content-list>.item>.item-header .title>* {
    margin-right: .45em
}

.main-search-page .content-list>.item>.item-header .title>:last-child {
    margin-right: 0
}

.main-search-page .content-list>.item>.item-header .title .label {
    padding: .3em .35em;
    font-size: .8em;
    font-weight: normal
}

.main-search-page .content-list>.item>.item-header .title .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.main-search-page .content-list>.item>.item-header .metas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-search-page .content-list>.item>.item-header .metas a {
    color: #8c92a4
}

.main-search-page .content-list>.item>.item-header .metas a:hover {
    color: #aeb2bf
}

.main-search-page .content-list>.item>.item-header .metas a:active {
    color: #626672
}

.main-search-page .content-list>.item>.item-header .metas .item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .45em
}

.main-search-page .content-list>.item>.item-header .metas .iconfont {
    font-size: .8em;
    margin-right: .5em
}

.main-search-page .content-list>.item>.item-content {
    margin-bottom: .8em;
    word-break: break-word
}

.main-search-page .content-list.project-list .item-header .title .icon-recommended {
    color: #fe7300
}

.main-search-page .content-list.project-list .item-footer {
    color: #8c92a4
}

.main-search-page .content-list.project-list .item-footer .time {
    margin-left: .4em
}

.main-search-page .content-list.issue-list .item-header .title .iconfont {
    position: relative;
    left: 1px
}

.main-search-page .content-list.issue-list .item-footer {
    color: #8c92a4
}

.main-search-page .content-list.issue-list .item-footer a {
    color: #8c92a4
}

.main-search-page .content-list.issue-list .item-footer a:hover {
    color: #aeb2bf
}

.main-search-page .content-list.issue-list .item-footer a:active {
    color: #626672
}

.main-search-page .content-list.issue-list .item-footer .project {
    margin-right: .4em
}

.main-search-page .content-list.user-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em
}

.main-search-page .content-list.user-list .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-search-page .content-list.user-list .item .title .name,
.main-search-page .content-list.user-list .item .title .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 15em
}

.main-search-page .content-list.user-list .item .title>* {
    margin-right: .5em
}

.main-search-page .content-list.user-list .item .title>:last-child {
    margin-right: 0
}

.main-search-page .content-list.code-list .item {
    border-bottom: none
}

.main-search-page .content-list.code-list .item-content .code-holder {
    position: relative
}

.main-search-page .content-list.code-list .item-content .code-holder:hover {
    border: 1px solid #fe7300
}

.main-search-page .content-list.code-list .item-content .code-holder:hover .view-action {
    display: block
}

.main-search-page .content-list.code-list .item-content .code-holder .lines .line {
    display: inline-block
}

.main-search-page .content-list.code-list .item-content .code-holder .highlight .cs {
    color: #333;
    font-weight: normal;
    font-style: inherit;
    background-color: initial
}

.main-search-page .content-list.code-list .item-content .view-action {
    display: none;
    position: absolute;
    right: 0;
    top: 0
}

.main-search-page .content-list.code-list .item-content .view-action a {
    float: right;
    padding: 5px 10px;
    font-size: .8em;
    border-radius: 0;
    color: #fff;
    background-color: #fe7300
}

.main-search-page .content-list.code-list .item-content .view-action a.copy-text {
    margin: 0;
    border-right: 1px solid #fff;
    border-radius: 0 0 0 2px
}

.file-stats {
    margin-top: 0;
    padding: 0 !important;
    width: 100%;
    font-size: 1rem
}

.file-stats a {
    color: #40485b
}

.file-stats ul {
    margin: 0;
    padding: 0
}

.file-stats ul li {
    margin: 0;
    padding: 3px 0;
    border: 1px solid transparent;
    border-left-width: 0;
    border-right-width: 0
}

.file-stats ul li a {
    color: #40485b
}

.file-stats ul li a:hover {
    color: #095eab
}

.file-stats ul li a:active {
    color: #064177
}

.file-stats ul li:hover {
    border-color: #eee
}

.file-stats .new-file a {
    color: #090
}

.file-stats .new-file i {
    color: #1bcf00
}

.file-stats .renamed-file i {
    color: #fe9300
}

.file-stats .deleted-file a {
    color: #b00
}

.file-stats .deleted-file i {
    color: #ee0000
}

.file-stats .edit-file i {
    color: #555
}

.diff-file {
    margin-bottom: 1em
}

.diff-file>* {
    border: 1px solid #e3e9ed;
    border-bottom-width: 0
}

.diff-file>*:first-child {
    border-radius: 3px 3px 0 0
}

.diff-file>*:last-child {
    border-bottom-width: 1px;
    border-radius: 0 0 3px 3px
}

.diff-file.diff-hide .file-header {
    border-bottom-width: 1px
}

.diff-file .header.file-header {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    padding: 9px 10px;
    background: #fcfcfc
}

.diff-file .header.file-header .iconfont.icon-clone {
    vertical-align: middle;
    cursor: pointer
}

.diff-file .header.file-header .icon-ic_codeowner {
    color: #8c92a4;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 8px;
    margin-right: 4px;
    font-weight: normal !important;
    font-size: 16px !important
}

.diff-file .header.file-header>.file-path {
    font-family: consolas, Courier, "MS Courier New", monospace;
    font-size: 14px;
    line-height: 30px !important
}

.diff-file .header.file-header .commit-short-id {
    font-family: consolas, Courier, "MS Courier New", monospace;
    font-size: smaller
}

.diff-file .header.file-header .file-mode {
    font-family: consolas, Courier, "MS Courier New", monospace
}

.diff-file .header.file-header .view-file {
    font-weight: normal
}

.diff-file .file-header-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 142px;
    z-index: 2
}

.diff-file .sticky-code-review {
    top: 222px
}

.diff-file .has-open-dropdown {
    z-index: 10
}

.diff-file .diff-content {
    word-break: normal;
    background: #fff;
    color: #333;
    font-size: 12px
}

.diff-file .diff-content.loading {
    text-align: center;
    background-color: #fff
}

.diff-file .diff-content .old span.idiff {
    background-color: #faa
}

.diff-file .diff-content .new span.idiff {
    background-color: #afa
}

.diff-file .diff-content table {
    font-family: consolas, Courier, "MS Courier New", monospace;
    border: none;
    width: 100%;
    margin: 0px;
    padding: 0px
}

.diff-file .diff-content table.parallel {
    word-break: break-all
}

.diff-file .diff-content table td {
    line-height: 18px;
    font-size: 12px
}

.diff-file .diff-content tr.line_holder.parallel td.line_content.parallel {
    width: 46%;
    word-break: break-all
}

.diff-file .diff-content tr.line-annotations td {
    padding: 8px;
    vertical-align: top
}

.diff-file .diff-content tr.line-annotations td .ent-annotation {
    margin-bottom: 8px
}

.diff-file .diff-content tr.line-annotations td .ent-annotation:last-child {
    margin-bottom: 0
}

.diff-file .diff-content .old_line {
    margin: 0px;
    border: none;
    color: #999;
    padding: 0px 5px;
    border-right: 1px solid #dce3e8;
    text-align: right;
    min-width: 36px
}

.diff-file .diff-content .new_line {
    margin: 0px;
    border: none;
    color: #666;
    padding: 0px 5px;
    border-left: 1px solid #dce3e8;
    border-right: 1px solid #dce3e8;
    text-align: right
}

.diff-file .diff-content .old_line,
.diff-file .diff-content .new_line {
    background: #f7f7f7;
    width: 1%;
    min-width: 36px;
    font-size: 12px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.diff-file .diff-content .old_line a,
.diff-file .diff-content .new_line a {
    color: #aaa
}

.diff-file .diff-content .old_line:before,
.diff-file .diff-content .old_line>a:before,
.diff-file .diff-content .new_line:before,
.diff-file .diff-content .new_line>a:before {
    content: attr(data-line-number)
}

.diff-file .diff-content .placeholder_line {
    background: #f7f7f7;
    border-right: 1px solid #dce3e8
}

.diff-file .diff-content .line_content {
    display: table-cell;
    white-space: pre-wrap;
    height: 18px;
    margin: 0px;
    padding: 0 0 0 1.2rem;
    border: none;
    position: relative;
    word-break: break-word
}

.diff-file .diff-content .line_content .line {
    display: inline-block
}

.diff-file .diff-content .line_content.new {
    background: #cfd
}

.diff-file .diff-content .line_content.new:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0.4rem
}

.diff-file .diff-content .line_content.old {
    background: #fdd
}

.diff-file .diff-content .line_content.old:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0.4rem
}

.diff-file .diff-content .line_content.matched {
    color: #ccc;
    background: #f1f8ff
}

.diff-file .diff-content>.image {
    text-align: center;
    padding: 30px;
    width: 100%
}

.diff-file .diff-content>.image .wrap {
    display: inline-block
}

.diff-file .diff-content>.image .frame {
    display: inline-block;
    background-color: #fff;
    line-height: 0
}

.diff-file .diff-content>.image .frame img {
    border: 1px solid #FFF;
    background: url(../images/trans_bg-640c718af0863bb0f82a969de4b8b6f9.gif);
    max-width: 100%
}

.diff-file .diff-content>.image .frame.deleted {
    border: 1px solid #f14333
}

.diff-file .diff-content>.image .frame.added {
    border: 1px solid #4baf50
}

.diff-file .diff-content>.image .image-info {
    font-size: 12px;
    margin: 5px 0 0 0;
    color: grey
}

.diff-file .footer {
    color: #8c92a4
}

.diff-file .footer .ui.basic.button {
    margin: 8px 12px;
    margin-right: 0;
    line-height: 18px;
    border-color: #e3e9ed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.diff-file .footer .ui.basic.button.red {
    color: #d92b2f !important;
    border-color: rgba(217, 43, 47, 0.5)
}

.diff-file .footer .status {
    margin-right: 12px;
    color: #fe7300
}

.diff-file .footer .ui.mini.label {
    color: #7687ab;
    background: rgba(115, 121, 128, 0.2)
}

.diff-file .footer .ui.popup {
    padding: 16px
}

.diff-file tr.line_holder:not(.excerpt-holder):not(.expand-inner):hover>td {
    background: rgba(234, 234, 234, 0.751)
}

.diff-file tr.line_holder:not(.excerpt-holder):not(.expand-inner):hover>td.line_content {
    background: rgba(234, 234, 234, 0.5)
}

.diff-file tr.line_holder:not(.excerpt-holder):not(.expand-inner):hover>td.old {
    background: #ffeeee
}

.diff-file tr.line_holder:not(.excerpt-holder):not(.expand-inner):hover>td.new {
    background: #e5ffee
}

.diff-file tr.line_holder.has-comments {
    cursor: pointer
}

.diff-file tr.line_holder.expand-inner {
    background: #fafbfc
}

.diff-file .expand-inner+:not(.excerpt-holder):not(.expand-inner) .line_content,
.diff-file :not(.excerpt-holder):not(.expand-inner)+.expand-inner .line_content {
    -webkit-box-shadow: inset 0px 1px 0 0 #ebecf0;
    box-shadow: inset 0px 1px 0 0 #ebecf0
}

.diff-file .notes_holder {
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    background-color: #fff
}

.diff-file .notes_holder .md-editor {
    font-size: 14px
}

.diff-file .notes_holder .ui.avatar.image {
    padding: 0;
    width: 24px;
    height: 24px;
    margin: 0px
}

.diff-file .notes_holder .notes_content {
    padding-top: 0;
    padding: 16px;
    border-color: #eee;
    vertical-align: top
}

.diff-file .notes_holder .notes_content .comments-blank+.form-with-gravatar {
    padding-top: 0px;
    margin-top: 0
}

.diff-file .notes_holder .single-comment-group .snippet-desc .iconfont {
    margin-right: 8px;
    color: #8c92a4;
    font-size: 12px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.6) rotate(-180deg);
    transform: scale(0.6) rotate(-180deg)
}

.diff-file .notes_holder .single-comment-group .comment__body {
    padding: 16px 16px 0
}

.diff-file .notes_holder .single-comment-group .sub .comment__body {
    padding: 0
}

.diff-file .notes_holder .single-comment-group .icon-dropdown {
    font-size: 12px
}

.diff-file .notes_holder .single-comment-group.folded {
    height: 40px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.diff-file .notes_holder .single-comment-group.folded .icon-dropdown {
    -webkit-transform: scale(0.6) rotate(0deg);
    transform: scale(0.6) rotate(0deg)
}

.diff-file .notes_holder .single-comment-group:nth-child(n+2) {
    margin-top: 16px !important
}

.diff-file .notes_holder .comments-wrapper.comments-no-blank+.form-with-gravatar.mini-comment-box {
    display: none !important
}

.diff-file .notes_holder .notes_line {
    text-align: center;
    border-color: #eee
}

.diff-file .notes_holder .ui.comments>.comment {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(222, 222, 223, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(222, 222, 223, 0.5)
}

.diff-file .notes_holder .ui.comments>.comment:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.diff-file .notes_holder.parallel .notes_content:first-child {
    border-right: 1px solid #dce3e8
}

.diff-file.comment-snippet,
.diff-file.comment-suggestion {
    margin: 0;
    max-width: 1000px;
    margin-top: 8px
}

.diff-file.comment-snippet .header.file-header,
.diff-file.comment-suggestion .header.file-header {
    margin-bottom: 0 !important;
    padding: 4px 16px !important;
    color: #40485b;
    line-height: unset;
    font-weight: normal
}

.diff-file.comment-snippet .header.file-header .ui.yellow.label,
.diff-file.comment-suggestion .header.file-header .ui.yellow.label {
    padding: 1px 5px 0;
    font-size: 12px;
    line-height: unset;
    font-weight: normal;
    border-radius: 4px;
    background-color: #999FB0 !important
}

.diff-file.comment-snippet .header.file-header .pull-right,
.diff-file.comment-suggestion .header.file-header .pull-right {
    font-size: 12px;
    line-height: 30px
}

.diff-file.comment-snippet .line_holder,
.diff-file.comment-suggestion .line_holder {
    border: 0 !important
}

.diff-file.comment-suggestion .header.file-header {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.diff-file.comment-suggestion .footer .button {
    line-height: 1.143 !important;
    margin: 8px 0
}

.diff-file.comment-suggestion .js-add-to-batch-action {
    margin-left: 5px !important
}

.diff-file.comment-suggestion .js-remove-from-batch-action {
    margin-right: -7px !important
}

.md-editor>.md-full-preview .md-full-preview-body .diff-file .text-file {
    margin: 0;
    padding: 0
}

.md-editor>.md-full-preview .md-full-preview-body .diff-file .old_line,
.md-editor>.md-full-preview .md-full-preview-body .diff-file .new_line {
    padding: 0 5px
}

.md-editor>.md-full-preview .md-full-preview-body .diff-file .line_content {
    padding: 0 0 0 1.2rem
}

.ui.commit-suggestion.form label {
    color: #40485b;
    font-size: 14px
}

.ui.commit-suggestion.form .ui.input {
    width: 350px
}

.ui.commit-suggestion.form .ui.input input,
.ui.commit-suggestion.form .ui.input textarea {
    padding: 6px 14px;
    height: auto;
    min-height: auto;
    font-size: 14px
}

.ui.commit-suggestion.form .success-tip {
    color: #8c92a4;
    font-size: 14px;
    line-height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right
}

.pr_code_review_message {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 95px !important;
    z-index: 8;
    padding: 16px 0 4px 0 !important;
    background: #FCFCFC
}

.pr_code_review_message.change-index {
    z-index: 11
}

.pr_code_review_message .header {
    display: contents !important;
    font-weight: normal !important;
    margin: 0 !important;
    font-size: 1em !important
}

.pr_code_review_message .check_pass_btn {
    margin-right: 0 !important
}

.pr_code_review_message .pull-request-message.ui.message {
    padding: 15px
}

.pr_code_review_message .pull-request-message.ui.message .merging-container {
    margin: -.5rem 0
}

.code-review {
    border-radius: 4px;
    border: 1px solid transparent !important;
    background: rgba(254, 115, 0, 0.08) !important
}

.code-review .tip {
    color: #FE7300;
    font-weight: 400
}

.code-review .tip .iconfont {
    font-size: 16px !important;
    margin-right: 5px !important
}

.code-review .circular {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    margin: 0 4px !important
}

.code-review .stats-text {
    cursor: pointer
}

.code-review .stats-text i {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.code-review .stats-text.active i {
    -webkit-transform: scale(0.5) rotate(180deg);
    transform: scale(0.5) rotate(180deg)
}

.code-review .stats-text .iconfont {
    margin-right: -4px !important
}

.ui.commit-review.form {
    padding: 4px
}

.ui.commit-review.form .field {
    margin-bottom: 0 !important
}

.ui.commit-review.form label {
    color: #40485b;
    font-size: 14px
}

.ui.commit-review.form .sub-title {
    color: #8C92A5;
    font-weight: normal
}

.ui.commit-review.form .ui.input {
    width: 620px
}

.ui.commit-review.form .radio-item {
    margin-top: 17px
}

.ui.commit-review.form .label-des {
    font-size: 12px;
    color: #8C92A5;
    line-height: 14px;
    margin-top: 9px;
    margin-left: 26px
}

.ui.commit-review.form .checked-item {
    margin-left: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.commit-review.form .submit-btn {
    width: 76px
}

.ui.commit-review.form .cancel-btn {
    color: #005980 !important;
    padding: 0 12px
}

.form-with-gravatar .cancel-btn {
    color: #005980 !important;
    padding: 0 12px !important;
    min-width: auto !important
}

.form-with-gravatar .note-actions {
    padding-bottom: 8px !important
}

.form-with-gravatar .note-actions .ui.orange.button.basic:focus {
    color: #c9c9c9 !important
}

.commit-review .md-editor>textarea {
    height: 160px !important;
    overflow: auto !important
}

tr.line_holder.ent-diffs__multi .btn-add-comment {
    display: none !important
}

tr.line_holder.ent-diffs__multi.start-line .btn-add-comment,
tr.line_holder.ent-diffs__multi.start-line-old .old_line .btn-add-comment,
tr.line_holder.ent-diffs__multi.start-line-new .new_line .btn-add-comment {
    display: block !important
}

tr.line_holder.ent-diffs__multi:not(.parallel) td.new_line,
tr.line_holder.ent-diffs__multi.multi-old td.old_line,
tr.line_holder.ent-diffs__multi.multi-new td.new_line {
    border-right-color: transparent
}

tr.line_holder.ent-diffs__multi:not(.parallel) td.new_line:after,
tr.line_holder.ent-diffs__multi.multi-old td.old_line:after,
tr.line_holder.ent-diffs__multi.multi-new td.new_line:after {
    border-right: 2px solid #fe7300;
    cursor: row-resize
}

tr.line_holder.ent-diffs__multi+:not(.ent-diffs__multi)>td {
    position: relative
}

tr.line_holder.ent-diffs__multi:not(.parallel) td:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 115, 0, 0.1);
    border-color: rgba(254, 115, 0, 0.1);
    cursor: row-resize
}

tr.line_holder.ent-diffs__multi:not(.parallel) td:first-child:after {
    border-left: 1px solid rgba(254, 115, 0, 0.5)
}

tr.line_holder.ent-diffs__multi:not(.parallel) td:last-child:after {
    border-right: 1px solid rgba(254, 115, 0, 0.5)
}

tr.line_holder.ent-diffs__multi:not(.parallel).start-line td:after,
tr.line_holder.ent-diffs__multi:not(.parallel).end-line td:after {
    border-top: 1px solid rgba(254, 115, 0, 0.5)
}

tr.line_holder.ent-diffs__multi:not(.parallel).start-line~.end-line td:after,
tr.line_holder.ent-diffs__multi:not(.parallel).end-line~.start-line td:after {
    border-top: 0;
    border-bottom: 1px solid rgba(254, 115, 0, 0.5)
}

tr.line_holder.ent-diffs__multi.parallel.multi-old>td:nth-child(-n+2):after,
tr.line_holder.ent-diffs__multi.parallel.multi-new>td:nth-child(n+3):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 115, 0, 0.1);
    cursor: row-resize
}

tr.line_holder.ent-diffs__multi.parallel.multi-old>td:first-child:after,
tr.line_holder.ent-diffs__multi.parallel.multi-new:not(.multi-old)>td:nth-child(3):after {
    border-left: 1px solid rgba(254, 115, 0, 0.5)
}

tr.line_holder.ent-diffs__multi.parallel.multi-old:not(.multi-new)>td:nth-child(2):after,
tr.line_holder.ent-diffs__multi.parallel.multi-new>td:last-child:after {
    border-right: 1px solid rgba(254, 115, 0, 0.5)
}

tr.line_holder.multi-old+:not(.multi-old)>td:nth-child(-n+2):after,
tr.line_holder:not(.multi-old)+.multi-old>td:nth-child(-n+2):after,
tr.line_holder.multi-new+:not(.multi-new)>td:nth-child(n+3):after,
tr.line_holder:not(.multi-new)+.multi-new>td:nth-child(n+3):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid rgba(254, 115, 0, 0.5);
    height: 1px
}

.diffs-wrapper.is-parallel-mode .new_line .resolve-badge-wrapper,
.diffs-wrapper.is-parallel-mode .old_line .resolve-badge-wrapper {
    left: 0
}

.diffs-wrapper .files-header {
    position: relative;
    height: 48px;
    padding: 12px;
    padding-right: 0;
    border-bottom: 1px solid #e3e9ed;
    background: #FCFCFC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9
}

.diffs-wrapper .files-header .selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.diffs-wrapper .files-header .selection .iconfont {
    color: #8C92A4;
    margin-top: 1px
}

.diffs-wrapper .files-header .setting,
.diffs-wrapper .files-header .file-change,
.diffs-wrapper .files-header .comment,
.diffs-wrapper .files-header .stats-text,
.diffs-wrapper .files-header .stats-commits {
    cursor: pointer
}

.diffs-wrapper .files-header .setting i,
.diffs-wrapper .files-header .file-change i,
.diffs-wrapper .files-header .comment i,
.diffs-wrapper .files-header .stats-text i,
.diffs-wrapper .files-header .stats-commits i {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.diffs-wrapper .files-header .setting.active i,
.diffs-wrapper .files-header .file-change.active i,
.diffs-wrapper .files-header .comment.active i,
.diffs-wrapper .files-header .stats-text.active i,
.diffs-wrapper .files-header .stats-commits.active i {
    -webkit-transform: scale(0.5) rotate(180deg);
    transform: scale(0.5) rotate(180deg)
}

.diffs-wrapper .files-header .setting,
.diffs-wrapper .files-header .file-change,
.diffs-wrapper .files-header .comment,
.diffs-wrapper .files-header .stats-commits {
    padding: 0;
    padding-right: 10px
}

.diffs-wrapper .files-header .setting .divider,
.diffs-wrapper .files-header .file-change .divider,
.diffs-wrapper .files-header .comment .divider,
.diffs-wrapper .files-header .stats-commits .divider {
    margin: 0
}

.diffs-wrapper .files-header .setting .divider-p,
.diffs-wrapper .files-header .file-change .divider-p,
.diffs-wrapper .files-header .comment .divider-p,
.diffs-wrapper .files-header .stats-commits .divider-p {
    margin: 0 12px !important
}

.diffs-wrapper .files-header .setting .ui.segment,
.diffs-wrapper .files-header .file-change .ui.segment,
.diffs-wrapper .files-header .comment .ui.segment,
.diffs-wrapper .files-header .stats-commits .ui.segment {
    margin: 0;
    padding: 50px;
    border: 0
}

.diffs-wrapper .files-header .setting .menu,
.diffs-wrapper .files-header .file-change .menu,
.diffs-wrapper .files-header .comment .menu,
.diffs-wrapper .files-header .stats-commits .menu {
    margin-top: 10px;
    width: 400px;
    max-height: 430px;
    overflow-y: auto
}

.diffs-wrapper .files-header .setting .menu .item,
.diffs-wrapper .files-header .file-change .menu .item,
.diffs-wrapper .files-header .comment .menu .item,
.diffs-wrapper .files-header .stats-commits .menu .item {
    padding: 8px 12px !important;
    max-width: 400px;
    font-size: 12px;
    line-height: 1.8
}

.diffs-wrapper .files-header .setting .menu .item:hover,
.diffs-wrapper .files-header .file-change .menu .item:hover,
.diffs-wrapper .files-header .comment .menu .item:hover,
.diffs-wrapper .files-header .stats-commits .menu .item:hover {
    background: rgba(254, 115, 0, 0.05)
}

.diffs-wrapper .files-header .setting .menu .title,
.diffs-wrapper .files-header .file-change .menu .title,
.diffs-wrapper .files-header .comment .menu .title,
.diffs-wrapper .files-header .stats-commits .menu .title {
    max-width: 80%;
    color: #2E405E;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.diffs-wrapper .files-header .setting .menu .text-muted,
.diffs-wrapper .files-header .file-change .menu .text-muted,
.diffs-wrapper .files-header .comment .menu .text-muted,
.diffs-wrapper .files-header .stats-commits .menu .text-muted {
    color: #2E405E
}

.diffs-wrapper .files-header .setting .menu .description,
.diffs-wrapper .files-header .file-change .menu .description,
.diffs-wrapper .files-header .comment .menu .description,
.diffs-wrapper .files-header .stats-commits .menu .description {
    float: none;
    margin-left: 0;
    max-width: 100%;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.diffs-wrapper .files-header .setting .menu code,
.diffs-wrapper .files-header .file-change .menu code,
.diffs-wrapper .files-header .comment .menu code,
.diffs-wrapper .files-header .stats-commits .menu code {
    position: absolute;
    padding: 0;
    top: 8px;
    right: 12px;
    border: 0;
    background: transparent
}

.diffs-wrapper .files-header .setting .selected-title,
.diffs-wrapper .files-header .file-change .selected-title,
.diffs-wrapper .files-header .comment .selected-title,
.diffs-wrapper .files-header .stats-commits .selected-title {
    padding: 8px 12px !important;
    max-width: 400px;
    font-size: 12px;
    color: #8C92A4
}

.diffs-wrapper .files-header .setting .selected-title .selected-commit,
.diffs-wrapper .files-header .file-change .selected-title .selected-commit,
.diffs-wrapper .files-header .comment .selected-title .selected-commit,
.diffs-wrapper .files-header .stats-commits .selected-title .selected-commit {
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #40485B;
    line-height: 20px;
    margin-right: 8px
}

.diffs-wrapper .files-header .setting .selected-title .select-tip,
.diffs-wrapper .files-header .file-change .selected-title .select-tip,
.diffs-wrapper .files-header .comment .selected-title .select-tip,
.diffs-wrapper .files-header .stats-commits .selected-title .select-tip {
    float: right
}

.diffs-wrapper .files-header .setting .selected-title:hover,
.diffs-wrapper .files-header .file-change .selected-title:hover,
.diffs-wrapper .files-header .comment .selected-title:hover,
.diffs-wrapper .files-header .stats-commits .selected-title:hover {
    background: #fff !important;
    color: #8C92A4 !important
}

.diffs-wrapper .files-header .setting:hover .dropdown-title,
.diffs-wrapper .files-header .file-type:hover .dropdown-title,
.diffs-wrapper .files-header .file-change:hover .dropdown-title,
.diffs-wrapper .files-header .comment:hover .dropdown-title,
.diffs-wrapper .files-header .stats-commits:hover .dropdown-title {
    opacity: 0.5
}

.diffs-wrapper .files-header .setting .title,
.diffs-wrapper .files-header .file-change .title,
.diffs-wrapper .files-header .comment .title {
    max-width: 400px;
    font-size: 14px !important;
    font-weight: 600;
    color: #2E405E;
    line-height: 17px;
    padding: 8px 12px !important
}

.diffs-wrapper .files-header .setting .title:hover,
.diffs-wrapper .files-header .file-change .title:hover,
.diffs-wrapper .files-header .comment .title:hover {
    background: #fff !important
}

.diffs-wrapper .files-header .setting .no-item,
.diffs-wrapper .files-header .file-change .no-item,
.diffs-wrapper .files-header .comment .no-item {
    cursor: default !important;
    max-width: 400px !important
}

.diffs-wrapper .files-header .setting {
    padding-right: 0 !important
}

.diffs-wrapper .files-header .comment .comment-title {
    padding: 10px 7px !important;
    max-width: 400px;
    color: #8C92A4;
    line-height: 17px;
    background: #F6F6F6 !important;
    cursor: pointer
}

.diffs-wrapper .files-header .comment .comment-title .sub-title {
    font-weight: 600;
    color: #40485B;
    line-height: 20px;
    margin-right: 8px
}

.diffs-wrapper .files-header .comment .comment-title .comment-num {
    font-size: 12px
}

.diffs-wrapper .files-header .comment .comment-title i {
    -webkit-transform: scale(0.5) !important;
    transform: scale(0.5) !important;
    -webkit-transition: -webkit-transform .3s ease !important;
    transition: -webkit-transform .3s ease !important;
    transition: transform .3s ease !important;
    transition: transform .3s ease, -webkit-transform .3s ease !important
}

.diffs-wrapper .files-header .comment .comment-title.active i {
    -webkit-transform: scale(0.5) rotate(180deg) !important;
    transform: scale(0.5) rotate(180deg) !important
}

.diffs-wrapper .files-header .comment .selected {
    color: #2E405E !important;
    font-weight: 600 !important;
    background-color: #fff !important
}

.diffs-wrapper .files-header .comment .item-content .selected:hover {
    background: rgba(254, 115, 0, 0.05) !important
}

.diffs-wrapper .files-header .comment .comment-item {
    font-weight: normal !important
}

.diffs-wrapper .files-header .comment .comment-item .content-ellipsis {
    margin-top: 5px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.diffs-wrapper .files-header .comment .comment-item .comment-content {
    line-height: 14px;
    font-size: 12px;
    margin-left: 26px;
    color: #8C92A4
}

.diffs-wrapper .files-header .comment .comment-item .comment-info-left {
    font-size: 14px !important
}

.diffs-wrapper .files-header .comment .comment-item .comment-info-left .datetime {
    height: 14px;
    font-size: 10px;
    color: #8C92A4;
    line-height: 14px
}

.diffs-wrapper .files-header .comment .comment-item .image {
    width: 16px !important;
    height: 16px !important;
    margin-right: 5px
}

.diffs-wrapper .files-header .file-type-checkbox {
    margin-left: -4px
}

.diffs-wrapper .files-header .file-tree .tree-connent {
    max-height: 300px;
    overflow-y: auto;
    padding-bottom: 2px !important
}

.diffs-wrapper .files-header .file-tree .custom-tree-node {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 8px;
    color: #2E405E;
    line-height: 14px;
    margin-left: -6px
}

.diffs-wrapper .files-header .file-tree .el-tree-node__content {
    padding-right: 4px;
    height: 32px !important
}

.diffs-wrapper .files-header .file-tree .el-tree-node__expand-icon {
    color: #8C92A4;
    font-size: 14px !important;
    padding: 11px
}

.diffs-wrapper .files-header .file-tree .el-tree-node__content:hover {
    background: rgba(254, 115, 0, 0.05)
}

.diffs-wrapper .files-header .file-tree .is-leaf {
    color: transparent !important
}

.diffs-wrapper .files-header .file-tree .tree-imput-seach {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.diffs-wrapper .files-header .file-tree .tree-search {
    -webkit-transform: scale(0.5) rotate(354deg) !important;
    transform: scale(0.5) rotate(354deg) !important;
    font-size: 2rem !important;
    position: absolute;
    right: 10px
}

.diffs-wrapper .files-header .file-tree .ui.input input {
    line-height: 1.3142em !important
}

.diffs-wrapper .files-header .file-tree .selected {
    color: #2E405E;
    font-weight: normal;
    background-color: #fff !important
}

.diffs-wrapper .files-header .file-stats {
    position: absolute;
    top: 100%;
    left: 0;
    width: 400PX;
    max-width: 400px;
    max-height: 500px;
    overflow-y: auto;
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.diffs-wrapper .files-header .file-stats .item {
    padding: 0 12px;
    padding-right: 16px;
    line-height: 36px;
    display: block
}

.diffs-wrapper .files-header .file-stats .item:hover {
    background: rgba(254, 115, 0, 0.05)
}

.diffs-wrapper .files-header .file-stats .file-stats-name {
    padding-left: 4px;
    max-width: 90%;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.diffs-wrapper .files-header .filter-header-actions>* {
    display: inline-block;
    vertical-align: middle
}

.diffs-wrapper .files-header .filter-header-actions .setting .dropdown-title {
    margin-left: 20px;
    width: 68px;
    padding: 3px 0;
    border-radius: 2px;
    border: 1px solid #E3E9ED;
    background: #fff
}

.diffs-wrapper .files-header .filter-header-actions .setting .dropdown-title i {
    color: #B7C5CE
}

.diffs-wrapper .files-header .filter-header-actions .setting .setting-icon {
    font-size: 18px;
    padding-right: 4px
}

.diffs-wrapper .files-header .filter-header-actions .setting .menu {
    margin-top: 10px;
    width: 265px;
    max-height: 400px;
    overflow-y: auto
}

.diffs-wrapper .files-header .filter-header-actions .setting .btn-groups {
    margin-top: 15px;
    margin-bottom: 15px
}

.diffs-wrapper .files-header .filter-header-actions .setting .btn-border {
    width: 116px;
    height: 32px;
    border: 1px solid #E3E9ED;
    margin-left: 0px;
    color: #40485B;
    line-height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.diffs-wrapper .files-header .filter-header-actions .setting .btn-border:hover {
    background: rgba(254, 115, 0, 0.05)
}

.diffs-wrapper .files-header .filter-header-actions .setting .clicked-btn {
    color: #FE7300;
    font-weight: bold
}

.diffs-wrapper .files-header .filter-header-actions .setting .full-btn {
    border-radius: 2px 0px 0px 2px;
    cursor: pointer
}

.diffs-wrapper .files-header .filter-header-actions .setting .parallel-btn {
    border-radius: 0px 2px 2px 0px;
    border-left: 0px solid #E3E9ED;
    cursor: pointer
}

.diffs-wrapper .files-header .filter-header-actions .setting .checkbox-label {
    height: 14px;
    color: #2E405E;
    font-size: 14px
}

.diffs-wrapper .files-header .filter-header-actions .setting .selected {
    background-color: #fff !important
}

.diffs-wrapper .files-header .filter-header-actions .setting .hide-space-checkbox {
    margin-left: 12px;
    width: auto;
    margin-bottom: 30px
}

.diffs-wrapper .files-header .ent-code-reviewed .stats-text .iconfont {
    margin-right: -4px !important
}

.diffs-wrapper .files-header .review-btn {
    margin-right: 0px !important
}

.diffs-wrapper .files-header .review-btn-dis {
    color: #c9c9c9 !important;
    border-color: #e5e5e5 !important
}

.diffs-wrapper .files-header .hide-space-checkbox,
.diffs-wrapper .files-header .file-type-checkbox {
    padding: 6px 10px 6px 8px;
    color: #40485b;
    font-weight: normal;
    font-size: 12px;
    width: 100%
}

.diffs-wrapper .files-header .hide-space-checkbox label:before,
.diffs-wrapper .files-header .hide-space-checkbox label:after,
.diffs-wrapper .files-header .file-type-checkbox label:before,
.diffs-wrapper .files-header .file-type-checkbox label:after {
    top: 6px;
    left: 10px;
    margin-left: -5px
}

.diffs-wrapper .files-header .hide-space-checkbox.checked,
.diffs-wrapper .files-header .file-type-checkbox.checked {
    border-radius: 2px
}

.diffs-wrapper .files-header .hide-space-checkbox.checked label:after,
.diffs-wrapper .files-header .file-type-checkbox.checked label:after {
    left: 11px;
    opacity: 1
}

.diffs-wrapper .files-header .viewed-progress {
    width: 180px;
    color: #40485b
}

.diffs-wrapper .files-header .viewed-progress i {
    float: right;
    color: #8c92a4
}

.diffs-wrapper .files-header .viewed-progress .el-progress {
    margin-top: 2px
}

.diffs-wrapper .files-header .btn-groups .ui.button {
    margin-left: 16px;
    color: #40485b
}

.diffs-wrapper .files-header .btn-groups .ui.button:hover {
    color: #797e8c
}

.diffs-wrapper .files-header .btn-groups .ui.button:active {
    color: #2c323f
}

.diffs-wrapper .files-header .btn-groups .ui.button.basic {
    margin-top: -4px;
    margin-bottom: -4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #E3E9ED
}

.diffs-wrapper .files-header .btn-groups .ui.button .ui.mini.label {
    color: #7687ab;
    background: rgba(115, 121, 128, 0.2)
}

.diffs-wrapper .files-header.sticky {
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 32px;
    z-index: 10
}

.diffs-wrapper .files-header.sticky.is-community {
    top: 95px
}

.diffs-wrapper .files-header.sticky.is-code-review {
    top: 165px !important
}

.diffs-wrapper .files-header.sticky+.files .md-editor>.md-emoji {
    z-index: 13
}

.diffs-wrapper .files-header .suggestion-btn {
    border: 1px solid #E3E9ED
}

.diffs-wrapper .files-header .suggestion-btn:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff !important;
    opacity: 0.5
}

.diffs-wrapper .files-header .commits-more-footer {
    text-align: center
}

.diffs-wrapper .files-header .commits-more-footer .more-none {
    color: #989dad;
    font-size: 12px
}

.diffs-wrapper .files-header .commits-more-footer .load-btn {
    padding: 11px 13px;
    background-color: #FCFCFC
}

.diffs-wrapper .files-header .commits-more-footer .load-btn:hover {
    background-color: #F5F6F8
}

.diffs-wrapper .diff-count-change-info {
    height: 48px;
    line-height: 48px;
    padding-left: 12px;
    color: #40485B;
    font-weight: 500
}

.diffs-wrapper .diff-file .header.file-header {
    padding: 0 10px
}

.diffs-wrapper .diff-file .header.file-header .icon.dropdown {
    margin-top: 4px;
    color: #8c92a4;
    -webkit-transform-origin: 9px 16px;
    transform-origin: 9px 16px
}

.diffs-wrapper .diff-file .header.file-header a {
    line-height: 40px;
    color: #333333
}

.diffs-wrapper .diff-file .header.file-header a:hover {
    color: #707070
}

.diffs-wrapper .diff-file .header.file-header a:active {
    color: #232323
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more {
    margin-left: 10px;
    margin-right: 8px
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more a {
    line-height: 1.333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2E405E
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more a:hover {
    color: #2E405E
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more .selected {
    color: #2E405E;
    font-weight: normal;
    background-color: #fff !important
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more .iconfont {
    color: #8c92a4;
    font-size: 12px
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more .divider {
    margin: 0
}

.diffs-wrapper .diff-file .header.file-header .file-menu-more .checked-icon {
    position: absolute;
    left: 10px;
    padding: 0 2px;
    margin-top: 2px;
    color: #2e405e
}

.diffs-wrapper .diff-file.diff-hide .header.file-header {
    border-radius: 3px
}

.diffs-wrapper .diff-file.diff-hide .header.file-header .icon.dropdown {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.diffs-wrapper .comment-group .the-comment-group.diff {
    border: 0;
    border-bottom: none;
    padding-top: 0px;
    -o-border-image: linear-gradient(to right, transparent 0px, transparent 0px) !important;
    border-image: linear-gradient(to right, transparent 0px, transparent 0px) !important
}

.diffs-wrapper .comment-group .the-comment-group.diff:last-child {
    padding-bottom: 0
}

.diffs-wrapper .comment-group .isreview-comment {
    padding-bottom: 16px !important;
    margin-top: 0px !important;
    border: 0 transparent
}

.diffs-wrapper .comment-group .the-comment-group {
    border-bottom: 0px solid !important
}

.diffs-wrapper .comment-group .the-comment-group:not(:last-child):before {
    border-left: 0px solid transparent !important
}

.diffs-wrapper .comment-unit .common-note-form {
    margin-top: 16px
}

.diffs-wrapper .comment-unit .reply-text {
    margin-left: 4px
}

.diffs-wrapper .icon-clone {
    vertical-align: middle;
    cursor: pointer
}

.diffs-wrapper .ui.comments {
    font-size: 1rem
}

.diffs-wrapper .ui.comments.empty {
    margin: 0;
    display: none
}

.diffs-wrapper .form-with-gravatar {
    position: static;
    width: 100%;
    font-size: 14px;
    z-index: 20
}

.diffs-wrapper .form-with-gravatar input:not([class^="md"]) {
    display: none
}

.diffs-wrapper .form-with-gravatar.mini-comment-box .md-editor,
.diffs-wrapper .form-with-gravatar.mini-comment-box .note-actions,
.diffs-wrapper .form-with-gravatar.mini-comment-box button {
    display: none
}

.diffs-wrapper .form-with-gravatar.mini-comment-box .ui.input input {
    line-height: 9px 10px
}

.diffs-wrapper .form-with-gravatar.mini-comment-box input {
    display: inline-block
}

.diffs-wrapper .notes_content>.form-with-gravatar {
    border: 1px solid #e3e9ed;
    border-left: 0;
    border-right: 0;
    background: #f7f7f7
}

.diffs-wrapper .line_holder .old_line,
.diffs-wrapper .line_holder .new_line {
    position: relative
}

.diffs-wrapper .line_holder .resolve-badge-wrapper {
    min-width: 42px;
    padding: 2px;
    height: 16px;
    border-radius: 10px;
    border: 1px solid rgba(217, 43, 47, 0.32);
    color: #d92b2f;
    background: #ffeeef;
    position: absolute;
    left: -37px;
    top: 1px;
    z-index: 1
}

.diffs-wrapper .line_holder .resolve-badge-wrapper.all-solved {
    color: #39b54a;
    border: 1px solid rgba(57, 181, 74, 0.32);
    background: #effff1
}

.diffs-wrapper .line_holder .resolve-badge-wrapper .value {
    margin-left: 2px
}

.diffs-wrapper .line_holder .btn-add-comment {
    top: 50%;
    padding: 0 3px;
    height: 18px;
    right: -9px;
    color: #fff;
    display: none;
    z-index: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    background: #fe7300;
    position: absolute;
    text-align: center;
    border-radius: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.diffs-wrapper .line_holder .btn-add-comment:hover {
    -webkit-transform: translateY(-50%) scale(1.3);
    transform: translateY(-50%) scale(1.3)
}

.diffs-wrapper .line_holder:hover .btn-add-comment {
    display: block
}

.diffs-wrapper .line_holder.has-hidden-comments .btn-add-comment {
    display: block
}

.diffs-wrapper .placeholder-line {
    height: 18px
}

.diffs-wrapper .message,
.diffs-wrapper .diff-load-container {
    padding: 25px 15px;
    font-size: 1rem;
    text-align: center;
    margin-top: -1px;
    background: #fff
}

.diffs-wrapper .diff-load-button {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block
}

.pull-request-comments .form-with-gravatar {
    width: 100%;
    background: #fff
}

.pull-request-comments .form-with-gravatar .comment-input {
    display: none
}

.pull-request-comments .form-with-gravatar.mini-comment-box .md-editor,
.pull-request-comments .form-with-gravatar.mini-comment-box .note-actions,
.pull-request-comments .form-with-gravatar.mini-comment-box button {
    display: none
}

.pull-request-comments .form-with-gravatar.mini-comment-box .ui.input input {
    line-height: 20px
}

.pull-request-comments .form-with-gravatar.mini-comment-box .ui.avatar.image {
    margin-top: 5px
}

.pull-request-comments .form-with-gravatar.mini-comment-box .comment-input {
    display: block
}

.compare-details .diffs-wrapper .files-header,
.commit-page .diffs-wrapper .files-header {
    border-top: 1px solid #e3e9ed
}

.el-message-box.comment-and-close-button {
    width: 500px !important
}

.issue-content846 {
    border-top: 1px solid #dce3e8 !important
}

.git-issue-editing .issue-content846 {
    display: none !important
}

.git-issue-header {
    width: 848px;
    margin-bottom: 16px
}

.git-issue-header .issue-number {
    color: #8c92a4;
    font-family: consolas, Courier, "MS Courier New", monospace
}

.git-issue-header-actions {
    width: 100%
}

.git-issue-header-actions .ui.button:last-child {
    margin-right: 0
}

.git-issue-header-form {
    margin-bottom: 24px
}

.git-issue-header-form .ui.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.git-issue-header-form .ui.form .field {
    margin: 0
}

.git-issue-header-form .issue-type {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.5rem
}

.git-issue-header-form .issue-title {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.git-issue-header-form .ui.dropdown {
    min-width: 4rem
}

.git-issue-description-form .md-editor textarea {
    background: #fcfcfc;
    height: 400px !important;
    overflow-y: auto
}

.git-issue-edit-buttons,
.git-issue-header-form,
.git-issue-description-form {
    display: none
}

.git-issue-content {
    margin-bottom: 1rem
}

.git-issue-editing .others,
.git-issue-editing .git-issue-meta,
.git-issue-editing .git-issue-header,
.git-issue-editing .git-issue-description {
    display: none
}

.git-issue-editing .git-issue-edit-buttons,
.git-issue-editing .git-issue-header-form,
.git-issue-editing .git-issue-description-form {
    display: block
}

.git-issue-meta {
    width: 848px
}

.git-issue-meta .ui.label {
    padding: 5px;
    font-size: 1rem;
    font-weight: normal
}

.git-issue-meta .label.issue-state {
    margin: 0;
    color: #fff;
    margin-right: 8px
}

.git-issue-meta .issue-state-open,
.git-issue-meta .issue-state-opened,
.git-issue-meta .issue-state-reopened {
    background-color: #4baf50
}

.git-issue-meta .issue-state-started {
    background-color: #8c92a4
}

.git-issue-meta .issue-state-closed {
    background-color: #f14333
}

.git-issue-meta .issue-state-approved {
    background-color: #fe7300
}

.git-issue-meta .author {
    word-break: break-all
}

.git-issue-meta .author-wrapper a {
    margin-left: 4px
}

.git-issue-meta .author-wrapper a,
.git-issue-meta .author-wrapper .iconfont {
    color: #8c92a4
}

.git-issue-meta .author-wrapper .author.avatar .username {
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 4px
}

.git-issue-meta>.right {
    font-size: 14px;
    font-weight: 400
}

.git-issue-meta>.right .text,
.git-issue-meta>.right .iconfont {
    color: #8c92a4
}

.git-issue-meta>.right .iconfont {
    margin-right: 4px
}

.git-issue-meta .created_at {
    color: #8c92a4
}

.git-issue .ui.comments {
    margin-bottom: 1rem
}

.git-issue .issue-state-button {
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    cursor: inherit !important
}

.git-issue .issue-state-button .description {
    opacity: .8
}

.git-issue .issue-state-button .text {
    max-width: 128px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.git-issue .issue-state-button.ui.dropdown .dropdown.icon {
    padding-top: 8px;
    margin-left: 8px
}

.git-issue .issue-state-button .menu {
    width: 100%
}

.issue-sidebar .ui.dropdown.issue-collaborators .label {
    padding: 2px 4px;
    background: #f2f2f2;
    display: inline-block;
    margin: -2px 0 -2px -5px;
    border-radius: 3px;
    pointer-events: none
}

.issue-sidebar .ui.dropdown.issue-collaborators.disabled {
    pointer-events: auto
}

.issue-sidebar .ui.dropdown.issue-collaborators.loading::before,
.issue-sidebar .ui.dropdown.issue-collaborators.loading::after {
    right: 1rem;
    left: auto
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu {
    min-width: 320px
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu.fluid {
    min-width: 0;
    width: 100%
}

.issue-sidebar .ui.dropdown.issue-collaborators .ui.search.input {
    margin: 12px 16px 6px 16px
}

.issue-sidebar .ui.dropdown.issue-collaborators .actions {
    top: 5px;
    right: 16px;
    position: absolute
}

.issue-sidebar .ui.dropdown.issue-collaborators .search.input input {
    font-size: 12px
}

.issue-sidebar .ui.dropdown.issue-collaborators.has-assignee .none.text,
.issue-sidebar .ui.dropdown.issue-collaborators.has-collaborator .none.text {
    display: none
}

.issue-sidebar .ui.dropdown.issue-collaborators .selected-users {
    display: inline;
    word-break: break-all
}

.issue-sidebar .ui.dropdown.issue-collaborators .selected-users .avatar.image {
    vertical-align: top;
    border: 1px solid #60b700
}

.issue-sidebar .ui.dropdown.issue-collaborators .selected-users .avatar.image.is-assignee {
    border: 1px solid #4a90e2
}

.issue-sidebar .ui.dropdown.issue-collaborators .actions .button {
    color: #005980;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 6px;
    background: #f5f6f8;
    border-radius: 2px;
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: pointer
}

.issue-sidebar .ui.dropdown.issue-collaborators .actions .button:hover {
    background: #d7dbe3
}

.issue-sidebar .ui.dropdown.issue-collaborators .actions .button.remove {
    color: #d0021b;
    background: rgba(208, 2, 27, 0.1)
}

.issue-sidebar .ui.dropdown.issue-collaborators .actions .button.remove:hover {
    background: rgba(208, 2, 27, 0.2)
}

.issue-sidebar .ui.dropdown.issue-collaborators .for-collaborator,
.issue-sidebar .ui.dropdown.issue-collaborators .for-assignee {
    display: none
}

.issue-sidebar .ui.dropdown.issue-collaborators.users.search>.menu {
    max-height: initial
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item,
.issue-sidebar .ui.dropdown.issue-collaborators .scrolling.menu {
    max-height: 40rem
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item .item.item.item,
.issue-sidebar .ui.dropdown.issue-collaborators .scrolling.menu .item.item.item {
    padding: 6px 150px 6px 16px !important;
    line-height: 1.42857
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item {
    cursor: default;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item:hover {
    background-color: transparent
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-assignee {
    background-color: rgba(74, 144, 226, 0.1)
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-assignee .avatar.image {
    border: 1px solid #4a90e2
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-assignee .actions {
    color: #4a90e2;
    display: none
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-assignee .actions.for-assignee {
    display: block
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-collaborator {
    background-color: rgba(96, 183, 0, 0.1)
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-collaborator .avatar.image {
    border: 1px solid #60b700
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-collaborator .actions {
    color: #60b700;
    display: none
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu .item.is-collaborator .actions.for-collaborator {
    display: block
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse {
    border-color: #fff
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__header {
    background: #f0f0f0;
    line-height: 34px;
    height: auto;
    padding-left: 16px
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__arrow {
    margin-right: 15px
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__content {
    max-height: 180px;
    overflow-y: auto;
    padding-bottom: 0
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__content::-webkit-scrollbar {
    width: 4px
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__content::-webkit-scrollbar-track {
    background-color: transparent
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__content::-webkit-scrollbar-thumb {
    border-right: 2px solid #cecece;
    border-left: 2px solid #cecece;
    border-top: 2px solid #cecece;
    border-bottom: 2px solid #cecece;
    border-radius: 2px;
    background-color: #cecece
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__content::-webkit-scrollbar-thumb:hover {
    border-color: #cecece;
    background-color: #cecece
}

.issue-sidebar .ui.dropdown.issue-collaborators .el-collapse-item__content.hover::-webkit-scrollbar-thumb {
    border-color: transparent;
    background-color: transparent
}

.issue-sidebar .ui.dropdown.issue-collaborators .searching .el-collapse-item__content {
    max-height: 100px
}

.issue-sidebar .issue-field-list {
    position: relative
}

.issue-sidebar .issue-field-list .ui.dimmer {
    z-index: 1001
}

.issue-sidebar .issue-field-list .default.text {
    color: rgba(191, 191, 191, 0.87)
}

.issue-sidebar .issue-field-action {
    margin-left: 1rem;
    display: none
}

.issue-sidebar .issue-field-action .iconfont {
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.issue-sidebar .issue-field-action .icon-edit:hover,
.issue-sidebar .issue-field-action .icon-calendar1:hover {
    color: #005980
}

.issue-sidebar .ui.dropdown .item {
    word-break: break-all;
    white-space: normal
}

.issue-sidebar .ui.dropdown.issue-collaborators .item .avatar.image {
    margin: 0;
    vertical-align: top
}

.issue-sidebar .ui.dropdown.issue-collaborators .actions {
    top: 6px
}

.issue-sidebar .ui.dropdown.issue-collaborators .menu {
    right: 0;
    left: auto
}

.issue-sidebar .text-white {
    color: #fff
}

.issue-sidebar .text-white .close {
    color: #fff
}

.issue-sidebar .text-black {
    color: #000
}

.issue-sidebar .text-black .close {
    color: #000
}

.issue-sidebar .ui.label {
    font-size: .8571rem;
    font-weight: normal;
    display: inline-block;
    margin-right: .5em;
    padding: 0 .5em;
    line-height: 1.667;
    background-color: #eee
}

.issue-sidebar .ui.label .close {
    float: none;
    text-shadow: none;
    opacity: 1;
    display: none
}

.issue-sidebar .issue-field-label {
    margin-bottom: 10px;
    text-align: left;
    font-weight: 600
}

.issue-sidebar .issue-field-label span {
    font-weight: 400
}

.issue-sidebar .issue-field.issue-field-first {
    margin-top: 0;
    padding-top: 0
}

.issue-sidebar #issue_plan_started_at,
.issue-sidebar #issue_deadline,
.issue-sidebar .custom-field-input.date {
    width: 80px;
    margin-top: 4px;
    padding: 0 0 4px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.issue-sidebar #issue_plan_started_at:focus,
.issue-sidebar #issue_deadline:focus {
    border-bottom: 2px solid #ff7200;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.issue-sidebar #issue_plan_started_at.cursor-default:focus,
.issue-sidebar #issue_deadline.cursor-default:focus {
    border-bottom: 2px solid transparent !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.issue-sidebar .issue-field:first-child {
    margin-top: 0
}

.issue-sidebar .issue-field {
    text-align: left;
    position: relative;
    margin-top: 24px
}

.issue-sidebar .issue-field .labels {
    text-align: left;
    margin: 0 -.857em 0 0
}

.issue-sidebar .issue-field .labels .ui.label {
    font-size: 14px;
    border-radius: 0;
    margin: 0 .857em .857em 0
}

.issue-sidebar .issue-field .issue-labels.dropdown .item {
    white-space: nowrap
}

.issue-sidebar .issue-field .users.dropdown .username {
    display: none
}

.issue-sidebar .issue-field .users.dropdown img.avatar {
    margin-right: .25em
}

.issue-sidebar .issue-field>.default.text {
    right: .85714em;
    position: static;
    text-align: left
}

.issue-sidebar .issue-field>.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.issue-sidebar .issue-field>.content>.left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.issue-sidebar .issue-field>.content>.left>.dropdown {
    position: static;
    display: block
}

.issue-sidebar .issue-field>.content>.left>.dropdown>.menu {
    width: 100%;
    min-width: 100px;
    text-align: left;
    padding: 0.5em 0
}

.issue-sidebar .issue-field>.content>.left>.dropdown>.text {
    font-weight: normal;
    word-break: break-all
}

.issue-sidebar .issue-field>.content>.left>.dropdown>.text .avatar.image {
    margin-top: -2px
}

.issue-sidebar .issue-field>.content>.left>.dropdown>.text .none.text {
    display: none
}

.issue-sidebar .issue-field>.content>.right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.issue-sidebar .reactions-pr-field .tips {
    font-size: 12px;
    font-weight: 400;
    color: #40485b;
    margin-bottom: 10px
}

.issue-sidebar .reactions-pr-field .message {
    display: none
}

.issue-sidebar .reactions-pr-field .close {
    float: none
}

.issue-sidebar .reactions-pr-field .relation-list .item:nth-child(n+2) {
    margin-top: 8px
}

.issue-sidebar .reactions-pr-field .scrolling.menu .icon-wrapper {
    width: 24px
}

.issue-sidebar .reactions-pr-field .scrolling.menu .icon-msg-read {
    margin-top: 3px;
    color: black;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 12px
}

.issue-sidebar .reactions-pr-field .scrolling.menu .icon-msg-fail:hover {
    opacity: 0.5
}

.issue-sidebar .reactions-pr-field .scrolling.menu .item .text {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.issue-sidebar .reactions-pr-field #pr_id+.menu {
    top: 50px !important
}

.issue-sidebar .issue-field:last-child {
    margin-bottom: 0
}

.issue-sidebar .issue-field.date>input {
    border: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.33;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    width: 84px;
    cursor: pointer;
    text-align: right
}

.issue-sidebar .issue-field.date .add-on {
    right: 0;
    opacity: 0;
    position: absolute
}

.issue-sidebar .issue-field.date>.content {
    margin-top: 16px
}

.issue-sidebar .issue-field.date .date-value .right,
.issue-sidebar .issue-field.date .date-value .left {
    width: 80px
}

.issue-sidebar .issue-field.date .fa-calendar {
    cursor: pointer
}

.issue-sidebar.can-modify .issue-field-action {
    color: #8c92a4;
    display: block
}

.issue-sidebar.can-modify .issue-field>.default.text {
    right: 2.75em
}

.issue-sidebar.can-modify .labels .icon {
    display: inline-block
}

.issue-sidebar.cannot-modify .issue-field-action {
    display: none !important
}

.issue-sidebar .hr {
    width: 100%;
    height: 1px;
    background: #dce3e8
}

.issue-sidebar .custom-field-input.date::-webkit-input-placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.issue-sidebar .custom-field-input.date:-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.issue-sidebar .custom-field-input.date::-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.issue-sidebar .custom-field-input.date::placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.issue-sidebar .issue-field-custom .custom-field-input {
    width: 100%
}

.issue-sidebar .issue-field-custom .custom-field-input.textarea {
    resize: none;
    height: 32px;
    overflow: hidden
}

.issue-sidebar .issue-field-custom .issue-field-custom-menu {
    padding-left: 0
}

.issue-sidebar .issue-field-custom .issue-field-custom-menu .default.text {
    margin-left: 0;
    padding-left: 0
}

.issue-sidebar .issue-field-custom.input-mode .issue-field-action.custom,
.issue-sidebar .issue-field-custom.input-mode .input-value {
    word-break: break-word;
    display: none
}

.issue-sidebar .issue-field-custom.input-mode .issue-field-action.custom.default,
.issue-sidebar .issue-field-custom.input-mode .input-value.default {
    color: rgba(191, 191, 191, 0.87)
}

.issue-sidebar .issue-field-custom.input-mode.hidden-menu .issue-field-custom-menu {
    display: none !important
}

.issue-sidebar .issue-field-custom.input-mode.hidden-menu .issue-field-action.custom,
.issue-sidebar .issue-field-custom.input-mode.hidden-menu .input-value {
    display: block
}

.issue-sidebar .issue-field-custom .submit.button {
    width: 25%;
    margin-right: 0;
    font-size: 14px;
    padding: .5em .92857em;
    display: none
}

.issue-sidebar .issue-field-custom .issue-field-custom-menu.dropdown .ui.label {
    font-size: 12px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.issue-sidebar .issue-field-custom .required-icon::after {
    margin-top: 0
}

.git-issue-body .blocked-title {
    padding-top: 10px !important
}

.git-issue-body .git-issue-sidebar form {
    padding: 16px;
    border: 1px solid #dce3e8;
    border-radius: 4px
}

.git-issue-detail-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.git-issue-detail-wrapper>.right {
    width: 280px;
    margin-left: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.git-issue-detail-wrapper>.left {
    width: 848px
}

.git-issue-detail-wrapper .column {
    width: 100% !important
}

.git-issue-detail-wrapper .issue-field-list .issue-field.issue-field-custom .required-icon::after {
    content: '' !important
}

.hover-opacity {
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.hover-opacity:hover {
    opacity: 0.7
}

.issue-field.duration .lefts {
    width: 100%
}

.issue-field.duration #duration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.issue-field.duration #issue_duration {
    background-color: white;
    padding: 6px 13px;
    border-color: rgba(254, 115, 0, 0.5);
    width: 100%
}

.issue-field.duration .issue-field-action {
    display: none
}

.issue-field.duration.show #issue_duration {
    padding: 0px;
    border: 0px
}

.issue-field.duration.show .ui.button {
    padding: 0px;
    display: none
}

.can-modify .issue-field.duration.show .issue-field-action {
    display: inline-block
}

.log-diff-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -4px;
    padding-left: 36px
}

.log-diff-box.hidden {
    display: none
}

.log-diff-header {
    text-align: center;
    line-height: 20px;
    margin-bottom: 8px;
    border-radius: 10px
}

.log-diff-content {
    max-height: 156px;
    overflow-y: auto;
    word-break: break-all;
    font-size: 13px;
    background: #e8f0f7
}

.log-diff-content .line {
    line-height: 1.6;
    min-height: 26px;
    padding: 3px 4px 2px 5px
}

.log-diff {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 4px;
    color: #40485b;
    width: 50%;
    min-width: 0
}

.log-diff.old .log-diff-header {
    color: #7b795e;
    background: #f5f4e7
}

.log-diff.old .diff {
    background-color: #faa
}

.log-diff.old .hasdiff {
    background: #fdd
}

.log-diff.new .log-diff-header {
    color: #4b8b63;
    background: #dff5e7
}

.log-diff.new .diff {
    background-color: #afa
}

.log-diff.new .hasdiff {
    background: #cfd
}

.search-input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-input-group .ui.dropdown {
    padding: 8px 10px;
    min-width: 95px;
    width: 120px;
    height: 32px;
    min-height: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f3f3));
    background: linear-gradient(180deg, #fcfcfc, #f3f3f3);
    color: #40485b
}

.search-input-group .ui.dropdown .default {
    color: #40485b !important
}

.search-input-group .issue-search-input {
    width: 500px;
    padding-right: 32px;
    border-radius: 2px;
    border: 1px solid #dce3e8;
    font-size: 14px;
    text-indent: 12px;
    margin-left: 8px
}

.search-input-group .issue-search-input::-webkit-input-placeholder {
    font-weight: 400;
    color: #c9c9c9
}

.search-input-group .issue-search-input:-ms-input-placeholder {
    font-weight: 400;
    color: #c9c9c9
}

.search-input-group .issue-search-input::-ms-input-placeholder {
    font-weight: 400;
    color: #c9c9c9
}

.search-input-group .issue-search-input::placeholder {
    font-weight: 400;
    color: #c9c9c9
}

.search-input-group .search-issue-submit {
    border: none;
    position: absolute;
    top: 6px;
    right: 12px;
    outline: none;
    padding-right: 0;
    background: transparent;
    color: #40485b
}

.search-input-group .search-issue-submit:hover {
    color: #797e8c
}

.search-input-group .search-issue-submit:active {
    color: #2c323f
}

.search-input-group .clear-search-input-wrapper {
    position: absolute;
    top: 8px;
    right: -140px
}

.search-input-group .clear-search-input-wrapper .iconfont {
    margin-right: 4px
}

.git-reaction .reactions-list {
    margin-top: 0;
    display: inline-block
}

.git-reaction .ui.label {
    padding: 5px 10px
}

.git-reaction .ui.basic.button {
    margin-left: 8px;
    padding: 7px;
    height: 32px;
    color: #8c92a4 !important;
    font-size: 14px;
    vertical-align: bottom;
    border: 1px solid #dce3e8;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.git-reaction .ui.basic.button:hover {
    background: #F5F5F5 !important
}

.git-project .panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.git-issues-panel,
.git-pull-requests-panel {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0 !important
}

.git-issues-panel .filters-wrapper,
.git-issues-panel .settings-wrapper,
.git-pull-requests-panel .filters-wrapper,
.git-pull-requests-panel .settings-wrapper {
    width: 100%
}

.git-issues-panel .filters-wrapper .filter-text,
.git-issues-panel .settings-wrapper .filter-text,
.git-pull-requests-panel .filters-wrapper .filter-text,
.git-pull-requests-panel .settings-wrapper .filter-text {
    display: inline-block;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.git-issues-panel .filters-wrapper .circular.label,
.git-issues-panel .settings-wrapper .circular.label,
.git-pull-requests-panel .filters-wrapper .circular.label,
.git-pull-requests-panel .settings-wrapper .circular.label {
    background: #f2f4f8 !important
}

.git-issues-panel .filters-wrapper .ui.checkbox label,
.git-issues-panel .settings-wrapper .ui.checkbox label,
.git-pull-requests-panel .filters-wrapper .ui.checkbox label,
.git-pull-requests-panel .settings-wrapper .ui.checkbox label {
    color: #8c92a4
}

.git-issues-panel .filters-wrapper #git-issues-bulk-update .milestone .text,
.git-issues-panel .settings-wrapper #git-issues-bulk-update .milestone .text,
.git-pull-requests-panel .filters-wrapper #git-issues-bulk-update .milestone .text,
.git-pull-requests-panel .settings-wrapper #git-issues-bulk-update .milestone .text {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.git-issues-panel .filters-wrapper #git-issues-bulk-update .checkbox-right-group,
.git-issues-panel .settings-wrapper #git-issues-bulk-update .checkbox-right-group,
.git-pull-requests-panel .filters-wrapper #git-issues-bulk-update .checkbox-right-group,
.git-pull-requests-panel .settings-wrapper #git-issues-bulk-update .checkbox-right-group {
    line-height: 36px;
    height: 36px;
    padding: 0 16px 0 0
}

.git-issues-panel .ui.menu:not(.pagination),
.git-pull-requests-panel .ui.menu:not(.pagination) {
    margin: 0;
    padding: 6px 0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dce3e8, inset 0px -1px 0px 0px #dce3e8;
    box-shadow: inset 0px 1px 0px 0px #dce3e8, inset 0px -1px 0px 0px #dce3e8;
    border-radius: 0;
    background-color: #fcfcfc
}

.git-issues-panel .ui.menu:not(.pagination)>.item,
.git-pull-requests-panel .ui.menu:not(.pagination)>.item {
    padding-top: 0;
    padding-bottom: 0;
    height: 36px;
    line-height: 36px;
    background: none !important;
    color: #8c92a4
}

.git-issues-panel .ui.menu:not(.pagination)>.item:hover,
.git-pull-requests-panel .ui.menu:not(.pagination)>.item:hover {
    color: #aeb2bf
}

.git-issues-panel .ui.menu:not(.pagination)>.item:active,
.git-pull-requests-panel .ui.menu:not(.pagination)>.item:active {
    color: #626672
}

.git-issues-panel .ui.menu:not(.pagination)>.item.active,
.git-pull-requests-panel .ui.menu:not(.pagination)>.item.active {
    color: #40485b;
    font-weight: bold;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.git-issues-panel .ui.menu:not(.pagination)>.item:before,
.git-pull-requests-panel .ui.menu:not(.pagination)>.item:before {
    display: none
}

.git-issues-panel .ui.menu:not(.pagination)>.item .menu,
.git-pull-requests-panel .ui.menu:not(.pagination)>.item .menu {
    font-weight: normal
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown>.menu,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown>.menu {
    min-width: 160px;
    max-width: 480px
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown .menu>.item.text-truncate,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown .menu>.item.text-truncate {
    color: #40485b;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown .menu>.header,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown .menu>.header {
    height: initial;
    line-height: initial;
    color: #8c92a4
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown .project-icon,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown .project-icon {
    color: #8c92a4
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown .divider,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown .divider {
    border-color: #dce3e8;
    margin: 6px 12px
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown .icon.dropdown,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown .icon.dropdown {
    margin: 0 0 0 4px;
    line-height: inherit;
    height: 1.43em;
    top: 1px
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown .message,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown .message {
    line-height: normal
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text .label,
.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text .ui.image,
.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text i.icon.avatar,
.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text .username,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text .label,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text .ui.image,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text i.icon.avatar,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users>.text .username {
    display: none
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users .menu>.item .text,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users .menu>.item .text {
    width: 15em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users .ui.avatar.image,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users .ui.avatar.image {
    width: 20px;
    height: 20px
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users .user-info-wrap,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users .user-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users .user-info-wrap .name,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users .user-info-wrap .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.git-issues-panel .ui.menu:not(.pagination) .ui.dropdown.users .no-result,
.git-pull-requests-panel .ui.menu:not(.pagination) .ui.dropdown.users .no-result {
    color: #0006;
    pointer-events: none
}

.git-issues-panel .ui.menu:not(.pagination) .button.item .ui.button,
.git-pull-requests-panel .ui.menu:not(.pagination) .button.item .ui.button {
    font-size: 1rem
}

.git-issues-panel .label-dropdown .ui.label,
.git-pull-requests-panel .label-dropdown .ui.label {
    width: 10px;
    height: 10px;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    margin-right: .5em
}

.git-issues-panel .label-dropdown .manage,
.git-pull-requests-panel .label-dropdown .manage {
    min-width: 280px;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(233, 233, 233, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(233, 233, 233, 0.5);
    text-align: center
}

.git-issues-panel .label-dropdown .manage .item,
.git-pull-requests-panel .label-dropdown .manage .item {
    display: block;
    padding: 0;
    height: 40px;
    line-height: 40px
}

.git-issues-panel .label-dropdown .manage .item:before,
.git-pull-requests-panel .label-dropdown .manage .item:before {
    content: none
}

.git-issues-panel .label-dropdown .manage .item .item.filtered,
.git-pull-requests-panel .label-dropdown .manage .item .item.filtered {
    display: none
}

.git-issues-panel .git-order-dropdown .menu,
.git-pull-requests-panel .git-order-dropdown .menu {
    text-align: center;
    min-width: 80px !important
}

.git-issues-panel .git-order-dropdown .menu .icon.check,
.git-pull-requests-panel .git-order-dropdown .menu .icon.check {
    opacity: 0
}

.git-issues-panel .checkall,
.git-pull-requests-panel .checkall {
    margin-top: 2px;
    margin-left: 13px
}

.git-issues-panel .submit-checkbox,
.git-pull-requests-panel .submit-checkbox {
    padding: 0 !important;
    border-radius: 2px;
    font-size: 14px;
    min-width: 52px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #fe7300
}

.git-issues-panel .issue-checkbox,
.git-pull-requests-panel .issue-checkbox {
    display: none
}

.panel-list>.panel-list {
    margin-bottom: 32px;
    border: 1px solid rgba(220, 227, 232, 0.5);
    border-radius: 4px
}

.panel-list>.panel-list .issue-wrapper:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-list>.panel-list .pull-request__wrapper:last-child {
    border-bottom: 0
}

.panel-list .panel-list-header {
    color: #40485b;
    padding: 16px;
    font-size: 16px;
    background: #f7f7f8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.panel-list .panel-list-header a {
    font-weight: 600;
    color: #40485b
}

.panel-list .panel-list-header a:hover {
    color: #1283ba
}

.panel-list .panel-list-header .pull-right .icon-add {
    font-size: 12px;
    font-weight: normal;
    line-height: 22px
}

.dahsboard-issue-header.panel-header {
    width: 100%;
    display: table;
    padding: 0 6px;
    background: #fcfcfc;
    -webkit-box-shadow: inset 0px -1px 0px 0px #dededf, 0px -1px 0px 0px #dededf;
    box-shadow: inset 0px -1px 0px 0px #dededf, 0px -1px 0px 0px #dededf
}

.dashboard-pr-header.panel-header {
    width: 100%;
    display: table;
    padding: 0 6px;
    background: #fcfcfc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #e3e9ed
}

.git-dashboard-issue-pr-content .git-pull-requests-panel {
    border: 1px solid #e3e9ed !important
}

.new-issue-reward-pages .show-more-info-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new-issue-reward-pages .show-more-info-btn .icon-arrow-right {
    margin-top: 2px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(90deg) scale(0.8);
    transform: rotate(90deg) scale(0.8)
}

.new-issue-reward-pages .show-more-info-btn.open .icon-arrow-right {
    -webkit-transform: rotate(-90deg) scale(0.8);
    transform: rotate(-90deg) scale(0.8)
}

.new-issue-reward-pages #new-issue-reward_steps .title {
    display: none
}

.new-issue-reward-pages #new-issue-reward_steps .gitee_reward__steps {
    background: #f6f6f6
}

.new-issue-reward-pages #new-issue-reward_steps .gitee_reward__steps .step {
    background: #f6f6f6
}

.new-issue-reward-pages #new-issue-reward_steps .gitee_reward__steps .step .text {
    color: #40485b
}

.new-issue-reward-pages #new-issue-reward_steps .gitee_reward__steps .step:not(.active) .circle {
    background: rgba(48, 54, 67, 0.1)
}

.new-issue-reward-pages #new-issue-reward_steps .gitee_reward__steps .step:not(.active) .circle:after {
    background: rgba(48, 54, 67, 0.2)
}

.new-issue-reward-pages #new-issue-reward_steps .gitee_reward__steps .step:not(.active) .text {
    color: rgba(64, 72, 91, 0.2)
}

.new-issue-reward-pages .new-issue-reward-sidebar .field {
    margin-bottom: 24px
}

.new-issue-reward-pages .new-issue-reward-sidebar .field label {
    margin-bottom: 8px
}

.new-issue-reward-pages .new-issue-reward-sidebar .field .el-radio+.el-radio {
    margin-left: 0
}

.new-issue-reward-pages .new-issue-reward-sidebar .field .el-radio {
    min-width: 60px;
    margin-right: 40px;
    line-height: 28px
}

.new-issue-reward-pages .new-issue-reward-sidebar .field .el-radio-group {
    width: 250px
}

.new-issue-reward-pages .new-issue-reward-sidebar .field .other-radio {
    line-height: 28px;
    margin-bottom: 0
}

.new-issue-reward-pages .new-issue-reward-sidebar .el-form-item {
    margin-bottom: 0
}

.new-issue-reward-pages .new-issue-reward-sidebar .submit-field,
.new-issue-reward-pages .new-issue-reward-sidebar .offer-tip {
    display: none
}

.new-issue-reward-pages .invoice-confirm-tips {
    margin-bottom: 16px !important
}

.new-issue-reward-pages .invoice-confirm-tips .el-form-item__content {
    line-height: 20px
}

.new-issue-reward-pages .invoice-confirm-tips .el-form-item {
    margin-bottom: 0
}

.new-issue-reward-pages .invoice-confirm-tips .el-form-item__error {
    top: 17px
}

.new-issue-reward-pages .issue-buttons {
    padding-top: 0 !important
}

.new-issue-reward-pages .captcha-wrapper {
    display: table
}

.new-issue-reward-pages .captcha-wrapper>img.captcha {
    display: table-cell;
    min-width: 134px
}

.new-issue-reward-pages .captcha-wrapper .input {
    padding-left: 0 !important;
    margin-right: 8px
}

.new-issue-reward-pages .captcha-wrapper input {
    width: 100%;
    height: 32px;
    display: table-cell;
    vertical-align: middle;
    padding-left: .650em
}

.new-issue-reward-pages .captcha-wrapper #issue-captcha {
    margin-left: 8px
}

@-webkit-keyframes mjc-jump-ani {
    0% {
        visibility: visible
    }
    20% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    24% {
        opacity: 1
    }
    35% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0
    }
    36% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes mjc-jump-ani {
    0% {
        visibility: visible
    }
    20% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    24% {
        opacity: 1
    }
    35% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0
    }
    36% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes coin-ani {
    10% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    20% {
        -webkit-transform: translateY(-160%) rotateY(720deg);
        transform: translateY(-160%) rotateY(720deg)
    }
    30% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    40% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }
    50% {
        -webkit-transform: translateY(0px) rotateY(0deg);
        transform: translateY(0px) rotateY(0deg)
    }
    60% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }
    70% {
        -webkit-transform: translateY(-10px) rotateY(0deg);
        transform: translateY(-10px) rotateY(0deg)
    }
}

@keyframes coin-ani {
    10% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    20% {
        -webkit-transform: translateY(-160%) rotateY(720deg);
        transform: translateY(-160%) rotateY(720deg)
    }
    30% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    40% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }
    50% {
        -webkit-transform: translateY(0px) rotateY(0deg);
        transform: translateY(0px) rotateY(0deg)
    }
    60% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }
    70% {
        -webkit-transform: translateY(-10px) rotateY(0deg);
        transform: translateY(-10px) rotateY(0deg)
    }
}

@-webkit-keyframes shocks-new-btn-ani {
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    15% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes shocks-new-btn-ani {
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    15% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.item>span>img {
    display: inline-block !important
}

#new_issue .description.error .error.text.message,
#issue-description-form .description.error .error.text.message {
    margin-top: 13px
}

#issue-save-button-redirect {
    padding-left: 0px;
    padding-right: 0px
}

#git-issues p.git-message {
    color: #999999
}

#git-issues p:first-child:not(.git-message)>a {
    cursor: pointer;
    color: #333333;
    font-weight: bold
}

#git-issues p:first-child:not(.git-message)>a:hover {
    color: #4183c4
}

#git-issues p:last-child>a {
    color: #999999
}

#git-issues p:last-child>a:hover {
    color: #4183c4
}

#git-issues p:last-child>span:first-child {
    color: #666666
}

#git-issues img {
    display: inline-block
}

#git-issues>.row {
    margin-top: 0;
    padding-top: 10px;
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei"
}

#git-issues>.row img {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.3rem
}

#git-issues .ui.checkbox {
    font-size: 0.75em !important;
    margin-bottom: 0.1em !important
}

#git-issues.issue-list .ui.label.issue-label-item {
    cursor: pointer
}

.git-issues-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.git-issues-tab .item {
    line-height: 1.43;
    color: #40485b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.git-issues-tab .item:hover {
    color: #000
}

.git-issues-tab .item.active {
    color: #fe7300;
    font-weight: bold
}

.git-issues-tab .iconfont {
    vertical-align: baseline;
    color: #8c92a4
}

.git-issues-tab .more-menu {
    width: 40px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    color: #8c92a4;
    z-index: 2;
    cursor: pointer
}

.git-issues-tab .board-view {
    padding: 0 12px;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.git-issues-tab .board-view .icon-mode-board {
    margin-top: 1px
}

.git-issues-tab .milestone-btn {
    padding: 0 12px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: white
}

.git-issues-tab .border {
    border: 1px solid #dce3e8;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.git-issues-tab .border:not(.more-menu):hover {
    opacity: 0.8;
    color: #8c919c
}

.git-issues-tab .menu-item {
    margin: 0;
    margin-left: 8px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 2px
}

.git-issues-tab .shocks-new-btn-ani {
    -webkit-animation: shocks-new-btn-ani 1.5s ease-out;
    animation: shocks-new-btn-ani 1.5s ease-out
}

.git-issues-tab .new-issue-group.dropdown .issues-head-new-issue {
    z-index: 10;
    padding-left: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.git-issues-tab .new-issue-group:not(.dropdown) .issues-head-new-issue {
    border-radius: 2px !important
}

.git-issues-tab .new-issue-group .new-reward-issue-dropdown-trigger {
    z-index: 10;
    padding-left: 4px;
    padding-right: 8px;
    border-radius: 2px !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.git-issues-tab .new-issue-group .new-reward-issue-dropdown-trigger .icon-arrow-right {
    color: white;
    -webkit-transform: rotate(90deg) scale(0.8);
    transform: rotate(90deg) scale(0.8);
    margin-top: 2px
}

.git-issues-tab .new-issue-group>.menu {
    left: 0px;
    top: 30px;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.git-issues-tab .new-issue-group a.item.ui.button.new-reward-issue-btn {
    width: 97.8%;
    line-height: 18px;
    color: #fe7300;
    padding: 6px 0 6px 12px !important;
    border-radius: 2px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.git-issues-tab .new-issue-group a.item.ui.button.new-reward-issue-btn .iconfont {
    color: #fe7300
}

.git-issues-tab .new-issue-group .gold-coin {
    width: 43px;
    top: -1px;
    right: 0;
    position: absolute;
    z-index: 1
}

.git-issues-tab .new-issue-group .coin-ani {
    -webkit-animation: coin-ani 3s ease-in-out forwards;
    animation: coin-ani 3s ease-in-out forwards
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper {
    z-index: 10;
    position: absolute;
    top: 80px;
    right: 0
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper.jump-state .jump {
    visibility: visible
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper.jump-state .normal {
    visibility: hidden
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper .jump {
    visibility: hidden
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper .text-border {
    position: absolute;
    white-space: nowrap;
    right: 0;
    min-width: 150px;
    padding-left: 12px;
    padding-right: 48px;
    text-align: left;
    height: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #000000;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #000000
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper .mjc-jump,
.git-issues-tab .new-issue-group .mjc-animation-wrapper .mjc-normal {
    position: absolute;
    right: -30px;
    bottom: -34px;
    width: 100px
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper .mjc-jump-ani {
    -webkit-animation: mjc-jump-ani 1.5s ease-out;
    animation: mjc-jump-ani 1.5s ease-out
}

.git-issues-tab .new-issue-group .mjc-animation-wrapper .icon-msg-fail {
    display: none;
    font-size: 16px;
    position: absolute;
    right: -30px;
    top: -45px
}

.git-issues-tab .new-issue-group .mjc-jump-shadow {
    width: 42px;
    position: absolute;
    right: 2px;
    bottom: -32px
}

.ui.dropdown.issue-labels .scrolling.menu>.item.item.item {
    padding-right: .7143em !important
}

.ui.dropdown.issue-labels .item>.label {
    width: 10px;
    height: 10px;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    margin-right: .5em
}

.ui.dropdown.issue-labels .iconfont:hover {
    opacity: .5
}

.ui.dropdown.issue-labels .header .iconfont {
    font-weight: normal;
    margin-left: 10px;
    cursor: pointer;
    color: #8c92a4
}

.ui.dropdown.issue-labels .header {
    margin: 0.5em 0 0 0;
    overflow: hidden;
    line-height: 20px
}

.ui.dropdown.issue-labels .header a {
    font-weight: normal
}

.ui.dropdown.issue-labels .item>.ui.input {
    width: 120px;
    font-size: .8571em;
    margin: 0
}

.ui.dropdown.issue-labels .item>.ui.input input[type='text'] {
    padding: 2px
}

.ui.dropdown.issue-labels .issue-label>.ui.input {
    min-width: calc(100% - 52px)
}

.ui.dropdown.issue-labels .issue-label.editing>.ui.input {
    min-width: calc(100% - 34px)
}

.ui.dropdown.issue-labels .item>.iconfont {
    margin-left: 5px
}

.ui.dropdown.issue-labels .item.editing,
.ui.dropdown.issue-labels .item.import,
.ui.dropdown.issue-labels .item.project,
.ui.dropdown.issue-labels .divider.editing,
.ui.dropdown.issue-labels .divider.import,
.ui.dropdown.issue-labels .divider.project,
.ui.dropdown.issue-labels .footer.editing,
.ui.dropdown.issue-labels .footer.import,
.ui.dropdown.issue-labels .footer.project {
    display: none
}

.ui.dropdown.issue-labels .footer {
    text-align: right;
    padding: 0 .8333em
}

.ui.dropdown.issue-labels .footer .action.button {
    padding: 0 .8333em;
    cursor: pointer
}

.ui.dropdown.issue-labels .footer .action.button:hover {
    color: #005980
}

.ui.dropdown.issue-labels .menu.editing .item {
    display: none
}

.ui.dropdown.issue-labels .menu.editing .item.editing,
.ui.dropdown.issue-labels .menu.editing .divider.editing,
.ui.dropdown.issue-labels .menu.editing .footer.editing {
    display: block
}

.ui.dropdown.issue-labels .menu.import .issue-label {
    display: none
}

.ui.dropdown.issue-labels .menu.import .item.import,
.ui.dropdown.issue-labels .menu.import .item.project,
.ui.dropdown.issue-labels .menu.import .divider.import,
.ui.dropdown.issue-labels .menu.import .divider.project,
.ui.dropdown.issue-labels .menu.import .footer.import,
.ui.dropdown.issue-labels .menu.import .footer.project {
    display: block
}

.ui.dropdown.issue-labels .ui.radio.checkbox {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0
}

.ui.dropdown.issue-labels .ui.radio.checkbox label {
    margin: 0;
    white-space: normal;
    word-wrap: break-word
}

.sidebar-labels-item .issue-field-action {
    margin-top: 6px
}

.sidebar-labels-item #js-labels-default+.menu {
    top: 56px !important;
    padding-bottom: 0
}

.sidebar-issue-labels .scrolling.menu .item {
    height: 36px
}

.sidebar-issue-labels .scrolling.menu .item .text {
    font-size: 12px
}

.sidebar-issue-labels .scrolling.menu .item .icon-wrapper {
    text-align: left;
    width: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sidebar-issue-labels .scrolling.menu .icon-msg-read {
    font-size: 12px;
    margin-top: 2px
}

.sidebar-issue-labels .scrolling.menu .issue-label-item .text {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar-issue-labels .manage {
    min-width: 280px;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(233, 233, 233, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(233, 233, 233, 0.5);
    text-align: center
}

.sidebar-issue-labels .manage .item {
    color: #8c92a4;
    display: block;
    padding: 0;
    height: 40px;
    line-height: 40px
}

.sidebar-issue-labels .manage .item:before {
    content: none
}

.sidebar-issue-labels .manage .item .item.filtered {
    display: none
}

.color-selector .color-box {
    width: 72px;
    margin: -2px;
    white-space: normal
}

.color-selector .color-box .label {
    margin: 2px;
    width: 14px;
    height: 14px;
    padding: 0;
    border-radius: 0;
    display: inline-block
}

.color-selector .color-box .label:hover {
    opacity: .5
}

.color-selector .ui.input {
    width: 68px
}

.color-selector .ui.input>input {
    padding: 2px;
    font-size: 12px
}

#git-issue-title {
    word-break: break-all;
    font-size: 20px;
    padding: 0
}

#git-issue-title .ui.header {
    color: #333333
}

#git-issue-title .list>.item:not(.header),
#git-issue-title .list #git-issue-edit .list>.item:not(.header) {
    font-size: 0.85rem;
    color: #999999
}

#git-issue-title .list .dropdown ul.menu {
    margin: 0;
    padding: 0
}

#git-issue-content textarea {
    font-family: 'microsoft yahei'
}

#git-issue-edit .inverted.black {
    margin-top: 1px
}

#git-issue-edit #edit-issue:hover {
    cursor: pointer;
    color: #4183c4
}

#git-issue-edit .ui.mini.buttons>.button {
    padding: 0.6em 0.8em;
    font-size: 0.7857rem
}

h4#git-comment-divider {
    border: none;
    text-align: right
}

h4#git-comment-divider a img {
    width: 1.5rem;
    height: 1.5rem
}

h4#git-comment-divider>span:first-child {
    display: inline-block;
    color: #333333
}

h4#git-comment-divider>span:last-child {
    text-align: right;
    font-size: 0.9rem;
    font-weight: normal;
    display: inline-block;
    color: #999999
}

#new-issue-form #issue_title {
    padding-right: 35px
}

#new-issue-form .related-issues-animation {
    margin-top: -31.4px;
    margin-right: 5px;
    z-index: 10
}

#new-issue-form .search-result-container {
    border: 1px solid #dce3e8;
    margin-bottom: 14px
}

#new-issue-form .search-result-container.hide-related .related-header {
    border-bottom: none
}

#new-issue-form .search-result-container.hide-related .related-content {
    display: none
}

#new-issue-form .search-result-container .related-header {
    padding: 10px 15px;
    border-bottom: 1px solid #dce3e8;
    background-color: #fcfcfc;
    color: #949494
}

#new-issue-form .search-result-container .related-header .hide-related-btn {
    color: #1f78d1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#new-issue-form .related-issue-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #dce3e8
}

#new-issue-form .related-issue-wrapper .issue-info {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px
}

#new-issue-form .related-issue-wrapper .issue-info .iconfont {
    float: left
}

#new-issue-form .related-issue-wrapper .issue-info .issue-title {
    width: 480px;
    float: left;
    margin-left: 10px
}

#new-issue-form .related-issue-wrapper .issue-info .issue-title a {
    color: #40485b;
    font-weight: bold
}

#new-issue-form .related-issue-wrapper .issue-info .issue-title a:hover {
    color: #005980
}

#new-issue-form .related-issue-wrapper .issue-info .issue-title .label {
    font-size: 12px;
    font-weight: normal;
    border-radius: 2px;
    line-height: 16px;
    padding: 1px 3px
}

#new-issue-form .related-issue-wrapper .issue-info .issue-created {
    width: 155px;
    float: right;
    text-align: right;
    color: #8c92a4;
    font-size: 12px
}

#new-issue-form .related-issue-wrapper .issue-desc {
    margin-left: 24px;
    padding-bottom: 10px;
    color: #8c92a4;
    font-size: 12px
}

#new-issue-form .related-issue-wrapper .issue-desc a {
    color: #8c92a4
}

#new-issue-form .related-issue-wrapper .issue-desc a:hover {
    color: #005980
}

#new-issue-form .related-issue-wrapper .issue-desc .label {
    color: #8c92a4;
    padding: 0 5px;
    background: #f5f6f8;
    line-height: 18px;
    font-weight: normal
}

#new-issue-form .related-issue-wrapper:last-of-type {
    border-bottom: none
}

#new-issue-form .issue-sidebar-wrapper {
    padding-bottom: 3em;
    position: relative
}

#new-issue-form .issue-sidebar-wrapper.has-captcha {
    padding-bottom: 6em
}

#new-issue-form .issue-buttons-wrapper {
    right: 0;
    bottom: 1rem;
    width: 100%;
    padding: 0 1rem;
    position: absolute
}

#new-issue-form .ui.header {
    font-size: 1.143em;
    margin-bottom: 1.7143rem
}

#new-issue-form .button {
    font-weight: normal
}

#new-issue-form .ui.list label {
    font-weight: normal
}

#new-issue-form .ui.empty.circular.label,
#new-issue-form .ui.empty.circular.labels .label {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    width: .5em;
    height: .5em;
    display: inline-block;
    vertical-align: baseline
}

#new-issue-form .ui.form .md-editor {
    min-height: 383px
}

#new-issue-form .ui.form .md-editor textarea {
    height: 400px !important;
    overflow-y: auto !important;
    border: 0;
    margin: 0
}

#new-issue-form .pull-right {
    text-align: right
}

#new-issue-form .input-time-range {
    display: inline-block;
    vertical-align: middle
}

#new-issue-form .input-time-range .ui.input {
    width: 162px;
    vertical-align: middle
}

#new-issue-form .captcha.image {
    cursor: pointer;
    height: 32px;
    width: auto;
    border: 1px solid #dce3e8;
    border-radius: 2px
}

#new-issue-form .check-captcha input {
    width: 150px;
    height: 32px
}

#new-issue-form #statu_captcha.checkmark {
    color: #6cc644
}

#new-issue-form #statu_captcha.remove {
    color: red
}

#new-issue-form .captcha-wrapper {
    display: table
}

#new-issue-form .captcha-wrapper>img.captcha {
    display: table-cell;
    min-width: 134px
}

#new-issue-form .captcha-wrapper>.input {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-left: .650em
}

#new-issue-form .issue-buttons {
    padding-top: 11px
}

#git-milestones {
    padding-top: 8px
}

#git-milestones .git-issues-panel {
    margin-top: 2px !important
}

#git-milestones .filters-wrapper .mini.circular.label {
    background: #f2f4f8 !important
}

#git-milestones .ui.grid>.column:first-child {
    padding-left: 0
}

#git-milestones .ui.grid>.column:last-child {
    padding-right: 0
}

#git-milestones .text-muted {
    font-weight: normal;
    font-size: 14px;
    color: #8c92a4
}

#git-milestones .progress-container {
    width: 500px !important;
    display: inline-block
}

#git-milestones .progress {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0rem 0 0 0;
    border-radius: 1rem;
    width: 100%;
    height: 16px
}

#git-milestones .progress .bar {
    display: inline-block;
    border-radius: 1rem;
    min-width: 0 !important;
    height: 16px;
    text-align: center
}

#git-milestones .progress .bar span {
    line-height: 16px;
    font-size: 12px;
    color: #fff
}

#git-milestones .progress .issue-bar {
    background-color: #4baf50
}

#git-milestones .progress .pr-bar {
    background-color: #89c5ff
}

#git-milestones .progress .issue-bar+.pr-bar {
    border-radius: 0
}

#git-milestones .progress .value {
    position: absolute;
    top: -2px;
    right: 10px;
    z-index: 10;
    font-size: 12px;
    color: #40485b;
    font-weight: 500
}

#git-milestones .progress .border-radius-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

#git-milestones .progress .border-radius-right-1rem {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important
}

#git-milestones .milestone-action {
    font-size: 14px;
    width: 30%;
    text-align: right
}

#git-milestones .milestone-action a {
    margin: 0 2px
}

#git-milestones .milestone-action a:first-child {
    margin-left: 0
}

#git-milestones .milestone-action a:last-child {
    margin-right: 0
}

#git-milestones .milestone-action .ui.popup {
    padding: 0
}

#git-milestones .milestones-container {
    padding: 0px;
    padding-top: 0;
    border: none
}

#git-milestones .milestones-container .milestones-return-list {
    color: #8c92a4
}

#git-milestones .milestones-container .ui.header {
    padding-top: 1.7143rem;
    padding-bottom: 1.7143rem;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.143em
}

#git-milestones .milestones-container .ui.header .label {
    margin-top: -2px;
    margin-left: 0px
}

#git-milestones .milestones-container .ui.header .milestone-title {
    font-size: 18px;
    color: #005980
}

#git-milestones .milestones-container .milestone-content .row {
    padding: 0;
    padding-top: 15px
}

#git-milestones .milestones-container .milestone-content .row .column:first-child {
    padding-left: 0
}

#git-milestones .milestones-container .milestone-content .row .column:last-child {
    padding-right: 0
}

#git-milestones .milestones-container .milestone-content li {
    list-style: inherit
}

#git-milestones .milestones-container #submit-buttons .button {
    height: 32px;
    line-height: 1.143
}

#git-milestones .milestones-container #submit-buttons .button:last-child {
    margin-right: 0
}

#git-milestones .milestones-container #submit-buttons .button.orange {
    border: 1px solid #fe7300
}

#git-milestones .milestones-container #submit-buttons .button.disabled {
    border: 1px solid #dcddde !important
}

#git-milestones .milestones-container .date-input-field {
    width: 230px;
    position: relative;
    display: inline-block;
    padding: 8px 10px;
    margin: 0;
    border-radius: 2px;
    border: 1px solid #e3e9ed;
    line-height: 1.143;
    cursor: pointer
}

#git-milestones .milestones-container .date-input-field:hover {
    border-color: #b5babd
}

#git-milestones .milestones-container .date-input-field .dropdown.icon {
    float: right
}

#git-milestones .milestones-container .date-input-field input {
    padding: 0px;
    border: 0;
    background: transparent !important;
    width: 80px;
    cursor: pointer;
    float: right;
    text-align: right;
    color: #808080 !important
}

#git-milestones .milestones-container .date-input-field .add-on {
    top: -3px;
    left: 0;
    opacity: 0;
    position: absolute
}

#git-milestones .milestones-container .new-issue {
    padding: 6px 7px
}

#git-milestones .milestones-container .btn-cancel {
    margin-right: 20px
}

#git-milestones .milestones-container+.milestones-container {
    margin-top: 30px
}

#git-milestones .milestones-header {
    margin-top: -20px
}

#git-milestones #milestone-header {
    padding: 0;
    height: 48px;
    background: #fcfcfc
}

#git-milestones .milestones-detail {
    width: 100%
}

#git-milestones .milestones-detail .align-items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#git-milestones .milestones-detail .flex-shrink0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#git-milestones .milestones-detail .left-content {
    width: 888px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#git-milestones .milestones-detail .milestone-meta {
    padding-bottom: 8px
}

#git-milestones .milestones-detail .milestone-meta .time-info {
    margin-top: 8px
}

#git-milestones .milestones-detail .milestone-name {
    width: 660px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.8)
}

#git-milestones .milestones-detail .milestone-name .ui.label {
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -1px
}

#git-milestones .milestones-detail .more-menu {
    margin-right: 8px;
    width: 40px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #dce3e8;
    color: #8c92a4
}

#git-milestones .milestones-detail .milestone-description {
    font-size: 16px;
    font-weight: 400;
    color: #40485b;
    line-height: 26px
}

#git-milestones .milestones-detail .pointing.menu .item {
    min-width: 120px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #40485b
}

#git-milestones .milestones-detail .pointing.menu .item:not(.active):active {
    border-bottom: none
}

#git-milestones .milestones-detail .pointing.menu .item.active {
    font-weight: 600;
    color: #fe7300
}

#git-milestones .milestones-detail .pointing.menu .item.active .ui.mini.circular.label {
    color: #fe7300;
    background: rgba(254, 115, 0, 0.2)
}

#git-milestones .milestones-detail .milestones-detail-body .issue-wrapper .author_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-milestones .milestones-detail .milestones-detail-body .git-issue-participates {
    width: 280px
}

#git-milestones .milestones-detail .milestones-detail-body .ui.menu.issues-pr {
    margin-top: 36px;
    margin-bottom: -2px
}

#git-milestones .milestones-detail .milestones-detail-body .time-timeago-wrapper {
    width: 80px
}

#git-milestones .milestones-detail .milestones-detail-body .right-sidebar {
    margin-left: 48px
}

#git-milestones .milestones-detail .milestones-detail-body .right-sidebar .title {
    font-size: 16px;
    font-weight: 600;
    color: #40485b;
    line-height: 22px
}

#git-milestones .milestones-detail .milestones-detail-body .right-sidebar .chart-name {
    font-size: 14px;
    font-weight: 500;
    color: #40485b;
    line-height: 20px
}

#git-milestones .milestones-detail .milestones-detail-body .chart-item .chart {
    width: 400px;
    height: 150px
}

#git-milestones .milestones-detail .filters-wrapper {
    margin-bottom: 0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dededf, inset 0px -1px 0px 0px #dededf;
    box-shadow: inset 0px 1px 0px 0px #dededf, inset 0px -1px 0px 0px #dededf;
    border-radius: 0;
    background-color: #fcfcfc;
    height: 48px;
    line-height: 48px
}

#git-milestones .milestones-detail .filters-wrapper .item {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4;
    background: none
}

#git-milestones .milestones-detail .filters-wrapper .item.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
    color: #333
}

#git-milestones .milestones-detail .filters-wrapper .item:before {
    width: 0;
    content: ""
}

#git-milestones .milestones-detail .git-issue-participates {
    margin-top: 24px
}

#git-milestones #git-milestones-list .item {
    padding: 14px 16px;
    border-bottom: 1px solid #ddd
}

#git-milestones #git-milestones-list .item .header {
    margin-bottom: 0
}

#git-milestones #git-milestones-list .item .header .label {
    margin-top: -2px;
    margin-left: 0px
}

#git-milestones #git-milestones-list .item .header a {
    font-size: 14px;
    font-weight: normal
}

#git-milestones #git-milestones-list .item:last-child {
    border: none
}

#git-milestones #git-milestones-list .blank-message-notice {
    padding: 60px 24px;
    text-align: center
}

#git-milestones #git-milestones-list .blank-message-notice .icon {
    font-size: 40px;
    margin-bottom: 1rem;
    color: #d6d6d6
}

#git-milestones #git-milestones-list .milestone-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    min-height: 80px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: none;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(233, 233, 233, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(233, 233, 233, 0.5)
}

#git-milestones #git-milestones-list .milestone-item .milestone-item__header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

#git-milestones #git-milestones-list .milestone-item .milestone-item__header>.left,
#git-milestones #git-milestones-list .milestone-item .milestone-item__header>.right {
    width: 50%
}

#git-milestones #git-milestones-list .milestone-item .milestone-item__header>.right {
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-milestones #git-milestones-list .milestone-item .milestone-item__header .milestone-name {
    font-size: 16px;
    color: #40485b;
    line-height: 22px;
    font-weight: 600
}

#git-milestones #git-milestones-list .milestone-item .bottom-info {
    width: 100%;
    margin-top: 10px
}

#git-milestones #git-milestones-list .milestone-item:hover {
    background: #f6f6f6
}

#git-milestones #git-milestones-list .blankslate-spacious {
    padding: 160px 40px 200px
}

#git-milestones #user-list {
    padding: 0 1em 1em 1em
}

#git-milestones #user-list .header {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 8px 15px 8px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

#git-milestones #user-list .user {
    display: inline-block;
    text-align: center;
    width: 9% !important;
    padding-top: 2px;
    padding-bottom: 10px
}

#git-milestones #user-list .user-name {
    margin-top: 3px;
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    text-overflow: clip
}

#git-milestones #user-list .user-avatar .avatar {
    width: 30px;
    height: 30px
}

#git-milestones #milestones-index-menu {
    background: #fcfcfc;
    border-radius: 0;
    width: 100%
}

#git-milestones #milestones-index-menu .item.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    font-weight: bold
}

#git-milestones #milestones-index-menu .item:hover {
    background: transparent !important
}

#git-milestones #milestone-form textarea:focus {
    border: none
}

#git-milestones #milestone-form .row-one #milestone_title {
    width: 800px
}

#git-milestones #milestone-form .row-one .date-input-field {
    width: 382px;
    margin-left: 16px;
    padding: 0 10px
}

#git-milestones #milestone-form .row-one .date-input-field .dropdown.iconfont {
    margin-left: 8px
}

#git-milestones #milestone-form .row-one #milestone_title,
#git-milestones #milestone-form .row-one .date-input-field,
#git-milestones #milestone-form .row-one .date-input-field * {
    height: 40px;
    line-height: 40px
}

#git-milestones #milestone-form .menu-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#git-milestones #milestone-form .menu-bottom .submit-btn {
    margin-right: 0
}

#git-milestones .git-issues-tab {
    margin: 0;
    height: 60px;
    line-height: 60px;
    -webkit-box-shadow: none;
    box-shadow: none
}

#git-milestones .git-issues-tab #git-milestone-create {
    height: 32px
}

#git-milestones .gray {
    color: #8c92a4
}

#git-milestones .grey {
    background: #999fb0 !important
}

#git-milestones .gray-line {
    color: #dce3e8
}

#git-milestones .black {
    color: #40485b
}

.milestone-progress-detail {
    min-width: 88px;
    margin: 0;
    text-align: left;
    font-size: 12px
}

.milestone-progress-detail p {
    text-align: left;
    padding: 0 10px;
    margin: 8px 0
}

.milestone-progress-detail p:first-child {
    margin-top: 0;
    padding-top: 8px;
    height: 32px;
    font-size: 12px;
    font-weight: 600;
    color: #40485b;
    line-height: 17px;
    -webkit-box-shadow: inset 0px -1px 0px 0px #dce3e8;
    box-shadow: inset 0px -1px 0px 0px #dce3e8
}

#git-issue .anchor {
    top: -46px;
    position: absolute;
    visibility: hidden
}

.ui.comments {
    max-width: 100%
}

.ui.comments .comment-activity {
    padding-left: 15px
}

.ui.comments .comment-activity-content {
    padding: 15px 0;
    white-space: nowrap;
    border-left: 2px solid #eee
}

.ui.comments .comment-activity-content .header {
    color: #40485b
}

.ui.comments .comment-activity-content .header a {
    color: #005980 !important
}

.ui.comments .comment-activity-content .header a:hover {
    color: #4c8aa6 !important
}

.ui.comments .comment-activity-content .header a:active {
    color: #003e59 !important
}

.ui.comments .comment-activity-content .description {
    color: #40485b;
    position: relative;
    padding-right: 50px
}

.ui.comments .comment-activity-content .description a {
    color: #40485b !important
}

.ui.comments .comment-activity-content .description a:hover {
    color: #797e8c !important
}

.ui.comments .comment-activity-content .description a:active {
    color: #2c323f !important
}

.ui.comments .comment-activity-content>.content {
    white-space: normal;
    display: inline-block;
    vertical-align: middle
}

.ui.comments .comment-activity-content>.iconfont {
    margin: 0 0 0 -17px;
    padding-top: 0.1rem;
    padding-right: 1em;
    display: inline-block;
    vertical-align: middle
}

.ui.comments .comment-activity-content>.iconfont:before {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
    display: inline-block;
    border: 1px solid #8c92a4;
    background: #fff !important
}

.ui.comments .comment-activity-content .icon-issue-closed {
    color: #f14333
}

.ui.comments .comment-activity-content .icon-issue {
    color: #4baf50
}

.ui.comments .comment-activity-content .icon-issue-started {
    color: #8c92a4
}

.ui.comments .comment-activity-content .icon-issue-approved {
    color: #fe7300
}

.ui.comments .checkbox.cion,
.ui.comments .radio.icon {
    padding: 0;
    min-height: 0
}

.ui.comments .comment {
    margin: 0;
    position: relative;
    padding: 1rem 0;
    -webkit-box-shadow: inset 0px 0px 0px 0px;
    box-shadow: inset 0px 0px 0px 0px
}

.ui.comments .comment:first-child {
    margin-top: -1rem;
    padding-top: 1rem
}

.ui.comments .comment-activity+.comment {
    margin-top: -1px;
    border-top: 1px solid rgba(222, 222, 223, 0.5)
}

.ui.comments .comment-activity:last-child {
    border-bottom: 2px solid #eee
}

.ui.comments .comment-activity:last-child .comment-activity-content {
    border-bottom: 0
}

.ui.comments .comment-activity .status-label {
    right: 0;
    top: -0.5em;
    position: absolute
}

.ui.comments .comment-activity .status-label .ui.label {
    font-weight: normal;
    font-size: smaller;
    padding: 0 0.6em;
    line-height: 2.4em
}

.ui.comments .comment-activity .status-label .ui.blue.label {
    background-color: #2185d0 !important;
    border-color: #2185d0 !important
}

.ui.comments .comment-activity .status-label i.octicon,
.ui.comments .comment-activity .status-label i.icon {
    font-size: 16px;
    margin: 0em 0.4em 0em 0em
}

.arrow_box {
    position: relative;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 3px
}

.arrow_box:after,
.arrow_box:before {
    right: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #f7f7f7;
    border-width: 6px;
    margin-top: -6px
}

.arrow_box:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 7px;
    margin-top: -7px
}

.field.row {
    height: 50px;
    margin: auto
}

#git-issues .row:before {
    -webkit-box-shadow: 0px -1px 0px 0px rgba(194, 197, 200, 0.15);
    box-shadow: 0px -1px 0px 0px rgba(194, 197, 200, 0.15)
}

.issue-list.mobile {
    padding: 20px
}

.ui.attached.segment.issue-list {
    padding: 0;
    margin-bottom: 1rem
}

.issue-list>.message {
    padding: 60px 24px;
    text-align: center
}

.issue-list>.message .icon {
    font-size: 40px;
    margin-bottom: 1rem;
    color: #d6d6d6
}

.issue-list .issue-wrapper {
    width: 100%;
    min-height: 80px;
    padding: 14px;
    display: table;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(220, 227, 232, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(220, 227, 232, 0.5);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.issue-list .issue-wrapper .issue-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.issue-list .issue-wrapper .issue-labels .ui.label {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.issue-list .issue-wrapper .top-level-label {
    border: 1px solid transparent
}

.issue-list .issue-wrapper .issue-checkbox {
    margin-right: 10px
}

.issue-list .issue-wrapper .other-info-row {
    margin-top: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.issue-list .issue-wrapper .issue-list-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.issue-list .issue-wrapper .issue-list-right .right-item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.issue-list .issue-wrapper .porject-name {
    color: #8c92a4;
    display: table-row
}

.issue-list .issue-wrapper .porject-name .iconfont {
    margin-right: 4px
}

.issue-list .issue-wrapper .porject-name .to-issue * {
    font-size: 14px;
    color: #8c92a4;
    font-weight: 600
}

.issue-list .issue-wrapper:hover {
    background: #fafafb
}

.issue-list .issue-icon,
.issue-list .issue-info {
    display: table-cell
}

.issue-list .issue-icon {
    margin-right: 10px
}

.issue-list .issue-icon .iconfont.project-icon.iconfont.icon-lock {
    color: #1283ba
}

.issue-list .issue-info {
    color: #8c92a4;
    width: 100%;
    font-size: 1rem;
    line-height: 1.43;
    margin-left: 0.7rem
}

.issue-list .issue-info .small.label {
    font-size: 12px;
    font-weight: normal;
    border-radius: 2px;
    line-height: 16px;
    padding: 1px 2px;
    vertical-align: text-top
}

.issue-list .issue-info a {
    color: #8c92a4
}

.issue-list .issue-info a:hover {
    color: #005980
}

.issue-list .issue-info .text-muted {
    color: #8c92a4
}

.issue-list .issue-info .text-muted a {
    color: #8c92a4
}

.issue-list .issue-info .text-muted a:hover {
    color: #005980
}

.issue-list .issue-info .issue-title {
    line-height: 28px
}

.issue-list .issue-info .issue-title>h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline;
    font-weight: 500;
    font-size: 16px
}

.issue-list .issue-info .issue-title>h3 a:hover {
    color: #1283ba
}

.issue-list .issue-info .issue-title>h3 a {
    color: #005980
}

.issue-list .issue-info .issue-title>h3 .security-hole-title {
    color: #8c92a4 !important
}

.issue-list .issue-info .issue-title>h3 .title {
    color: #40485b;
    text-shadow: 0px 0px 0px #f6f6f6
}

.issue-list .issue-info .issue-title .icon,
.issue-list .issue-info .issue-title .octicon {
    width: 1.2em;
    text-align: center
}

.issue-list .issue-info .issue-title a {
    color: #587284
}

.issue-list .issue-info .issue-title a:hover {
    color: #8a9ca8
}

.issue-list .issue-info .issue-title a:active {
    color: #3d4f5c
}

.issue-list .issue-info .issue-desc .issue-ident {
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    padding: 0 4px;
    font-weight: normal;
    vertical-align: text-top;
    cursor: pointer;
    color: #8c92a4;
    background: #f5f6f8
}

.issue-list .issue-info .issue-desc .time-timeago-wrapper {
    margin-left: 16px;
    width: 120px;
    text-align: right
}

.issue-list .issue-info .issue-desc .author {
    max-width: 230px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.issue-list .issue-info .issue-desc .issue-reward {
    margin: 0 8px;
    padding: 2px 7px;
    color: #e8aa3d;
    font-size: 13px;
    border-radius: 10px;
    background: #fff2d6;
    display: inline
}

.issue-list .issue-info .issue-desc .issue-reward .iconfont {
    font-size: 14px;
    line-height: 1;
    vertical-align: baseline
}

.issue-list .issue-info .issue-assignee .image {
    margin-right: 8px
}

.issue-list .issue-info .issue-assignee a {
    color: #40485b
}

.issue-list .issue-info .issue-assignee a:hover {
    color: #005980
}

.issue-list .issue-info .issue-desc .small.label {
    font-weight: bold;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 8px 0 8px
}

.issue-list .issue-info:last-child {
    border: 0
}

.issue-list .issue-info.issue-state-open .issue-title {
    font-weight: bold
}

.issue-labels .label {
    margin: 1px 2px 1px 0;
    padding: 2px 5px;
    font-weight: normal;
    font-size: smaller;
    line-height: 1rem
}

.issue-labels .label .icon.close {
    opacity: 0.8
}

.issue-labels .label .icon.close:hover {
    opacity: 0.5
}

.issue-labels .text-white .icon.close {
    color: #fff
}

.issue-label-item {
    margin: 0 !important;
    margin-right: 16px !important;
    padding: 2px 0px !important;
    font-weight: 500;
    font-size: 14px !important;
    background-color: transparent
}

.issue-label-item .icon-msg-fail {
    line-height: unset !important;
    margin-top: 3px;
    color: #c9c9c9;
    cursor: pointer;
    font-size: 12px
}

.issue-label-item .icon-msg-fail:hover {
    opacity: 0.5
}

.issue-label-item .icon-tag {
    vertical-align: middle;
    margin-top: 2px;
    font-size: 14px
}

.issue-label-item .text {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 500;
    font-family: PingFangSC-Medium, PingFang SC
}

.issue-label-item .text-white .icon.close {
    color: #fff
}

.issue-title .issue-label-item:first-of-type {
    margin-left: 4px !important
}

#git-issues-tab>.column:first-child {
    padding-left: 0
}

#git-issues-tab>.column:last-child {
    padding-right: 0;
    padding-left: 2em
}

#git-issues-tab .issue-segment {
    margin: 0;
    border: none;
    padding: 0
}

#cherry-pick__modal .ui.dropdown.loading .icon {
    margin-top: -5px
}

.issue-info .octicon-issue-closed:before,
#git-issues-filter .octicon-issue-closed:before {
    color: #dc0303
}

.issue-info .check.circle.icon,
#git-issues-filter .check.circle.icon {
    color: #26a69a
}

.issue-info .radio.icon,
#git-issues-filter .radio.icon {
    color: #f26202
}

.commenter-role-label {
    padding: 2px 4px;
    font-size: 12px;
    border: 1px solid;
    border-radius: 4px;
    margin-left: 5px;
    cursor: default
}

.commenter-role-label.comment-from-branch-name {
    color: #2e6da4;
    border-color: #7687ab
}

.commenter-role-label.member {
    color: #1678c2;
    border-color: #8abade
}

.commenter-role-label.owner {
    color: #21ba45;
    border-color: #9bd4a9
}

.code-review-label {
    padding: 2px 4px;
    font-size: 12px;
    border: 1px solid;
    border-radius: 4px;
    margin-left: 8px;
    cursor: default
}

.code-review-label.pending {
    color: #fe7300;
    border-color: #fe7300
}

.code-review-label.assess {
    color: #d92b2f;
    border: 1px solid rgba(217, 44, 47, 0.2)
}

.operate-logs.ui.list {
    height: 2em;
    line-height: 1.43;
    position: relative;
    overflow: hidden;
    color: #8c92a4;
    margin-bottom: 1.43em !important;
    margin-top: .5714em
}

.operate-logs.ui.list .icon {
    color: #aaa;
    width: 18px
}

.operate-logs.ui.list .log-diff-box {
    padding-left: 24px
}

.operate-logs.ui.list>.item {
    padding: .2857em 0 !important
}

.operate-logs.ui.list>.item a {
    color: #8c92a4 !important
}

.operate-logs.ui.list>.item a:hover {
    color: #aeb2bf !important
}

.operate-logs.ui.list>.item a:active {
    color: #626672 !important
}

.operate-logs.ui.list>.item .content {
    line-height: 1.43
}

.operate-logs.ui.list>.item .btn-diff-view {
    color: #005980 !important
}

.operate-logs.ui.list>.item .btn-diff-view:hover {
    color: #1283ba !important
}

.operate-logs.ui.list>.item .btn-diff-view:active {
    color: #40485b !important
}

.operate-logs.ui.list>.item .force-push-code {
    color: #fff;
    margin: -2px 0;
    padding: 0px 2px;
    display: inline-block;
    border-radius: 3px;
    background: #d92b2f;
    font-weight: normal
}

.operate-logs.ui.list .btn-logs-detail,
.operate-logs.ui.list .btn-hide-logs-detail {
    bottom: 0;
    right: 0;
    position: absolute;
    line-height: 2em;
    cursor: pointer;
    background: #fff
}

.operate-logs.ui.list .btn-logs-detail::before,
.operate-logs.ui.list .btn-hide-logs-detail::before {
    top: 0;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: ' ';
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.operate-logs.ui.list .btn-hide-logs-detail {
    display: none
}

.operate-logs.ui.list.detail-mode {
    height: auto;
    padding-bottom: 2rem
}

.operate-logs.ui.list.detail-mode .btn-hide-logs-detail {
    display: block
}

.operate-logs.ui.list.detail-mode .btn-logs-detail {
    display: none
}

.operate-logs.ui.list .timeago {
    margin-left: 6px
}

.ui.comments.comments.issue-main-comment {
    margin-bottom: 0.5em
}

.issue-edit-panel .ui.dropdown>.text>img.avatar.image {
    margin-top: -4px;
    margin-bottom: -4px
}

.issue-edit-panel .author_link.avatar img {
    border-radius: 50%;
    margin-right: 0.5em
}

.form-with-gravatar .avatar,
.common-note-form .avatar {
    width: 30px;
    height: 30px
}

.form-with-gravatar .comment-form,
.common-note-form .comment-form {
    margin-bottom: 20px
}

.form-with-gravatar .actions .button,
.common-note-form .actions .button {
    margin-left: 10px;
    min-width: 105px
}

.issue.segment {
    padding: 1.7143em
}

.issue.segment .ui.header {
    margin: 0 0 1rem 0
}

.issue.segment .issue-title-form {
    font-size: 1rem;
    font-weight: normal
}

.issue.segment .issue-number {
    font-weight: normal;
    color: #8c92a4;
    font-family: consolas, Courier, "MS Courier New", monospace;
    margin-left: 8px
}

.issue.segment .issue-comments-header .iconfont {
    font-weight: normal
}

.issue.segment .issue-info {
    margin-bottom: 1em
}

.issue.segment .issue-info a {
    color: #40485b
}

.issue.segment .issue-info a:hover {
    color: #797e8c
}

.issue.segment .issue-info a:active {
    color: #2c323f
}

.issue.segment .issue-description,
.issue.segment .issue-description-form {
    margin-bottom: 2.57em
}

.issue.segment .issue-participates {
    color: #8c92a4
}

.issue.segment .issue-participates .avatar {
    width: 18px;
    height: 18px;
    margin: 0
}

.issue.segment .comment-form .md-input {
    border: 0
}

.issue.segment .divider {
    width: 100%;
    height: 1px;
    background: rgba(222, 222, 223, 0.5)
}

.issue.segment .divider.header-divider {
    margin-bottom: 14px
}

.issue.segment .author.avatar>img {
    width: 28px;
    height: 28px
}

.issue.segment .form-with-gravatar {
    margin-top: 36px
}

.issue.segment .ui.dimmer {
    z-index: 10
}

.ui.grid.issue-buttons {
    margin-top: 1.7143rem;
    margin-bottom: -5px;
    margin-left: -5px;
    margin-right: -5px
}

.ui.grid.issue-buttons .column {
    padding: 5px
}

#issue-attach-files .issue-files {
    margin-top: 6px
}

#issue-attach-files .issue-files span.timeago {
    margin-left: 6px
}

#issue-attach-files .issue-files .download-file,
#issue-attach-files .issue-files .file-preview {
    margin-left: 6px
}

#issue-attach-files .issue-files .file-name {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#issue-attach-files .issue-files .issue-file {
    margin-bottom: 4px
}

#issue-attach-files .issue-files .issue-file .issue-file-download-url {
    max-width: 60%;
    margin: 0 6px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#issue-attach-files .issue-files .issue-file i.icon-annex,
#issue-attach-files .issue-files .issue-file #issue-file-size,
#issue-attach-files .issue-files .issue-file span {
    color: #8c92a4
}

#issue-attach-files .remove-issue-file {
    position: relative;
    top: 1px;
    left: 6px
}

#issue-attach-files span.attachments-head {
    font-weight: bold
}

#issue-attach-files .issue-attachment-upload {
    width: 78px;
    height: 18px;
    opacity: 0;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    margin-left: -78px
}

#issue-attach-files .issue-attachment-upload input#upload-file {
    cursor: pointer;
    position: relative;
    right: 100px
}

.issue-buttons .fixed-padding-width {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.issue-buttons #btn-save-issue {
    margin-top: 1rem
}

.issue-buttons #btn-cancel-edit-issue {
    margin-top: 1rem
}

.security-hole-container {
    position: relative;
    margin-bottom: 16px
}

.security-hole-container .title .icon-warning {
    color: #ffab00;
    margin-top: 0.5px;
    margin-right: 4px
}

.search-history-list-wrapper {
    width: 300px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0px 0px 2px 2px;
    font-size: 14px
}

.search-history-list-wrapper .item {
    width: 100%;
    height: 44px;
    padding: 12px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(140, 146, 164, 0.25);
    box-shadow: 0px -1px 0px 0px rgba(140, 146, 164, 0.25);
    font-weight: 400;
    color: #40485b;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-history-list-wrapper .item:not(.item-title):hover {
    color: #303643;
    background: #f1f1f1
}

.search-history-list-wrapper .item-title {
    color: #8c92a4;
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-history-list-wrapper .clear-btn {
    cursor: pointer
}

.bread-nav-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8c92a4;
    font-size: 14px;
    margin-bottom: 24px;
    font-weight: 400
}

.bread-nav-wrapper .active {
    color: #40485b;
    font-weight: bold
}

.single-comment-wrapper {
    width: 100%;
    padding: 12px 12px 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.single-comment-wrapper .header>.left {
    line-height: 32px
}

.single-comment-wrapper .header .comment-menu-more {
    padding: 0;
    color: #8c92a4;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.single-comment-wrapper .header .comment-menu-more:hover {
    color: rgba(140, 146, 164, 0.7)
}

.single-comment-wrapper .header .username {
    margin-top: -4px;
    font-size: 16px;
    font-weight: 600;
    color: #40485b
}

.single-comment-wrapper .header .replay .username {
    margin-top: -4px
}

.single-comment-wrapper .header .replay .text {
    margin-top: -4px;
    margin-left: 4px;
    margin-right: 4px
}

.single-comment-wrapper .header .head-img {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.single-comment-wrapper .header .timeago {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    margin-top: -3px;
    font-size: 12px;
    font-weight: 400;
    color: #8c92a4
}

.single-comment-wrapper .header .commenter-role-label {
    height: 24px;
    line-height: 20px
}

.single-comment-wrapper .content-body {
    margin-top: -1px
}

.single-comment-wrapper .content-body .note-content {
    word-break: break-word;
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    line-height: 20px
}

.single-comment-wrapper .bottom.menu,
.single-comment-wrapper .content-body {
    padding-left: 42px
}

.single-comment-wrapper .comment-reaction-wrapper {
    margin-top: 12px
}

.single-comment-wrapper .comment-reaction-wrapper .iconfont {
    margin-top: 1px;
    color: #8c92a4
}

.single-comment-wrapper .comment-reaction-wrapper .text {
    font-size: 12px;
    color: #8c92a4
}

.single-comment-wrapper .reactions-list {
    margin-top: 12px
}

.single-comment-wrapper .reactions-list:empty {
    margin-top: 0
}

.single-comment-wrapper .arrow_box {
    border: none
}

.single-comment-wrapper .arrow_box:after,
.single-comment-wrapper .arrow_box:before {
    content: none
}

.single-comment-wrapper.comment-focus {
    border-top: unset;
    background: #ffffff;
    border: 1px solid rgba(254, 116, 0, 0.4);
    -webkit-box-shadow: 0 0 6px 2px rgba(254, 116, 0, 0.25);
    box-shadow: 0 0 6px 2px rgba(254, 116, 0, 0.25);
    border-radius: 4px;
    padding: 16px
}

.single-child-comment-wrapper .single-comment-wrapper {
    margin-left: 42px;
    width: 806px
}

.single-child-comment-wrapper .single-comment-wrapper:first-child {
    border-bottom: none
}

#notes-list .list-item {
    border-top: 1px solid #dce3e8
}

#notes-list .username,
.issue-files .username {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#notes-list>.operate-logs-list:first-of-type {
    border-top: none
}

#notes-list>.operate-logs-list:first-of-type:before {
    top: unset;
    height: calc(100% - 70px / 2)
}

#notes-list>.operate-logs-list:last-of-type {
    border-bottom: 1px solid #dce3e8
}

#notes-list .single-comment-group-wrapper:last-child .list-item:last-of-type {
    border-bottom: 1px solid #dce3e8
}

.operate-logs-list {
    height: 70px;
    position: relative;
    padding: 24px 8px;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.operate-logs-list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.operate-logs-list .item .content {
    margin-left: 32px
}

.operate-logs-list .item .content .right-loginfo {
    line-height: 22px;
    word-break: break-all
}

.operate-logs-list .item .content>span {
    vertical-align: middle
}

.operate-logs-list .item .userinfo {
    display: inline-block
}

.operate-logs-list .item .userinfo .username {
    display: inline-block;
    vertical-align: middle;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    color: #40485b
}

.operate-logs-list .item .head-img {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle
}

.operate-logs-list .item .timeago {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #8c92a4
}

.operate-logs-list .item .icon {
    position: absolute;
    left: 1px;
    top: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: auto;
    color: #cad6de;
    background: white
}

.operate-logs-list .item b {
    margin-left: 4px;
    margin-right: 4px
}

.operate-logs-list .item .btn-diff-view {
    margin-left: 8px
}

.operate-logs-list .item .issue-label-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0 !important
}

.operate-logs-list>.item:first-child {
    width: 95%
}

.operate-logs-list .item:nth-of-type(n+2) {
    margin-top: 28px
}

.operate-logs-list .fold-arrow+.item {
    margin-top: 0
}

.operate-logs-list:before {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    top: 0px;
    bottom: 0;
    width: 1px;
    background: #dce3e8;
    z-index: -1
}

.operate-logs-list .fold-arrow {
    position: absolute;
    right: 6px;
    top: 24px;
    cursor: pointer;
    color: #005980;
    font-size: 14px
}

.operate-logs-list .fold-arrow .iconfont {
    color: #005980;
    margin-top: 2px;
    font-size: 12px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.operate-logs-list .fold-arrow .iconfont:hover {
    opacity: 0.7
}

.operate-logs-list .rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.operate-logs-list .rotate_negative_90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.operate-logs-list .icon-more-circle {
    margin-top: 2px
}

.git-issue-editing .git-issue-participates {
    display: none !important
}

.git-issue-participates {
    margin-top: 62px;
    margin-bottom: 8px
}

.git-issue-participates .title {
    margin-bottom: 16px;
    font-weight: bold
}

.git-issue-participates .participates-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.git-issue-participates .participates-list .participant-item {
    width: 32px;
    height: 32px;
    margin: 0 16px 16px 0;
    border-radius: 50%
}

.git-issue-participates .participates-list .blocked-participate {
    width: auto;
    height: auto;
    background-color: transparent
}

.participates-list a:nth-of-type(6n) img {
    margin-right: 0 !important
}

.js-load-more-participates+.loader {
    width: 100%
}

#bound-modal .header {
    font-size: 14px;
    background: #f6f6f6
}

#bound-modal .content {
    font-size: 14px
}

#bound-modal .action.success .bound-osc-btn,
#bound-modal .action.success .bound-phone-btn {
    display: none !important
}

#bound-modal .action.success .bounded {
    display: block !important
}

#bound-modal .action .bounded {
    display: none
}

#bound-modal .action .iconfont {
    font-weight: 500
}

#bound-modal .action.success a,
#bound-modal .action.success .iconfont {
    color: #4baf50
}

#bound-modal .actions {
    padding: 8px 0;
    padding-right: 16px;
    background: #f6f6f6
}

#bound-modal .new-normal-issue {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #8c92a4;
    line-height: 17px
}

.issues-security-checkbox .tip-text {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4;
    line-height: 24px
}

.pull-request-comments .the-comment-group {
    border: 0;
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px) 1;
    border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px) 1
}

.pull-request-comments .the-comment-group:not(:last-child):before {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    height: 100%;
    border-left: 1px solid #dce3e8;
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
}

.pull-request-comments .the-comment-group:last-child {
    border: 0;
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px);
    border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px)
}

.pull-request-comments .the-comment-group.diff {
    -o-border-image: linear-gradient(to right, transparent 0, #dce3e8 0px);
    border-image: linear-gradient(to right, transparent 0, #dce3e8 0px)
}

.pull-request-comments .the-comment-group.diff .comment-diffs-wrapper.single-comment-group {
    margin-left: 42px
}

.pull-request-comments .single-comment-group {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pull-request-comments .single-comment-group .comment__body img.ent-avatar {
    width: 32px;
    height: 32px;
    margin-top: -5px
}

.pull-request-comments .single-comment-group .comment-unit-sub .comment-unit .avatar {
    margin-top: 1px !important
}

.pull-request-comments .single-comment-group .comment-unit-sub .comment-content {
    margin-left: 34px
}

.pull-request-comments .single-comment-group .comment-content {
    margin-left: 42px
}

.pull-request-comments .single-comment-group .reply-text {
    margin-left: 4px
}

.pull-request-comments .diffs-wrapper+.comment-unit {
    border-top: none !important
}

.pull-request-comments .diffs-wrapper {
    margin: 16px 16px 0
}

.pull-request-comments .common-note-form {
    margin-top: 16px
}

.pull-request-comments .comment.note.sub {
    margin-left: 48px
}

.pull-request-comments .comment-diffs-wrapper {
    margin-top: 16px;
    margin-left: 42px;
    padding-bottom: 8px;
    border-radius: 4px;
    border: 1px solid rgba(220, 227, 233, 0.5)
}

.pull-request-comments .operate-logs {
    position: relative;
    border: 0;
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(to right, transparent 39px, #dce3e8 39px) 1;
    border-image: linear-gradient(to right, transparent 39px, #dce3e8 39px) 1
}

.pull-request-comments .operate-logs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    height: 100%;
    border-left: 1px solid #dce3e8;
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
}

.pull-request-comments .operate-logs:last-child:before {
    -o-border-image: linear-gradient(to top, transparent 48px, #dce3e8 48px) 1;
    border-image: linear-gradient(to top, transparent 48px, #dce3e8 48px) 1
}

.pull-request-comments .operate-logs .btn-toggle {
    position: absolute;
    top: 15px;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

.pull-request-comments .operate-logs .btn-toggle.show .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pull-request-comments .operate-logs .btn-toggle:not(.show)~* {
    display: none
}

.pull-request-comments .operate-logs .operate-log {
    position: inherit;
    padding: 12px 0;
    padding-left: 5px;
    z-index: 1
}

.pull-request-comments .operate-logs .operate-log>i.icon {
    width: 24px;
    height: 24px;
    color: #FFF;
    outline: 4px solid #FFF;
    font-size: 12px;
    border-radius: 50%;
    vertical-align: middle;
    background: #CAD6DE;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left
}

.pull-request-comments .operate-logs .operate-log>.content {
    margin-left: 10px;
    width: 90%;
    display: inline-block
}

.pull-request-comments .operate-logs .operate-log>.content>* {
    vertical-align: middle
}

.pull-request-comments .operate-logs .operate-log>.content .user-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pull-request-comments .operate-logs .operate-log>.content .ui.label {
    padding: 0 !important
}

.pull-request-comments .operate-logs .operate-log>.content .ui.avatar.image {
    margin-right: 10px;
    width: 24px;
    height: 24px
}

.pull-request-comments .operate-logs .operate-log>.content .ui.avatar.image+span {
    vertical-align: middle;
    color: #40485b
}

.pull-request-comments .operate-logs .operate-log>.content .ui.avatar.image+span:hover {
    color: #797e8c
}

.pull-request-comments .operate-logs .operate-log>.content .ui.avatar.image+span:active {
    color: #2c323f
}

.pull-request-comments .operate-logs .operate-log>.content .code-owner {
    margin-left: 0 !important;
    margin-right: 8px !important
}

.pull-request-comments .operate-logs .operate-log>.content b {
    margin-left: 4px;
    margin-right: 4px
}

.pull-request-comments .operate-logs .operate-log>.content .timeago {
    margin-left: 8px;
    color: #8c92a4;
    font-size: 12px
}

.pull-request-comments .operate-logs .operate-log>.content .ui.label {
    margin-right: 4px !important
}

.pull-request-comments .operate-logs .operate-log>.content .force-push-code {
    color: #FFF;
    padding: 1px 2px;
    border-radius: 3px;
    background: #d92b2f
}

.pull-request-comments .operate-logs .operate-log>.content .push_log {
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(74, 144, 226, 0.1)
}

.pull-request-comments .operate-logs .operate-log>.content .check_test_pass {
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(75, 175, 80, 0.1)
}

.pull-request-comments .operate-logs .operate-log>.content .reset_test_pass {
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(254, 115, 0, 0.1)
}

#git-pull-requests-search+.right-side .ui.button {
    margin-left: 4px;
    display: inline
}

#git-pull-requests-search+.right-side .ui.basic.button {
    border: 1px solid #dce3e8;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

#git-pull-requests-search+.right-side .ui.basic.button .iconfont {
    color: #8c92a4
}

.pull-request__create-segment .branch-selector {
    margin-bottom: 18px;
    display: table
}

.pull-request__create-segment .branch-selector .branch-wrappper {
    width: 50%;
    display: table-cell
}

.pull-request__create-segment .branch-selector .branch-wrappper .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pull-request__create-segment .branch-selector .branch-wrappper .flex .floating.dropdown:first-child {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 100%;
    line-height: 21px
}

.pull-request__create-segment .branch-selector .branch-wrappper .flex .floating.dropdown:last-child {
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 21px
}

.pull-request__create-segment .branch-selector .branch-wrappper .flex .floating.dropdown:last-child .icon.dropdown {
    float: right;
    line-height: 1.6
}

.pull-request__create-segment .branch-selector .branch-wrappper .no-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
    max-width: 220px
}

.pull-request__create-segment .branch-selector .branch-wrappper .ui.dropdown.labeled {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 33px
}

.pull-request__create-segment .branch-selector .branch-wrappper .ui.dropdown.labeled .icon.dropdown {
    line-height: inherit
}

.pull-request__create-segment .branch-selector .branch-wrappper .ui.dropdown.labeled .label {
    margin-left: 0;
    margin-right: 6px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    border: 0;
    border-right: 1px solid #dce3e8;
    border-radius: 0;
    background: #F0F4F6
}

.pull-request__create-segment .branch-selector .branch-wrappper .ui.active.centered.inline.loader {
    margin: 1em auto
}

.pull-request__create-segment .branch-selector .branch-direction {
    width: 30px;
    padding: 0 1em;
    vertical-align: middle;
    display: table-cell
}

.pull-request__create-segment .branch-selector label {
    margin: 0 0 .5em 0;
    color: #000;
    font-size: smaller;
    font-weight: bold;
    display: block
}

.pull-request__create-segment .md-editor textarea {
    height: 403px !important;
    overflow-y: auto
}

.pull-request__create-segment .btn-create {
    padding: 7px 24px
}

.pull-request__create-segment .ui.orange.button.basic.disabled {
    color: #c9c9c9 !important
}

.pull-request__create-segment .merge-state {
    margin-bottom: 16px;
    padding: 6px 16px;
    border-radius: 2px;
    border: 1px solid
}

.pull-request__create-segment .merge-state.succ {
    color: #39B54A;
    border-color: #39B54A;
    background: #EFFFF1
}

.pull-request__create-segment .merge-state.error {
    color: #d92b2f;
    border-color: #d92b2f;
    background: #FFEEEF
}

.pull-request__create-segment .merge-state.warn {
    color: #B58006;
    border-color: #B58006;
    background: #FFF8DB
}

.pull-request__create-segment .merge-state i {
    font-size: 16px;
    vertical-align: middle
}

.pull-request__create-segment.in-edit .ui.grid>.ui.column.wide {
    width: 100% !important
}

.pull-request__create-segment.in-edit .ui.button {
    padding-left: 24px;
    padding-right: 24px
}

.pull-request__wrapper {
    padding: 16px;
    border-bottom: 1px solid rgba(220, 227, 232, 0.5);
    -webkit-transition: .4s;
    transition: .4s
}

.pull-request__wrapper .project-name {
    color: #8c92a4;
    display: table-row
}

.pull-request__wrapper .project-name .iconfont {
    margin-right: 4px;
    margin-top: 1px
}

.pull-request__wrapper .project-name .text,
.pull-request__wrapper .project-name .text * {
    font-size: 14px;
    color: #8c92a4;
    font-weight: 600;
    font-family: PingFangSC-Semibold
}

.pull-request__wrapper:hover {
    background: #fafafb
}

.pull-request__wrapper .title {
    color: #40485b;
    font-size: 16px;
    font-weight: 500
}

.pull-request__wrapper .title:hover {
    color: #1283ba
}

.pull-request__wrapper .merge-state.label,
.pull-request__wrapper .priority.label {
    padding: 4px 6px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px
}

.pull-request__wrapper .scan-warning {
    margin-left: 4px;
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 10px
}

.pull-request__wrapper .scan-warning a {
    color: #d92b2f
}

.pull-request__wrapper .scan-warning a:hover {
    color: #e46a6d
}

.pull-request__wrapper .scan-warning a:active {
    color: #971e20
}

.pull-request__wrapper .main-info {
    line-height: 22px
}

.pull-request__wrapper .pull-request-link {
    margin-top: 10px;
    word-break: break-word
}

.pull-request__wrapper .pull-request-link .branch {
    padding: 1px 2px;
    color: #8c92a4;
    line-height: 24px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 0px #f6f6f6;
    box-shadow: 0px 0px 0px 0px #f6f6f6;
    background: #f5f6f8;
    display: inline
}

.pull-request__wrapper .pull-request-link .branch .iconfont {
    font-size: 12px
}

.pull-request__wrapper .pull-request-link .branch>* {
    margin: 0 4px
}

.pull-request__wrapper .pull-request-link .arrow {
    margin: 0 4px
}

.pull-request__wrapper .pull-request-link .arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid #8c92a4;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: inline-block
}

.pull-request__wrapper .extra-info {
    margin-top: 12px;
    color: #8c92a4;
    line-height: 20px
}

.pull-request__wrapper .extra-info>* {
    margin-right: 8px;
    vertical-align: middle
}

.pull-request__wrapper .extra-info .icon-pull-request {
    color: #8c92a4;
    font-size: 15px
}

.pull-request__wrapper .extra-info .icon-pull-request.merged:before {
    color: #4baf50
}

.pull-request__wrapper .extra-info .icon-pull-request.closed:before {
    color: #d92b2f
}

.pull-request__wrapper .extra-info .pull-request-creator a {
    color: #8c92a4
}

.pull-request__wrapper .extra-info .pull-request-creator a:hover {
    color: #aeb2bf
}

.pull-request__wrapper .extra-info .pull-request-creator a:active {
    color: #626672
}

.pull-request__wrapper .extra-info .assigners {
    display: inline;
    margin-right: 26px
}

.pull-request__wrapper .extra-info .assigners:last-child {
    margin-right: 0
}

.pull-request__wrapper .extra-info .more-assigners-popup+.ui.popup {
    padding: 0 12px;
    min-width: 104px;
    max-height: 400px;
    overflow-y: auto
}

.pull-request__wrapper .extra-info .more-assigners-popup+.ui.popup a {
    padding: 8px 0;
    display: block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #40485b
}

.pull-request__wrapper .extra-info .more-assigners-popup+.ui.popup a:hover {
    color: #797e8c
}

.pull-request__wrapper .extra-info .more-assigners-popup+.ui.popup a:active {
    color: #2c323f
}

.pull-request__wrapper .extra-info .latest-timeago {
    width: 120px;
    text-align: right;
    display: inline-block
}

.pull-request__container .ui.breadcrumb {
    margin-top: 0
}

.pull-request__container .ui.breadcrumb a {
    color: #8c92a4
}

.pull-request__container .ui.breadcrumb a:hover {
    color: #aeb2bf
}

.pull-request__container .ui.breadcrumb a:active {
    color: #626672
}

.pull-request__container .ui.breadcrumb .divider {
    color: #40485b;
    font-size: 14px
}

.pull-request__container .eleven.wide.column {
    width: 71% !important
}

.pull-request__container .four.wide.column {
    padding: 0;
    width: 320px !important
}

.pull-request__container .four.wide.column>.toggle {
    margin: 12px 4px;
    line-height: 24px;
    float: right;
    cursor: pointer;
    display: none;
    color: #8c92a4
}

.pull-request__container .four.wide.column>.toggle:hover {
    color: #aeb2bf
}

.pull-request__container .four.wide.column>.toggle:active {
    color: #626672
}

.pull-request__container .four.wide.column>.toggle i.iconfont {
    margin-left: 8px;
    padding: 0 13px;
    text-align: center;
    border-radius: 4px;
    background: #e3e9ed
}

.pull-request__container .four.wide.column>.toggle .collapse {
    display: none
}

.pull-request__container .four.wide.column>.toggle:hover i.iconfont {
    background: rgba(227, 233, 237, 0.5)
}

.pull-request__container .four.wide.column>.toggle.active .expand {
    display: none
}

.pull-request__container .four.wide.column>.toggle.active .collapse {
    display: inline
}

.pull-request__container .four.wide.column>.toggle.active i.iconfont {
    -webkit-transform: rotate(0.5turn);
    transform: rotate(0.5turn)
}

.pull-request__container .four.wide.column>.toggle.active~.ui.form {
    display: block
}

.pull-request__container .four.wide.column .pull-request__sidebar {
    padding: 16px
}

.pull-request__container.hide-sidebox .eleven.wide.column {
    width: 100% !important
}

.pull-request__container.hide-sidebox .four.wide.column {
    display: none
}

.pull-request__container.sticky-sidebox .four.wide.column {
    position: fixed;
    top: 46px;
    margin-left: 23px;
    border-radius: 4px;
    background-color: #FFF;
    z-index: 99
}

.pull-request__container.sticky-sidebox .four.wide.column>.toggle {
    display: block
}

.pull-request__container.sticky-sidebox .four.wide.column .ui.form {
    height: calc(100vh - 100px);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow-y: auto;
    display: none
}

.pull-request__container .re-review_message {
    padding: 9px 16px !important
}

.pull-request__container .js-go-review {
    margin-right: 0 !important
}

@media screen and (max-height: 600px) {
    .pull-request__container .ent-code-reviewed .el-popover {
        -webkit-transform: scale(0.8) !important;
        transform: scale(0.8) !important
    }
}

.codeowner-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.codeowner-list .codeowner-popup {
    font-size: 12px;
    padding: 12px 16px !important
}

.codeowner-list .codeowner-popup .lineh {
    line-height: 20px
}

.codeowner-list .codeowner-popup .a {
    color: #005980 !important
}

.codeowner-list .codeowner-popup .file-link {
    text-decoration: underline !important
}

.codeowner-list .codeowner-popup.ui.popup {
    max-width: 200px;
    min-width: 200px
}

.codeowner-mark {
    pointer-events: none;
    position: relative;
    height: 1px;
    width: 1px;
    bottom: 22px;
    right: -1px
}

.codeowner-mark .codeowner-mark-cion {
    top: 9px;
    left: 12px;
    z-index: 1;
    position: absolute
}

.code-owner-popover {
    padding: 0 3px;
    font-size: 12px
}

.code-owner-popover .codeowner-tip {
    color: #40485B !important;
    word-wrap: break-word !important;
    word-break: normal !important
}

.code-owner-popover .a {
    color: #005980 !important
}

.code-owner-popover .file-link {
    text-decoration: underline !important
}

.code-owner-popover .lineh {
    line-height: 20px
}

.pull-request__subject .iid {
    color: #40485B;
    font-weight: 400
}

.pull-request__subject .iid:before {
    content: '!'
}

.pull-request__subject .base-link-target {
    margin-top: 10px;
    word-break: break-word
}

.pull-request__subject .base-link-target .branch {
    padding: 1px 2px;
    color: #8c92a4;
    line-height: 24px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 0px #f6f6f6;
    box-shadow: 0px 0px 0px 0px #f6f6f6;
    background: #f5f6f8;
    display: inline
}

.pull-request__subject .base-link-target .branch .iconfont {
    font-size: 12px
}

.pull-request__subject .base-link-target .branch>* {
    margin: 0 4px
}

.pull-request__subject .base-link-target .arrow {
    margin: 0 4px
}

.pull-request__subject .base-link-target .arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid #8c92a4;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: inline-block
}

.pull-request__subject .merge-state {
    padding: 5px;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    border-radius: 4px;
    background: #4baf50;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pull-request__subject .merge-state.merged {
    background: #8c92a4
}

.pull-request__subject .merge-state.closed {
    background: #f14333
}

.pull-request__subject .author {
    color: #8c92a4;
    display: inline-block
}

.pull-request__subject .author a {
    color: #8c92a4
}

.pull-request__subject .author a:hover {
    color: #aeb2bf
}

.pull-request__subject .author a:active {
    color: #626672
}

.pull-request__subject .author .avatar {
    vertical-align: bottom
}

.pull-request__subject .actions {
    float: right
}

.pull-request__subject .actions a {
    color: #8c92a4
}

.pull-request__subject .actions a:hover {
    color: #aeb2bf
}

.pull-request__subject .actions a:active {
    color: #626672
}

.pull-request__subject .actions .iconfont {
    vertical-align: baseline
}

.pull-request__subject .actions .ui.popup:before {
    content: none
}

.pull-request__subject .actions .ui.popup .ui.input input {
    margin-right: 5px;
    width: 260px;
    float: left
}

.pull-request__subject .actions .js-clone-or-download {
    padding: 6px 8px 6px 12px;
    border: 1px solid #e3e9ed;
    border-radius: 2px;
    color: #40485b
}

.pull-request__subject .actions .js-clone-or-download:hover {
    color: #797e8c
}

.pull-request__subject .actions .js-clone-or-download:active {
    color: #2c323f
}

.pull-request__subject .actions .download-btn-group {
    border-top: 1px solid #e3e9ed;
    margin-top: 8px;
    padding-top: 8px;
    text-align: center
}

.pull-request__subject .actions .download-btn-group>* {
    width: 48%;
    font-size: 13px;
    line-height: 24px;
    display: inline-block
}

.pull-request__subject .actions .download-btn-group>*:first-child {
    border-right: 1px solid #e3e9ed
}

.pull-request__merge-widget {
    margin: 32px 0 24px
}

.pull-request__merge-widget .merge-container {
    margin-bottom: 16px;
    border: 1px solid #e3e9ed;
    border-radius: 4px
}

.pull-request__merge-widget .merge-container .header {
    padding: 15px;
    color: #40485b;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    background: #FCFCFC
}

.pull-request__merge-widget .merge-container .header .icon.dropdown {
    color: #8c92a4
}

.pull-request__merge-widget .merge-container .header.toggled {
    border-bottom: 0;
    border-radius: 4px
}

.pull-request__merge-widget .merge-container .header.toggled .icon.dropdown {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.pull-request__merge-widget .merge-container .header.toggled~* {
    display: none
}

.pull-request__merge-widget .merge-container table.assigner-table {
    width: 100%
}

.pull-request__merge-widget .merge-container table.assigner-table tr {
    border-top: 1px solid rgba(227, 233, 237, 0.5)
}

.pull-request__merge-widget .merge-container table.assigner-table tr th {
    height: 40px;
    padding: 0 16px;
    color: #8C92A4;
    min-width: 124px
}

.pull-request__merge-widget .merge-container table.assigner-table tr th:first-child {
    min-width: 124px
}

.pull-request__merge-widget .merge-container table.assigner-table tr td {
    padding: 6px 16px
}

.pull-request__merge-widget .merge-container table.assigner-table tr td i.iconfont {
    vertical-align: baseline
}

.pull-request__merge-widget .merge-container table.assigner-table tr.codeowner-reviewers {
    border-top: 1px solid transparent
}

.pull-request__merge-widget .merge-container table.assigner-table tr.codeowner-reviewers td {
    padding-top: 0 !important
}

.pull-request__merge-widget .merge-container table.assigner-table .status-progress {
    margin-left: 12px;
    color: #8c92a4;
    letter-spacing: 2pt
}

.pull-request__merge-widget .merge-container table.assigner-table .reviewer-text {
    color: #8C92A4
}

.pull-request__merge-widget .merge-container table.assigner-table .fz-color {
    color: #40485B
}

.pull-request__merge-widget .merge-container table.assigner-table .go-to-review:hover {
    color: #005980
}

.pull-request__merge-widget .merge-container table.assigner-table .fz-12 {
    font-size: 12px
}

.pull-request__merge-widget .merge-container table.assigner-table .re-review-groupbtn {
    text-align: center
}

.pull-request__merge-widget .merge-container table.assigner-table .re-review-groupbtn .ui.basic.button {
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #DCE3E8;
    font-size: 14px;
    color: #40485B;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pull-request__merge-widget .merge-container table.assigner-table .re-review-groupbtn .ui.basic.button:hover {
    background: rgba(255, 255, 255, 0.5) !important
}

.pull-request__merge-widget .merge-container table.assigner-table .re-reviewing {
    margin-right: 30px
}

.pull-request__merge-widget .merge-container table.assigner-table .ui.avatar.mini.image {
    width: 24px;
    height: 24px !important
}

.pull-request__merge-widget .merge-container table.assigner-table .assigner-item-img {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 2px;
    margin-top: 2px
}

.pull-request__merge-widget .merge-container table.assigner-table .content {
    line-height: 29px;
    color: rgba(191, 191, 191, 0.87)
}

.pull-request__merge-widget .merge-container .ic-checks-stats {
    margin-left: 8px;
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.pull-request__merge-widget .merge-container .ic-checks-stats:before {
    width: 8px;
    height: 8px
}

.pull-request__merge-widget .merge-container .checks {
    margin: 0;
    padding: 0;
    max-height: calc(41px * 8);
    overflow-y: auto
}

.pull-request__merge-widget .merge-container .checks>li {
    padding: 12px 16px;
    font-size: 12px;
    border-bottom: 1px solid rgba(227, 233, 237, 0.5)
}

.pull-request__merge-widget .merge-container .checks>li:last-child {
    border-bottom: 0
}

.pull-request__merge-widget .merge-container .checks .iconfont {
    vertical-align: baseline
}

.pull-request__merge-widget .merge-container .checks .state-icon {
    vertical-align: middle;
    font-size: 14px
}

.pull-request__merge-widget .merge-container .checks .check-name {
    color: #40485b !important
}

.pull-request__merge-widget .merge-container .checks .strict-label {
    margin-right: 12px;
    padding: 2px 5px;
    color: #8c92a4;
    border: 1px solid #8c92a4;
    border-radius: 12px
}

.pull-request__merge-widget .merge-container .checks .float-left>* {
    margin-right: 8px;
    color: #8c92a4
}

.pull-request__merge-widget .merge-container .checks .required-check {
    margin-right: 12px;
    padding: 2px 8px;
    color: #8c92a4;
    border: 1px solid #8c92a4;
    border-radius: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pull-request__merge-widget .merge-container .footer {
    padding: 10px 16px;
    color: #40485b;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    border-radius: 0 0 4px 4px;
    background: #F7F7F7
}

.pull-request__merge-widget .merge-container .footer .ui.basic.button {
    border-color: #DCE3E8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pull-request__merge-widget .merge-container .footer .actions>.ui.button:last-child {
    margin-right: 0
}

.pull-request__merge-widget .ui.message {
    padding: 8px 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 48px
}

.pull-request__merge-widget .ui.message .iconfont {
    margin-right: 4px;
    font-size: 16px
}

.pull-request__merge-widget .ui.message .reviewer-name {
    color: #40485b
}

.pull-request__merge-widget .ui.message .review-text {
    color: #8C92A4
}

.pull-request__merge-widget .ui.message .load-more {
    display: block
}

.pull-request__merge-widget .ui.message.cannot-merge {
    color: #40485b;
    border: 0;
    background: #F7F7F7;
    padding: 14px 16px !important
}

.pull-request__merge-widget .ui.message.draft-warning-message {
    color: #b58006
}

.pull-request__merge-widget .ui.message.can-merge {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #40485b;
    border: 0;
    background: rgba(75, 175, 79, 0.1)
}

.pull-request__merge-widget .ui.message .codeowner-merge-tip {
    font-size: 12px;
    color: #8C92A4;
    line-height: 16px
}

.pull-request__merge-widget .ui.message .left-content {
    min-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pull-request__merge-widget .ui.message .description {
    margin: 4px 0 4px 24px
}

.pull-request__merge-widget .dropdown-btn-group {
    text-align: right
}

.pull-request__merge-widget .dropdown-btn-group .ui.labeled.button {
    padding: 0;
    padding-right: 4px;
    color: #FFF
}

.pull-request__merge-widget .dropdown-btn-group .ui.labeled.button span {
    padding: 6px 14px;
    margin-right: 8px;
    display: inline-block;
    border-right: 1px solid
}

.pull-request__merge-widget .dropdown-btn-group.merge-btn-group {
    min-width: 120px
}

.pull-request__merge-widget .dropdown-btn-group.merge-btn-group .ui.labeled.button {
    background-color: #4baf50
}

.pull-request__merge-widget .dropdown-btn-group.merge-btn-group .ui.labeled.button:hover {
    background-color: rgba(75, 175, 80, 0.9)
}

.pull-request__merge-widget .dropdown-btn-group.merge-btn-group .ui.labeled.button span {
    border-color: #439d48
}

.pull-request__merge-widget .dropdown-btn-group.accept-btn-group .ui.labeled.button {
    background-color: #fe7300
}

.pull-request__merge-widget .dropdown-btn-group.accept-btn-group .ui.labeled.button:hover {
    background-color: rgba(254, 115, 0, 0.9)
}

.pull-request__merge-widget .dropdown-btn-group.accept-btn-group .ui.labeled.button span {
    border-color: #e46700
}

.pull-request__merge-widget .dropdown-btn-group.reset-btn-group .ui.labeled.button {
    color: #40485b;
    border: 1px solid #dce3e8;
    background-color: white
}

.pull-request__merge-widget .dropdown-btn-group.reset-btn-group .ui.labeled.button:hover {
    background-color: rgba(255, 255, 255, 0.9)
}

.pull-request__merge-widget .dropdown-btn-group.reset-btn-group .ui.labeled.button span {
    border-color: #e5e5e5
}

.pull-request__merge-widget .dropdown-btn-group .menu {
    margin-top: 8px;
    min-width: -webkit-max-content !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important
}

.pull-request__merge-widget .dropdown-btn-group .item {
    width: 240px;
    font-size: 12px;
    font-weight: normal;
    white-space: initial
}

.pull-request__merge-widget .dropdown-btn-group .item h5 {
    margin: 0;
    margin-bottom: 6px;
    font-size: 14px
}

.pull-request__merge-widget .dropdown-btn-group .item .desc {
    font-size: 12px;
    color: #8c92a4
}

.checks-stats-list {
    margin-top: -6px;
    width: 120px;
    min-width: 120px !important
}

.checks-stats-list table {
    width: 100%;
    color: #8c92a4;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px
}

.checks-stats-list .ui.circular.label {
    margin-right: 6px;
    padding: 0 !important;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.pull-request__sidebar .field {
    margin-bottom: 24px !important
}

.pull-request__sidebar .field>.label {
    margin-bottom: 10px;
    width: 100%;
    font-weight: 600;
    line-height: 28px
}

.pull-request__sidebar .field>.label .ui.dropdown {
    color: #8c92a4;
    font-weight: normal;
    float: right
}

.pull-request__sidebar .field>.label .ui.dropdown>.menu {
    width: 292px
}

.pull-request__sidebar .field>.label .ui.dropdown>.menu .avatar.image {
    vertical-align: bottom;
    max-height: 3em
}

.pull-request__sidebar .field>.title {
    color: #8C92A4 !important;
    font-size: 12px
}

.pull-request__sidebar .field>.content {
    color: rgba(191, 191, 191, 0.87)
}

.pull-request__sidebar .field:last-child {
    margin-bottom: 0 !important
}

.pull-request__sidebar .field .icon-edit:hover {
    color: #005980
}

.pull-request__sidebar .field .ui.avatar.mini.image {
    width: 24px;
    height: 24px !important
}

.pull-request__sidebar .ui.dropdown {
    padding: 0 !important;
    line-height: 28px !important
}

.pull-request__sidebar .ui.dropdown.disabled {
    opacity: unset;
    pointer-events: unset
}

.pull-request__sidebar .ui.dropdown.disabled .icon-return,
.pull-request__sidebar .ui.dropdown.disabled .icon-edit {
    display: none
}

.pull-request__sidebar .ui.dropdown .item.item.item.item {
    padding-right: 16px !important
}

.pull-request__sidebar .ui.dropdown .ui.search.input {
    margin-bottom: 0
}

.pull-request__sidebar .ui.dropdown .ui.search.input input {
    padding: 4px 8px
}

.pull-request__sidebar .ui.dropdown>.text {
    margin: 0;
    max-width: 90%
}

.pull-request__sidebar .ui.dropdown>.menu {
    width: 100%;
    min-width: auto
}

.pull-request__sidebar .ui.dropdown>.menu .menu {
    padding: 8px 0;
    border-top: 0
}

.pull-request__sidebar .ui.dropdown>.menu .item {
    padding: 8px 16px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pull-request__sidebar .ui.dropdown>.menu .name {
    max-width: 180px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pull-request__sidebar .ui.dropdown>.menu .avatar.image {
    margin: 0;
    vertical-align: top
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .item.active {
    background: #EFF7E9;
    font-weight: normal
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .item.active .avatar.image {
    border: 1px solid #22B945
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .item.active .ui.remove.button {
    display: inline-block
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .no-item {
    color: rgba(0, 0, 0, 0.4);
    cursor: default !important
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .no-item.selected {
    background: transparent !important
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .no-item:hover {
    background: transparent !important
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .ui.remove.button {
    margin: 0 0 0 5px;
    padding: 2px 6px;
    color: #f14333;
    font-size: 12px;
    line-height: 18px;
    border-radius: 2px;
    background: rgba(241, 67, 51, 0.1);
    cursor: pointer;
    display: none
}

.pull-request__sidebar .ui.dropdown.assigner-dropdown .ui.remove.button:hover {
    background: rgba(241, 67, 51, 0.2)
}

.pull-request__sidebar .ui.dropdown.min-reviewers-dropdown {
    color: #8c92a4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pull-request__sidebar .ui.dropdown.min-reviewers-dropdown>.menu {
    width: auto;
    min-width: auto
}

.pull-request__sidebar .ui.dropdown.min-reviewers-dropdown .item {
    width: 70px
}

.pull-request__sidebar .ui.dropdown.min-reviewers-dropdown .icon-return {
    -webkit-transform: rotate(0.75turn) scale(0.75);
    transform: rotate(0.75turn) scale(0.75)
}

.pull-request__sidebar .ui.dropdown.label-dropdown .item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pull-request__sidebar .ui.dropdown.label-dropdown .item .icon.check {
    visibility: hidden
}

.pull-request__sidebar .ui.dropdown.label-dropdown .item.active {
    font-weight: normal
}

.pull-request__sidebar .ui.dropdown.label-dropdown .item.active .icon.check {
    visibility: visible
}

.pull-request__sidebar .ui.dropdown.label-dropdown .item .text {
    color: #40485b
}

.pull-request__sidebar .ui.dropdown.label-dropdown .label {
    font-weight: 500;
    font-family: PingFangSC-Medium, PingFang SC
}

.pull-request__sidebar .ui.dropdown.label-dropdown>.text .label {
    margin: 4px 0;
    margin-right: 8px
}

.pull-request__sidebar .ui.dropdown.label-dropdown .manage {
    padding: 4px;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(233, 233, 233, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(233, 233, 233, 0.5);
    text-align: center
}

.pull-request__sidebar .ui.dropdown.label-dropdown .manage .item {
    color: #8c92a4;
    height: 32px;
    line-height: 32px
}

.pull-request__sidebar .ui.dropdown.cared-issues-dropdown .item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pull-request__sidebar .ui.dropdown.cared-issues-dropdown .item .icon.check {
    visibility: hidden
}

.pull-request__sidebar .ui.dropdown.cared-issues-dropdown .item.active {
    font-weight: normal
}

.pull-request__sidebar .ui.dropdown.cared-issues-dropdown .item.active .icon.check {
    visibility: visible
}

.pull-request__sidebar .ui.dropdown.cared-issues-dropdown .item .text {
    color: #40485b
}

.pull-request__sidebar .field.assigner-field .more-assigners+.ui.popup li {
    position: relative;
    margin: 8px 0
}

.pull-request__sidebar .field.assigner-field .more-assigners+.ui.popup li:first-child {
    margin-top: 0
}

.pull-request__sidebar .field.assigner-field .more-assigners+.ui.popup li:last-child {
    margin-bottom: 0
}

.pull-request__sidebar .field.assigner-field .more-assigners+.ui.popup .name {
    margin-left: 4px;
    font-size: 14px;
    display: inline
}

.pull-request__sidebar .field.label-field .content .label {
    font-weight: 500;
    font-family: PingFangSC-Medium, PingFang SC;
    margin: 4px 0;
    margin-right: 8px
}

.pull-request__sidebar .field.cared-issues-field .cared-issue {
    margin: 6px 0 12px;
    display: block;
    word-break: break-word;
    color: #8c92a4
}

.pull-request__sidebar .field.cared-issues-field .cared-issue:hover {
    color: #aeb2bf
}

.pull-request__sidebar .field.cared-issues-field .cared-issue:active {
    color: #626672
}

.pull-request__sidebar .field.cared-issues-field .cared-issue .ui.label {
    margin-right: 4px;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: normal;
    color: #8c92a4;
    background: #F5F6F8
}

.pull-request__sidebar .field.cared-issues-field .cared-issue .ui.label:before {
    content: '#'
}

.pull-request__sidebar .field.cared-issues-field .cared-issue:last-child {
    margin-bottom: 0
}

.pull-request__sidebar .field.cared-issues-field .cared-issue .text {
    color: #40485B;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pull-request__sidebar .field.cared-issues-field .tip {
    margin-top: 8px;
    color: #40485b;
    font-size: 12px
}

.pull-request__sidebar .field.milestone-field>.content,
.pull-request__sidebar .field.priority-field>.content {
    color: #40485b !important
}

.pull-request__sidebar .participates {
    margin-top: 6px
}

.pull-request__sidebar .participates .participant {
    width: 24px;
    height: 24px;
    margin: 0 12px 16px 0;
    border-radius: 50%
}

.pull-request__sidebar .auto-processing {
    border-top: 1px solid #DCE3E8;
    border-bottom: 1px solid #DCE3E8;
    padding-top: 8px;
    padding-bottom: 24px
}

.pull-request__sidebar .auto-processing .ui.checkbox label,
.pull-request__sidebar .auto-processing .ui.checkbox+label {
    color: #2E405E !important
}

.pull-request__sidebar .ui.popup.codeowner-title-tip {
    min-width: 240px !important;
    padding: 4px 8px !important;
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 25px
}

.pull-request-comments {
    padding-top: 14px
}

.pull-request-comments .blocked-title {
    padding-top: 9px !important
}

#pull-request-tabs {
    padding: 0;
    line-height: 48px;
    border-bottom: 1px solid #e3e9ed;
    background: #FFF
}

#pull-request-tabs.sticky {
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 46px;
    z-index: 10
}

#pull-request-tabs .item {
    margin-right: 32px;
    padding: 15px 8px 14px;
    font-size: 16px;
    border-width: 2px;
    margin-bottom: -1px !important
}

#pull-request-tabs .item * {
    vertical-align: middle
}

.commit-review .md-editor>textarea {
    height: 160px !important;
    overflow: auto !important
}

.pull-request-details .ui.comments .comment-unit .markdown-body.note-content,
.commit-page .ui.comments .comment-unit .markdown-body.note-content {
    margin-top: 12px;
    margin-bottom: 12px;
    overflow: unset
}

.pull-request-details .single-comment-group>.comment__body>.comment-unit,
.commit-page .single-comment-group>.comment__body>.comment-unit {
    padding-top: 16px
}

.pull-request-details .single-comment-group>.comment__body>.comment-unit>.avatar img,
.commit-page .single-comment-group>.comment__body>.comment-unit>.avatar img {
    width: 32px;
    height: 32px;
    outline: 4px solid #FFF
}

.pull-request-details .single-comment-group>.comment__body>.comment-unit .review-text,
.commit-page .single-comment-group>.comment__body>.comment-unit .review-text {
    color: #40485b !important;
    font-weight: bold !important
}

.pull-request-details .comment-unit-sub,
.commit-page .comment-unit-sub {
    margin-left: 32px
}

.pull-request-details .comment-unit-sub .comment-unit,
.commit-page .comment-unit-sub .comment-unit {
    padding: 16px 0;
    border-top: 1px solid rgba(220, 227, 232, 0.5)
}

.pull-request-details .comment-unit-sub .comment-unit a[data-username].avatar,
.commit-page .comment-unit-sub .comment-unit a[data-username].avatar {
    margin-top: 1px !important;
    width: 24px;
    height: 24px
}

.pull-request-details .comment-unit-sub .comment-unit a[data-username].avatar img.ent-avatar,
.commit-page .comment-unit-sub .comment-unit a[data-username].avatar img.ent-avatar {
    width: 24px;
    height: 24px
}

.pull-request-details .comment-unit-sub .comment-unit:first-child,
.commit-page .comment-unit-sub .comment-unit:first-child {
    margin-top: 16px
}

.pull-request-details .comment-unit-sub .comment-unit:last-child,
.commit-page .comment-unit-sub .comment-unit:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.pull-request-details .pull-request-comments>.form-with-gravatar .avatar,
.commit-page .pull-request-comments>.form-with-gravatar .avatar {
    width: 32px;
    height: 32px
}

.pull-request-details a.author,
.commit-page a.author {
    margin-left: 8px
}

.pull-request-details .isreview-comment,
.commit-page .isreview-comment {
    border-bottom: 0px solid !important;
    margin-top: -16px !important;
    padding-bottom: 8px !important;
    -o-border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px) !important;
    border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px) !important
}

.pull-request-details .isreview-comment:last-child,
.commit-page .isreview-comment:last-child {
    padding-bottom: 0px !important
}

.pull-request-details .isreview-comment:before,
.commit-page .isreview-comment:before {
    border-left: 0px solid !important
}

.pull-request-details .the-comment-group,
.commit-page .the-comment-group {
    position: relative;
    padding-bottom: 16px
}

.pull-request-details .the-comment-group.diff,
.commit-page .the-comment-group.diff {
    -o-border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px) !important;
    border-image: linear-gradient(to right, transparent 39px, #dce3e8 0px) !important;
    padding-top: 16px
}

.pull-request-details .the-comment-group.diff .comment-file-avatar .avatar.image,
.commit-page .the-comment-group.diff .comment-file-avatar .avatar.image {
    width: 32px;
    height: 32px;
    outline: 4px solid #FFF
}

.pull-request-details .the-comment-group.diff .comment-file-avatar .name,
.pull-request-details .the-comment-group.diff .comment-file-avatar .text,
.commit-page .the-comment-group.diff .comment-file-avatar .name,
.commit-page .the-comment-group.diff .comment-file-avatar .text {
    font-size: 14px;
    color: #40485b;
    font-weight: bold
}

.pull-request-details .the-comment-group.diff .comment-file-avatar .at,
.commit-page .the-comment-group.diff .comment-file-avatar .at {
    margin-left: 8px;
    margin-right: 8px;
    font-weight: 400
}

.pull-request-details .the-comment-group.diff .comment-file-avatar .name:hover,
.commit-page .the-comment-group.diff .comment-file-avatar .name:hover {
    color: #00b2f3
}

.pull-request-details .the-comment-group.diff>.comment-diffs-wrapper>.form-with-gravatar:not(.mini-comment-box),
.commit-page .the-comment-group.diff>.comment-diffs-wrapper>.form-with-gravatar:not(.mini-comment-box) {
    padding: 8px 16px 8px
}

.pull-request-details .the-comment-group.diff>.comment-diffs-wrapper>.form-with-gravatar,
.commit-page .the-comment-group.diff>.comment-diffs-wrapper>.form-with-gravatar {
    margin-top: 0
}

.pull-request-details .the-comment-group.diff>.comment-diffs-wrapper>.comment-unit,
.commit-page .the-comment-group.diff>.comment-diffs-wrapper>.comment-unit {
    padding: 16px 16px
}

.pull-request-details .the-comment-group.diff>.comment-diffs-wrapper>.comment-unit .comment-content,
.commit-page .the-comment-group.diff>.comment-diffs-wrapper>.comment-unit .comment-content {
    margin-left: 34px
}

.pull-request-details .the-comment-group.diff>.comment-diffs-wrapper .comment-unit:nth-child(n+3),
.commit-page .the-comment-group.diff>.comment-diffs-wrapper .comment-unit:nth-child(n+3) {
    border-top: 1px solid rgba(220, 227, 232, 0.5)
}

.pull-request-details .the-comment-group.diff .comment-unit-sub a.author,
.commit-page .the-comment-group.diff .comment-unit-sub a.author {
    margin-top: 1px
}

.pull-request-details .the-comment-group.diff .avatar,
.commit-page .the-comment-group.diff .avatar {
    margin-top: 0.5px
}

.pull-request-details .the-comment-group:last-child,
.commit-page .the-comment-group:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important
}

.pull-request-details .the-comment-group .reactions-list .ui.label,
.commit-page .the-comment-group .reactions-list .ui.label {
    padding: 5px 10px !important
}

.pull-request-details .note-form-body,
.commit-page .note-form-body {
    width: 100%;
    margin-left: 8px
}

.pull-request-details .form-with-gravatar,
.commit-page .form-with-gravatar {
    color: #40485b;
    margin-top: 16px
}

.pull-request-details .form-with-gravatar.mini-comment-box,
.commit-page .form-with-gravatar.mini-comment-box {
    line-height: 48px;
    padding: 0 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7
}

.pull-request-details .form-with-gravatar.mini-comment-box .avatar,
.commit-page .form-with-gravatar.mini-comment-box .avatar {
    margin-top: 10px !important
}

.pull-request-details .avatar-note-form-body,
.commit-page .avatar-note-form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pull-request-details .avatar-note-form-body .ui.fluid.input.comment-input input,
.commit-page .avatar-note-form-body .ui.fluid.input.comment-input input {
    height: 32px
}

.pull-request-details .avatar-note-form-body img.avatar,
.commit-page .avatar-note-form-body img.avatar {
    margin-top: 5px !important
}

.pull-request-details .ui.comments .comment .comment,
.commit-page .ui.comments .comment .comment {
    padding-bottom: 0
}

.pull-request-details .single-comment-group,
.commit-page .single-comment-group {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pull-request-details .single-comment-group .comment-menu-more,
.commit-page .single-comment-group .comment-menu-more {
    margin-right: 8px;
    -webkit-transition: 0s;
    transition: 0s;
    color: #8c92a4
}

.pull-request-details .single-comment-group .comment-menu-more .menu,
.commit-page .single-comment-group .comment-menu-more .menu {
    margin-left: -70px
}

.pull-request-details .diff-file .single-comment-group,
.commit-page .diff-file .single-comment-group {
    border-radius: 4px;
    border: 1px solid rgba(220, 227, 233, 0.5) !important
}

.pull-request-details .diff-file .single-comment-group .snippet-desc,
.commit-page .diff-file .single-comment-group .snippet-desc {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #40485b;
    padding: 0 8px 0 12px;
    font-size: 12px;
    background: #fcfcfc;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(227, 233, 237, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(227, 233, 237, 0.5);
    border-radius: 4px 4px 0px 0px
}

.pull-request-details .comment-diffs-wrapper,
.commit-page .comment-diffs-wrapper {
    border-radius: 4px;
    border: 1px solid rgba(220, 227, 233, 0.5) !important
}

.pull-request-details .comment-diffs-wrapper .snippet-desc,
.commit-page .comment-diffs-wrapper .snippet-desc {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #40485b;
    padding: 0 8px 0 12px;
    font-size: 12px;
    background: #fcfcfc;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(227, 233, 237, 0.5);
    box-shadow: inset 0px -1px 0px 0px rgba(227, 233, 237, 0.5);
    border-radius: 4px 4px 0px 0px
}

.pull-request-details .comment-diffs-wrapper .ent-avatar.avatar,
.pull-request-details .comment-diffs-wrapper a.avatar,
.commit-page .comment-diffs-wrapper .ent-avatar.avatar,
.commit-page .comment-diffs-wrapper a.avatar {
    width: 24px !important;
    height: 24px !important
}

.pull-request-details .comment-diffs-wrapper.comment:first-child,
.commit-page .comment-diffs-wrapper.comment:first-child {
    margin-top: 0;
    padding-top: 0
}

.pull-request-details .file-viewed-action,
.pull-request-details .solve-btn-action,
.commit-page .file-viewed-action,
.commit-page .solve-btn-action {
    margin: 6px 0;
    padding: 7px 13px 7px 8px;
    color: #40485b;
    font-weight: normal
}

.pull-request-details .file-viewed-action label:before,
.pull-request-details .file-viewed-action label:after,
.pull-request-details .solve-btn-action label:before,
.pull-request-details .solve-btn-action label:after,
.commit-page .file-viewed-action label:before,
.commit-page .file-viewed-action label:after,
.commit-page .solve-btn-action label:before,
.commit-page .solve-btn-action label:after {
    top: 6px;
    left: 10px
}

.pull-request-details .file-viewed-action.checked,
.pull-request-details .solve-btn-action.checked,
.commit-page .file-viewed-action.checked,
.commit-page .solve-btn-action.checked {
    background: rgba(0, 180, 0, 0.1);
    border-radius: 2px
}

.pull-request-details .file-viewed-action.checked label:before,
.pull-request-details .solve-btn-action.checked label:before,
.commit-page .file-viewed-action.checked label:before,
.commit-page .solve-btn-action.checked label:before {
    border-color: #00b400;
    background-color: #00b400
}

.pull-request-details .file-viewed-action.checked label:after,
.pull-request-details .solve-btn-action.checked label:after,
.commit-page .file-viewed-action.checked label:after,
.commit-page .solve-btn-action.checked label:after {
    left: 11px;
    opacity: 1
}

.pull-request-details .action-buttons,
.commit-page .action-buttons {
    height: 18px
}

.pull-request-details .action-buttons .btn-reply,
.commit-page .action-buttons .btn-reply {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pull-request-details .expand-more-action,
.commit-page .expand-more-action {
    position: relative;
    top: -1px;
    text-align: center;
    border-top: 6px solid #FFF;
    background: #FFF
}

.pull-request-details .expand-more-action .main-box,
.commit-page .expand-more-action .main-box {
    position: relative;
    padding: 14px;
    border: 1px solid #e3e9ed;
    background: #FFF;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 3
}

.pull-request-details .expand-more-action .main-box:hover,
.commit-page .expand-more-action .main-box:hover {
    background: #F9F9F9
}

.pull-request-details .expand-more-action .secondary-box,
.commit-page .expand-more-action .secondary-box {
    position: absolute;
    top: 0;
    left: 8px;
    bottom: -4px;
    width: calc(100% - 16px);
    border: 1px solid #e3e9ed;
    background: #FFF;
    z-index: 2
}

.pull-request-details .expand-more-action .tertiary-box,
.commit-page .expand-more-action .tertiary-box {
    position: absolute;
    top: 0;
    left: 16px;
    bottom: -8px;
    width: calc(100% - 32px);
    border: 1px solid #e3e9ed;
    background: #FFF;
    z-index: 1
}

.commit-page .expand-more-action {
    margin-bottom: 24px
}

.solve-popover-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    font-size: 14px;
    color: #40485b
}

.solve-popover-content .name {
    font-weight: bold;
    margin: 0 4px
}

.solve-popover-content .name,
.solve-popover-content .text {
    line-height: 22px
}

.solve-popover-content.opacity-0 {
    opacity: 0
}

.pull-detail-segment .user-list-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pull-detail-segment .user-list-wrapper .user-list .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 160px
}

.pull-detail-segment .user-list-wrapper .user-list .list>a {
    margin-right: 4px
}

.pull-detail-segment .user-list-wrapper .title {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.fullscreen-checks .ui.container {
    width: 100% !important
}

body.fullscreen-checks #git-header-nav .ui.container {
    padding: 0
}

.ic-checks-stats {
    position: relative;
    margin-right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4baf50;
    display: inline-block
}

.ic-checks-stats:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #FFF
}

.pull-request__checks {
    min-height: 320px
}

.pull-request__checks .loader-box {
    height: 320px;
    text-align: center;
    color: #8c92a4;
    border: 0
}

.pull-request__checks .loader-box img {
    margin-top: 80px;
    width: 200px
}

.pull-request__checks .head {
    padding: 16px 8px;
    border-bottom: 1px solid #e3e9ed
}

.pull-request__checks .head h4 {
    margin: 0;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 400
}

.pull-request__checks .head .ui.dropdown {
    color: #8c92a4
}

.pull-request__checks .head .ui.dropdown .icon.dropdown {
    margin-left: 0
}

.pull-request__checks .head .ui.dropdown .menu {
    width: 300px;
    max-width: 300px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 102
}

.pull-request__checks .head .ui.dropdown .header {
    margin: 0;
    padding: 8px 12px;
    color: #40485b;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #e3e9ed
}

.pull-request__checks .head .ui.dropdown .item {
    padding: 12px 12px 8px !important;
    max-width: inherit;
    color: #40485b;
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px solid #e3e9ed
}

.pull-request__checks .head .ui.dropdown .item.loader {
    height: 100px
}

.pull-request__checks .head .ui.dropdown .item .iconfont {
    margin-top: -2px;
    margin-right: 8px;
    min-width: 14px;
    font-size: 14px
}

.pull-request__checks .head .ui.dropdown .item .commit-title {
    margin-bottom: 2px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pull-request__checks .head .ui.dropdown .item:last-child {
    border-bottom: 0
}

.pull-request__checks .sidebox {
    padding: 10px 16px 0 0;
    width: 330px;
    float: left
}

.pull-request__checks .sidebox .step {
    padding: 8px;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.pull-request__checks .sidebox .step:hover {
    background: rgba(255, 248, 243, 0.5)
}

.pull-request__checks .sidebox .step.active {
    border-radius: 4px;
    background: #FFF8F3
}

.pull-request__checks .sidebox .step>.iconfont {
    font-size: 14px;
    vertical-align: middle
}

.pull-request__checks .sidebox .step .text {
    margin-left: 8px;
    margin-right: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pull-request__checks .sidebox .step .action {
    width: 60px;
    min-width: 60px;
    text-align: right
}

.pull-request__checks .sidebox .step .icon-newwindow {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.pull-request__checks .main {
    padding: 24px;
    min-height: 400px;
    border-left: 1px solid #e3e9ed;
    overflow: hidden
}

.pull-request__checks .main>.header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e3e9ed
}

.pull-request__checks .main>.header * {
    margin-right: 6px
}

.pull-request__checks .main>.header .iconfont {
    margin-right: 0;
    vertical-align: baseline
}

.pull-request__checks .main>.container {
    position: relative
}

.pull-request__checks .main>.container .ui.loader {
    top: 150px
}

.pull-request__checks .main>.container .actions .ui.button {
    padding: 6px 16px
}

.pull-request__checks .main>.container>.title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold
}

.pull-request__checks .main>.container .ui.grid.images {
    margin-top: 8px
}

.pull-request__checks .main>.container .ui.grid.images figure,
.pull-request__checks .main>.container .ui.grid.images img {
    margin: 0
}

.pull-request__checks .main>.container .ui.grid.images figcaption {
    color: #8c92a4;
    text-align: center
}

.pull-request__checks .main>.container .detail,
.pull-request__checks .main>.container .annotations {
    margin-top: 24px
}

.pull-request__checks .main>.container .field {
    margin-bottom: 12px;
    font-weight: bold
}

.pull-request__checks .main>.container .detail .content {
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #dce3e8
}

.pull-request__checks .main>.container .ent-annotation {
    margin-bottom: 12px
}

.ent-annotation {
    position: relative;
    padding-top: 14px;
    border: 1px solid #dce3e8;
    border-radius: 4px;
    overflow: hidden
}

.ent-annotation .header {
    padding: 0 12px;
    color: #8c92a4;
    font-size: 12px
}

.ent-annotation .header a {
    color: #8c92a4
}

.ent-annotation .header a:hover {
    color: #aeb2bf
}

.ent-annotation .header a:active {
    color: #626672
}

.ent-annotation .header .level {
    margin-right: 12px
}

.ent-annotation .header .level .icon-report,
.ent-annotation .header .level .icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.ent-annotation pre {
    margin: 0;
    white-space: pre-wrap
}

.ent-annotation .content,
.ent-annotation .raw-detail .toggle {
    margin: 0 0 12px 32px
}

.ent-annotation .content>* {
    margin-top: 8px
}

.ent-annotation .check-name {
    margin-left: 6px;
    vertical-align: bottom
}

.ent-annotation .title {
    font-size: 14px
}

.ent-annotation .raw-detail pre {
    display: none;
    padding: 12px 32px;
    background: #F7F7F7
}

.ent-annotation .raw-detail .toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ent-annotation .raw-detail .toggle.active .iconfont {
    -webkit-transform: rotate(0.5turn);
    transform: rotate(0.5turn)
}

.ent-annotation .raw-detail .toggle.active+pre {
    display: block
}

.ent-annotation.notice .level {
    color: #b6b6b6
}

.ent-annotation.warning .level {
    color: #cb9800
}

.ent-annotation.warning .title {
    margin-top: 10px;
    color: #cb9800;
    font-weight: bold
}

.ent-annotation.warning:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #cb9800
}

.ent-annotation.failure .level {
    color: #bf0011
}

.ent-annotation.failure .title {
    margin-top: 10px;
    color: #bf0011;
    font-weight: bold
}

.ent-annotation.failure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #bf0011
}

.pull-request__merge-widget .color-red,
.pull-request__checks .color-red {
    color: #ef0016 !important
}

.pull-request__merge-widget .color-blue,
.pull-request__checks .color-blue {
    color: #0086d6 !important
}

.pull-request__merge-widget .color-gray,
.pull-request__checks .color-gray {
    color: #b6b6b6 !important
}

.pull-request__merge-widget .color-green,
.pull-request__checks .color-green {
    color: #36b37e !important
}

.pull-request__merge-widget .color-yellow,
.pull-request__checks .color-yellow {
    color: #febe00 !important
}

.draft-label {
    height: 24px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 400;
    color: #b58006;
    background: #fff8db;
    border-radius: 4px;
    border: 1px solid #b58006
}

.panel-list .draft-label {
    height: 20px;
    line-height: 18px;
    font-size: 12px
}

.file_holder {
    margin-bottom: 1em;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px 2px 0px 0px
}

.file_holder .file_title {
    color: #333;
    font-size: 16px;
    line-height: 27px;
    padding: 7px 10px 5px 10px;
    background: #fcfcfc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #dce3e8
}

.file_holder .file_title .iconfont {
    font-weight: normal;
    font-size: 1rem
}

.file_holder .file_title .options {
    float: right
}

.file_holder .file_title .options .buttons .button {
    padding: 6px
}

.file_holder .file_title .options .icon-actions {
    display: inline;
    padding: 0 5px
}

.file_holder .file_title .options .icon-actions i {
    color: #40485b
}

.file_holder .file_title .options .icon-actions i:hover {
    color: #8c919c !important
}

.file_holder .file_title .blob-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.file_holder .file_title .blob-header-title>.options {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.file_holder .file_title .blob-header-title .blob-description {
    margin-left: 8px;
    min-width: 0;
    padding-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.file_holder .file_title .blob-header-title .blob-description>*+* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px
}

.file_holder .file_title .blob-header-title .blob-description small {
    color: #999;
    font-size: 13px;
    font-weight: normal
}

.file_holder .file_title .blob-header-title .blob-description .file_name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.file_holder .file_title .code-owner-icon:before {
    color: #8C92A4;
    font-size: 16px !important
}

.file_holder .file_title .codeowner-popup {
    font-size: 12px;
    padding: 12px 16px !important
}

.file_holder .file_title .codeowner-popup .lineh {
    line-height: 20px
}

.file_holder .file_title .codeowner-popup .codeowner-tip {
    color: #40485B !important
}

.file_holder .file_title .codeowner-popup .a {
    color: #005980 !important
}

.file_holder .file_title .codeowner-popup.ui.popup {
    max-width: 200px;
    min-width: 200px
}

.file_holder .file_title .contributor-description {
    width: 63%;
    line-height: 31px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file_holder .file_title .contributor-description .recent-commit {
    font-size: 1rem;
    color: #8c92a4
}

.file_holder .file_title .contributor-description .commit-author-link {
    vertical-align: baseline
}

.file_holder .file_content.markdown-body {
    padding: 1rem 2rem 1rem 2rem;
    overflow: auto
}

.file_holder .file_catalog {
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 46px;
    float: left;
    max-width: 200px
}

.file_holder .file_catalog .toggle {
    position: absolute;
    width: 12px;
    height: 56px;
    top: 50%;
    left: 100%;
    background: url(../images/holder.svg);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer
}

.file_holder .file_catalog .toggle i.icon {
    margin-top: 19px;
    margin-left: -2px;
    color: #B7BDC8
}

.file_holder .file_catalog .toggle.abs-pos {
    top: calc(50vh - 46px)
}

.file_holder .file_catalog .toggle:hover {
    opacity: .7
}

.file_holder .file_catalog .scroll-container {
    overflow: hidden;
    width: 200px;
    min-height: calc(50vh);
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.file_holder .file_catalog .container {
    padding: 16px;
    width: inherit;
    max-height: calc(100vh - 46px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: margin-left .3s ease;
    transition: margin-left .3s ease
}

.file_holder .file_catalog .container .catalog-ul {
    margin: 0;
    padding-left: 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px
}

.file_holder .file_catalog .container>.catalog-ul {
    padding-left: 0;
    font-size: 14px
}

.file_holder .file_catalog .container .catalog-li {
    list-style: initial;
    list-style-position: inside;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.file_holder .file_catalog .container .catalog-li a {
    padding: 6px 0;
    outline: none;
    color: #40485b
}

.file_holder .file_catalog .container .catalog-li a:hover {
    color: #797e8c
}

.file_holder .file_catalog .container .catalog-li a:active {
    color: #2c323f
}

.file_holder .file_catalog .container .catalog-li.active {
    color: #fe7300;
    font-weight: 600
}

.file_holder .file_catalog .container .catalog-li.active a {
    color: #fe7300
}

.file_holder .file_catalog .container .catalog-li.active a:hover {
    color: #fe9d4c
}

.file_holder .file_catalog .container .catalog-li.active a:active {
    color: #b15000
}

.file_holder .file_catalog .container::-webkit-scrollbar {
    width: 12px
}

.file_holder .file_catalog .container::-webkit-scrollbar-thumb {
    border: 2px solid #FFF;
    border-radius: 6px;
    background: transparent
}

.file_holder .file_catalog .container::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.file_holder .file_catalog .container:hover::-webkit-scrollbar-thumb {
    background: #C1C1C1
}

.file_holder .file_catalog .container:hover::-webkit-scrollbar-thumb:hover {
    background: #999
}

.file_holder .file_catalog .skeleton {
    margin-top: 38px
}

.file_holder .file_catalog .skeleton .line {
    margin: 6px 0 12px;
    height: 16px;
    background: #F5F5F5
}

.file_holder .file_catalog .skeleton .line1 {
    width: 100px
}

.file_holder .file_catalog .skeleton .line2 {
    width: 100px;
    margin-left: 24px
}

.file_holder .file_catalog .skeleton .line3 {
    width: 120px;
    margin-left: 24px
}

.file_holder .file_catalog+.file_content {
    min-height: calc(50vh);
    border-left: 1px solid #dce3e8
}

.file_holder .file_catalog.hidden .scroll-container {
    width: 0
}

.file_holder .file_catalog.hidden .container {
    margin-left: -200px
}

.file_holder .file_catalog.hidden+.file_content {
    border-left: 0
}

.file_holder .file_content.image_file {
    background: #eee;
    text-align: center
}

.file_holder .file_content.image_file img {
    padding: 100px;
    max-width: 100%
}

.file_holder .file_content .nothing_here_message {
    padding: 10px
}

.file_holder .file_content pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.file_holder .file_content :target:before {
    display: inline-block !important
}

.file_holder .file_content.logs {
    max-height: 700px;
    overflow-y: auto
}

.file_holder .file_content.logs ol {
    padding: 10px;
    margin-bottom: 0;
    background: white
}

.file_holder .file_content.logs ol li {
    color: #888
}

.file_holder .file_content.logs ol li p {
    margin: 0;
    color: #333;
    line-height: 24px;
    padding-left: 10px
}

.file_holder .file_content.logs ol li:hover {
    background: #f4faff
}

.file_holder .file_content.blame .blame-table-wrap {
    overflow-x: auto
}

.file_holder .file_content.blame .blame-table-wrap table {
    width: 100%
}

.file_holder .file_content.blame .blame-table-wrap table tr {
    border-bottom: 1px solid #eee
}

.file_holder .file_content.blame .blame-table-wrap table .blame-commit {
    background-color: #fafafa;
    padding-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 460px;
    max-width: 460px;
    width: 460px
}

.file_holder .file_content.blame .blame-table-wrap table .blame-commit span {
    display: inline-block;
    vertical-align: middle
}

.file_holder .file_content.blame .blame-table-wrap table .blame-commit .commit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%
}

.file_holder .file_content.blame .blame-table-wrap table .blame-commit .timeago {
    text-align: right;
    width: 24%
}

.file_holder .file_content.blame .blame-table-wrap table .blame-blame {
    background-color: #fafafa;
    border-left: 3px solid;
    text-align: center;
    width: 32px;
    min-width: 32px;
    max-width: 32px
}

.file_holder .file_content.blame .blame-table-wrap table .blame-blame a {
    color: #8c919c;
    font-size: 12px
}

.file_holder .file_content.blame .blame-table-wrap table .blame-blame a:hover {
    color: #40485b
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-0 {
    border-left-color: #f66a0a
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-1 {
    border-left-color: #f57823
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-2 {
    border-left-color: #f4873c
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-3 {
    border-left-color: #f39555
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-4 {
    border-left-color: #f2a46e
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-5 {
    border-left-color: #f1b288
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-6 {
    border-left-color: #f0c1a1
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-7 {
    border-left-color: #efcfba
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-8 {
    border-left-color: #eeded3
}

.file_holder .file_content.blame .blame-table-wrap table td.blame-commit-age-9 {
    border-left-color: #ededed
}

.file_holder .file_content.blame .blame-table-wrap table .lines .line-numbers {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.file_holder .file_content.code,
.file_holder .file_content.blame {
    padding: 0
}

.file_holder .file_content.code .lines,
.file_holder .file_content.blame .lines {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.file_holder .file_content.code .lines pre,
.file_holder .file_content.blame .lines pre {
    border: none;
    border-radius: 0;
    font-family: consolas, Courier, "MS Courier New", monospace;
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0;
    padding: 10px 0
}

.file_holder .file_content.code .lines .line-numbers,
.file_holder .file_content.blame .lines .line-numbers {
    color: #666;
    padding: 10px 6px;
    text-align: right;
    float: left
}

.file_holder .file_content.code .lines .line-numbers a,
.file_holder .file_content.blame .lines .line-numbers a {
    display: block;
    font-size: 12px !important;
    line-height: 20px !important;
    min-width: 30px;
    white-space: nowrap;
    color: rgba(27, 31, 35, 0.3);
    font-family: consolas, Courier, "MS Courier New", monospace
}

.file_holder .file_content.code .lines .line-numbers a i,
.file_holder .file_content.blame .lines .line-numbers a i {
    visibility: hidden;
    float: left
}

.file_holder .file_content.code .lines .line-numbers a:hover i,
.file_holder .file_content.blame .lines .line-numbers a:hover i {
    visibility: visible
}

.file_holder .file_content.code .lines .highlight,
.file_holder .file_content.blame .lines .highlight {
    overflow: auto;
    overflow-y: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.file_holder .file_content.code .lines .highlight pre,
.file_holder .file_content.blame .lines .highlight pre {
    white-space: pre;
    word-wrap: normal;
    overflow-y: hidden
}

.file_holder .file_content.code .lines .highlight pre .line,
.file_holder .file_content.blame .lines .highlight pre .line {
    display: block;
    padding: 0 12px;
    line-height: 20px;
    min-height: 20px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

::-webkit-scrollbar-thumb {
    background: rgba(100, 100, 100, 0.8)
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100, 100, 100, 0.4)
}

#code-edit-form-title {
    border-bottom: none
}

#code-edit-form .ui.segment.attached {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.apply-import-team-members #chose-project .search.input {
    max-width: 96%
}

.apply-import-team-members #chose-project .projects-menu {
    max-width: 700px;
    max-height: 100vh
}

.apply-import-team-members #chose-project .projects-menu .scrolling.menu {
    width: 320px !important
}

.apply-import-team-members #chose-project .invite-member-menu {
    max-height: 15rem
}

.apply-import-team-members #chose-project .text,
.apply-import-team-members #chose-project .scrolling.menu .item {
    overflow: hidden;
    text-overflow: ellipsis
}

.apply-import-team-members #chose-project .text {
    margin-right: 10px;
    max-width: 700px
}

.apply-import-team-members ul.ui.list li {
    list-style-type: circle !important;
    color: #999
}

.apply-import-team-members .check-container {
    display: inline-block;
    vertical-align: top
}

.apply-import-team-members .check-container .checkbox {
    margin-top: 14.4px
}

.apply-import-team-members .project-member-container {
    margin: 1.4em 0
}

.apply-import-team-members .project-member-container.attend-container {
    opacity: 0.5
}

.apply-import-team-members .project-member-container .member-item-image {
    vertical-align: top !important;
    font-size: 14px;
    margin-top: 7.4px
}

.apply-import-team-members .project-member-container .member-item-image .ui.avatar.image {
    width: 2em;
    height: 2em;
    margin-right: 0
}

.apply-import-team-members .project-member-container .member-item-container {
    display: inline-block;
    margin-left: 10px
}

.apply-import-team-members .project-member-container .member-item-container .git-project-member-name {
    height: 22px
}

.apply-import-team-members .project-member-container .member-item-container .git-project-member-name a {
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.apply-import-team-members .project-member-container .member-item-container .git-project-member-name .git-project-member-label {
    vertical-align: top
}

.apply-import-team-members .project-member-container .member-item-container .git-project-member-description {
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.apply-import-team-members .project-member-container .has-attended {
    margin-top: 12.4px;
    color: #8c92a4
}

.apply-import-team-members .check-all {
    float: left;
    margin-top: 2px !important
}

.apply-import-team-members .project-member-msg {
    font-weight: bold
}

#git-team-nav {
    padding: 0 1rem
}

#git-team-nav .ui.secondary.pointing.menu {
    margin: 1rem 0 0 0;
    padding: 1rem 0 0 0
}

#git-team-nav .ui.secondary.pointing.menu .item .label {
    padding: 0.2em 0.5em;
    margin: -0.15em 0em -0.15em 0em;
    font-weight: normal;
    border-radius: 1rem
}

#git-team-des .ui.tiny.header {
    margin-bottom: 0.2rem
}

#git-team-des .ui.message {
    padding: 0.5rem 1rem;
    word-break: break-all
}

#git-team-events .ui.divider:not(.vertical):not(.horizontal) {
    border-top: 1px solid rgba(0, 0, 0, 0.05)
}

#git-team-events .ui.header {
    margin: 0.5rem 0 2rem 0
}

.project-team {
    padding-right: 0px
}

.project-team .row.column {
    padding-bottom: 0 !important;
    margin: 5px 0 18px 0;
    -webkit-box-shadow: inset 0px -1px 0px 0px #DEDEDF;
    box-shadow: inset 0px -1px 0px 0px #DEDEDF
}

.project-team .row.column .ui.fluid.text.menu {
    margin: 5px 0 18px 0;
    padding: 6px 0
}

.project-team .row.column .ui.fluid.text.menu>.item {
    padding-top: 7px;
    margin-left: 0;
    font-size: 16px;
    font-weight: bold
}

#enterprise-message-modal {
    font-size: 14px
}

#enterprise-message-modal .close {
    top: .5em !important;
    right: .5em !important;
    padding: 0.625em 0 0 0;
    width: 2.25em;
    height: 2.25em
}

#enterprise-message-modal .header {
    padding: 0.75em 1em !important;
    padding-right: 2.25em !important;
    font-size: 1.42857143em
}

#enterprise-message-modal .ui.checkbox label,
#enterprise-message-modal .ui.checkbox+label {
    margin-top: 1px
}

#enterprise-message-modal .content .text-muted {
    margin-bottom: 14px
}

#enterprise-message-modal input:focus,
#enterprise-message-modal textarea:focus {
    border-color: rgba(44, 126, 248, 0.5)
}

#enterprise-message-modal .ui.orange.button {
    background-color: #2c7ef8
}

#enterprise-message-modal .ui.orange.button:hover {
    background-color: #6ba4fa
}

#enterprise-message-modal .ui.orange.button:active {
    background-color: #1e58ad
}

#enterprise-message-modal .ui.orange.button.basic {
    border: 1px solid #2c7ef8;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #2c7ef8 !important
}

#enterprise-message-modal .ui.orange.button.basic:hover {
    color: #6ba4fa !important
}

#enterprise-message-modal .ui.orange.button.basic:active {
    color: #1e58ad !important
}

#enterprise-message-modal .ui.checkbox.checked .box::before,
#enterprise-message-modal .ui.checkbox.checked label::before {
    background: #2c7ef8 !important;
    border-color: #2c7ef8
}

#enterprise-message-modal .ui.checkbox input:focus~.box::before,
#enterprise-message-modal .ui.checkbox input:focus~label::before {
    border-color: #2c7ef8
}

body.mobile.modal-show {
    position: fixed;
    width: 100%
}

#groups-upgrade-to-enterprise {
    padding: 50px 0 0 0
}

#groups-upgrade-to-enterprise .container {
    width: 840px
}

#groups-upgrade-to-enterprise .segment {
    padding: 20px
}

#groups-upgrade-to-enterprise .grid {
    padding: 20px 0
}

#groups-upgrade-to-enterprise .content {
    border-right: 1px solid #dce3e8
}

#groups-upgrade-to-enterprise .side {
    padding-left: 20px
}

#groups-upgrade-to-enterprise .side .iconfont {
    color: #fe7300
}

#enterprises-groups-page {
    width: 100%
}

#enterprises-groups-page .jumbotron {
    position: relative;
    padding: 40px 0;
    color: #FFF;
    text-align: center;
    line-height: 1.5;
    background-color: #575C67;
    background: url(../images/bg_head.jpg) no-repeat center/cover
}

#enterprises-groups-page .jumbotron .subtitle {
    font-size: 24px;
    opacity: .8
}

#enterprises-groups-page .jumbotron .title {
    font-size: 36px
}

#enterprises-groups-page .jumbotron .action {
    padding-top: 20px
}

#enterprises-groups-page .jumbotron .action a {
    padding: 12px 24px;
    font-size: 18px;
    line-height: 14px
}

#enterprises-groups-page .jumbotron img {
    position: absolute;
    left: 25px;
    top: 40px
}

#enterprises-groups-page .feature {
    padding-top: 50px
}

#enterprises-groups-page .feature .ui.container {
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#enterprises-groups-page .feature .text {
    min-width: 400px
}

#enterprises-groups-page .feature .text .title {
    margin-bottom: 10px;
    font-size: 26px;
    color: #000
}

#enterprises-groups-page .feature .text p {
    margin: 0;
    line-height: 1.8
}

#enterprises-groups-page .feature img {
    width: 50%;
    max-width: 500px
}

#enterprises-groups-page .upgrade-button {
    padding: 70px 0;
    text-align: center
}

#enterprises-groups-page .upgrade-button .button {
    padding: 16px 54px;
    font-size: 22px;
    line-height: 24px
}

#enterprises-groups-page .upgrade-button .text-muted {
    margin-top: 20px
}

#enterprises-groups-page .upgrade-button .text-muted a {
    color: #fe7300
}

#enterprises-groups-page .upgrade-button .text-muted a:hover {
    color: #fe9d4c
}

#enterprises-groups-page .upgrade-button .text-muted a:active {
    color: #b15000
}

#enterprises-groups-page .faq {
    padding: 50px 0;
    color: #FFF;
    background-color: #575C67;
    background: url(../images/bg_faq.png) no-repeat left/cover
}

#enterprises-groups-page .faq .ui.container {
    padding: 0 100px
}

#enterprises-groups-page .faq .title {
    font-size: 30px
}

#enterprises-groups-page .faq .item {
    margin-top: 30px
}

#enterprises-groups-page .faq .item .icon {
    width: 18px
}

#enterprises-groups-page .faq .item .text {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top
}

#enterprises-groups-page .faq .item .question {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 18px
}

#enterprises-groups-page .faq .item .answer {
    font-size: 14px;
    line-height: 1.5
}

#enterprises-groups-page .faq .item .answer a {
    color: #ff9400
}

#enterprises-groups-page .faq .item .answer a:hover {
    color: #ffb44c
}

#enterprises-groups-page .faq .item .answer a:active {
    color: #b26700
}

body.mobile #enterprises-groups-page .jumbotron {
    margin-bottom: 20px
}

body.mobile #enterprises-groups-page .jumbotron .subtitle,
body.mobile #enterprises-groups-page .jumbotron .title {
    font-size: 16px;
    line-height: 1.7
}

body.mobile #enterprises-groups-page .feature {
    padding: 20px 0
}

body.mobile #enterprises-groups-page .feature .ui.container {
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body.mobile #enterprises-groups-page .feature.feature-reverse .ui.container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

body.mobile #enterprises-groups-page .feature .text {
    margin-bottom: 10px;
    min-width: auto;
    text-align: center
}

body.mobile #enterprises-groups-page .feature .text .title {
    font-size: 24px
}

body.mobile #enterprises-groups-page .feature img {
    width: 100%
}

body.mobile #enterprises-groups-page .upgrade-button {
    padding: 30px 0
}

body.mobile #enterprises-groups-page .upgrade-button .button {
    padding: 12px 32px;
    font-size: 18px;
    line-height: 1
}

body.mobile #enterprises-groups-page .faq .ui.container {
    padding: 0 10px
}

body.mobile #enterprises-groups-page .faq .title {
    font-size: 20px
}

body.mobile #enterprises-groups-page .faq .item {
    margin-top: 20px
}

body.mobile #enterprises-groups-page .faq .item .text {
    margin-left: 5px;
    width: calc(100% - 27px)
}

body.mobile #enterprises-groups-page .faq .item .question {
    font-size: 16px
}

#snippet {
    margin-top: -2px
}

#snippet .ui.text-center {
    text-align: center
}

#snippet .head {
    height: 70px;
    line-height: 70px;
    background: white
}

#snippet .head .ui.secondary.menu {
    border-color: transparent;
    font-size: 1rem;
    margin: 0
}

#snippet .head .ui.secondary.menu .iconfont {
    font-size: 0.8rem
}

#snippet .head .ui.secondary.menu>a.item {
    color: #2A3444;
    padding: 24px 10px;
    text-align: center;
    border: none;
    width: 100px
}

#snippet .head .ui.secondary.menu>a.item:first-child {
    margin-top: -2px
}

#snippet .head .ui.secondary.menu>a.item.active,
#snippet .head .ui.secondary.menu>a.item.active:active {
    color: #fe7300;
    background: transparent;
    border-bottom: 3px solid #fe7300;
    margin-top: 3px
}

#snippet .head .ui.secondary.menu>a.item.active:first-child,
#snippet .head .ui.secondary.menu>a.item.active:active:first-child {
    margin-top: 2px !important
}

#snippet .content .snippet-detail {
    background: #FFFFFF;
    border: 1px solid #E3E9ED;
    border-radius: 4px
}

#snippet .content .snippet-detail .select-sort {
    margin: 14px 0;
    height: 32px
}

#snippet .content .snippet-detail .select-sort .ui.dropdown .default.text {
    min-width: 70px;
    min-height: 20px;
    line-height: 20px
}

#snippet .content .snippet-detail .select-sort .menu {
    line-height: 32px
}

#snippet .content .snippet-detail .select-sort .pull-right {
    color: #8C92A4
}

#snippet .content .snippet-detail .select-sort .pull-right .text {
    color: #333333
}

#snippet .content .snippet-detail .select-sort .pull-right .code-filter-dropdown i.icon.dropdown {
    margin-left: 6px
}

#snippet .content .snippet-detail .select-sort .pull-right .code-filter-dropdown .menu a i.fa:first-child {
    margin-right: 8px;
    color: #0096FF;
    width: 12px
}

#snippet .content .snippet-detail .select-sort .pull-right .code-filter-dropdown .menu a i.fa:last-child {
    margin-left: 8px;
    width: 8px
}

#snippet .content .snippet-detail .no-data.message {
    text-align: center;
    padding: 50px
}

#snippet .content .snippet-detail .no-data.message .icon {
    font-size: 40px;
    margin-bottom: 1rem;
    color: #d6d6d6
}

#snippet .content .snippet-detail .detail-url {
    display: none
}

#snippet .content .snippet-detail .description {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word
}

#snippet .content .single-block {
    overflow: hidden
}

#snippet .content .single-block .left-side {
    width: 50px;
    text-align: center;
    margin-top: 6px
}

#snippet .content .single-block .left-side .ui.avatar.image {
    width: 2em;
    height: 2em
}

#snippet .content .single-block .right-side>div {
    margin: 8px 0
}

#snippet .content .single-block .right-side .title {
    overflow: hidden
}

#snippet .content .single-block .right-side .title .title-name {
    max-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.2rem;
    color: #5C7A8B;
    display: -webkit-inline-box;
    width: 64%;
    margin: 0;
    display: inline-block
}

#snippet .content .single-block .right-side .title .title-name .lang-label {
    padding: 0.2em 0.3em;
    border-radius: 0.2rem;
    position: relative;
    top: -2px
}

#snippet .content .single-block .right-side .title .my-ic-comments {
    width: 17.33px
}

#snippet .content .single-block .right-side .title .share>a {
    color: #8c92a4;
    margin: 0 0 0 5px
}

#snippet .content .single-block .right-side .create-time {
    font-size: 12px;
    color: #9B9B9B
}

#snippet .content .single-block .right-side .create-time a {
    color: #6a6a6a;
    opacity: 1
}

#snippet .content .single-block .right-side .create-time .lang-label {
    padding: 3px 5px;
    border-radius: 0.2rem;
    font-size: 12px;
    font-weight: normal
}

#snippet .content .single-block .right-side .code-detail .line-numbers {
    padding-left: 1.3rem;
    background: #f8f8f8
}

#snippet .content .single-block .right-side .code-detail .highlight pre {
    background: white
}

#snippet .content .single-block .right-side .code-detail .tree-content-holder {
    position: relative
}

#snippet .content .single-block .right-side .code-detail .file_holder.hover {
    border: 1px solid #fe7300
}

#snippet .content .single-block .right-side .code-detail .file_holder:hover {
    border: 1px solid #fe7300
}

#snippet .content .single-block .right-side .code-detail .file_holder:hover .look-detail {
    display: block
}

#snippet .content .single-block .right-side .code-detail .file_holder .look-detail {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    background: #fe7300;
    border: 1px solid #fe7300;
    border-radius: 0 3px 0 3px;
    text-align: center;
    font-size: 12px;
    color: white;
    cursor: pointer;
    display: none
}

#snippet .content .single-block .right-side .code-detail .file_content {
    cursor: pointer
}

.code-header {
    border: 1px solid #dce3e8;
    color: #40485b;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #fbfbfb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.code-header .code-header-details .code-actions {
    float: right
}

.code-header .code-header-details .code-actions .icon.bookmark {
    margin: 0px
}

.code-header .code-header-details .code-actions .ui.basic.buttons {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(140, 146, 164, 0.5);
    border-radius: 2px;
    margin: 0 0 0 10px
}

.code-header .code-header-details .code-actions .ui.basic.buttons .ui.button {
    border-radius: 0;
    padding: 3px 5px;
    line-height: 16px;
    font-size: 12px;
    background: transparent !important;
    border-color: rgba(140, 146, 164, 0.5) !important
}

.code-header .code-header-details .code-actions .iconfont {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9)
}

.code-header .code-header-details .code-details img {
    height: 16px;
    width: 16px
}

.code-comment-field {
    font-size: 14px
}

.code-comment-field .blocked-title {
    padding-top: 9px
}

.code-comment-field .ui.divider {
    margin-bottom: 0
}

.code-comment-field .form-with-gravatar {
    margin-top: 36px
}

.code-comment-field .form-with-gravatar .avatar.image {
    padding: 0;
    width: 2.143em;
    height: 2.143em;
    float: left
}

.code-comment-field .form-with-gravatar .note-form-body {
    margin-left: 42px
}

.code-comment-field .form-with-gravatar .actions {
    margin-top: 1rem
}

.code-comment-field .form-with-gravatar .actions .button {
    min-width: 105px
}

.code-comment-field .form-with-gravatar .md-editor>textarea {
    background: #fff;
    border: 0
}

.code-comment-field #comment-loadder {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    border: 0;
    padding-top: 0px;
    padding-bottom: 0px
}

.code-comment-field #loadding-state {
    top: 115px !important
}

.code-comment-field .ui.segment#comment-loadder {
    border: 0px
}

.transfer-other-ent-wrap .invite-member-checkbox {
    vertical-align: baseline
}

.transfer-other-ent-wrap .transfer-text {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold
}

.transfer-other-ent-wrap .fluid {
    width: 500px !important
}

.transfer-other-ent-wrap .fluid input {
    height: 38px
}

.transfer-other-ent-wrap .transfer-tip-wrap {
    margin-top: 16px;
    margin-bottom: 16px
}

.transfer-other-ent-wrap .transfer-code-input {
    width: 100%
}

.transfer-other-ent-wrap .icon-help-circle {
    color: #8acf94;
    cursor: pointer
}

.transfer-to-enterprise-segment .invite-member-wrap {
    margin-top: 17px
}

.transfer-to-enterprise-segment .confirm-transfer-wrap {
    margin-top: 17px
}

.transfer-to-enterprise-segment .enterprise-quota-wrap {
    color: #40485B !important
}

.transfer-to-enterprise-segment .transfer-divider {
    margin-top: 32px;
    margin-bottom: 32px
}

.transfer-to-enterprise-segment .transfer-attention {
    font-weight: bold;
    margin-bottom: 7px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap {
    margin-top: 20px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 8px;
    border: 1px solid #DCE3E8;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 0 !important;
    width: 47% !important
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap:nth-child(2n) {
    margin-left: 16px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap:hover {
    border-color: #C1C5D0
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap.selected-item {
    border-color: #FE7300
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .header {
    word-break: break-all
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .image {
    margin-right: 15px !important;
    width: 80px !important
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .content {
    padding-top: 4px
}

.transfer-to-enterprise-segment .transfer-own-ent-wrap .enterprise-data-wrap .content .meta {
    margin-top: 10px;
    word-break: break-all
}

body.git-group.ui_basic .ui.container {
    width: 1240px
}

body.git-group {
    color: #40485b
}

body.git-group a {
    color: #005980
}

body.git-group a:hover {
    color: #4c8aa6
}

body.git-group a:active {
    color: #003e59
}

body.git-group .can-overview {
    z-index: 1
}

body.git-group .text-muted {
    color: #8c92a4;
    font-size: 12px
}

body.git-group .text-muted a {
    color: #8c92a4
}

body.git-group .text-muted a:hover {
    color: #1283ba
}

body.git-group .datetimepicker.dropdown-menu {
    position: absolute;
    display: none;
    background: #fff
}

body.git-group .monitor-check {
    width: 90px;
    height: 30px;
    line-height: 20px;
    background: #e5e5e5;
    border-radius: 18px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    float: left;
    margin-left: 10px
}

body.git-group .monitor-check i {
    margin-top: 5px
}

body.git-group .monitor-check.public {
    color: #fff;
    background: #fe7300
}

body.git-group .monitor-check.public i {
    color: #fe7300
}

body.git-group .monitor-check.public span.private {
    display: none
}

body.git-group .monitor-check.public span.public {
    display: block
}

body.git-group .monitor-check.private {
    color: #40485b;
    background: #e5e5e5
}

body.git-group .monitor-check.private i {
    color: #40485b
}

body.git-group .monitor-check.private span.private {
    display: block
}

body.git-group .monitor-check.private span.public {
    display: none
}

body.git-group .monitor-check .switch {
    position: absolute;
    border-radius: 50%;
    top: 4px;
    cursor: pointer;
    text-align: center
}

body.git-group .monitor-check .switch-left,
body.git-group .monitor-check .switch-right {
    position: absolute;
    top: 5px
}

body.git-group .monitor-check .switch.left,
body.git-group .monitor-check .switch.right {
    width: 22px;
    height: 22px;
    background: #fff
}

body.git-group .monitor-check .switch-right {
    right: 15px
}

body.git-group .monitor-check .switch-left {
    left: 15px
}

body.git-group .monitor-check .switch.left {
    left: 5px
}

body.git-group .monitor-check .switch.right {
    right: 5px
}

body.git-group .monitor-check.disabled,
body.git-group .monitor-check.disabled .switch {
    cursor: default
}

body.git-group #monitor-check-tips {
    margin-left: 1em;
    display: none;
    color: #8c92a4;
    font-size: 13px
}

body.git-group .select2-drop {
    margin-top: -3px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body.git-group .select2-drop .select2-results {
    padding: 0;
    margin: 0
}

body.git-group .select2-drop .select2-results .select2-highlighted {
    background: #f8f8f8;
    color: #333
}

body.git-group .select2-drop .select2-results .select2-result-label {
    padding: 8px
}

body.git-group .select2-container .select2-choices .select2-search-choice {
    padding: 8px 24px 8px 8px
}

body.git-group .select2-container .select2-choices .select2-search-field input {
    border: 0
}

body.git-group .select2-container .select2-choices .select2-search-choice-close {
    left: auto;
    top: 8px
}

body.git-group .select2-container .user-result .user-username {
    color: #777
}

body.git-group .select2-focused {
    border: 0px !important
}

body.git-group .select2-drop-mask,
body.git-group .select2-drop {
    z-index: 50 !important
}

body.git-group #event-timeline-app {
    padding-left: 15px
}

body.git-group #event-timeline-app .markdown-body {
    width: 900px
}

body.git-group .git-group-avatar,
body.git-group .git-group-avatar .avatar,
body.git-group .git-group-avatar .over-avatar {
    width: 96px;
    height: 96px;
    line-height: 96px
}

body.git-group .git-group-header {
    margin-bottom: 28px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0px 1px 1px 0px #E3E9ED;
    box-shadow: 0px 1px 1px 0px #E3E9ED
}

body.git-group .git-group-header .iconfont {
    vertical-align: initial
}

body.git-group .git-group-header .group-overview {
    padding-left: 20px;
    line-height: 22px;
    height: 22px;
    display: inline-block
}

body.git-group .git-group-header span:not(.ui) {
    font-size: 16px
}

body.git-group .git-group-header .icon-ic-home {
    font-size: 1.3rem;
    position: absolute
}

body.git-group .git-group-header .group-nav {
    border-bottom: 0 !important
}

body.git-group .git-group-header .group-nav .iconfont {
    vertical-align: initial
}

body.git-group .git-group-header .group-nav .item {
    padding: 9px 16px;
    color: #586069;
    white-space: nowrap;
    border: solid transparent;
    border-width: 3px 1px 1px;
    border-radius: 3px 3px 0 0;
    display: inline-block
}

body.git-group .git-group-header .group-nav .item.active {
    font-weight: 600;
    border-bottom: 2px solid #fe7300;
    color: #fe7300
}

body.git-group .git-group-header .group-nav .item.active .ui.label {
    background: #F8DCC5;
    color: #fe7300
}

body.git-group .git-group-header .group-nav .item.active i {
    font-weight: normal
}

body.git-group .git-group-header .right-operate {
    line-height: 3.2
}

body.git-group .git-group-header .right-operate>* {
    margin-left: 20px
}

body.git-group .git-group-header .right-operate>*:first-child {
    margin-left: 0
}

body.git-group .git-group-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    position: relative
}

body.git-group .git-group-info-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 96px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 24px
}

body.git-group .git-group-info .group-title {
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

body.git-group .git-group-info .group-title i {
    font-size: 18px
}

body.git-group .git-group-info .group-title .icon-lock {
    margin-left: 4px
}

body.git-group .git-group-info .group-name {
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0;
    margin: 0;
    margin-right: 4px;
    max-width: 650px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.git-group .git-group-info .group-desc {
    color: #40485b;
    word-break: break-all
}

body.git-group .git-group-info .group-meta {
    line-height: 1.5
}

body.git-group .git-group-info .group-meta .verified-label {
    vertical-align: super
}

body.git-group .git-group-info .group-meta>.meta {
    margin-top: 8px;
    margin-right: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

body.git-group .git-group-info .group-meta>.meta:first-child {
    margin-left: 0
}

body.git-group .git-group-info .group-meta>.meta:last-child {
    margin-right: 0
}

body.git-group .git-group-info .group-meta>.meta i {
    color: #8c92a4
}

body.git-group .git-group-info .group-meta>.meta i.message {
    font-size: 13px;
    margin-top: 2px
}

body.git-group .git-group-info .group-meta>.meta span,
body.git-group .git-group-info .group-meta>.meta a {
    max-width: 500px;
    margin-left: 5px;
    letter-spacing: 0.7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

body.git-group .git-group-action {
    right: 0;
    top: 20px;
    position: absolute
}

body.git-group .git-group-action .enterprise-action {
    text-align: center
}

body.git-group .git-group-action .enterprise-action a {
    padding: 7px 18px;
    word-break: keep-all;
    margin-left: 24px
}

body.git-group .vertical-bar {
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    width: 1px;
    height: 80%;
    background: white;
    opacity: 0.5
}

body.git-group .follow-action .ui.button {
    padding-top: 5px;
    padding-bottom: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

body.git-group .follow-action i.icon.heart {
    opacity: 1
}

.group-avatar-wrap {
    line-height: 0
}

.group-avatar-wrap img {
    height: 151px;
    width: 151px;
    float: left;
    border: 1px solid #dce3e8
}

.group-avatar-wrap .over-avatar {
    position: absolute;
    display: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 10;
    color: #fff;
    width: 151px;
    height: 151px;
    line-height: 151px
}

.group-avatar-wrap:hover .over-avatar {
    display: block
}

#git-group-member-list .member-item {
    width: 25%;
    min-width: 25%;
    margin-bottom: 10px
}

#git-group-member-list a.image {
    margin-bottom: 6px;
    margin-right: 0;
    font-size: 16px;
    margin-left: 5px
}

#git-group-member-list .member-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -25px
}

#git-group-member-list .member-user-name {
    display: block;
    max-width: 50px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px
}

#git-group-container .group-notice {
    background-color: #FFFEED;
    color: initial;
    -webkit-box-shadow: 0px 0px 0px 1px #e2d8bf inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #e2d8bf inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 24px
}

#git-group-container .group-notice .content {
    word-break: break-all;
    margin-right: 8px
}

#git-group-container .event-timeline {
    padding-top: 7px
}

#git-group-container .without-group-remark {
    color: #8c92a4
}

#git-group-sidebar {
    padding: 0
}

#git-group-sidebar .common-padding {
    margin-left: -4px;
    font-size: 14px;
    color: #8c92a4;
    letter-spacing: 0;
    padding-left: 9px
}

#git-group-sidebar .item,
#git-group-sidebar .row {
    color: #40485b
}

#git-group-sidebar .main .item i {
    color: #8c92a4;
    margin-right: 16px
}

#git-group-sidebar .main .item i.icon-projects {
    margin-left: 1px;
    font-size: 13px
}

#git-group-sidebar .main .item .label {
    margin-top: 3px;
    margin-left: 0;
    padding: 3px 10px
}

#git-group-sidebar .events .row {
    padding: 16px;
    font-size: 14px;
    color: #40485b
}

#git-group-sidebar .events .row.header {
    font-size: 14px;
    font-weight: normal;
    padding: 13px 16px;
    border-bottom: 1px solid #ddd
}

#git-group-sidebar .events .row.action {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px
}

#git-group-sidebar .events .row.action a {
    color: #8c92a4
}

#git-group-content {
    padding: 0
}

#git-group-content .issues_part .column.center.aligned {
    text-align: center
}

#git-group-content #transfer-enterprise-submit {
    margin-top: 10px
}

#git-group-content .issues_part .icon-add {
    margin-top: 8px;
    font-size: 1.1em
}

#git-group-content .issues_part .issue-wrapper {
    padding: 0.8em 10px
}

#git-group-content>.segment {
    padding: 0;
    margin-top: 0
}

#git-group-content>.segment>.header {
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 9px;
    margin-bottom: 10px
}

#git-group-content>.segment>.header a {
    font-size: 14px
}

#git-group-content>.segment>.header.exist-projects {
    padding-top: 40px
}

#git-group-content>.segment>.menu {
    font-size: 16px;
    padding: 0;
    padding-top: 8px;
    border-bottom: 1px solid #ddd
}

#git-group-content>.segment>.menu>.item {
    line-height: 1.43;
    padding: 1.12em 1em;
    color: #40485b;
    margin-left: 0;
    bottom: -1px
}

#git-group-content>.segment>.menu>.item:hover {
    background: white
}

#git-group-content>.segment>.menu>.item:last-child {
    margin-right: 0
}

#git-group-content>.segment>.menu>.item.active {
    border-radius: 0;
    background: none;
    color: #fe7300;
    border-bottom: 2px solid #fe7300
}

#git-group-content>.segment .group-right-sidebar {
    padding: 0;
    width: 273px !important
}

#git-group-content>.segment .group-right-sidebar.is-project {
    margin-top: 6px
}

#git-group-content>.segment .group-right-sidebar .ui.grid {
    margin: 0;
    margin-bottom: -8px
}

#git-group-content>.segment .group-right-sidebar .header {
    margin-bottom: 16px
}

#git-group-content>.segment .group-right-sidebar .header .pull-right {
    font-size: 14px
}

#git-group-content>.segment .group-right-sidebar>div {
    margin-bottom: 32px
}

#git-group-content>.segment .group-right-sidebar #popular-languages .three.wide.column {
    text-align: end
}

#git-group-content>.segment .group-right-sidebar #popular-languages strong {
    font-weight: 500
}

#git-group-content>.segment .group-right-sidebar #popular-languages .label {
    margin-top: 5px
}

#git-group-content>.segment .group-right-sidebar #popular-languages .lang-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#git-group-content>.segment .group-right-sidebar #popular-languages .language-bar {
    margin-top: 5px;
    height: 7px;
    background-color: #66c17b;
    border-radius: 5px
}

#git-group-content>.segment .group-right-sidebar .header {
    font-weight: bold;
    font-size: 16px
}

#git-group-content>.segment .group-right-sidebar .header a {
    font-weight: initial
}

#git-group-content>.segment .group-right-sidebar .achievement-item__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#git-group-content>.segment .group-right-sidebar .achievement-item__list .achievement-item {
    background: #f5f6f8;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 0;
    border-radius: 4px
}

#git-group-content>.segment .group-right-sidebar .achievement-item__list .count {
    font-size: 24px;
    font-weight: bold;
    max-width: 115px;
    word-break: normal;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden
}

#git-group-content>.segment .group-right-sidebar .achievement-item__list a {
    color: #40485b
}

#git-group-content>.segment #settings-menu.en>.item {
    padding: 1.12em .5em
}

#git-group-content>.segment .tab-container>.item {
    display: none
}

#git-group-content>.segment .tab-container>.item.active {
    display: block
}

#git-group-settings .group-setting-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#git-group-settings .group-setting-info>div:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#git-group-settings .field {
    margin-bottom: 16px
}

#git-group-settings .ui.toggle.checkbox input:checked~label {
    color: initial
}

#git-group-settings .ui.toggle.checkbox input:checked~label:after {
    left: 18px
}

#git-group-settings .text-muted {
    font-weight: initial
}

#git-group-settings label {
    font-size: 14px
}

#git-group-settings .title {
    text-align: left
}

#git-group-settings .group-description-input {
    min-height: 5.3em;
    height: 5.3em
}

#git-group-settings .checkbox-container {
    font-weight: bold
}

#git-group-settings .edit_group .field.wide.twelve {
    width: 563px !important;
    display: inline-block;
    margin-bottom: 0
}

#git-group-settings .edit_group .field.wide.four {
    width: 158px !important;
    display: inline-block
}

#git-group-settings #transfer {
    padding-bottom: 10px
}

#git-group-settings #transfer .users-select {
    display: inline-block;
    width: 60%
}

#git-group-settings #transfer .transfer-btn {
    display: inline-block;
    margin-left: 10px
}

#git-group-members {
    padding-top: 0;
    border: none
}

#git-group-members .members-menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 3px
}

#git-group-members .members-menu .item {
    line-height: 1.6 !important
}

#git-group-members .members-menu .item.active {
    color: #fe7300;
    background: transparent;
    border-color: #fe7300
}

#git-group-members .members-menu .item.active .ui.small.label {
    color: #fe7300;
    background: rgba(254, 115, 0, 0.2)
}

#git-group-members .members-menu .item .ui.small.label {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 5px !important;
    margin: 0;
    min-height: 1em;
    min-width: 1em;
    min-height: 1em;
    border-radius: 500rem
}

#git-group-members .members-action {
    float: right;
    display: none;
    width: 59%;
    font-size: 14px
}

#git-group-members .members-action .field {
    display: inline-block;
    margin-top: 5px
}

#git-group-members .members-action .users-select {
    width: 180px
}

#git-group-members .members-action .access-level-select {
    width: 120px;
    min-width: 120px;
    height: 36px;
    min-height: 36px
}

#git-group-members .members-action .access-level-select .text {
    margin-top: 5px;
    margin-left: 3px
}

#git-group-members .members-action .access-level-select .icon.dropdown {
    margin-top: 7px
}

#git-group-members .members-action .add-confirm {
    padding-top: 9px;
    padding-bottom: 9px;
    height: 36px
}

#git-group-members .add-member {
    margin-top: 9px;
    background: white;
    border: 1px solid #fe7300;
    border-radius: 2px;
    color: #fe7300
}

#git-group-members .show-invite {
    display: block
}

#git-group-members .show-add-member {
    display: none
}

#git-group-members #members-container .member {
    border-bottom: 1px solid #eee;
    margin-left: 0;
    margin-right: 0
}

#git-group-members #members-container .member:first-child {
    padding-top: 0
}

#git-group-members #members-container .member:last-child {
    padding-bottom: 0;
    border-bottom: none
}

#git-group-members #members-container .member-first {
    margin-top: -1rem;
    padding-top: 0
}

#git-group-members #members-container .member-last {
    padding-bottom: 0;
    border-bottom: none
}

#git-group-members #members-container .member {
    position: relative
}

#git-group-members #members-container .member>div+div {
    padding-left: 0
}

#git-group-members #members-container .member>.info .avatar {
    float: left;
    width: 42px;
    height: 42px
}

#git-group-members #members-container .member>.info .content {
    padding-left: 5px;
    height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#git-group-members #members-container .member>.info .content .join-time {
    color: #8c92a4;
    font-size: 12px;
    margin-top: 8px
}

#git-group-members #members-container .member>.remark {
    padding-top: 14px
}

#git-group-members #members-container .member>.action .opt {
    cursor: pointer;
    color: #005980
}

#git-group-members #members-container .member>.action .opt:hover {
    color: #1283ba
}

#git-group-members #members-container .member>.action .opt+.opt {
    margin-top: 2px
}

#git-group-members #members-container .member>.modify-form {
    padding: 5px 3em 5px 50px;
    display: none
}

#git-group-members #members-container .member>.modify-form .access-level-input {
    width: 100%;
    line-height: 1.15;
    padding: 0.67861em 1em
}

#git-group-members #members-container .member>.modify-form .access-level-input .icon {
    line-height: 1.6
}

#git-group-members #members-container .member>.modify-form .remark-input {
    line-height: 1.2
}

#git-group-members #members-container .member>.labels .admin {
    border-color: #f14333;
    color: #f14333
}

#git-group-members #members-container .member>.labels .owner {
    border-color: #fbbd08;
    color: #fbbd08
}

#git-group-members #members-container .member>.labels .self {
    border-color: #4baf50;
    color: #4baf50
}

#git-group-members #members-container .member>.labels .blocked {
    border-color: #1b1c1d;
    color: #1b1c1d
}

#git-group-members #members-container .member .overlay {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    z-index: 10;
    background: #fff;
    opacity: 0.5;
    display: none
}

#git-group-statistics-general .echart-wrapper {
    height: 280px;
    width: 690px
}

#git-group-statistics-latest {
    padding: 0 !important
}

#git-group-statistics-latest .header {
    margin-left: 20px;
    margin-right: 20px
}

#git-group-statistics-latest .action {
    float: right;
    margin-top: -5px
}

#git-group-statistics-latest .action>div {
    display: inline-block
}

#git-group-statistics-latest .action .date-filter {
    float: left;
    margin-right: 10px;
    line-height: 1.3;
    padding-top: 6px;
    padding-bottom: 6px
}

#git-group-statistics-latest .action .date-form .field {
    margin-right: 0
}

#git-group-statistics-latest .action .date-form .field:last-child {
    position: relative;
    margin-left: 15px
}

#git-group-statistics-latest .action .date-form .field:last-child:before {
    content: ' ';
    position: absolute;
    top: 16px;
    left: -14px;
    width: 8px;
    height: 1px;
    background-color: #ccc
}

#git-group-statistics-latest .action .date-form .field.date {
    position: relative;
    display: inline-block;
    border: 1px solid #E3E9ED;
    cursor: pointer
}

#git-group-statistics-latest .action .date-form .field.date:hover {
    border-color: #b5babd
}

#git-group-statistics-latest .action .date-form .field.date .icon.dropdown {
    float: right;
    opacity: 0.8;
    font-size: 0.85714286em;
    margin-top: 6px
}

#git-group-statistics-latest .action .date-form .field.date input {
    width: 95px;
    padding: 6px 0;
    border: 0;
    background: transparent !important;
    cursor: pointer;
    float: right;
    text-align: center;
    color: #808080 !important
}

#git-group-statistics-latest .action .date-form .field.date .add-on {
    top: 20px;
    right: 0;
    opacity: 0;
    position: absolute
}

#git-group-statistics-latest .dataview-container {
    margin-top: 20px
}

#git-group-statistics-latest .dataview-container #data_echart {
    width: 100%;
    height: 360px;
    display: inline-block
}

#git-group-statistics-overview {
    margin-left: 30px
}

#git-group-statistics-overview .header>span {
    margin-left: 5px
}

#git-group-statistics-overview .overview-container {
    margin-top: 5px
}

#git-group-statistics-overview .overview-container .label {
    margin-left: 5px;
    padding: 3px 6px
}

#git-group-statistics-withmask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 250px;
    font-size: 16px
}

#git-group-statistics-withmask>div {
    margin-top: 15px;
    font-size: 14px
}

.git-group .custom-modal .actions {
    padding-top: 6px;
    padding-bottom: 6px
}

.git-group .custom-modal-checkbox {
    vertical-align: top;
    margin-top: 5px
}

.git-group .pro-name-with-namespace {
    width: 380px;
    display: inline-block
}

#git-group-project .is-nodata {
    margin-top: 133px;
    text-align: center
}

#git-group-project .ui.grid.page {
    margin: 0
}

#git-group-project .twelve.wide.column {
    width: 888px;
    padding: 0
}

#git-group-project .search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#git-group-project .search-wrap .dropdown-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-group-project .search-wrap .dropdown-list .text,
#git-group-project .search-wrap .dropdown-list i {
    color: #8c92a4
}

#git-group-project .search-wrap .dropdown-list i {
    line-height: 18px
}

#git-group-project .git-profile-projects-ulist .project-title .project-icon {
    margin-right: 5px;
    float: left
}

#git-group-project .git-profile-projects-ulist .project-icon {
    color: #8c92a4;
    font-size: 1.1rem
}

#git-group-project .git-profile-projects-ulist .proj-language {
    margin-left: 10px !important
}

#git-group-project .git-profile-projects-ulist .create-time {
    font-size: 14px
}

#git-group-project .git-profile-projects-ulist .repository {
    font-size: 16px
}

#git-group-project .exist-projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#git-group-project .header {
    display: inline-block;
    width: 100%
}

#git-group-project .header .icon-add-thin:before {
    content: ""
}

#git-group-project .header .iconfont.icon-recommended {
    color: #fe7300;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 2px
}

#git-group-project .search-result {
    line-height: 32px
}

#git-group-project .git-user-serach-prj #search_project {
    float: none;
    margin-top: 0;
    margin-right: 0;
    width: 240px
}

#git-group-project .git-user-serach-prj #search_project .ui.input {
    width: 240px
}

#git-group-project .git-user-serach-prj #search_project .ui.input .icon-search {
    left: 205px;
    cursor: pointer
}

#git-group-project .git-user-serach-prj #search_project #search-projects {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important
}

#git-group-project .project-action .ui.button {
    padding: 6px;
    background: white;
    border: 1px solid #fe7300;
    border-radius: 2px;
    color: #fe7300
}

#git-group-project .projects-ulist i {
    font-weight: normal
}

#git-group-project .projects-ulist .project-list-item {
    padding: 14px 0;
    border-bottom: 1px solid #dce3e8
}

#git-group-project .projects-ulist .project-list-item:last-child {
    border: none
}

#git-group-project .projects-ulist .project-list-item h4 {
    margin: 0
}

#git-group-project .projects-ulist .project-list-item .description {
    margin: 10px 0
}

#git-group-project .projects-ulist .project-badges {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#git-group-project .projects-ulist .project-badges .ui.small.label {
    background-color: #efefef !important;
    padding: 3px 5px;
    border-radius: 2px;
    border: none !important;
    line-height: 1;
    font-size: 0.78571429rem
}

#git-group-project .projects-ulist .project-badges .ui.small.label:hover {
    border: none;
    background-color: #e0e0e0 !important
}

#git-group-project .projects-ulist .pro-name .main-pro-name {
    display: inline-block
}

#git-group-project .projects-ulist .pro-name .fork-pro-name {
    font-size: 14px;
    margin-left: 20px;
    font-weight: normal;
    display: block
}

#git-group-project .projects-ulist .pro-actions a {
    font-size: 14px;
    padding-right: 25px
}

#git-group-project .projects-ulist .pro-actions a:hover {
    color: #8c92a4
}

#git-group-project .projects-ulist .pro-actions a:last-child {
    padding-right: 0
}

#git-group-project .projects-ulist .repo-stats {
    margin: 0
}

#git-group-project .projects-ulist .repo-stats li {
    float: left;
    background: #fff;
    color: #666;
    list-style-type: none;
    margin-left: 12px
}

#git-group-project .projects-ulist .repo-stats li a {
    font-size: 13px
}

#git-group-project .projects-ulist .repo-stats li a:first-child {
    color: #8c92a4 !important
}

#git-group-project .projects-ulist .repo-stats li a:first-child i.iconfont {
    margin-top: 1.3px;
    font-size: 12px
}

#git-group-project .projects-ulist .repo-stats li a:last-child {
    padding: .2em .4em .2em 0.4em;
    font-weight: normal;
    color: #9B9B9B !important
}

#git-group-project .project-badges {
    white-space: nowrap;
    margin-right: 1rem
}

#git-group-project .project-badges .iconfont {
    color: #40485b;
    vertical-align: middle;
    position: relative;
    margin-left: 6px
}

#git-group-project .project-badges .icon-sync {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

#git-group-project .project-badges img.loading {
    -webkit-animation: icon-loading 1.2s linear infinite;
    animation: icon-loading 1.2s linear infinite
}

#git-group-project .project-badges .git-project-recommend-badge .icon-recommended {
    color: #fe7300
}

#git-group-project .project-badges .sync-project-btn.disabled {
    pointer-events: none
}

#git-group-project .project-badges .sync-project-btn.disabled .iconfont {
    color: #8c92a4
}

#git-group-project .project-badges .ui.label {
    color: #8c92a4;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.34;
    white-space: nowrap;
    padding: 2px 6px;
    margin: 0 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    border: 1px solid rgba(140, 146, 164, 0.5);
    border-radius: 2px
}

#git-group-project .project-badges .ui.label:hover {
    border: 1px solid rgba(140, 146, 164, 0.8)
}

#git-group-project .project-badges .ui.label:last-child {
    margin-right: 0
}

#git-group-project .project-badges .ui.label:first-child {
    margin-left: 0
}

#git-group-project .project-badges .label {
    vertical-align: top
}

#group-overview-modal .success-tip {
    color: #22B130
}

#group-overview-modal .icon-ic_msg_success {
    font-size: 6em
}

.group-featured-projects {
    margin-bottom: 32px
}

.group-featured-projects .project-title {
    margin-bottom: 8px;
    font-weight: bold
}

.group-featured-projects .project-title span {
    font-size: 16px
}

.group-featured-projects .project-title #customize-pinned-projects {
    font-weight: normal
}

.group-featured-projects .pop-project-title {
    font-size: 16px
}

.group-featured-projects .ui.cards>.card {
    -webkit-box-shadow: none;
    box-shadow: none
}

.group-featured-projects #popular-pinned-projects {
    clear: both;
    margin: 0 0 -16px -8px;
    margin-right: -1.4em
}

.group-featured-projects #popular-pinned-projects .ui.card {
    width: calc(33.33333333% - 1.4em);
    margin: 0 8px;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #dce3e8
}

.group-featured-projects #popular-pinned-projects .content {
    padding: 0
}

.group-featured-projects #popular-pinned-projects h4 {
    display: inline
}

.group-featured-projects #popular-pinned-projects .description {
    line-height: 20px;
    max-height: 40px;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 8px
}

.group-featured-projects #popular-pinned-projects .project-language {
    float: left;
    margin-right: 15px
}

.group-featured-projects #popular-pinned-projects .sortable-sidebar {
    font-size: 14px;
    color: #d0d0d0;
    cursor: move;
    vertical-align: top
}

.group-featured-projects #popular-pinned-projects .repo-stats {
    padding: 0;
    float: right;
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 0
}

.group-featured-projects #popular-pinned-projects .repo-stats li {
    float: left;
    margin-right: 15px
}

.group-featured-projects #popular-pinned-projects .extra.content {
    margin-top: 8px;
    border: 0 !important;
    padding-top: 0px;
    padding-bottom: 0px
}

.group-featured-projects #popular-pinned-projects .extra.content .project-language .ui.small.label {
    padding: 3px 5px;
    border-radius: 2px
}

#git-group-filter {
    margin-top: 10px
}

#git-group-filter .group-filter-menu {
    margin: 0 0 18px 0;
    padding-bottom: 15px
}

#git-group-filter .group-filter-menu .item {
    line-height: 1.43;
    margin: 0 2em;
    color: #333;
    margin-left: 0
}

#git-group-filter .group-filter-menu .item.active {
    color: #fe7300
}

#git-group-filter .group-filter-menu .item.active .label {
    color: #fe7300;
    background: rgba(254, 115, 0, 0.2)
}

#git-group-filter .group-filter-menu .search-field {
    float: right;
    margin-top: -5px
}

#git-group-filter .group-filter-menu .search-field .icon {
    margin-top: -3px;
    cursor: pointer
}

#git-group-events .container {
    margin-top: 1em
}

#git-group-events #events-list .event {
    padding: 0
}

#new-group-page {
    margin-top: 40px
}

#new-group-page #git-group-from-wrapper {
    width: 960px;
    text-align: center;
    margin: 0 auto
}

#new-group-page .ui.labeled.input .ui.label {
    width: 1%
}

#new-group-page .ui.form .field {
    position: relative
}

#new-group-page .ui.form .field .input.wrapper {
    position: relative
}

#new-group-page .ui.form .field .check.result {
    top: 0;
    right: 6px;
    position: absolute
}

#new-group-page .ui.form .field .inline.loader {
    top: 8px;
    right: 6px;
    left: auto;
    position: absolute
}

#new-group-page .git-group-poster {
    padding: 0;
    width: 276px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding-top: 40px
}

#new-group-page .orgs-setup-form header.new-group-header {
    text-align: left;
    height: 23px
}

#new-group-page .orgs-setup-form header.new-group-header h3 {
    margin-top: 0;
    padding-left: 24px;
    display: inline-block
}

#new-group-page .orgs-setup-form header.new-group-header .new-group-tip {
    float: right;
    display: inline-block;
    color: #8c92a4;
    margin-top: 2.5px
}

#new-group-page .orgs-setup-form header.new-group-header .new-group-tip a {
    color: #fe7300;
    text-decoration: underline
}

#new-group-page .orgs-setup-form .team-description-holder span {
    display: block
}

#new-group-page .orgs-setup-form .team-description-holder span.text-muted {
    display: inline-block
}

#new-group-page .orgs-setup-form .team-description-holder span.optional {
    color: #8c92a4 !important
}

#new-group-page .orgs-setup-form .enp-checkbox-field {
    text-align: left;
    margin-left: 99px !important
}

#new-group-page .orgs-setup-form .enp-checkbox-field label {
    display: inline !important
}

#new-group-page .orgs-setup-form .enp-checkbox-field i.octicon-info {
    color: #feab66 !important;
    position: relative;
    top: 1px
}

#new-group-page .orgs-setup-form .switch-right {
    right: 15px;
    display: none
}

#new-group-page .orgs-setup-form .switch-left,
#new-group-page .orgs-setup-form .switch-right {
    position: absolute;
    top: 5px
}

#new-group-page .orgs-setup-form .monitor-check {
    width: 90px;
    height: 30px;
    line-height: 20px;
    background: #e5e5e5;
    border-radius: 18px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    float: left;
    margin-top: 4px
}

#new-group-page .orgs-setup-form .monitor-check i.fa-lock {
    margin-top: 5px;
    color: #aaa
}

#new-group-page .orgs-setup-form .monitor-check i.fa-unlock {
    margin-top: 5px;
    color: #fe7300
}

#new-group-page .orgs-setup-form .monitor-check .switch.left {
    left: 5px
}

#new-group-page .orgs-setup-form .monitor-check .switch {
    position: absolute;
    border-radius: 50%;
    top: 4px;
    cursor: pointer;
    text-align: center
}

#new-group-page .orgs-setup-form .monitor-check .switch-left {
    left: 15px;
    display: block
}

#new-group-page .orgs-setup-form .monitor-check .switch.left {
    display: none
}

#new-group-page .orgs-setup-form .monitor-check .switch.right {
    right: 5px;
    display: block
}

#new-group-page .orgs-setup-form .monitor-check .switch.left,
#new-group-page .orgs-setup-form .monitor-check .switch.right {
    width: 22px;
    height: 22px;
    background: white
}

#new-group-page .orgs-setup-form .monitor-check.orange {
    background: #fe7300;
    color: #fff
}

#new-group-page .orgs-setup-form .orgs_setup_btn {
    margin: 0;
    padding: 8px 33px;
    font-size: 16px;
    line-height: 16px
}

#new-group-page .orgs-setup-form .background-grey {
    background: #f8f8f8 !important
}

#new-group-page .orgs-setup-form .error input {
    -webkit-box-shadow: none;
    box-shadow: none
}

#new-group-page .orgs-setup-form .field.footer .button {
    margin-bottom: 25px
}

#new-group-page .orgs-setup-form .field.footer .text-muted {
    margin-top: -10px
}

#group_name_check_status {
    color: red
}

#group-path {
    border-left: 1px solid #dce3e8
}

.git-group-header-content:not(.big) .git-avatar-container {
    width: 30px;
    height: 30px
}

.git-group-header-content:not(.big) .git-avatar-container img {
    width: 30px;
    height: 30px
}

.git-group-header-content:not(.big) .git-group-info-wrapper {
    min-height: 30px;
    padding-left: 12px
}

#groups-show .twelve.wide.column,
#users-show .twelve.wide.column {
    padding-left: 0
}

#groups-setting .twelve.wide.column,
#members-index .twelve.wide.column,
#groups-collaborators .twelve.wide.column,
#groups-transfer_group .twelve.wide.column,
#members-new .twelve.wide.column,
#groups-transfer_enterprise .twelve.wide.column,
#groups-upgrade_enterprise .twelve.wide.column,
#groups-remove .twelve.wide.column,
#groups-view_data .twelve.wide.column,
#groups-domains .twelve.wide.column,
#groups-overview .twelve.wide.column,
#groups-notice .twelve.wide.column {
    padding-top: 0
}

#groups-setting #git-group-content,
#members-index #git-group-content,
#groups-collaborators #git-group-content,
#groups-transfer_group #git-group-content,
#members-new #git-group-content,
#groups-transfer_enterprise #git-group-content,
#groups-upgrade_enterprise #git-group-content,
#groups-remove #git-group-content,
#groups-view_data #git-group-content,
#groups-domains #git-group-content,
#groups-overview #git-group-content,
#groups-notice #git-group-content {
    padding-top: 17px
}

#groups-setting .group-right-container,
#members-index .group-right-container,
#groups-collaborators .group-right-container,
#groups-transfer_group .group-right-container,
#members-new .group-right-container,
#groups-transfer_enterprise .group-right-container,
#groups-upgrade_enterprise .group-right-container,
#groups-remove .group-right-container,
#groups-view_data .group-right-container,
#groups-domains .group-right-container,
#groups-overview .group-right-container,
#groups-notice .group-right-container {
    padding-left: 24px;
    padding-right: 0
}

#groups-setting .group-right-container #group_owner_id,
#members-index .group-right-container #group_owner_id,
#groups-collaborators .group-right-container #group_owner_id,
#groups-transfer_group .group-right-container #group_owner_id,
#members-new .group-right-container #group_owner_id,
#groups-transfer_enterprise .group-right-container #group_owner_id,
#groups-upgrade_enterprise .group-right-container #group_owner_id,
#groups-remove .group-right-container #group_owner_id,
#groups-view_data .group-right-container #group_owner_id,
#groups-domains .group-right-container #group_owner_id,
#groups-overview .group-right-container #group_owner_id,
#groups-notice .group-right-container #group_owner_id {
    width: 300px
}

#groups-setting .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-setting .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-setting .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#members-index .group-right-container #transfer .ui.bulleted.list>.item:before,
#members-index .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#members-index .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-collaborators .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-collaborators .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-collaborators .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-transfer_group .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-transfer_group .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-transfer_group .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#members-new .group-right-container #transfer .ui.bulleted.list>.item:before,
#members-new .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#members-new .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-transfer_enterprise .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-transfer_enterprise .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-transfer_enterprise .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-upgrade_enterprise .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-upgrade_enterprise .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-upgrade_enterprise .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-remove .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-remove .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-remove .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-view_data .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-view_data .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-view_data .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-domains .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-domains .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-domains .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-overview .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-overview .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-overview .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before,
#groups-notice .group-right-container #transfer .ui.bulleted.list>.item:before,
#groups-notice .group-right-container #transfer-enterprise-form .ui.bulleted.list>.item:before,
#groups-notice .group-right-container #upgrade-enterprise .ui.bulleted.list>.item:before {
    color: #B58105
}

#groups-transfer_group .ajax-users-select {
    width: 722px
}

.custom-modal-form i.iconfont.icon-star {
    margin-left: 2px
}

.custom-modal-form ul {
    padding: 0;
    max-height: 208px;
    overflow-y: auto
}

.custom-modal-form ul li {
    padding: 2px 10px
}

.custom-modal-form ul li.checked {
    background: rgba(254, 115, 0, 0.1)
}

#group-membbers-list .ui.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dce3e8
}

#group-membbers-list .username {
    font-size: 14px
}

#group-membbers-list .extra.content {
    border: 0 !important
}

#group-membbers-list .extra.content .four.column {
    padding-top: 0
}

#group-membbers-list .extra.content .git-user-infodata .follow-num,
#group-membbers-list .extra.content .git-user-infodata .follow-txt {
    font-size: 12px
}

#group-membbers-list .right-part {
    margin-left: 45px;
    margin-top: -40px;
    word-break: break-all;
    font-size: 12px;
    color: #929292
}

#group-membbers-list .right-part .ui.label {
    margin-left: 5px;
    line-height: 13px;
    font-weight: initial
}

#group-membbers-list .right-part .join-time {
    font-weight: normal
}

#group-membbers-list .right-part .join-time .button {
    padding: 4px 8px;
    margin-top: -2px !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#group-membbers-list .right-part .join-time .button i {
    margin-right: 6px
}

#group-membbers-list .right-part .admin {
    border-color: #f14333;
    color: #f14333
}

#group-membbers-list .right-part .owner {
    border-color: #fbbd08;
    color: #fbbd08
}

#group-membbers-list .right-part .blocked {
    border-color: #1b1c1d;
    color: #1b1c1d
}

.verify-group-wrap .ui.bulleted.list .item:before {
    color: #B58105
}

.verify-group-wrap .ui.bulleted.list .label.green {
    vertical-align: text-top
}

.verify-group-wrap #domain-help-link {
    color: #005980 !important
}

.verify-group-wrap #domain-help-link:hover {
    color: #1283ba !important
}

.verify-group-wrap #list-domain .group-domain-name {
    display: inline-block;
    margin-top: 14px !important
}

.verify-group-wrap #list-domain .item {
    padding: 10px 0
}

.verify-group-wrap #list-domain .icon-sync,
.verify-group-wrap #list-domain .trash {
    cursor: pointer
}

.verify-group-wrap #list-domain .icon-sync {
    margin-right: 10px
}

.verify-group-wrap #list-domain .list-wrap .item .ui.label {
    margin-right: 20px;
    color: #7E7E7E
}

.add-domain-step-wrap {
    font-weight: bold
}

.add-domain-step-wrap .relative-operation {
    padding-top: 24px !important
}

.add-domain-step-wrap .field {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: black;
    line-height: 22px
}

.add-domain-step-wrap .normal-weight {
    font-size: 12px;
    font-weight: 400;
    color: #5b5a5a;
    line-height: 17px;
    margin-bottom: 0
}

.add-domain-step-wrap .txt-record-key,
.add-domain-step-wrap .txt-record-value {
    margin-left: 24px
}

.add-domain-step-wrap .txt-record-key .ui.popup .content,
.add-domain-step-wrap .txt-record-value .ui.popup .content {
    padding: 0 !important
}

.add-domain-step-wrap .record-key-input-wrap {
    width: 70% !important
}

.add-domain-step-wrap .record-key-input {
    width: 92% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.add-domain-step-wrap .record-value-input-wrap {
    width: 32% !important
}

.add-domain-step-wrap .record-value-input {
    width: 90% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.add-domain-step-wrap .record-key-input,
.add-domain-step-wrap .record-value-input {
    height: 40px !important;
    line-height: 40px !important;
    background: rgba(0, 0, 0, 0.04) !important;
    border-radius: 4px !important;
    padding-right: 35px !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.25) !important
}

.add-domain-step-wrap .icon-clipboard {
    margin-left: -30px;
    margin-top: 10px;
    opacity: 0.5;
    cursor: pointer
}

.domain-error-container {
    color: #d95c5c;
    font-size: 0.9285em;
    font-weight: bold
}

.domain-wrap label {
    display: inline-block !important
}

.domain-wrap #domain {
    -webkit-box-shadow: none;
    box-shadow: none
}

#follows-container .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.edit_group .dropdown.icon {
    color: #8c92a4
}

.edit_group .is-rotate {
    -webkit-transform: rotate(180deg) translateY(-4px);
    transform: rotate(180deg) translateY(-4px)
}

.edit_group .overview-file-field label {
    font-weight: initial
}

.edit_group .overview-file-field .ui.dropdown .project-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.edit_group .overview-file-field .ui.dropdown .project-item i {
    margin-left: 1px
}

.edit_group .overview-file-field .ui.dropdown .project-item>div {
    margin-left: 3px
}

.edit_group .overview-file-field .ui.dropdown .text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    word-break: break-all;
    white-space: nowrap
}

.edit_group .overview-file-field .ui.dropdown.select-ref .menu>.item {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    word-break: break-all;
    white-space: nowrap
}

.edit_group .field label .text-muted {
    font-weight: initial
}

.edit_group .overview-lang__branch,
.edit_group .overview-lang__path {
    display: inline-block
}

.edit_group .ui.input input[type="text"]:disabled,
.edit_group .textarea-readme:disabled {
    background: inherit !important
}

.edit_group .md-fullscreen-mode .textarea-readme {
    max-height: 100% !important
}

.edit_group .textarea-readme {
    overflow-y: auto !important;
    max-height: 150px !important;
    min-height: 150px
}

.edit_group .ui.input.w100 {
    vertical-align: baseline !important
}

.edit_group .ui.input.w100 .path-input {
    vertical-align: baseline;
    line-height: initial;
    height: 40px
}

.overview-description__container {
    vertical-align: middle
}

.overview-description {
    cursor: pointer
}

.slide-contaniner .slide-menu {
    display: block !important
}

.slide-switch {
    display: inline-block
}

.tippy-popper #overview-example {
    color: #FE7300
}

.tippy-popper #overview-example:hover {
    cursor: pointer
}

ul.tagit.ui-widget-content {
    margin: 0;
    padding: 0px 5px;
    border-color: #dce3e8
}

ul.tagit.ui-widget-content.focus-border {
    border-color: #b0b5b9
}

ul.tagit.ui-widget-content input.ui-widget-content[type="text"] {
    border: none;
    padding: 0 3px 0 !important;
    font-size: 14px;
    width: 170px;
    line-height: 29px !important
}

ul.tagit.ui-widget-content li.tagit-choice-editable {
    padding: 4px 20px 4px 6px;
    margin: 7px 4px 7px 4px;
    border: none;
    line-height: 16px
}

ul.tagit.ui-widget-content li.tagit-choice-editable span.tagit-label {
    font-size: 14px;
    font-weight: 500;
    color: #797979
}

ul.tagit.ui-widget-content li.tagit-choice-editable span.ui-icon-close {
    display: none
}

ul.tagit.ui-widget-content li.tagit-choice-editable span.text-icon {
    line-height: 18px
}

ul.tagit.ui-widget-content li.tagit-choice-editable span.text-icon:before {
    content: ''
}

ul.tagit.ui-widget-content .ul-border-focus {
    border-color: #b0b5b9
}

.change-tags-form ul.tagit.ui-widget-content {
    display: inline-block;
    width: 78%
}

.change-tags-form ul.tagit.ui-widget-content li.tagit-choice-editable {
    margin: 3px 4px
}

.change-tags-form ul.tagit.ui-widget-content li.tagit-new {
    padding: 0;
    margin: 1px 5px 1px 0
}

.change-tags-form .tag-actions {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}

.tagit-autocomplete {
    max-height: 200px;
    overflow-y: scroll
}

#git-admin {
    margin-top: 0;
    margin-right: 0
}

#git-admin table.ui.table thead th {
    white-space: nowrap
}

#git-admin .welcome {
    font-size: 1rem;
    width: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px
}

#git-admin .thirteen.wide.column {
    margin-left: 55px
}

#git-admin a.tag {
    width: 150px;
    display: block;
    float: left
}

#git-admin #overview-table td {
    padding-left: 0px;
    padding-right: 0px
}

#git-admin .ajax-users-select {
    width: 220px
}

#git-admin .ui.padded.table th,
#git-admin .ui.padded.table td {
    padding: 0.5em
}

#git-admin .ui.padded.table th {
    white-space: nowrap
}

#git-admin .black_list {
    display: inline
}

#git-admin .black_list a {
    color: red
}

#git-admin #weekly-page .action {
    margin-left: 8px;
    font-size: 12px
}

#git-admin #weekly-page #project-table {
    margin-bottom: 1em
}

#git-admin #weekly-page #project-table span.text-muted {
    font-size: 12px;
    font-weight: normal
}

#git-admin #weekly-page #project-table .container {
    position: relative
}

#git-admin #weekly-page #project-table table td.time {
    min-width: 133px
}

#git-admin #weekly-page #project-table .dimmer {
    z-index: 1;
    display: none
}

#git-admin #weekly-page #weekly_content {
    white-space: pre-wrap
}

.authorization-page .site-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authorization-page .content-container {
    width: 480px
}

@font-face {
    font-family: 'octicons';
    src: url(/octicons/octicons.eot?#iefix) format("embedded-opentype"), url(../fonts/octicons.woff) format("woff"), url(../fonts/octicons.ttf) format("truetype"), url(../fonts/octicons.svg#octicons) format("svg");
    font-weight: normal;
    font-style: normal
}

.octicon,
.mega-octicon {
    font: normal normal normal 16px/1 octicons;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mega-octicon {
    font-size: 32px
}

.octicon-alert:before {
    content: '\f02d'
}

.octicon-alignment-align:before {
    content: '\f08a'
}

.octicon-alignment-aligned-to:before {
    content: '\f08e'
}

.octicon-alignment-unalign:before {
    content: '\f08b'
}

.octicon-arrow-down:before {
    content: '\f03f'
}

.octicon-arrow-left:before {
    content: '\f040'
}

.octicon-arrow-right:before {
    content: '\f03e'
}

.octicon-arrow-small-down:before {
    content: '\f0a0'
}

.octicon-arrow-small-left:before {
    content: '\f0a1'
}

.octicon-arrow-small-right:before {
    content: '\f071'
}

.octicon-arrow-small-up:before {
    content: '\f09f'
}

.octicon-arrow-up:before {
    content: '\f03d'
}

.octicon-beer:before {
    content: '\f069'
}

.octicon-book:before {
    content: '\f007'
}

.octicon-bookmark:before {
    content: '\f07b'
}

.octicon-briefcase:before {
    content: '\f0d3'
}

.octicon-broadcast:before {
    content: '\f048'
}

.octicon-browser:before {
    content: '\f0c5'
}

.octicon-bug:before {
    content: '\f091'
}

.octicon-calendar:before {
    content: '\f068'
}

.octicon-check:before {
    content: '\f03a'
}

.octicon-checklist:before {
    content: '\f076'
}

.octicon-chevron-down:before {
    content: '\f0a3'
}

.octicon-chevron-left:before {
    content: '\f0a4'
}

.octicon-chevron-right:before {
    content: '\f078'
}

.octicon-chevron-up:before {
    content: '\f0a2'
}

.octicon-circle-slash:before {
    content: '\f084'
}

.octicon-circuit-board:before {
    content: '\f0d6'
}

.octicon-clippy:before {
    content: '\f035'
}

.octicon-clock:before {
    content: '\f046'
}

.octicon-cloud-download:before {
    content: '\f00b'
}

.octicon-cloud-upload:before {
    content: '\f00c'
}

.octicon-code:before {
    content: '\f05f'
}

.octicon-color-mode:before {
    content: '\f065'
}

.octicon-comment-add:before,
.octicon-comment:before {
    content: '\f02b'
}

.octicon-comment-discussion:before {
    content: '\f04f'
}

.octicon-credit-card:before {
    content: '\f045'
}

.octicon-dash:before {
    content: '\f0ca'
}

.octicon-dashboard:before {
    content: '\f07d'
}

.octicon-database:before {
    content: '\f096'
}

.octicon-device-camera:before {
    content: '\f056'
}

.octicon-device-camera-video:before {
    content: '\f057'
}

.octicon-device-desktop:before {
    content: '\f27c'
}

.octicon-device-mobile:before {
    content: '\f038'
}

.octicon-diff:before {
    content: '\f04d'
}

.octicon-diff-added:before {
    content: '\f06b'
}

.octicon-diff-ignored:before {
    content: '\f099'
}

.octicon-diff-modified:before {
    content: '\f06d'
}

.octicon-diff-removed:before {
    content: '\f06c'
}

.octicon-diff-renamed:before {
    content: '\f06e'
}

.octicon-ellipsis:before {
    content: '\f09a'
}

.octicon-eye-unwatch:before,
.octicon-eye-watch:before,
.octicon-eye:before {
    content: '\f04e'
}

.octicon-file-binary:before {
    content: '\f094'
}

.octicon-file-code:before {
    content: '\f010'
}

.octicon-file-directory:before {
    content: '\f016'
}

.octicon-file-media:before {
    content: '\f012'
}

.octicon-file-pdf:before {
    content: '\f014'
}

.octicon-file-submodule:before {
    content: '\f017'
}

.octicon-file-symlink-directory:before {
    content: '\f0b1'
}

.octicon-file-symlink-file:before {
    content: '\f0b0'
}

.octicon-file-text:before {
    content: '\f011'
}

.octicon-file-zip:before {
    content: '\f013'
}

.octicon-flame:before {
    content: '\f0d2'
}

.octicon-fold:before {
    content: '\f0cc'
}

.octicon-gear:before {
    content: '\f02f'
}

.octicon-gift:before {
    content: '\f042'
}

.octicon-gist:before {
    content: '\f00e'
}

.octicon-gist-secret:before {
    content: '\f08c'
}

.octicon-git-branch-create:before,
.octicon-git-branch-delete:before,
.octicon-git-branch:before {
    content: '\f020'
}

.octicon-git-commit:before {
    content: '\f01f'
}

.octicon-git-compare:before {
    content: '\f0ac'
}

.octicon-git-merge:before {
    content: '\f023'
}

.octicon-git-pull-request-abandoned:before,
.octicon-git-pull-request:before {
    content: '\f009'
}

.octicon-globe:before {
    content: '\f0b6'
}

.octicon-graph:before {
    content: '\f043'
}

.octicon-heart:before {
    content: '\2665'
}

.octicon-history:before {
    content: '\f07e'
}

.octicon-home:before {
    content: '\f08d'
}

.octicon-horizontal-rule:before {
    content: '\f070'
}

.octicon-hourglass:before {
    content: '\f09e'
}

.octicon-hubot:before {
    content: '\f09d'
}

.octicon-inbox:before {
    content: '\f0cf'
}

.octicon-info:before {
    content: '\f059'
}

.octicon-issue-closed:before {
    content: '\f028'
}

.octicon-issue-opened:before {
    content: '\f026'
}

.octicon-issue-reopened:before {
    content: '\f027'
}

.octicon-jersey:before {
    content: '\f019'
}

.octicon-jump-down:before {
    content: '\f072'
}

.octicon-jump-left:before {
    content: '\f0a5'
}

.octicon-jump-right:before {
    content: '\f0a6'
}

.octicon-jump-up:before {
    content: '\f073'
}

.octicon-key:before {
    content: '\f049'
}

.octicon-keyboard:before {
    content: '\f00d'
}

.octicon-law:before {
    content: '\f0d8'
}

.octicon-light-bulb:before {
    content: '\f000'
}

.octicon-link:before {
    content: '\f05c'
}

.octicon-link-external:before {
    content: '\f07f'
}

.octicon-list-ordered:before {
    content: '\f062'
}

.octicon-list-unordered:before {
    content: '\f061'
}

.octicon-location:before {
    content: '\f060'
}

.octicon-gist-private:before,
.octicon-mirror-private:before,
.octicon-git-fork-private:before,
.octicon-lock:before {
    content: '\f06a'
}

.octicon-logo-github:before {
    content: '\f092'
}

.octicon-mail:before {
    content: '\f03b'
}

.octicon-mail-read:before {
    content: '\f03c'
}

.octicon-mail-reply:before {
    content: '\f051'
}

.octicon-mark-github:before {
    content: '\f00a'
}

.octicon-markdown:before {
    content: '\f0c9'
}

.octicon-megaphone:before {
    content: '\f077'
}

.octicon-mention:before {
    content: '\f0be'
}

.octicon-microscope:before {
    content: '\f089'
}

.octicon-milestone:before {
    content: '\f075'
}

.octicon-mirror-public:before,
.octicon-mirror:before {
    content: '\f024'
}

.octicon-mortar-board:before {
    content: '\f0d7'
}

.octicon-move-down:before {
    content: '\f0a8'
}

.octicon-move-left:before {
    content: '\f074'
}

.octicon-move-right:before {
    content: '\f0a9'
}

.octicon-move-up:before {
    content: '\f0a7'
}

.octicon-mute:before {
    content: '\f080'
}

.octicon-no-newline:before {
    content: '\f09c'
}

.octicon-octoface:before {
    content: '\f008'
}

.octicon-organization:before {
    content: '\f037'
}

.octicon-package:before {
    content: '\f0c4'
}

.octicon-paintcan:before {
    content: '\f0d1'
}

.octicon-pencil:before {
    content: '\f058'
}

.octicon-person-add:before,
.octicon-person-follow:before,
.octicon-person:before {
    content: '\f018'
}

.octicon-pin:before {
    content: '\f041'
}

.octicon-playback-fast-forward:before {
    content: '\f0bd'
}

.octicon-playback-pause:before {
    content: '\f0bb'
}

.octicon-playback-play:before {
    content: '\f0bf'
}

.octicon-playback-rewind:before {
    content: '\f0bc'
}

.octicon-plug:before {
    content: '\f0d4'
}

.octicon-repo-create:before,
.octicon-gist-new:before,
.octicon-file-directory-create:before,
.octicon-file-add:before,
.octicon-plus:before {
    content: '\f05d'
}

.octicon-podium:before {
    content: '\f0af'
}

.octicon-primitive-dot:before {
    content: '\f052'
}

.octicon-primitive-square:before {
    content: '\f053'
}

.octicon-pulse:before {
    content: '\f085'
}

.octicon-puzzle:before {
    content: '\f0c0'
}

.octicon-question:before {
    content: '\f02c'
}

.octicon-quote:before {
    content: '\f063'
}

.octicon-radio-tower:before {
    content: '\f030'
}

.octicon-repo-delete:before,
.octicon-repo:before {
    content: '\f001'
}

.octicon-repo-clone:before {
    content: '\f04c'
}

.octicon-repo-force-push:before {
    content: '\f04a'
}

.octicon-gist-fork:before,
.octicon-repo-forked:before {
    content: '\f002'
}

.octicon-repo-pull:before {
    content: '\f006'
}

.octicon-repo-push:before {
    content: '\f005'
}

.octicon-rocket:before {
    content: '\f033'
}

.octicon-rss:before {
    content: '\f034'
}

.octicon-ruby:before {
    content: '\f047'
}

.octicon-screen-full:before {
    content: '\f066'
}

.octicon-screen-normal:before {
    content: '\f067'
}

.octicon-search-save:before,
.octicon-search:before {
    content: '\f02e'
}

.octicon-server:before {
    content: '\f097'
}

.octicon-settings:before {
    content: '\f07c'
}

.octicon-log-in:before,
.octicon-sign-in:before {
    content: '\f036'
}

.octicon-log-out:before,
.octicon-sign-out:before {
    content: '\f032'
}

.octicon-split:before {
    content: '\f0c6'
}

.octicon-squirrel:before {
    content: '\f0b2'
}

.octicon-star-add:before,
.octicon-star-delete:before,
.octicon-star:before {
    content: '\f02a'
}

.octicon-steps:before {
    content: '\f0c7'
}

.octicon-stop:before {
    content: '\f08f'
}

.octicon-repo-sync:before,
.octicon-sync:before {
    content: '\f087'
}

.octicon-tag-remove:before,
.octicon-tag-add:before,
.octicon-tag:before {
    content: '\f015'
}

.octicon-telescope:before {
    content: '\f088'
}

.octicon-terminal:before {
    content: '\f0c8'
}

.octicon-three-bars:before {
    content: '\f05e'
}

.octicon-tools:before {
    content: '\f031'
}

.octicon-trashcan:before {
    content: '\f0d0'
}

.octicon-triangle-down:before {
    content: '\f05b'
}

.octicon-triangle-left:before {
    content: '\f044'
}

.octicon-triangle-right:before {
    content: '\f05a'
}

.octicon-triangle-up:before {
    content: '\f0aa'
}

.octicon-unfold:before {
    content: '\f039'
}

.octicon-unmute:before {
    content: '\f0ba'
}

.octicon-versions:before {
    content: '\f064'
}

.octicon-remove-close:before,
.octicon-x:before {
    content: '\f081'
}

.octicon-zap:before {
    content: '\26A1'
}

.code .black .highlight {
    background-color: #333333
}

.black .highlight pre {
    background-color: #333333;
    color: #eee
}

.black .highlight .hljs-keyword,
.black .highlight .hljs-selector-tag,
.black .highlight .hljs-literal,
.black .highlight .hljs-section,
.black .highlight .hljs-link {
    color: white
}

.black .highlight .hljs,
.black .highlight .hljs-subst {
    color: #ddd
}

.black .highlight .hljs-string,
.black .highlight .hljs-title,
.black .highlight .hljs-name,
.black .highlight .hljs-type,
.black .highlight .hljs-attribute,
.black .highlight .hljs-symbol,
.black .highlight .hljs-bullet,
.black .highlight .hljs-built_in,
.black .highlight .hljs-addition,
.black .highlight .hljs-variable,
.black .highlight .hljs-template-tag,
.black .highlight .hljs-template-variable {
    color: #d88
}

.black .highlight .hljs-comment,
.black .highlight .hljs-quote,
.black .highlight .hljs-deletion,
.black .highlight .hljs-meta {
    color: #777
}

.black .highlight .hljs-keyword,
.black .highlight .hljs-selector-tag,
.black .highlight .hljs-literal,
.black .highlight .hljs-title,
.black .highlight .hljs-section,
.black .highlight .hljs-doctag,
.black .highlight .hljs-type,
.black .highlight .hljs-name,
.black .highlight .hljs-strong {
    font-weight: bold
}

.black .highlight .hljs-emphasis {
    font-style: italic
}

.black .highlight .hll {
    display: block;
    background-color: #005ba8
}

.black .highlight .c {
    color: #888888;
    font-style: italic
}

.black .highlight .err {
    color: #ff0000;
    background-color: white
}

.black .highlight .k {
    color: #CDA869;
    font-weight: bold
}

.black .highlight .kp {
    color: #CDA869;
    font-weight: bold
}

.black .highlight .cm {
    color: #888888
}

.black .highlight .cp {
    color: #cc0000;
    font-weight: bold
}

.black .highlight .c1 {
    color: #888888
}

.black .highlight .cs {
    color: #cc0000;
    font-weight: bold
}

.black .highlight .gd {
    color: #000000;
    background-color: #ffdddd
}

.black .highlight .ge {
    font-style: italic
}

.black .highlight .gr {
    color: #aa0000
}

.black .highlight .gh {
    color: #303030
}

.black .highlight .gi {
    color: #000000;
    background-color: #ddffdd
}

.black .highlight .go {
    color: #888888
}

.black .highlight .gp {
    color: #555555
}

.black .highlight .gs {
    font-weight: bold
}

.black .highlight .gu {
    color: #606060
}

.black .highlight .gt {
    color: #aa0000
}

.black .highlight .kc {
    font-weight: bold
}

.black .highlight .kd {
    font-weight: bold
}

.black .highlight .kn {
    font-weight: bold
}

.black .highlight .kp {
    font-weight: bold
}

.black .highlight .kr {
    font-weight: bold
}

.black .highlight .kt {
    color: #458;
    font-weight: bold
}

.black .highlight .m {
    color: #0000DD;
    font-weight: bold
}

.black .highlight .p {
    color: #eee
}

.black .highlight .s {
    color: #0AD;
    background-color: transparent
}

.black .highlight .na {
    color: #008080
}

.black .highlight .nb {
    color: #0086B3
}

.black .highlight .nc {
    color: #ccc;
    font-weight: bold
}

.black .highlight .no {
    color: turquoise
}

.black .highlight .ni {
    color: #800080
}

.black .highlight .ne {
    color: #900;
    font-weight: bold
}

.black .highlight .nf {
    color: #ccc;
    font-weight: bold
}

.black .highlight .nn {
    color: #79C3E0;
    font-weight: bold
}

.black .highlight .nt {
    color: #fc5
}

.black .highlight .nv {
    color: #FA4
}

.black .highlight .py {
    color: #336699;
    font-weight: bold
}

.black .highlight .ow {
    color: #008800
}

.black .highlight .w {
    color: #bbbbbb
}

.black .highlight .mf {
    color: #7AC;
    font-weight: bold
}

.black .highlight .mh {
    color: #7AC;
    font-weight: bold
}

.black .highlight .mi {
    color: #099
}

.black .highlight .mo {
    color: #0000DD;
    font-weight: bold
}

.black .highlight .sb {
    color: #dd2200;
    background-color: transparent
}

.black .highlight .sc {
    color: #d14
}

.black .highlight .sd {
    color: #dd2200;
    background-color: transparent
}

.black .highlight .s2 {
    color: orange
}

.black .highlight .se {
    color: orange
}

.black .highlight .sh {
    color: orange
}

.black .highlight .si {
    color: orange
}

.black .highlight .sx {
    color: orange
}

.black .highlight .sr {
    color: orange
}

.black .highlight .s1 {
    color: orange
}

.black .highlight .ss {
    color: orange
}

.black .highlight .bp {
    color: #dd5588
}

.black .highlight .vc {
    color: #336699
}

.black .highlight .vg {
    color: #dd7700
}

.black .highlight .vi {
    color: cyan
}

.code .monokai .highlight {
    background-color: #272822
}

.monokai .highlight pre {
    background-color: #272822;
    color: #f8f8f2
}

.monokai .highlight .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em
}

.monokai .highlight .hljs-tag,
.monokai .highlight .hljs-keyword,
.monokai .highlight .hljs-selector-tag,
.monokai .highlight .hljs-literal,
.monokai .highlight .hljs-strong,
.monokai .highlight .hljs-name {
    color: #f92672
}

.monokai .highlight .hljs-code {
    color: #66d9ef
}

.monokai .highlight .hljs-class .hljs-title {
    color: white
}

.monokai .highlight .hljs-attribute,
.monokai .highlight .hljs-symbol,
.monokai .highlight .hljs-regexp,
.monokai .highlight .hljs-link {
    color: #bf79db
}

.monokai .highlight .hljs-string,
.monokai .highlight .hljs-bullet,
.monokai .highlight .hljs-subst,
.monokai .highlight .hljs-title,
.monokai .highlight .hljs-section,
.monokai .highlight .hljs-emphasis,
.monokai .highlight .hljs-type,
.monokai .highlight .hljs-built_in,
.monokai .highlight .hljs-builtin-name,
.monokai .highlight .hljs-selector-attr,
.monokai .highlight .hljs-selector-pseudo,
.monokai .highlight .hljs-addition,
.monokai .highlight .hljs-variable,
.monokai .highlight .hljs-template-tag,
.monokai .highlight .hljs-template-variable {
    color: #a6e22e
}

.monokai .highlight .hljs-comment,
.monokai .highlight .hljs-quote,
.monokai .highlight .hljs-deletion,
.monokai .highlight .hljs-meta {
    color: #75715e
}

.monokai .highlight .hljs-keyword,
.monokai .highlight .hljs-selector-tag,
.monokai .highlight .hljs-literal,
.monokai .highlight .hljs-doctag,
.monokai .highlight .hljs-title,
.monokai .highlight .hljs-section,
.monokai .highlight .hljs-type,
.monokai .highlight .hljs-selector-id {
    font-weight: bold
}

.monokai .highlight .hll {
    background-color: #005ba8
}

.monokai .highlight .c {
    color: #75715e
}

.monokai .highlight .err {
    color: red
}

.monokai .highlight .g {
    color: #f8f8f2
}

.monokai .highlight .k {
    color: #f92672
}

.monokai .highlight .l {
    color: #f8f8f2
}

.monokai .highlight .n {
    color: #66d9ef
}

.monokai .highlight .o {
    color: #f8f8f2
}

.monokai .highlight .x {
    color: #f8f8f2
}

.monokai .highlight .p {
    color: #f8f8f2
}

.monokai .highlight .cm {
    color: #75715e
}

.monokai .highlight .cp {
    color: #75715e
}

.monokai .highlight .c1 {
    color: #75715e
}

.monokai .highlight .cs {
    color: #75715e
}

.monokai .highlight .gd {
    color: #8b0807
}

.monokai .highlight .ge {
    color: #f8f8f2;
    text-decoration: underline
}

.monokai .highlight .gr {
    color: #f8f8f2
}

.monokai .highlight .gh {
    color: #f8f8f2;
    font-weight: bold
}

.monokai .highlight .gi {
    color: #f8f8f2;
    font-weight: bold;
    background-color: #46830c
}

.monokai .highlight .go {
    color: #3b3a32;
    background-color: #31322c
}

.monokai .highlight .gp {
    color: #f8f8f2
}

.monokai .highlight .gs {
    color: #f8f8f2
}

.monokai .highlight .gu {
    color: #f8f8f2;
    font-weight: bold
}

.monokai .highlight .gt {
    color: #f8f8f0;
    background-color: #f92672
}

.monokai .highlight .kc {
    color: #ae81ff
}

.monokai .highlight .kd {
    color: #f92672
}

.monokai .highlight .kn {
    color: #f92672
}

.monokai .highlight .kp {
    color: #f92672
}

.monokai .highlight .kr {
    color: #f92672
}

.monokai .highlight .kt {
    color: #f8f8f2
}

.monokai .highlight .ld {
    color: #f8f8f2
}

.monokai .highlight .m {
    color: #ae81ff
}

.monokai .highlight .s {
    color: #e6db74
}

.monokai .highlight .na {
    color: #ae81ff
}

.monokai .highlight .nb {
    color: #66d9ef
}

.monokai .highlight .nc {
    color: #f8f8f2
}

.monokai .highlight .no {
    color: #f8f8f2
}

.monokai .highlight .nd {
    color: #f8f8f2
}

.monokai .highlight .ni {
    color: #f8f8f2
}

.monokai .highlight .ne {
    color: #f8f8f2
}

.monokai .highlight .nf {
    color: #a6e22e
}

.monokai .highlight .nl {
    color: #e6db74
}

.monokai .highlight .nn {
    color: #f8f8f2
}

.monokai .highlight .nx {
    color: #f8f8f2
}

.monokai .highlight .nt {
    color: #f92672
}

.monokai .highlight .nv {
    color: #66d9ef;
    font-style: italic
}

.monokai .highlight .py {
    color: #f8f8f2
}

.monokai .highlight .ow {
    color: #f92672
}

.monokai .highlight .w {
    color: #f8f8f2
}

.monokai .highlight .mf {
    color: #ae81ff
}

.monokai .highlight .mh {
    color: #ae81ff
}

.monokai .highlight .mi {
    color: #ae81ff
}

.monokai .highlight .mo {
    color: #ae81ff
}

.monokai .highlight .sb {
    color: #e6db74
}

.monokai .highlight .sc {
    color: #e6db74
}

.monokai .highlight .sd {
    color: #e6db74
}

.monokai .highlight .s2 {
    color: #e6db74
}

.monokai .highlight .se {
    color: #e6db74
}

.monokai .highlight .sh {
    color: #e6db74
}

.monokai .highlight .si {
    color: #e6db74
}

.monokai .highlight .sx {
    color: #e6db74
}

.monokai .highlight .sr {
    color: #e6db74
}

.monokai .highlight .s1 {
    color: #e6db74
}

.monokai .highlight .ss {
    color: #e6db74
}

.monokai .highlight .bp {
    color: #f8f8f2
}

.monokai .highlight .vc {
    color: #66d9ef;
    font-style: italic
}

.monokai .highlight .vg {
    color: #66d9ef;
    font-style: italic
}

.monokai .highlight .vi {
    color: #66d9ef;
    font-style: italic
}

.monokai .highlight .il {
    color: #ae81ff
}

.code .solarized-dark .highlight {
    background-color: #002b36
}

.solarized-dark .highlight pre {
    background-color: #002b36;
    color: #839496
}

.solarized-dark .highlight .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #002b36;
    color: #839496
}

.solarized-dark .highlight .hljs-comment,
.solarized-dark .highlight .hljs-quote {
    color: #586e75
}

.solarized-dark .highlight .hljs-keyword,
.solarized-dark .highlight .hljs-selector-tag,
.solarized-dark .highlight .hljs-addition {
    color: #859900
}

.solarized-dark .highlight .hljs-number,
.solarized-dark .highlight .hljs-string,
.solarized-dark .highlight .hljs-meta .hljs-meta-string,
.solarized-dark .highlight .hljs-literal,
.solarized-dark .highlight .hljs-doctag,
.solarized-dark .highlight .hljs-regexp {
    color: #2aa198
}

.solarized-dark .highlight .hljs-title,
.solarized-dark .highlight .hljs-section,
.solarized-dark .highlight .hljs-name,
.solarized-dark .highlight .hljs-selector-id,
.solarized-dark .highlight .hljs-selector-class {
    color: #268bd2
}

.solarized-dark .highlight .hljs-attribute,
.solarized-dark .highlight .hljs-attr,
.solarized-dark .highlight .hljs-variable,
.solarized-dark .highlight .hljs-template-variable,
.solarized-dark .highlight .hljs-class .hljs-title,
.solarized-dark .highlight .hljs-type {
    color: #b58900
}

.solarized-dark .highlight .hljs-symbol,
.solarized-dark .highlight .hljs-bullet,
.solarized-dark .highlight .hljs-subst,
.solarized-dark .highlight .hljs-meta,
.solarized-dark .highlight .hljs-meta .hljs-keyword,
.solarized-dark .highlight .hljs-selector-attr,
.solarized-dark .highlight .hljs-selector-pseudo,
.solarized-dark .highlight .hljs-link {
    color: #cb4b16
}

.solarized-dark .highlight .hljs-built_in,
.solarized-dark .highlight .hljs-deletion {
    color: #dc322f
}

.solarized-dark .highlight .hljs-formula {
    background: #073642
}

.solarized-dark .highlight .hljs-emphasis {
    font-style: italic
}

.solarized-dark .highlight .hljs-strong {
    font-weight: bold
}

.solarized-dark .highlight .hll {
    background-color: #073642
}

.solarized-dark .highlight .c {
    color: #586e75
}

.solarized-dark .highlight .err {
    color: red
}

.solarized-dark .highlight .g {
    color: #93a1a1
}

.solarized-dark .highlight .k {
    color: #859900
}

.solarized-dark .highlight .l {
    color: #93a1a1
}

.solarized-dark .highlight .n {
    color: #93a1a1
}

.solarized-dark .highlight .o {
    color: #859900
}

.solarized-dark .highlight .x {
    color: #cb4b16
}

.solarized-dark .highlight .p {
    color: #93a1a1
}

.solarized-dark .highlight .cm {
    color: #586e75
}

.solarized-dark .highlight .cp {
    color: #859900
}

.solarized-dark .highlight .c1 {
    color: #586e75
}

.solarized-dark .highlight .cs {
    color: #859900
}

.solarized-dark .highlight .gd {
    color: #2aa198
}

.solarized-dark .highlight .ge {
    color: #93A1A1;
    font-style: italic
}

.solarized-dark .highlight .gr {
    color: #dc322f
}

.solarized-dark .highlight .gh {
    color: #cb4b16
}

.solarized-dark .highlight .gi {
    color: #859900
}

.solarized-dark .highlight .go {
    color: #93a1a1
}

.solarized-dark .highlight .gp {
    color: #93a1a1
}

.solarized-dark .highlight .gs {
    color: #93A1A1;
    font-weight: bold
}

.solarized-dark .highlight .gu {
    color: #cb4b16
}

.solarized-dark .highlight .gt {
    color: #93a1a1
}

.solarized-dark .highlight .kc {
    color: #cb4b16
}

.solarized-dark .highlight .kd {
    color: #268bd2
}

.solarized-dark .highlight .kn {
    color: #859900
}

.solarized-dark .highlight .kp {
    color: #859900
}

.solarized-dark .highlight .kr {
    color: #268bd2
}

.solarized-dark .highlight .kt {
    color: #dc322f
}

.solarized-dark .highlight .ld {
    color: #93a1a1
}

.solarized-dark .highlight .m {
    color: #2aa198
}

.solarized-dark .highlight .s {
    color: #2aa198
}

.solarized-dark .highlight .na {
    color: #93a1a1
}

.solarized-dark .highlight .nb {
    color: #b58900
}

.solarized-dark .highlight .nc {
    color: #268bd2
}

.solarized-dark .highlight .no {
    color: #cb4b16
}

.solarized-dark .highlight .nd {
    color: #268bd2
}

.solarized-dark .highlight .ni {
    color: #cb4b16
}

.solarized-dark .highlight .ne {
    color: #cb4b16
}

.solarized-dark .highlight .nf {
    color: #268bd2
}

.solarized-dark .highlight .nl {
    color: #93a1a1
}

.solarized-dark .highlight .nn {
    color: #93a1a1
}

.solarized-dark .highlight .nx {
    color: #93a1a1
}

.solarized-dark .highlight .py {
    color: #93a1a1
}

.solarized-dark .highlight .nt {
    color: #268bd2
}

.solarized-dark .highlight .nv {
    color: #268bd2
}

.solarized-dark .highlight .ow {
    color: #859900
}

.solarized-dark .highlight .w {
    color: #93a1a1
}

.solarized-dark .highlight .mf {
    color: #2aa198
}

.solarized-dark .highlight .mh {
    color: #2aa198
}

.solarized-dark .highlight .mi {
    color: #2aa198
}

.solarized-dark .highlight .mo {
    color: #2aa198
}

.solarized-dark .highlight .sb {
    color: #586e75
}

.solarized-dark .highlight .sc {
    color: #2aa198
}

.solarized-dark .highlight .sd {
    color: #93a1a1
}

.solarized-dark .highlight .s2 {
    color: #2aa198
}

.solarized-dark .highlight .se {
    color: #cb4b16
}

.solarized-dark .highlight .sh {
    color: #93a1a1
}

.solarized-dark .highlight .si {
    color: #2aa198
}

.solarized-dark .highlight .sx {
    color: #2aa198
}

.solarized-dark .highlight .sr {
    color: #dc322f
}

.solarized-dark .highlight .s1 {
    color: #2aa198
}

.solarized-dark .highlight .ss {
    color: #2aa198
}

.solarized-dark .highlight .bp {
    color: #268bd2
}

.solarized-dark .highlight .vc {
    color: #268bd2
}

.solarized-dark .highlight .vg {
    color: #268bd2
}

.solarized-dark .highlight .vi {
    color: #268bd2
}

.solarized-dark .highlight .il {
    color: #2aa198
}

.hljs {
    background-color: white
}

.code .white .highlight {
    background-color: white
}

.white .highlight pre {
    color: #333
}

.white .highlight .hll {
    display: block;
    background-color: rgba(254, 115, 0, 0.1)
}

.white .highlight .c {
    color: #888888
}

.white .highlight .err {
    color: #a61717;
    background-color: #ffadad
}

.white .highlight .k {
    color: #000000;
    font-weight: bold
}

.white .highlight .cm {
    color: #888888
}

.white .highlight .cp {
    color: #cc0000;
    font-weight: bold
}

.white .highlight .c1 {
    color: #888888
}

.white .highlight .cs {
    color: #cc0000;
    font-weight: bold;
    background-color: #fff0f0
}

.white .highlight .gd {
    color: #000000;
    background-color: #ffdddd
}

.white .highlight .ge {
    font-style: italic
}

.white .highlight .gr {
    color: #aa0000
}

.white .highlight .gh {
    color: #303030
}

.white .highlight .gi {
    color: #000000;
    background-color: #ddffdd
}

.white .highlight .go {
    color: #888888
}

.white .highlight .gp {
    color: #555555
}

.white .highlight .gs {
    font-weight: bold
}

.white .highlight .gu {
    color: #606060
}

.white .highlight .gt {
    color: #aa0000
}

.white .highlight .kc {
    font-weight: bold
}

.white .highlight .kd {
    font-weight: bold
}

.white .highlight .kn {
    font-weight: bold
}

.white .highlight .kp {
    font-weight: bold
}

.white .highlight .kr {
    font-weight: bold
}

.white .highlight .kt {
    color: #458;
    font-weight: bold
}

.white .highlight .m {
    color: #0000DD;
    font-weight: bold
}

.white .highlight .s {
    color: #dd2200
}

.white .highlight .na {
    color: #008080
}

.white .highlight .nb {
    color: #0086B3
}

.white .highlight .nc {
    color: #458;
    font-weight: bold
}

.white .highlight .no {
    color: #008080
}

.white .highlight .ni {
    color: #800080
}

.white .highlight .ne {
    color: #900;
    font-weight: bold
}

.white .highlight .nf {
    color: #900;
    font-weight: bold
}

.white .highlight .nn {
    color: #005;
    font-weight: bold
}

.white .highlight .nt {
    color: #000080
}

.white .highlight .nv {
    color: #008080
}

.white .highlight .py {
    color: #336699;
    font-weight: bold
}

.white .highlight .ow {
    color: #008800
}

.white .highlight .w {
    color: #bbbbbb
}

.white .highlight .mf {
    color: #0000DD;
    font-weight: bold
}

.white .highlight .mh {
    color: #0000DD;
    font-weight: bold
}

.white .highlight .mi {
    color: #099
}

.white .highlight .mo {
    color: #0000DD;
    font-weight: bold
}

.white .highlight .sb {
    color: #dd2200;
    background-color: #fff0f0
}

.white .highlight .sc {
    color: #d14
}

.white .highlight .sd {
    color: #dd2200;
    background-color: #fff0f0
}

.white .highlight .s2 {
    color: #d14
}

.white .highlight .se {
    color: #d14
}

.white .highlight .sh {
    color: #d14
}

.white .highlight .si {
    color: #d14
}

.white .highlight .sx {
    color: #d14
}

.white .highlight .sr {
    color: #d14
}

.white .highlight .s1 {
    color: #d14
}

.white .highlight .ss {
    color: #d14
}

.white .highlight .bp {
    color: #003388
}

.white .highlight .vc {
    color: #336699
}

.white .highlight .vg {
    color: #dd7700
}

.white .highlight .vi {
    color: #3333bb
}

.shadow {
    -webkit-box-shadow: 0 5px 15px black;
    -ms-box-shadow: 0 5px 15px black;
    -o-box-shadow: 0 5px 15px black;
    box-shadow: 0 5px 15px black
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: 0px) {
    .fancybox-caption {
        padding: 75px 44px 25px 44px
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
    @supports (padding: 0px) {
        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

#my-wallet-container {
    margin-top: -50px
}

#my-wallet-container p {
    margin: 0
}

#my-wallet-container #header-box {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 470px;
    background: url("../images/header_bg.png") no-repeat center top
}

#my-wallet-container #header-box .description {
    width: 800px;
    margin: 0 auto;
    padding-left: 432px;
    padding-top: 200px;
    color: #FFFABB;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

#my-wallet-container .text-gold {
    color: #a39156;
    font-weight: bolder
}

#my-wallet-container h2.header.yellow {
    position: relative;
    font-weight: normal;
    background: url("../images/title_bg.png") no-repeat left bottom
}

#my-wallet-container #content {
    background: #FBFBFB;
    position: relative;
    padding-bottom: 44px
}

#my-wallet-container .ui.container .invite-field {
    padding-bottom: 64px
}

#my-wallet-container .ui.container .invite-field p.title {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    padding-top: 48px;
    padding-bottom: 34px
}

#my-wallet-container .ui.container .invite-field p.tips {
    text-align: center;
    color: orangered;
    margin-top: 8px
}

#my-wallet-container .ui.container .invite-field .link-form-box .link-input-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#my-wallet-container .ui.container .invite-field .link-form-box .link-input-field .invite-code-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    border: 2px solid #a39156
}

#my-wallet-container .ui.container .invite-field .link-form-box .link-input-field .prefix-value {
    line-height: 40px;
    padding: 0 12px;
    border-right: 1px solid #dce3e8
}

#my-wallet-container .ui.container .invite-field .link-form-box .link-input-field input[type=text] {
    border: none
}

#my-wallet-container .ui.container .invite-field .link-form-box .link-input-field .copy-link {
    margin-right: 0;
    background: #FFF3AC;
    color: #A39156;
    border-left: 2px solid #A39156;
    font-size: 18px
}

#my-wallet-container .ui.container .invite-field .link-form-box .link-input-field .share-wx {
    margin-left: 8px
}

#my-wallet-container .ui.container .link-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#my-wallet-container .ui.container .link-field.hidden {
    display: none
}

#my-wallet-container .ui.container .link-field #link-real-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 580px;
    line-height: 43px;
    font-size: 18px;
    background: #FFFCE9;
    border: 2px solid #a39156;
    border-radius: 4px 0 0 4px;
    color: #AB933C;
    padding: 0 12px;
    cursor: pointer
}

#my-wallet-container .ui.container .link-field .copy-link {
    background: #FFF3AC !important;
    border: 2px solid #a39156;
    border-radius: 0 4px 4px 0;
    padding: 12px;
    border-left: none;
    color: #a39156;
    font-size: 18px
}

#my-wallet-container .ui.container .share-wx {
    border: 2px solid #22B130;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #22B130;
    background-color: white;
    background-image: url("../images/wechat.svg");
    background-repeat: no-repeat;
    background-position: 17px center;
    padding-left: 46px
}

#my-wallet-container .ui.container .activity-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#my-wallet-container .ui.container .activity-desc .invite-desc {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

#my-wallet-container .ui.container .activity-desc .invite-desc .images-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#my-wallet-container .ui.container .activity-desc .invite-desc .wallet-flow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

#my-wallet-container .ui.container .activity-desc .invite-desc .wallet-flow p {
    width: 200px;
    margin: auto;
    text-align: center
}

#my-wallet-container .ui.container .activity-desc .invite-desc .icon-arrow {
    font-size: 28px;
    padding: 0 6px;
    margin-top: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #DEDEDE
}

#my-wallet-container .ui.container .activity-desc .reward-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#my-wallet-container .ui.container .activity-desc .reward-desc .friend-buy {
    text-align: left
}

#my-wallet-container .ui.container .activity-desc .reward-desc .reward-money {
    text-align: right
}

#my-wallet-container .ui.container .activity-desc .reward-desc .reward-rule>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 32px
}

#my-wallet-container .ui.container .activity-desc .reward-desc .reward-rule>p.title {
    color: #8C92A4
}

#my-wallet-container .ui.container.events-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 56px
}

#my-wallet-container .ui.container.events-amount .wallet-events {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .empty {
    text-align: center
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .empty p {
    padding: 8px 0;
    color: #8C92A4
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 14px
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .event .message-detail {
    position: relative;
    padding-top: 8px;
    padding-left: 16px
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .event .message-detail:before {
    position: absolute;
    left: -23px;
    top: 35px;
    content: '';
    height: 60%;
    border: 1px solid #E3E9ED
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .event .message-detail .info span {
    font-weight: bolder
}

#my-wallet-container .ui.container.events-amount .wallet-events .content .event .message-detail .time {
    padding-top: 4px;
    color: #8C92A4
}

#my-wallet-container .ui.container.events-amount .unpaid-status {
    color: green
}

#my-wallet-container .ui.container.events-amount .wallet-balance {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#my-wallet-container .ui.container.events-amount .wallet-balance .money-pool p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 32px
}

#my-wallet-container .ui.container.events-amount .wallet-balance .money-pool p .withdraw {
    color: green;
    font-size: 18px;
    font-weight: bolder
}

#my-wallet-container #withdraw-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFFCE9;
    border: 1px solid #C9BC94;
    border-radius: 2px;
    margin-top: 8px;
    background-image: url("../fonts/coin.svg");
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 30px
}

#my-wallet-container #qrcode {
    position: absolute;
    left: 40%;
    top: 45%;
    padding: 10px;
    width: 280px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 888;
    font-size: 12px;
    display: none
}

#my-wallet-container #qrcode .header {
    font-size: 14px
}

#my-wallet-container #qrcode .close {
    float: right
}

#my-wallet-container #qrcode .qrcode {
    text-align: center;
    margin: 12px
}

#wallet-apply-modal .column.header {
    background: #FBF7DA;
    color: #A39156
}

#wallet-apply-modal .column {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#wallet-apply-modal .column.gray>.text {
    background: #F9F9F9
}

#wallet-apply-modal .column>.text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px;
    display: inline-block
}

#wallet-apply-modal .column>.text.checkbox {
    text-align: center
}

#wallet-apply-modal .column>.text.green {
    color: #22B130
}

#wallet-apply-modal .column>.text.buyer {
    word-break: break-word
}

#wallet-apply-modal .column>.text:before {
    content: '';
    border-right: 3px solid white;
    position: absolute;
    right: 0;
    width: 3px;
    height: 100%;
    top: 0
}

#wallet-apply-modal .column>.text.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

#wallet-apply-modal .column>.text.flex-half {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5
}

#wallet-apply-modal .column>.text.chose {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

#wallet-apply-modal .actions.next {
    margin-top: 14px
}

#wallet-apply-modal .actions.next.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#wallet-apply-modal .actions.next a {
    margin-right: 14px
}

#wallet-apply-modal .step-one.hidden,
#wallet-apply-modal .step-two.hidden {
    display: none
}

#wallet-apply-modal .step-two ul {
    padding-left: 14px;
    color: #95845A
}

#wallet-apply-modal .step-two ul li {
    padding-bottom: 4px;
    list-style-type: disc
}

#wallet-apply-modal .step-two .form>.field {
    width: 50%;
    margin-bottom: 12px;
    float: left
}

#wallet-apply-modal .step-two .form>.field:nth-child(odd) {
    padding-right: 16px
}

#wallet-apply-modal .step-two .form>.field .ui.input {
    margin-top: 5px
}

#wallet-apply-modal .step-two .form>.field label {
    font-weight: bolder
}

#wallet-apply-modal .step-two .form>.field .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#wallet-apply-modal .step-two .form>.field .row-flex .ui.captcha {
    font-size: 0;
    border: 1px solid #dce3e8;
    width: 153px
}

#wallet-apply-modal .step-two .form>.field .row-flex .ui.captcha img {
    height: 34px;
    width: 100%
}

#wallet-apply-modal .step-two .form>.field .row-flex.sms-captcha .ui.fluid.input {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

#wallet-apply-modal .step-two .form>.field .row-flex.sms-captcha .send-sms-captcha {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: 34px
}

#wallet-apply-modal .step-two .form>.field .row-flex .ui.input {
    margin-right: 8px
}

#wallet-apply-modal .step-two .current-amount {
    font-size: 16px;
    color: #40485B;
    font-weight: bolder
}

#wallet-apply-modal .step-two .current-amount span {
    color: #22B130
}

#unpaid-modal .content .ui.message ul {
    padding-left: 14px;
    color: #95845A
}

#unpaid-modal .content .ui.message ul li {
    padding-bottom: 4px;
    list-style-type: disc
}

#unpaid-modal .content .withdraw-information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#unpaid-modal .content .withdraw-information>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#unpaid-modal .content .withdraw-information p>span:first-child {
    display: inline-block;
    min-width: 100px
}

.double_eleven .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.double_eleven .coupon .discount,
.double_eleven .coupon .prolong {
    width: 300px
}

.double_eleven .coupon .discount .coupon-container,
.double_eleven .coupon .prolong .coupon-container {
    position: relative
}

.double_eleven .coupon .prolong {
    margin-left: 48px
}

.double_eleven .coupon .text-muted {
    margin-top: 8px
}

.double_eleven .coupon .exchange {
    position: absolute;
    background: #cb4236;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 36px;
    left: 165px;
    bottom: 16px;
    cursor: pointer
}

.double_eleven .coupon .exchange.is-used {
    background: #EBB993;
    color: #C28A5F;
    cursor: initial
}

.double_eleven .ui.message.yellow {
    width: 661px;
    line-height: 20px;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 0px 0px 1px #ae7500 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 1px #ae7500 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.double_eleven .ui.message.yellow img {
    margin-right: 16px
}

.double_eleven .ui.message.yellow span {
    color: #CB4236;
    font-weight: bold
}

#multi-emails label {
    font-size: 18px;
    color: #101010;
    display: block;
    margin-bottom: 6px
}

#multi-emails .list-item {
    margin: 24px 0
}

#multi-emails .list-item .loading .dropdown.icon {
    padding: 18px 12px !important
}

#multi-emails .list-item .ui.list {
    margin-top: 0
}

#multi-emails .list-item .item {
    padding: 10px 0
}

#multi-emails .list-item .item:last-child {
    padding: 0
}

#multi-emails .list-item .ui.dropdown {
    min-width: 40%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

#multi-emails .list-item .field {
    margin-bottom: 0
}

#multi-emails .list-item .icon,
#multi-emails .list-item .label,
#multi-emails .list-item .resend-email {
    cursor: pointer
}

#multi-emails .list-item .label {
    padding: 5px;
    margin-left: 5px
}

#multi-emails .list-item .hide {
    display: none
}

#multi-emails .list-item .content {
    display: inline-block;
    width: 100%
}

#multi-emails .list-item .wait_confirmed {
    color: rgba(0, 0, 0, 0.5)
}

#multi-emails .list-item .resend-email {
    color: #1283ba !important
}

#multi-emails .list-item .loader {
    display: inline-block;
    margin-left: 1.0em
}

#multi-emails .list-item .relative {
    position: relative
}

#multi-emails .list-item p {
    margin: 6px 0 0 0
}

#multi-emails .private-email-checkbox {
    font-size: 14px;
    color: unset
}

.comfirm-email-result-modal .content {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.comfirm-email-result-wrap {
    text-align: center
}

.comfirm-email-result-wrap .iconfont {
    font-weight: normal;
    font-size: 64px;
    line-height: 1;
    padding-top: 16px;
    padding-bottom: 8px
}

.comfirm-email-result-wrap .iconfont.icon-msg-error {
    color: #FAB200
}

.comfirm-email-result-wrap .iconfont.icon-ic_msg_success {
    color: #22B130
}

.comfirm-email-result-wrap .result-text {
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: bold
}

.comfirm-email-result-wrap .result-text.comfirm-email-success {
    padding-bottom: 16px
}

.comfirm-email-result-wrap .result-tip {
    font-size: 12px;
    padding-bottom: 16px
}

body.git-user {
    padding: 46px 0 0 0
}

.git-user-blocked {
    padding: 60px
}

.git-follow-container {
    padding: 0 !important
}

.git-follow-container .git-user-twl-col {
    padding: 0 !important
}

.git-user-selection-dropdown {
    margin-top: -6px !important;
    margin-right: 6px !important
}

.git-user-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.git-user-header .git-user-profile {
    width: 100%
}

.git-follow-container .git-user-selection-dropdown {
    top: 0
}

.git-user-header {
    position: relative
}

.git-user-header .git-user-selection-dropdown {
    position: absolute;
    height: 30px;
    bottom: 0;
    right: 0
}

.git-user-header .git-user-profile .ui.divider.git-user-infodata-divider {
    margin: 10px 0
}

.git-user-header .git-user-profile .ui.mini.images .image,
.git-user-header .git-user-profile .ui.mini.images img,
.git-user-header .git-user-profile .ui.mini.image {
    width: 30px;
    margin-left: 0;
    margin-right: 8px
}

.git-user-header .git-user-profile .git-side-groups-images,
.git-user-header .git-user-profile .git-side-enterprise-images {
    width: 270px !important;
    margin-left: 0;
    margin-right: 0
}

.git-user-header .git-user-profile .git-side-user-groups-header,
.git-user-header .git-user-profile .git-side-user-enterprise-header {
    font-size: 14px;
    color: #40485b;
    margin-bottom: 8px;
    font-weight: 500
}

.git-user-header .git-user-profile .git-user-bio {
    color: #8c92a4;
    padding: 3px 0;
    word-break: break-word;
    word-wrap: break-word
}

.git-user-header .git-user-profile .git-user-bio span,
.git-user-header .git-user-profile .git-user-bio a {
    display: inline-block;
    width: 228px;
    margin-left: 8px
}

.git-user-header .git-user-profile .git-user-bio a {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.git-user-header .git-user-profile .git-user-bio span.join-time {
    display: inline
}

.git-user-header .git-user-profile .git-user-bio span.timeago {
    margin-left: 0
}

.git-user-header .git-user-profile .git-user-edit-follow-btn {
    margin-top: 14px;
    display: inline-block;
    width: 100%
}

.git-user-header .git-user-profile .git-user-edit-follow-btn a.follow-or-unfollow-btn,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.follow-login-btn {
    width: calc(50% - 0.25em - 2px);
    font-size: 14px;
    padding: 5.4px 13px
}

.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-button,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-login-button {
    width: calc(50% - 2px);
    margin-right: 0px;
    font-size: 14px;
    padding: 5.4px 13px !important;
    border: 1px solid #ddd;
    background: inherit;
    color: #40485b;
    line-height: calc(1.2857143em - 2px);
    height: 29px
}

.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-button:link,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-button:hover,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-button:active,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-button:visited,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-login-button:link,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-login-button:hover,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-login-button:active,
.git-user-header .git-user-profile .git-user-edit-follow-btn a.message-login-button:visited {
    background: inherit !important;
    color: #40485b !important
}

.git-user-header .git-user-profile a.edit-profile-btn {
    float: right;
    margin-top: -40px
}

.git-user-header .git-user-profile a.edit-remark-btn {
    float: right;
    margin-top: -36px
}

.git-user-header .git-user-profile span.js-remark-name.hide {
    display: none !important
}

.git-user-header .git-user-profile span.js-remark-name.blank {
    color: #8c92a4
}

.git-user-header .git-user-profile a.git-user-name-link {
    color: #40485b
}

.git-user-header .git-user-profile a.git-user-name-link:hover {
    color: #797e8c
}

.git-user-header .git-user-profile .git-user-avatar-header {
    display: block;
    height: 80px
}

.git-user-header .git-user-profile .git-user-avatar .avatar {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 12px
}

.git-user-header .git-user-profile .git-user-avatar .over-avatar {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%
}

.git-user-header .git-user-profile .git-user-avatar .user-info {
    font-size: 18px;
    font-weight: bold;
    color: #40485b;
    padding-top: 18px
}

.git-user-header .git-user-profile .git-user-avatar .user-info span {
    font-size: 14px;
    font-weight: normal;
    overflow: inherit;
    text-overflow: inherit;
    display: inherit
}

.git-user-header .git-user-profile .clear {
    clear: both
}

.git-user-header .git-user-profile .git-user-infodata {
    margin-top: 14px
}

.git-user-header .git-user-profile .git-user-infodata .ui.grid {
    padding: 0 8px
}

.git-user-header .git-user-profile .git-user-infodata .column {
    padding-left: 0;
    padding-right: 0
}

.git-user-header .git-user-profile .git-user-infodata .users-follow-li {
    display: inline-block;
    list-style-type: none;
    min-width: 25%
}

.git-user-header .git-user-profile .git-user-infodata .follow-num {
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #005980
}

.git-user-header .git-user-profile .git-user-infodata .follow-txt {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #40485b;
    padding-top: 3px;
    margin-left: 0 !important
}

.git-user-header .git-user-profile .git-user-infodata .table-overflow {
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis
}

.contribution-select {
    border: 2px solid green
}

.inline-block {
    display: inline-block
}

.ui.horizontal.list.contribution_list>.item {
    width: 10px;
    height: 10px;
    font-size: 10px;
    margin-left: 1px
}

.git-user-popular-projects {
    margin-bottom: 14px
}

.git-user-popular-projects .ui.grid {
    padding: 10px 12px
}

.git-user-popular-projects header {
    font-size: 16px;
    margin-bottom: 10px
}

.git-user-popular-projects header .project-title {
    margin-bottom: 0
}

.git-user-popular-projects a.pop-project-title {
    font-size: 16px;
    font-weight: bold;
    word-break: break-all;
    vertical-align: middle
}

.git-user-popular-projects a.pop-project-title a {
    color: #587284
}

.git-user-popular-projects a.pop-project-title a:hover {
    color: #8a9ca8
}

.git-user-popular-projects a.pop-project-title a:active {
    color: #3d4f5c
}

.git-user-popular-projects .loading-icon-text {
    font-size: 12px;
    margin-left: 12px
}

.git-user-popular-projects p.description {
    max-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 8px;
    color: #8c92a4
}

.git-user-popular-projects span .proj-language {
    padding: 3px 5px;
    border-radius: 2px
}

.git-user-popular-projects .repo-stats li {
    float: left;
    color: #666666;
    list-style-type: none;
    margin-left: 12px
}

.git-user-popular-projects .repo-stats li a {
    font-size: 13px;
    color: #9b9b9b
}

.git-user-popular-projects .repo-stats li a:hover {
    color: #9b9b9b
}

.git-user-popular-projects .repo-stats li a:first-child {
    color: #8c92a4 !important
}

.git-user-popular-projects .repo-stats li a:first-child i.iconfont {
    margin-top: 1.3px;
    font-size: 12px
}

.git-user-popular-projects .repo-stats li a:first-child i.iconfont.icon-watch {
    -webkit-transform: scale(0.92, 0.92);
    transform: scale(0.92, 0.92)
}

.git-user-popular-projects .repo-stats li a:last-child {
    padding: .2em .4em .2em 0.4em;
    font-weight: normal;
    color: #9b9b9b !important
}

.git-user-popular-projects .repo-stats li .star {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 0
}

.git-user-popular-projects .repo-stats li .fork {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: 0;
    border-left: 0
}

.git-user-popular-projects .repo-stats {
    margin-bottom: 0;
    margin-top: 0
}

.git-user-popular-projects .sortable-chosen {
    background: rgba(254, 115, 0, 0.05) !important
}

.git-user-popular-projects i.icon.sidebar.sortable-sidebar {
    color: #d0d0d0;
    cursor: move
}

.git-user-popular-projects #customize-pinned-projects {
    position: relative;
    right: 5px;
    font-size: 14px;
    font-weight: normal
}

.git-user-popular-projects #popular-pinned-projects {
    margin: -.4em
}

.git-user-popular-projects #popular-pinned-projects .ui.card {
    width: calc(50% - 1em);
    margin: .4em;
    margin-top: 1.4em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.git-user-popular-projects #popular-pinned-projects .ui.card:nth-child(2n) {
    padding-left: 1em
}

.git-user-popular-projects #popular-pinned-projects .ui.card:nth-child(2n+1) {
    padding-right: 1em
}

.git-user-popular-projects #popular-pinned-projects .ui.card .main-content {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.git-user-popular-projects #popular-pinned-projects .ui.card .header i {
    font-size: 14px
}

.git-user-popular-projects #popular-pinned-projects .ui.card .header i.iconfont.icon-recommended {
    margin-top: 3px;
    color: #fe7300 !important;
    font-weight: 500
}

.git-user-popular-projects #popular-pinned-projects .ui.card .header i.iconfont.icon-recommended:hover {
    cursor: pointer
}

.git-user-popular-projects #popular-pinned-projects .ui.card .extra.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: none !important;
    padding-right: 0;
    padding-left: 0
}

.git-user-popular-projects #popular-pinned-projects .ui.card .extra.content ul.repo-stats.float-right {
    padding-left: 0
}

.edit-tags-link {
    color: #8c92a4 !important
}

.edit-tags-link:hover {
    color: #8c92a4 !important
}

.git-user-content {
    margin-bottom: 16px;
    word-break: break-all
}

.git-user-content .star-watch-container p {
    margin: 0;
    padding-right: 56px
}

.git-user-content .star-watch-container h4 {
    margin-top: 0px !important
}

.git-user-content .star-watch-container h4 .star-button .icon-star {
    vertical-align: baseline;
    height: 1em;
    -webkit-transform: scale(0.82, 0.82);
    transform: scale(0.82, 0.82)
}

.git-user-content .star-watch-container h4 .star-button .star,
.git-user-content .star-watch-container h4 .star-button .unstar,
.git-user-content .star-watch-container h4 .star-button .pre-star {
    padding: 2px 5px;
    vertical-align: top;
    border: 1px solid rgba(140, 146, 164, 0.5)
}

.git-user-content .star-watch-container h4 .star-button a.unstar {
    display: inline-block
}

.git-user-content .star-watch-container h4 .star-button a.star {
    display: none
}

.git-user-content .star-watch-container h4 .unstar:hover,
.git-user-content .star-watch-container h4 .star:hover,
.git-user-content .star-watch-container h4 .pre-star {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.git-user-content .star-watch-container h4 .star-button.star a.unstar {
    display: none
}

.git-user-content .star-watch-container h4 .star-button.star a.star {
    display: inline-block
}

.git-user-content .star-watch-container .repo-stats {
    padding-left: 0
}

.git-user-content .star-watch-container .repo-stats .project-lang-wrapper {
    margin-left: 0 !important
}

.git-user-content .star-watch-container .repo-stats .watch {
    margin-left: 0
}

.git-user-content .star-watch-container h4 {
    margin-top: 0px !important
}

.git-user-content .star-watch-container h4 .watch-button .icon-watch {
    vertical-align: baseline;
    height: 1em;
    -webkit-transform: scale(0.82, 0.82);
    transform: scale(0.82, 0.82)
}

.git-user-content .star-watch-container h4 .watch-button .watch,
.git-user-content .star-watch-container h4 .watch-button .unwatch,
.git-user-content .star-watch-container h4 .watch-button .pre-watch {
    padding: 2px 5px;
    vertical-align: top;
    border: 1px solid rgba(140, 146, 164, 0.5)
}

.git-user-content .star-watch-container h4 .watch-button a.unwatch {
    display: inline-block
}

.git-user-content .star-watch-container h4 .watch-button a.watch {
    display: none
}

.git-user-content .star-watch-container h4 .unwatch:hover,
.git-user-content .star-watch-container h4 .watch:hover,
.git-user-content .star-watch-container h4 .pre-watch {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.git-user-content .star-watch-container h4 .watch-button.watch a.unwatch {
    display: none
}

.git-user-content .star-watch-container h4 .watch-button.watch a.watch {
    display: inline-block
}

.git-user-content i.iconfont {
    font-weight: normal
}

.git-user-content .ui.secondary.pointing.menu>.menu>.item,
.git-user-content .ui.secondary.pointing.menu>.item {
    border-bottom: 2px solid transparent
}

.git-user-content .git-user-content-header h3.git-user-pagetitle {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block
}

.git-user-content .git-user-content-header .item .menu a {
    color: rgba(0, 0, 0, 0.8) !important
}

.git-user-content .git-user-content-header .git-user-selection-dropdown {
    float: right;
    margin-top: 0 !important;
    margin-right: 0 !important;
    padding: 5px 9px !important;
    line-height: 1.43
}

.git-user-content .git-user-content-header .git-user-selection-dropdown .menu a {
    text-align: center
}

.git-user-content .git-user-content-header a.return-to-personal {
    color: #6a6a6a;
    font-size: 16px
}

.git-user-content .git-user-content-header a.return-to-personal i.icon.angle.double.left {
    font-size: 1.2em !important;
    line-height: 0.7 !important;
    margin-right: -6px !important
}

.git-user-content .git-user-follow-divider {
    margin: 12px 0px 18px 0px !important
}

#git-user-contribution .ui.divider.inverted,
#git-user-contribution .ui.divider.inverted:after,
#git-user-contribution .ui.divider.inverted:before {
    border-top-color: rgba(0, 0, 0, 0.1) !important
}

#git-user-contribution .vertical {
    width: 1.81818%;
    padding-right: 1px;
    height: 100px;
    float: left
}

#git-user-contribution .vertical:last-child {
    padding-right: 0
}

#git-user-contribution .contribution .box {
    height: 11px;
    margin-bottom: 1px;
    font-size: 8px
}

#git-user-contribution .contribution .box:hover {
    border: 1px solid #000
}

#git-user-contribution .contribution .less {
    background-color: #eee
}

#git-user-contribution .contribution .little {
    background-color: #d6e685
}

#git-user-contribution .contribution .some {
    background-color: #8cc665
}

#git-user-contribution .contribution .many {
    background-color: #44a340
}

#git-user-contribution .contribution .much {
    background-color: #1e6823
}

#git-user-contribution .contribution .git-user-contribution-describ {
    width: calc(100% - 90px);
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -34px;
    margin-bottom: 10px
}

#git-user-contribution .contribution .git-user-contribution-describ .item {
    margin-right: 20px
}

#git-user-contribution .contribution .git-user-contribution-describ p {
    text-align: center
}

#git-user-contribution .contribution .ui.label.text.float-right {
    padding: 2px 0 2px 2px !important
}

#git-user-contribution .contribution .contribution-title h3 {
    margin: 0 0 1rem 0
}

#git-user-contribution .contribution .contribution-title .pull-right {
    margin-top: -4px
}

#git-user-contribution .contribution .year-dropdown {
    border: none
}

#git-user-contribution .contribution .year-dropdown:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

#git-user-contribution .public-contribution-desc {
    font-size: 14px;
    font-weight: normal;
    margin-left: 8px
}

.git-user-twl-col .icon-add-thin::before {
    margin-right: 4px
}

.git-user-twl-col .project-list .hr {
    background: #dce3e8;
    width: 1px;
    height: 20px;
    position: relative;
    top: 4px
}

.git-user-twl-col .project-list .create-time {
    color: #888;
    font-weight: normal;
    font-size: 13px
}

.git-user-twl-col .project-list span.pro-name i.iconfont.icon-recommend,
.git-user-twl-col .project-list span.pro-name i.iconfont.icon-recommended {
    margin-left: 5px
}

.git-user-twl-col .project-list span.pro-name i.iconfont.icon-recommended {
    color: #fe7300
}

.git-user-twl-col .project-list span.pro-name i.iconfont.icon-recommended:hover {
    cursor: pointer
}

.git-user-twl-col .project-list .migrate-box {
    opacity: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    font-size: 14px;
    color: #40485b
}

.git-user-twl-col .project-list .migrate-icon:hover+.migrate-box {
    opacity: 1
}

.git-user-twl-col .project-list .migrate-box:hover {
    opacity: 1
}

.git-user-twl-col .project-list span.main-pro-name {
    display: inline-block
}

.git-user-twl-col .project-list span.fork-pro-name {
    font-size: 14px;
    margin-left: 20px;
    font-weight: normal;
    display: block
}

.git-user-twl-col .project-list .repo-stats li {
    float: left;
    color: #666666;
    list-style-type: none;
    margin-left: 12px
}

.git-user-twl-col .project-list .repo-stats li a {
    font-size: 13px;
    color: #9b9b9b
}

.git-user-twl-col .project-list .repo-stats li a:hover {
    color: #9b9b9b
}

.git-user-twl-col .project-list .repo-stats li a:first-child {
    color: #8c92a4 !important
}

.git-user-twl-col .project-list .repo-stats li a:first-child i.iconfont {
    margin-top: 1.3px;
    font-size: 12px
}

.git-user-twl-col .project-list .repo-stats li a:first-child i.iconfont.icon-watch {
    -webkit-transform: scale(0.92, 0.92);
    transform: scale(0.92, 0.92)
}

.git-user-twl-col .project-list .repo-stats li a:last-child {
    padding: .2em .4em .2em 0.4em;
    font-weight: normal;
    color: #9b9b9b !important
}

.git-user-twl-col .project-list .repo-stats li .star {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 0
}

.git-user-twl-col .project-list .repo-stats li .fork {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: 0;
    border-left: 0
}

.git-user-twl-col .dashboard-project-tip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.git-user-twl-col .item.user-list-item {
    margin: 15px 0 !important;
    width: 220px !important
}

.git-user-twl-col .item.user-list-item .header {
    line-height: 23px !important;
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 145px
}

.git-user-twl-col .item.user-list-item .header a {
    color: #587284 !important
}

.git-user-twl-col .item.user-list-item span.follow-btn a {
    color: #587284
}

.git-user-twl-col ul.git-user-projects-ulist {
    padding-left: 0 !important;
    margin-top: 0
}

.git-user-twl-col ul.git-user-projects-ulist .ui.divider:last-child {
    display: none
}

.git-user-twl-col ul.git-user-projects-ulist i.iconfont.icon-enterprise-badge,
.git-user-twl-col ul.git-user-projects-ulist i.iconfont.icon-education {
    font-size: 1.2em
}

.git-user-twl-col ul.git-user-projects-ulist h4 {
    margin-top: 14px;
    font-size: 16px;
    margin-bottom: 8px !important
}

.git-user-twl-col ul.git-user-projects-ulist a.proj-language {
    margin-left: 7px !important;
    border-radius: 2px;
    vertical-align: text-bottom
}

.git-user-twl-col ul.git-user-projects-ulist span.fork-flag {
    color: #8c92a4;
    font-family: Arial
}

.git-user-twl-col ul.git-user-projects-ulist iption {
    color: #6a6a6a
}

.git-user-twl-col ul.git-user-projects-ulist span.create-time {
    color: #9b9b9b;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    margin-bottom: 5px
}

.git-user-twl-col ul.git-user-projects-ulist span.create-time span {
    color: inherit;
    font: inherit
}

.git-user-serach-prj {
    display: inline
}

.git-user-serach-prj .ui.search>.results {
    width: 180px
}

.git-user-serach-prj .ui.search>.results .result {
    font-size: 12px
}

.git-user-serach-prj i.serach-icon,
.git-user-serach-prj i.serach-icon:before {
    line-height: 1 !important;
    opacity: 1 !important
}

.git-user-serach-prj input.prompt {
    padding: 0.541em !important
}

.git-user-serach-prj #search_project,
.git-user-serach-prj #search_code {
    float: right;
    width: 150px;
    margin-top: -6px;
    margin-right: 10px
}

.git-user-serach-prj #search_project i.iconfont,
.git-user-serach-prj #search_code i.iconfont {
    position: absolute;
    top: 9px;
    left: 115px;
    color: #8c92a4
}

.git-user-serach-prj #search_project input,
.git-user-serach-prj #search_code input {
    padding: 8px 10px;
    font-size: 12px;
    height: 32px
}

.git-user-serach-prj #search_code {
    margin-right: 0
}

.git-user-serach-prj #search_code i.iconfont {
    top: 15px;
    left: 125px
}

.git-user-header__right {
    -ms-flex-item-align: center;
    align-self: center
}

.git-dashboard-projects-state-fileter {
    width: 100%;
    height: 48px;
    margin-top: 0px;
    padding: 0 16px;
    background: #fcfcfc;
    -webkit-box-shadow: 0px -1px 0px 0px #dce3e8, 0px 1px 0px 0px #dce3e8;
    box-shadow: 0px -1px 0px 0px #dce3e8, 0px 1px 0px 0px #dce3e8
}

.git-dashboard-projects-state-fileter .state-fileter .item {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4
}

.git-dashboard-projects-state-fileter .state-fileter .item .label {
    background: #f2f4f8 !important
}

.git-dashboard-projects-state-fileter .state-fileter .active.item {
    color: #40485b;
    font-weight: 600
}

.git-dashboard-projects-state-fileter .state-fileter .item:nth-child(n+2) {
    margin-left: 20px
}

.git-dashboard-projects-state-fileter .state-fileter .ui.circular.label {
    color: #7687ab
}

.git-dashboard-projects-state-fileter .repo-dropdown>.text,
.git-dashboard-projects-state-fileter .sort-dropdown>.text {
    color: #8c92a4 !important
}

.git-dashboard-projects-state-fileter .repo-dropdown .text,
.git-dashboard-projects-state-fileter .sort-dropdown .text {
    color: #40485b
}

.git-dashboard-projects-state-fileter .repo-dropdown .dropdown.icon,
.git-dashboard-projects-state-fileter .sort-dropdown .dropdown.icon {
    color: #b7c5ce;
    margin-left: 4px
}

.git-dashboard-projects-state-fileter .repo-dropdown .number.right,
.git-dashboard-projects-state-fileter .sort-dropdown .number.right {
    color: #8c92a4
}

.git-dashboard-projects-state-fileter .repo-dropdown .menu.scrolling,
.git-dashboard-projects-state-fileter .sort-dropdown .menu.scrolling {
    border-top: none;
    padding-top: 0
}

.git-dashboard-projects-state-fileter .repo-dropdown .menu.scrolling .hr,
.git-dashboard-projects-state-fileter .sort-dropdown .menu.scrolling .hr {
    border-top: 1px solid rgba(220, 227, 232, 0.5) !important;
    width: 92%;
    margin: 4px auto;
    height: 1px
}

.git-dashboard-projects-state-fileter .repo-dropdown .icon-search,
.git-dashboard-projects-state-fileter .sort-dropdown .icon-search {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #8c92a4
}

.git-dashboard-projects-state-fileter .repo-dropdown>.text,
.git-dashboard-projects-state-fileter .sort-dropdown>.text {
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.git-dashboard-projects-state-fileter .repo-dropdown .menu,
.git-dashboard-projects-state-fileter .sort-dropdown .menu {
    max-width: 280px
}

.git-dashboard-projects-state-fileter .repo-dropdown>.menu .item,
.git-dashboard-projects-state-fileter .sort-dropdown>.menu .item {
    font-size: 14px;
    font-weight: 400;
    color: #40485b
}

.git-dashboard-projects-state-fileter .repo-dropdown .menu.scrolling .item a,
.git-dashboard-projects-state-fileter .sort-dropdown .menu.scrolling .item a {
    font-weight: 400;
    color: #40485b;
    font-size: 14px
}

.git-dashboard-projects-state-fileter .repo-dropdown .menu.scrolling .item .iconfont,
.git-dashboard-projects-state-fileter .sort-dropdown .menu.scrolling .item .iconfont {
    margin-top: 1px
}

.git-dashboard-projects-state-fileter .repo-dropdown .menu.scrolling .item .name,
.git-dashboard-projects-state-fileter .sort-dropdown .menu.scrolling .item .name {
    margin-left: 8px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-page-header .git-user-serach-prj #search_project {
    margin-top: 0
}

#git-user-sidebar-menu-en .item {
    margin-right: 20px
}

#git-user-sidebar-menu-en .item:last-child {
    margin-right: 0
}

.git-user-sidebar {
    margin-bottom: 14px
}

.git-user-sidebar i.iconfont {
    color: #8c92a4
}

.git-user-sidebar .ui.secondary.pointing.menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1px
}

.git-user-sidebar .ui.secondary.pointing.menu .item {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 26px
}

.git-user-sidebar .ui.secondary.pointing.menu .item.gifts:not(.active) {
    color: #4baf50 !important
}

.git-user-sidebar .ui.secondary.pointing.menu .item.gifts:not(.active) .iconfont {
    color: #4baf50 !important
}

.git-user-sidebar .ui.secondary.pointing.menu .item.gifts:not(.active) .ui.mini.circular.label {
    color: #4baf50 !important
}

.git-user-sidebar a.item.active {
    color: #fe7300 !important;
    border-bottom: 2px solid #fe7300 !important
}

.git-user-sidebar a.item.active i.iconfont {
    color: #fe7300 !important
}

.git-user-sidebar a.item.active span.circular {
    color: #fe7300;
    background: rgba(254, 115, 0, 0.2)
}

.git-user-sidebar .menu .item .label {
    margin-top: -2px !important;
    color: #7687ab;
    padding: 4px 6px
}

.git-user-org-items .ui.divider:last-child {
    display: none
}

.git-user-org-items i.iconfont.icon-enterprise-badge,
.git-user-org-items i.iconfont.icon-education {
    font-size: 1.2em
}

.git-user-org-items>.item .image>.avatar.group-avatar {
    width: 100%;
    height: auto;
    border-radius: 0
}

.git-user-org-items>.item .content {
    padding-left: 1em !important
}

.git-user-org-items .exit-group {
    margin-left: 5px;
    font-size: 14px
}

.description.git-user-organization-describ {
    max-width: none !important
}

.description.git-user-organization-describ .org-describ-paragraph {
    min-height: 28px !important;
    word-wrap: break-word
}

.description.git-user-organization-describ .organization-users-count,
.description.git-user-organization-describ .organization-projects-count {
    display: inline-block
}

.description.git-user-organization-describ .organization-users-count span,
.description.git-user-organization-describ .organization-projects-count span {
    display: inline-block;
    margin-top: 1px;
    margin-left: 2px;
    color: #587284
}

.description.git-user-organization-describ .organization-projects-count {
    margin-left: 20px
}

.custom-modal .upto-six-projects {
    padding-bottom: 0.8rem;
    font-size: 14px
}

.custom-modal .spinner.loading {
    text-align: center
}

.custom-modal .spinner.loading i.icon {
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 30px
}

.custom-modal #all-custom-projects-content {
    border-top: 1px solid #ddd;
    padding-top: 0;
    padding-bottom: 0
}

.custom-modal #all-custom-projects-content .custom-modal-checkbox {
    vertical-align: top;
    margin-top: 2.5px
}

.custom-modal #all-custom-projects-content .pro-name-with-namespace {
    width: 380px;
    display: inline-block
}

.custom-modal #all-custom-projects-content .custom-modal-form .pro-name-with-namespace:before {
    top: 0 !important
}

.custom-modal .actions {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: #f9fafb !important;
    border-top: 1px solid rgba(34, 36, 38, 0.15) !important
}

.custom-modal .actions .left-uncheck-number {
    float: left;
    vertical-align: middle;
    position: relative;
    top: 7px;
    left: 5px
}

.git-codes-tags {
    min-width: 0;
    line-height: 28px;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.git-codes-tags .ui.label.chosen-label {
    color: #fe7300;
    border-color: #fe7300;
    background-color: inherit
}

.git-codes-tags .ui.label.chosen-label:hover {
    color: #fe7300 !important;
    background-color: inherit;
    border-color: #fe7300
}

.git-codes-tags .ui.label.chosen-label i {
    color: #fe7300
}

.git-codes-tags .title {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.git-codes-tags .ui.label {
    border-radius: 3px;
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 4px;
    border: 1px solid rgba(106, 106, 106, 0.5);
    padding: 2px 8px;
    color: #6a6a6a;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.git-codes-tags .ui.label i {
    vertical-align: text-bottom;
    font-size: 1.1em
}

.git-codes-tags .ui.label:hover {
    background: inherit !important;
    border-color: rgba(106, 106, 106, 0.5);
    color: #6a6a6a !important
}

.git-codes-tags .ui.label.label-active {
    border-radius: 2px;
    border: 1px solid #fe7300;
    color: #fe7300
}

.git-codes-tags .label-list {
    width: 100%
}

.git-codes-tags .label-list .left {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.git-codes-tags .view-all {
    height: 20px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #40485b
}

.filter-label-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.git-tags-title {
    font-size: 14px;
    font-weight: 400;
    color: #40485b;
    line-height: 20px
}

.filter-label-more {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 14px;
    font-weight: 400;
    color: #005980;
    line-height: 20px
}

.filter-label-more .ui.button {
    background-color: transparent !important
}

.filter-label-more .ui.button a {
    color: #005980
}

.filter-label-more .ui.button a:hover {
    color: #4c8aa6
}

.filter-label-more .ui.button a:active {
    color: #003e59
}

.js-migrate-user-tags {
    color: #fe7300;
    margin-left: 2px
}

.js-migrate-user-tags:hover {
    color: #e07217
}

#js-project-label-rule-modal {
    width: 600px
}

#js-project-label-rule-modal .title {
    font-weight: bold
}

#js-project-label-rule-modal p {
    line-height: 20px
}

#js-project-label-rule-modal .actions {
    text-align: center !important;
    padding-bottom: 16px
}

#gitee-gists-code__wrapper .label-list .left {
    white-space: initial;
    overflow: initial;
    text-overflow: initial
}

#gitee-gists-code__wrapper .label-list .label {
    margin-bottom: 4px
}

#gitee-gists-code__wrapper .git-codes-tags {
    background: #f8f8f8;
    padding: 16px 24px 12px 24px
}

#git-user-codes .header {
    width: 75%
}

#git-user-codes .codes-bottom {
    height: 18px
}

#git-user-codes .codes-bottom a:hover {
    color: #8c92a4
}

.user-code-tags-update ul.tagit.ui-widget-content {
    display: inline-block;
    width: 85%
}

.user-code-tags-update ul.tagit.ui-widget-content .tagit-label {
    font-weight: normal
}

.user-code-tags-update ul.tagit.ui-widget-content li.tagit-choice-editable {
    padding: 3px 20px 3px 6px;
    margin: 4px
}

.user-code-tags-update ul.tagit.ui-widget-content li.tagit-new {
    padding: .15em 4px 0 0;
    margin: 0px 5px
}

.user-code-tags-update .tag-actions {
    display: inline-block;
    float: right
}

.contribution-events {
    padding-top: 1em
}

.contribution-events .container {
    position: relative;
    min-height: 25px
}

.contribution-events .container .contribution-in-date {
    position: relative;
    padding-left: 50px
}

.contribution-events .container .contribution-in-date.empty {
    padding-left: 0
}

.contribution-events .container .contribution-in-date.empty:after {
    display: none
}

.contribution-events .container .contribution-in-date.empty .no-activity {
    text-align: center;
    padding: 0
}

.contribution-events .container .contribution-in-date:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    background: #e3e9ed
}

.contribution-events .container .contribution-in-date .contribution-group>.content {
    padding: 18px 0
}

.contribution-events .container .contribution-in-date .contribution-group>.content .contributions+.contributions {
    margin-top: 10px
}

.contribution-events .container .contribution-in-date .contribution-group>.content .summary {
    padding: 8px 0;
    line-height: 20px;
    font-size: 16px
}

.contribution-events .container .contribution-in-date .contribution-group>.content .list .item .meta {
    margin-left: 8px;
    font-size: 12px
}

.contribution-events .container .contribution-in-date .contribution-group>.content .list .item+.item {
    margin-top: 5px
}

.contribution-events .container .contribution-in-date .timeline-on {
    position: absolute;
    z-index: 1
}

.contribution-events .container .contribution-in-date .timeline-on.date {
    left: 8px;
    font-weight: bold;
    font-size: 12px;
    background: #fff;
    padding: 2px 0
}

.contribution-events .container .contribution-in-date .timeline-on.icon {
    left: 12px;
    font-size: 18px;
    margin: 8px 0;
    line-height: 20px;
    background: #fff
}

.contribution-events .container .contribution-in-date .timeline-on.icon .icon-issue {
    color: #fe7300
}

.contribution-events .container .contribution-in-date .timeline-on.icon .icon-pull-request.created {
    color: #4a90e2
}

.contribution-events .container .contribution-in-date .timeline-on.icon .icon-pull-request.merged {
    color: #4baf50
}

.contribution-events .container .contribution-in-date .no-activity {
    padding-top: 10px
}

.user-tags .code-tags .change-tags-form {
    display: none
}

.user-tags .code-tags .user-object-tags {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-tags .code-tags .user-object-tags .icon-tag {
    margin-left: 4px
}

.user-tags .code-tags .user-object-tags .text {
    margin: 0 4px
}

.user-tags .code-tags .user-object-tags .label {
    border: 1px solid rgba(106, 106, 106, 0.5);
    padding: 0px 8px;
    line-height: 16px;
    margin-bottom: 0;
    color: #6a6a6a
}

.user-tags .code-tags .user-object-tags .label i {
    vertical-align: text-bottom;
    font-size: 1.1em
}

.user-tags .code-tags .user-object-tags .label:not(.tag-label) {
    min-width: 40px
}

.user-tags .code-tags.active-edit .change-tags-form {
    display: block
}

.user-tags .code-tags.active-edit .user-object-tags {
    display: none
}

.user-dashboard-sidebar {
    padding-top: 1.5em
}

.user-dashboard-sidebar .btn-create {
    width: 25px;
    text-align: center
}

.user-dashboard-sidebar .btn-create a {
    color: #b0abbb
}

.user-dashboard-sidebar .btn-create a:hover {
    color: #c7c4cf
}

.user-dashboard-sidebar .btn-create a:active {
    color: #7b7782
}

.user-dashboard-sidebar .ui.card {
    padding-bottom: 1.5em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-dashboard-sidebar .ui.card .content {
    padding: 0
}

.user-dashboard-sidebar .ui.card .content .header {
    padding-bottom: 0.3em;
    font-size: 1.2em;
    border-bottom: 1px solid #e3e9ed
}

.user-dashboard-sidebar .ui.items {
    margin: 1em 0
}

.user-dashboard-sidebar .ui.items .item.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-dashboard-sidebar .ui.items .item.hide {
    display: none
}

.user-dashboard-sidebar .ui.items .item>.enterprise-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.user-dashboard-sidebar .ui.items .item>.enterprise-name .repo-item {
    width: 70px
}

.user-dashboard-sidebar .ui.items .item>.enterprise-name .pr-item {
    width: 122px
}

.user-dashboard-sidebar .ui.items .item>.enterprise-name .issue-item {
    width: 78px
}

.user-dashboard-sidebar .ui.items .item .image {
    width: 40px;
    border-radius: 3px
}

.user-dashboard-sidebar .ui.items .item .content {
    padding-top: 0;
    padding-bottom: 0;
    width: auto;
    word-break: break-word
}

.user-dashboard-sidebar .ui.items .item .content h4 {
    margin: 0;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-dashboard-sidebar .ui.items .item .content .description {
    margin-top: .3em;
    color: #8c92a4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-dashboard-sidebar .ui.items .item .content .quit {
    display: none
}

.user-dashboard-sidebar .ui.items .item .content .quit i {
    vertical-align: middle;
    margin-top: 3px
}

.user-dashboard-sidebar .ui.items .item .content:hover .quit {
    display: inline-block
}

.user-dashboard-sidebar .ui.items .item .content .group-name {
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-dashboard-sidebar .ui.items .item .content ul {
    margin: 8px 0;
    padding-left: 18px;
    line-height: 1.5
}

.user-dashboard-sidebar .ui.items .item .content li {
    list-style: disc
}

.user-dashboard-sidebar .git-dashboard-project-menu.ui.menu.secondary {
    margin: .5rem 0 0
}

.user-dashboard-sidebar .git-dashboard-project-menu.ui.menu.secondary .item {
    margin: 0 30px -2px 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #676a73;
    background: #fff
}

.user-dashboard-sidebar .git-dashboard-project-menu.ui.menu.secondary .item.btn-search {
    margin: 0;
    width: 25px;
    text-align: center
}

.user-dashboard-sidebar .git-dashboard-project-menu.ui.menu.secondary .item.active {
    color: #fe7300
}

.user-dashboard-sidebar .project-list {
    padding-top: 1em
}

.user-dashboard-sidebar .project-list .search-project {
    margin-bottom: 1rem
}

.user-dashboard-sidebar .project-list .search-project .twitter-typeahead,
.user-dashboard-sidebar .project-list .search-project .twitter-typeahead input {
    width: 100%
}

.git-user-projects-ulist .project-label-list.dropdown,
.git-profile-projects-ulist .project-label-list.dropdown {
    cursor: default
}

.git-user-projects-ulist .project-label-list.dropdown>.menu,
.git-profile-projects-ulist .project-label-list.dropdown>.menu {
    width: 280px !important;
    min-width: 280px !important
}

.git-user-projects-ulist .mixed-label,
.git-profile-projects-ulist .mixed-label {
    font-size: 0
}

.git-user-projects-ulist .mixed-label .delete-tag,
.git-profile-projects-ulist .mixed-label .delete-tag {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
    text-align: center;
    cursor: pointer;
    margin-left: -4px;
    color: white
}

.git-user-projects-ulist .mixed-label .project-label-item-box,
.git-profile-projects-ulist .mixed-label .project-label-item-box {
    position: relative
}

.git-user-projects-ulist .mixed-label .can-delete:hover .delete-tag,
.git-profile-projects-ulist .mixed-label .can-delete:hover .delete-tag {
    opacity: 1
}

.git-user-projects-ulist .mixed-label .can-delete:hover .project-label-item,
.git-profile-projects-ulist .mixed-label .can-delete:hover .project-label-item {
    background: rgba(199, 29, 35, 0.6) !important
}

.git-user-projects-ulist .project-label-list.ui.blank.dropdown,
.git-profile-projects-ulist .project-label-list.ui.blank.dropdown {
    padding-bottom: 8px
}

.git-user-projects-ulist .project-label-list.dropdown,
.git-profile-projects-ulist .project-label-list.dropdown {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.git-user-projects-ulist .project-label-list.dropdown.blank .default,
.git-profile-projects-ulist .project-label-list.dropdown.blank .default {
    display: block
}

.git-user-projects-ulist .project-label-list.dropdown.blank .mixed-label,
.git-profile-projects-ulist .project-label-list.dropdown.blank .mixed-label {
    display: none
}

.git-user-projects-ulist .project-label-list.dropdown .default,
.git-profile-projects-ulist .project-label-list.dropdown .default {
    font-size: 14px;
    font-weight: 400;
    color: #8c92a4;
    display: none
}

.git-user-projects-ulist .project-label-list.dropdown .project-label-item-box,
.git-profile-projects-ulist .project-label-list.dropdown .project-label-item-box {
    overflow: hidden
}

.git-user-projects-ulist .project-label-list.dropdown .project-label-item,
.git-profile-projects-ulist .project-label-list.dropdown .project-label-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.git-user-projects-ulist .project-label-list.dropdown .label-item,
.git-profile-projects-ulist .project-label-list.dropdown .label-item {
    margin-right: 8px;
    padding: 0 8px;
    color: #6a6a6a;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    background: #efefef;
    border-radius: 2px;
    text-align: center
}

.git-user-projects-ulist .project-label-list.dropdown>.menu,
.git-profile-projects-ulist .project-label-list.dropdown>.menu {
    min-width: 100%
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu {
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .icon-wrapper,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .icon-wrapper {
    text-align: left;
    width: 24px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .icon-wrapper .icon-msg-read,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .icon-wrapper .icon-msg-read {
    font-size: 12px;
    vertical-align: middle;
    color: #303643
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .item.addition,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .item.addition {
    background: #f6f6f6
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .item>.text,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .item>.text {
    font-size: 12px;
    font-weight: 400;
    color: #40485b
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .text,
.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .user-add-label-text,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .text,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .user-add-label-text {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.git-user-projects-ulist .project-label-list.dropdown .scrolling.menu .user-add-label-text,
.git-profile-projects-ulist .project-label-list.dropdown .scrolling.menu .user-add-label-text {
    margin: 0 4px
}

.git-user-projects-ulist .project-label-list.dropdown .message,
.git-profile-projects-ulist .project-label-list.dropdown .message {
    display: none !important
}

#users-projects .git-dashboard-projects-menu>.item {
    display: inline
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: white;
    text-align: center;
    background: #222222;
    border: 3px solid white;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    left: auto;
    right: 15px
}

.carousel-control:hover,
.carousel-control:focus {
    color: white;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4,
.carousel-caption p {
    color: white;
    line-height: 20px
}

.carousel-caption h4 {
    margin: 0 0 5px
}

.carousel-caption p {
    margin-bottom: 0
}

#login-verify-toggle-loader {
    z-index: 99
}

.s-l-verify {
    padding-top: 48px;
    padding-bottom: 25px
}

.s-l-verify__container {
    width: 436px;
    text-align: center;
    margin: auto
}

.s-l-verify__body {
    position: relative
}

.s-l-verify__logo {
    text-align: center;
    font-size: 0
}

.s-l-verify__logo img {
    width: 50px
}

.s-l-verify__header {
    font-size: 24px;
    margin-top: 16px
}

.s-l-verify__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

.s-l-verify__input .ui.input input {
    width: 56px;
    text-align: center;
    font-size: 38px;
    padding: 6px 0;
    font-weight: bold
}

.s-l-verify__error {
    display: none;
    margin-bottom: -22px !important
}

.s-l-verify__tips {
    margin-top: 24px;
    margin-bottom: 44px
}

.s-l-verify__tips p {
    margin-bottom: 8px
}

.s-l-verify__actions {
    width: 90%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s-l-verify__captcha {
    margin-top: 24px
}

#login-verification-account {
    line-height: 1.6
}

.s-l-verify__gongzhonghao {
    font-size: 12px;
    margin-top: 24px
}

.s-l-verify__image-weixin {
    width: 220px;
    display: none
}

@media only screen and (max-width: 34em) {
    body.responsive-body .s-l-verify__container {
        width: 100%
    }
    body.responsive-body .s-l-verify__input .ui.input input {
        width: 46px;
        font-size: 32px
    }
    body.responsive-body .s-l-verify__image-weixin {
        display: inline-block
    }
}

@media only screen and (max-width: 20em) {
    body.responsive-body .s-l-verify__input .ui.input input {
        width: 38px;
        font-size: 24px
    }
}

.session-body {
    padding-top: 0 !important
}

.hide-scroll::-webkit-scrollbar {
    width: 0
}

.session-wrapper {
    min-width: 1040px;
    min-height: 99.9vh;
    position: relative
}

.session-wrapper>.ui.container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    padding: 0;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.session-wrapper:before,
.session-wrapper:after {
    content: '';
    position: fixed;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -2
}

.session-wrapper:before {
    width: 394px;
    height: 468px;
    background-image: url(../images/bg-left-eac79b22c70862cee1638879ef602263.png);
    left: 0
}

.session-wrapper:after {
    width: 487px;
    height: 412px;
    background-image: url(../images/bg-right-caca01aa8ad12c549e9d8774e4fa406f.png);
    right: 0
}

.session-wrapper h1,
.session-wrapper h2,
.session-wrapper h3,
.session-wrapper h4,
.session-wrapper h5 {
    margin: 0
}

.session__footer {
    margin-top: 50px;
    text-align: center
}

.session__footer-item+.session__footer-item {
    margin-left: 8px
}

.session__footer-item a {
    color: #8c92a4
}

.session__footer-item a:hover {
    color: #aeb2bf
}

.session__footer-item a:active {
    color: #626672
}

.session__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: inherit;
    position: relative;
    -webkit-box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.3)
}

.session__body:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
    z-index: -1
}

.session__body .background-grey {
    background: #f9f9f9 !important
}

.session-sidebox,
.session-form {
    margin: 0 auto;
    width: 50%;
    min-height: 564px
}

.session-form__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.session-form__header.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.session-form__title {
    display: inline-block
}

.session__auth-info {
    margin-bottom: 32px
}

.session__auth-info .auth-logos {
    margin: auto;
    margin-bottom: 20px;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.session__auth-info .auth-logos .gitee {
    width: 50px
}

.session__auth-info .auth-logos i.icon.exchange {
    color: #b9b9b9;
    font-size: 20px
}

.session__auth-info .auth-logos .git-other-login-icon i {
    font-size: 50px
}

.session__auth-info .auth-tip {
    width: 120%;
    margin-left: -10%;
    text-align: center
}

.session-form__password-input.icon .icon {
    opacity: 1 !important;
    cursor: pointer !important;
    color: #40485b
}

.session-form__password-input.icon .icon:hover {
    color: #2b303d
}

.session-form__password-input.icon .icon:active {
    color: #16191f
}

.session-form__container {
    height: 100%;
    padding: 64px 70px 48px;
    position: relative
}

.session__flash-error {
    margin-bottom: 16px
}

.session__flash-error .flash_error_box {
    display: none
}

@media only screen and (max-height: 750px) {
    .session-wrapper>.ui.container {
        margin-top: 40px;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .session-wrapper:before,
    .session-wrapper:after {
        content: none
    }
}

.session__2verify-header {
    text-align: center;
    margin: 0;
    margin-bottom: 32px !important
}

.session__2verify,
.session__2verify-image {
    display: none
}

.session__2verify {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.98)
}

.session__2verify-container {
    position: absolute;
    margin: auto;
    display: inline-block;
    top: 96px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.session__2verify-yunpian {
    font-size: 12px
}

.session__2verify-yunpian .yp-riddler-winbox {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.session__2verify-image {
    text-align: center !important
}

.session__2verify-image img {
    height: 60px
}

.session__2verify-input {
    margin-top: 24px;
    display: block !important
}

.session__2verify-input input {
    text-align: center !important;
    width: 280px !important
}

.session__2verify-button {
    margin-top: 24px !important
}

.session__2verify-error {
    color: #f14333;
    margin-top: 60px;
    text-align: center
}

.session__2verify-switch {
    text-align: center
}

.session-sidebox {
    color: #fff;
    position: relative;
    padding: 80px 80px 48px;
    background: -webkit-gradient(linear, left bottom, left top, from(#3a485a), to(#607089));
    background: linear-gradient(0deg, #3a485a 0%, #607089 100%)
}

.session-sidebox::before,
.session-sidebox::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.session-sidebox::before {
    background: url(../images/left-1-e6bd44245f3950a6f5787218eeeed90b.png) no-repeat 0 0
}

.session-sidebox::after {
    background: url(../images/left-2-4f76bf713bc13c53d0973eda61dd1b55.png) no-repeat right bottom
}

.session-sidebox__logo img {
    width: 144px
}

.session-sidebox__title {
    font-size: 40px
}

.session-sidebox__subtitle {
    font-weight: normal
}

.session-sidebox__container {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.session-sidebox__footer {
    font-size: 14px;
    padding-top: 40px;
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.session-sidebox__footer a {
    color: white
}

.session-sidebox__footer a:hover {
    color: #e6e6e6
}

.session-sidebox__footer a:active {
    color: #cccccc
}

.ui.horizontal.session-login__oauth-title {
    font-weight: normal
}

.session-sidebox__divider {
    margin: 0 10px
}

.session-sidebox__icon-hot::after {
    content: 'hot';
    position: absolute;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 1px;
    margin-top: -12px;
    background-color: #C71D23;
    -webkit-transform: scale(0.84);
    transform: scale(0.84)
}

.session-sidebox__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.session-sidebox-content__container {
    color: #fff;
    font-size: 14px;
    margin-top: 46px
}

.session-sidebox-comments__header {
    opacity: 0.5
}

.session-sidebox-comments__position {
    margin-left: 12px
}

.session-sidebox-comments__content {
    margin-top: 16px;
    line-height: 1.71429
}

.session-sidebox-gitee__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -25px
}

.session-sidebox-gitee__item {
    display: inline-block;
    width: 50%;
    margin-top: 25px
}

.session-sidebox-gitee__number {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.15625;
    color: #8BCAD2
}

.session-sidebox-gitee__title {
    font-size: 14px;
    line-height: 1.42857
}

.session-sidebox-header__container.hide {
    display: none
}

.session-login-oauth {
    margin-top: 44px
}

.session-login__oschina {
    text-align: center
}

.session-login__oschina .icon-logo-osc {
    font-size: 32px;
    color: #45b128
}

.session-login__oschina span {
    color: #323232;
    font-size: 16px;
    padding-left: 10px;
    line-height: 40px
}

.session-login-oauth__container {
    margin-top: 24px
}

.session-oauth__other-icon {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #8daec6;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    color: #fff;
    vertical-align: top
}

.session-oauth__other-icon:hover {
    background: #6b96b5
}

.session-oauth__list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.session-oauth__list>.item+.item {
    margin-left: 48px !important
}

.session-oauth__other {
    max-width: 270px !important;
    min-width: auto !important
}

.session-oauth__other-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px;
    margin-top: -14px
}

.session-oauth__other-list .item {
    margin: 0 14px;
    margin-top: 14px
}

.session-login__form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.session-login__body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.session-login__captcha-button {
    width: 190px
}

.session-register__container {
    height: 100%;
    padding: 64px 70px 48px;
    position: relative
}

.git-register__username-tips {
    font-size: 18px;
    position: absolute;
    right: -26px;
    margin-top: -30px
}

.session-form__username-help {
    opacity: 1 !important
}

.session-register-form-fields input {
    cursor: pointer
}

.session-register-form-fields .field {
    position: relative
}

.session-register-form-fields .field .list {
    color: #575d6d
}

.session-register-form-fields .field .list a {
    font-weight: bold
}

.session-register-form-fields .field .semantic-status {
    position: absolute;
    left: auto !important;
    right: -24px;
    top: 12px
}

.session-register__send-captcha {
    font-family: consolas, Courier, "MS Courier New", monospace !important
}

.session-register__form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.session-register__captcha-button {
    width: 190px
}

.session-complete-info .session-sidebox__subtitle {
    font-size: 16px;
    margin-top: 8px
}

.session-complete-info .session-sidebox__list {
    margin-top: 25px !important
}

.session-complete-info .session-sidebox__list>.item {
    line-height: 1.5
}

.session-complete-wechat .session-form__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.session-complete-wechat .session-form__header .iconfont.icon-logo_wechat {
    color: #00B40C;
    font-size: 64px;
    margin-bottom: 14px
}

.ui.button:disabled,
.ui.buttons .disabled.button,
.ui.disabled.active.button,
.ui.disabled.button,
.ui.disabled.button:hover {
    cursor: default;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none !important
}

.phone-signin-modal .form .fluid.input .captcha.button {
    padding: 0
}

.phone-signin-modal .form .fluid.input .captcha.button img {
    width: 120px;
    padding: 1px;
    height: 38px
}

.phone-signin-modal #send_captcha {
    width: 120px
}

.git-login-row {
    max-width: 860px;
    margin: 40px auto 0 auto;
    border: 1px solid #dce3e8
}

.git-login-row .git-login-header {
    margin-top: -0.2em;
    margin-bottom: 20px
}

.git-login-row .git-login-header span.register {
    margin-top: 5px
}

.git-login-row .git-login-header span.register a {
    color: #E66700 !important
}

.git-login-row .git-login-title {
    display: inline-block;
    font-size: 19px
}

.git-login-row .git-other-login-method {
    margin-top: 32px !important
}

.git-login-row .git-other-login-method span {
    font-size: 14px;
    color: #9B9B9B;
    font-weight: normal
}

.git-login-row .git-other-login-method-icon {
    margin: 0 -13px 0 0
}

.git-login-row .git-other-login-method-icon .item {
    padding: 5px 9px !important;
    margin: 0 !important
}

.git-login-row .git-login-form-fields {
    padding: 0 60px
}

.git-login-row .git-login-form-fields input[type="text"],
.git-login-row .git-login-form-fields input[type="password"] {
    background: #F3F6F8;
    line-height: 18px;
    padding: 10px 12px;
    font-size: 16px
}

.git-login-row .git-login-form-fields input[type="text"]:focus,
.git-login-row .git-login-form-fields input[type="password"]:focus {
    background: white
}

.git-login-row .git-login-form-fields .field.error input[type="text"],
.git-login-row .git-login-form-fields .field.error input[type="password"] {
    background: #fff0f0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.git-login-row .git-login-form-fields a.forget-password {
    color: #9B9B9B
}

.git-login-row .git-login-form-fields .signin-error-captcha {
    height: 40px;
    position: relative
}

.git-login-row .git-login-form-fields .signin-error-captcha .wrap-signin-captcha {
    padding: 0px;
    margin-right: 0px
}

.git-login-row .git-login-form-fields .signin-error-captcha .wrap-signin-captcha .captcha_img {
    height: 38px;
    width: 140px
}

.git-login-row .git-login-form-fields .signin-error-captcha #statu_captcha {
    position: absolute;
    right: -20px;
    top: 13px
}

.git-login-row .git-login-form-fields .error-message {
    margin-bottom: 14px;
    color: #d95c5c
}

.git-login-activation {
    margin-top: 10px;
    text-align: center;
    display: block;
    color: #9B9B9B
}

.git-login-activation:hover {
    color: #9B9B9B
}

.git-reset-password-row {
    height: 360px;
    padding-bottom: 0 !important;
    margin-top: 69px;
    margin-bottom: 15px !important
}

.git-reset-password-row form#new_user,
.git-reset-password-row form#new-active-email {
    padding: 23px 30px 55px 30px
}

.git-reset-password-row .git-reset-password-board.six.wide.column {
    width: 480px !important;
    padding: 0 !important;
    height: 350px
}

.git-reset-password-row #reset-password-board .ui.prompt.label {
    position: relative;
    padding-left: 0;
    margin: 0 0 -.5em 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    width: 257px;
    height: 35px;
    line-height: 20px;
    border: none;
    color: #9F3A38 !important
}

.git-reset-password-row #reset-password-board .ui.prompt.label::before {
    border: none;
    background-color: transparent
}

.git-reset-password-row #reset-password-board .field {
    margin-left: 18px !important
}

.git-reset-password-row #reset-password-board .field input {
    width: 257px !important
}

.git-reset-password-row #reset-password-board .ui.orange {
    font-size: 18px !important
}

.git-reset-password-row .git-reset-password-header {
    margin-top: 2px;
    margin-bottom: 26px
}

.git-reset-password-row .git-reset-password-header span.register {
    margin-top: 5px
}

.git-reset-password-row .git-reset-password-header span.register a {
    color: #fe7300 !important
}

.git-reset-password-row .git-reset-password-title {
    display: inline-block;
    font-size: 19px
}

.git-reset-password-row .git-reset-password-form-fields {
    padding: 0 60px
}

.git-reset-password-row .git-reset-password-form-fields input[type="text"],
.git-reset-password-row .git-reset-password-form-fields input[type="email"],
.git-reset-password-row .git-reset-password-form-fields input[type="password"] {
    background: #F3F6F8;
    line-height: 18px !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.git-reset-password-row .git-reset-password-form-fields input[type="text"]:focus,
.git-reset-password-row .git-reset-password-form-fields input[type="email"]:focus,
.git-reset-password-row .git-reset-password-form-fields input[type="password"]:focus {
    background: white
}

.git-reset-password-row .git-reset-password-form-fields #reset_email_tip {
    padding-bottom: 10px;
    clear: both
}

.git-reset-password-row .git-reset-password-form-fields .field.error input[type="text"],
.git-reset-password-row .git-reset-password-form-fields .field.error input[type="eamil"],
.git-reset-password-row .git-reset-password-form-fields .field.error input[type="password"] {
    background: #fff0f0
}

.git-reset-password-row .git-reset-password-form-fields .captcha-input-field {
    width: 192px !important
}

.git-reset-password-row .git-reset-password-form-fields .captcha-img-field {
    width: 106px !important;
    height: 40px;
    border: 1px solid #DCE4E6;
    margin-left: 10px;
    padding-left: 0 !important
}

.git-reset-password-row .git-reset-password-form-fields .captcha-img-field img {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.git-reset-password-row .git-reset-password-form-fields .captcha-button-field {
    width: 105px !important;
    padding: 0 !important
}

.git-reset-password-row .git-reset-password-form-fields .captcha-button-field .button {
    margin-right: 0;
    font-size: 13px;
    line-height: 27px;
    width: 100%
}

.git-reset-password-row .git-reset-password-form-fields i.status .loader {
    display: none
}

.git-reset-password-row .git-reset-password-form-fields i.status .loader:before,
.git-reset-password-row .git-reset-password-form-fields i.status .loader:after {
    width: 18px;
    height: 18px
}

.git-reset-password-row .git-reset-password-form-fields i.status.load .loader {
    display: inline-block
}

.git-reset-password-row .git-reset-password-form-fields .relative {
    position: relative
}

.git-reset-password-row .git-reset-password-form-fields i.status {
    position: absolute;
    right: -25px;
    top: 10px
}

.git-reset-password-row .git-reset-password-form-fields i.remove {
    color: #ff2727
}

.git-reset-password-row .git-reset-password-form-fields i.checkmark {
    color: #6cc644
}

.git-reset-password-row .git-reset-password-footer {
    margin-top: 1em;
    margin-bottom: -1em
}

.git-reset-password-row .git-reset-password-footer a {
    color: #8c92a4
}

.state-float-right-margin {
    margin-top: -42px !important;
    margin-right: -20px !important
}

.checking-float-right-margin {
    margin-top: -42px !important;
    margin-right: -76px !important
}

.git-register-row .git-register-form-fields {
    padding: 0
}

.git-register-row .git-register-form-fields #email_captcha {
    border-right: none;
    margin-right: -1px
}

.git-register-row #new_user_form {
    border-radius: 4px
}

.git-register-row #new_user_form .field.inline .info-icons {
    display: inline-block;
    width: 28px;
    position: relative
}

.git-register-row #new_user_form .field.inline .info-icons .ui.loader {
    position: absolute;
    top: -16px
}

.git-register-row #new_user_form .field.inline .info-icons .check.result {
    position: absolute;
    top: -21px
}

.git-register-row #new_user_form .field.inline input,
.git-register-row #new_user_form .field.inline button {
    width: 300px
}

.git-register-row #new_user_form .field.inline .send_email_captcha {
    width: 110px
}

.git-register-row #new_user_form #user_address {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 9px
}

.git-register-row #new_user_form .inline.field>.labeled.input,
.git-register-row #new_user_form .inline.field>.action.input {
    width: 300px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.git-register-row #new_user_form .inline.field>.labeled.input .captcha.label,
.git-register-row #new_user_form .inline.field>.action.input .captcha.label {
    padding: 0
}

.git-register-row #new_user_form .inline.field>.labeled.input .captcha.label .captcha_img,
.git-register-row #new_user_form .inline.field>.action.input .captcha.label .captcha_img {
    vertical-align: middle
}

.git-register-row #new_user_form .inline.field>.labeled.input button,
.git-register-row #new_user_form .inline.field>.action.input button {
    margin-right: 0
}

.git-register-row #new_user_form .inline.field>.labeled.input>input,
.git-register-row #new_user_form .inline.field>.action.input>input {
    width: 0 !important;
    min-width: 10px;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: inline-block;
    padding-right: 1em !important
}

.git-register-row #new_user_form .inline.field>.labeled.input>.label,
.git-register-row #new_user_form .inline.field>.action.input>.label {
    margin: 0;
    font-size: 16px;
    padding: 10px 5px 10px 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    line-height: 20px
}

.git-register-row #new_user_form .password.action.input {
    display: inline-block
}

.git-register-row #new_user_form .password.action.input #user_password {
    width: 100% !important
}

.git-register-row #new_user_form .password.action.input .icon.button {
    background: transparent;
    margin-left: -45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 24px
}

.git-register-row #new_user_form .password.action.input .eye.icon {
    display: inline
}

.git-register-row #new_user_form .password.action.input .hide.icon {
    display: none
}

.git-register-row #new_user_form .password.action.input.nomask .eye.icon {
    display: none
}

.git-register-row #new_user_form .password.action.input.nomask .hide.icon {
    display: inline
}

.git-register-row #new_user_form .ui.basic.label {
    background: #FFF;
    border: 1px solid #dce3e8;
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none
}

.git-register-row #new_user_form .type_enterprise {
    display: none
}

.git-register-row #new_user_form i.icon {
    display: inline
}

.git-register-row #new_user_form .check.result {
    font-size: smaller;
    display: inline-block;
    max-width: 164px;
    vertical-align: middle
}

.git-register-row #new_user_form .check.result .icon.checkmark {
    color: #6cc644
}

.git-register-row #new_user_form .error .check.result {
    color: #ff2727
}

.git-register-row #new_user_form .header-text {
    color: #888;
    max-width: 460px;
    text-align: center;
    margin-bottom: 20px
}

.git-register-row #new_user_form .field label {
    min-width: 95px;
    font-size: 14px;
    color: #666666;
    text-align: right;
    margin-right: 20px
}

.git-register-row #new_user_form #email_tip {
    display: inline;
    text-decoration: underline;
    font-size: 12px;
    text-align: right
}

.git-register-row #new_user_form .error.message {
    width: 300px;
    margin-left: 119px
}

.git-register-row #new_user_form #git_osc_term_all {
    position: relative;
    left: 114px
}

.git-register-row #new_user_form #git_osc_term_all label {
    display: inline;
    font-weight: normal;
    margin-right: 3px !important
}

.git-register-row #new_user_form #git_osc_term_all a {
    text-decoration: underline
}

.git-register-row #new_user_form #git_osc_term_all .ui.message {
    margin-left: 0
}

.git-register-row #new_user_form #git_osc_term {
    cursor: pointer
}

.git-register-row #new_user_form input[type="checkbox"]:focus {
    outline: none !important
}

.git-register-row #new_user_form #accept_term {
    width: 15px !important
}

.git-register-row #new_user_form .ui.form .field.errors {
    margin-right: 158px
}

.git-register-row #new_user_form .field_with_errors {
    display: inline-block
}

.git-register-row #new_user_form .field.inline>i {
    margin-left: 5px
}

.git-register-row #new_user_form .login-logo {
    width: 239px;
    margin: 20px auto
}

.git-register-row #new_user_form #error_explanation h2 {
    display: none
}

.git-register-row #new_user_form #error_explanation ul {
    color: #A00
}

.git-register-row .git-register-header {
    margin-top: -0.2em;
    margin-bottom: 20px;
    font-size: 18px
}

.git-register-row .git-register-header .git-register-title {
    display: inline-block
}

.git-register-row .git-register-header span.login {
    font-size: 14px;
    margin-top: 5px
}

.git-register-row .git-register-header span.login a {
    color: #fe7300 !important
}

.git-register-row .git-other-login-method {
    margin-top: 32px !important
}

.git-register-row .git-other-login-method span {
    font-size: 14px;
    color: #9B9B9B;
    font-weight: normal
}

.git-register-row .git-other-login-method-icon .item:first-child {
    margin-left: 3px !important
}

.git-register-row .git-other-login-method-icon .item {
    margin-left: 35px !important
}

.git-register-row .git-other-login-method-icon .item .mayun-icon-unnormal {
    display: none
}

.git-register-row .git-other-login-method-icon .item .mayun-icon-normal {
    display: inline-block
}

.git-register-row .git-other-login-method-icon .item:hover .mayun-icon-unnormal {
    display: inline-block
}

.git-register-row .git-other-login-method-icon .item:hover .mayun-icon-normal {
    display: none
}

.git-register-row .git-other-login-method-field {
    padding: 0px 90px !important;
    margin-left: 18px !important
}

.git-register-row input.register-submit-btn {
    opacity: 1 !important;
    font-size: 18px !important
}

.git-register-row input[checked=checked]:before {
    background: #fe7300
}

.git-register-row .ui.form input[type="text"],
.git-register-row .ui.form input[type="textarea"],
.git-register-row .ui.form input[type="password"] {
    background: #F3F6F8;
    line-height: 18px;
    padding: 10px 12px;
    font-size: 16px
}

.git-register-row .ui.form input[type="text"]:focus,
.git-register-row .ui.form input[type="textarea"]:focus,
.git-register-row .ui.form input[type="password"]:focus {
    background: white
}

.git-register-row .ui.form .field.error input[type="text"],
.git-register-row .ui.form .field.error input[type="textarea"],
.git-register-row .ui.form .field.error input[type="password"] {
    background: #fff0f0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.git-register-row .background-grey {
    background: #F3F6F8 !important
}

.git-register-row .background-white {
    background: white !important
}

.git-register-row #register-host-tip {
    display: inline-block;
    color: #8acf94;
    font-size: 18px;
    text-align: center;
    cursor: pointer
}

.git-register-row #register-host-tip .ui.popup {
    padding-left: 25px;
    min-width: auto;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 360px
}

.git-register-row #register-host-tip ul {
    display: contents;
    text-align: left;
    font-size: 14px;
    color: #6a6a6a
}

.git-register-row #register-host-tip li {
    list-style: disc
}

.git-register-row.verif_email .git-signup-poster {
    margin-top: 23px !important;
    margin-right: -97px !important
}

.git-register-row.verif_email .git-signup-poster .carousel-inner img {
    height: 320px
}

.enterprise-form-sidebox {
    width: 215px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 0 0 20px;
    border-left: 1px solid #dce3e8
}

.enterprise-form-sidebox .ui.header {
    font-size: 16px;
    font-weight: 500
}

.enterprise-form-sidebox .iconfont {
    color: #fe7300
}

.enterprise-form-sidebox p {
    margin-bottom: 10px
}

.enterprise-form-sidebox ul.questions {
    padding-left: 1.25em
}

.enterprise-form-sidebox ul.questions li {
    list-style-type: disc
}

.enterprise-form-sidebox ul.features {
    padding: 0
}

.enterprise-form-sidebox ul.features li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.enterprise-form-sidebox ul.features li::before {
    color: #fe7300;
    content: "\e61f";
    font-size: 1em;
    font-family: "iconfont" !important;
    left: 0px;
    position: absolute
}

.enterprise-form-cases {
    padding: 0;
    margin: -5px
}

.enterprise-form-cases>li {
    margin: 5px;
    width: 90px;
    height: 31px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dce3e8
}

.enterprise-form-cases img {
    width: 100%;
    height: 100%
}

.enterprise-form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.enterprise-form-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.enterprise-form-body .ui.form .field {
    margin: 0 0 1.5rem 0
}

.enterprise-form-body .ui.input.disabled {
    opacity: 1
}

.enterprise-form-body .ui.input.disabled input:disabled {
    opacity: 1
}

.enterprise-form-body .ui.input .ui.disabled.button,
.enterprise-form-body .ui.input .ui.button:disabled {
    opacity: 1 !important
}

.form-with-enterprise-ad>.ui.header:first-child {
    padding-bottom: 1rem;
    margin-bottom: 20px
}

.form-with-enterprise-ad .form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-with-enterprise-ad .form-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.form-with-enterprise-ad .form-body .fields label {
    font-size: 14px
}

.form-with-enterprise-ad .form-body .tip_message {
    font-size: 12px;
    color: red
}

.form-with-enterprise-ad .pull-right.sub.header {
    margin-top: 0.4em !important
}

.form-with-enterprise-ad .enterprise-form-sidebox {
    width: 275px;
    padding-left: 80px;
    border-left: none
}

.form-with-enterprise-ad .ui.tabular.form {
    padding-right: 40px
}

.git-login-row,
.git-register-row {
    max-width: 860px;
    margin: 40px auto;
    border: 1px solid #dce3e8
}

.git-login-row .ui.form,
.git-register-row .ui.form {
    padding: 30px 30px
}

.git-login-row .enterprise-form-sidebox,
.git-register-row .enterprise-form-sidebox {
    width: 275px;
    padding: 30px 40px;
    border-left: 1px solid #dce3e8
}

.git-login-row .git-other-login-method-icon.list-center,
.git-register-row .git-other-login-method-icon.list-center {
    width: 100%;
    text-align: center
}

.git-login-row .git-other-login-method-icon .item:nth-child(9n),
.git-register-row .git-other-login-method-icon .item:nth-child(9n) {
    margin-left: 0px !important
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone,
.dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: white
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

.file_holder {
    radius: 4px;
    height: auto
}

.ci_box {
    margin: 0 24px 24px 24px
}

.ci_box_title {
    height: 60px;
    padding: 18px 0 16px 0;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(222, 222, 223, 0.5);
    box-shadow: inset 0 -1px 0 0 rgba(222, 222, 223, 0.5)
}

.ci_box_title span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 18px
}

.ci_icon_back_link_content {
    height: 26px;
    line-height: 26px
}

.ci_box_body {
    margin-top: 16px
}

.ci_box_body .ci_description {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0
}

.ci_box_body .ci_footer {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center;
    font-size: 16px
}

.ci_icon-back {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg)
}

.ci_icon-building {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #E3EEF9;
    text-align: center;
    border-radius: 50%
}

.ci_icon-success {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #E0EADB;
    text-align: center;
    border-radius: 50%
}

.ci_icon-failed {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #F9E9E3;
    text-align: center;
    border-radius: 50%
}

.ci_icon-syncing {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: rgba(126, 211, 33, 0.3);
    text-align: center;
    border-radius: 50%
}

.ci_icon-sync_failed {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: rgba(208, 1, 27, 0.3);
    text-align: center;
    border-radius: 50%
}

.ci_icon-success .icon-checkmark {
    font-size: 9px;
    color: #629B61
}

.ci_icon-failed .icon-close {
    font-size: 9px;
    color: #BF5D4B
}

.ci_icon-building .icon-sync {
    font-size: 16px;
    margin-top: 0px;
    margin-left: 1px;
    color: #4A90E2
}

.ci_icon-syncing .icon-reset {
    font-size: 16px;
    margin-top: 0px;
    margin-left: 1px;
    color: #7ED321
}

.ci_icon-sync_failed .icon-close {
    font-size: 9px;
    color: #BF5D4B
}

span.sync_failed,
span.syncing,
span.building,
span.build_success,
span.build_failed {
    position: relative
}

.ci_job_sync_failed_overview,
.ci_job_syncing_overview,
.ci_job_building_overview,
.ci_job_build_success_overview,
.ci_job_build_failed_overview {
    min-width: 146px;
    height: 61px;
    border: 1px solid;
    padding-top: 11px;
    padding-left: 16px;
    background-color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    left: 3px;
    top: 22px;
    z-index: 1000;
    text-align: left;
    line-height: 20px
}

.ci_job_building_overview {
    border: 1px solid #E3EEF9
}

.ci_job_build_success_overview {
    border: 1px solid #E0EADB
}

.ci_job_build_failed_overview {
    border: 1px solid rgba(189, 92, 74, 0.1)
}

.ci_job_syncing_overview {
    border: 1px solid rgba(126, 211, 33, 0.3)
}

.ci_job_sync_failed_overview {
    border: 1px solid rgba(208, 1, 27, 0.3)
}

.ci_job_building_overview .result {
    color: #4A90E2
}

.ci_job_build_success_overview .result {
    color: #629B61
}

.ci_job_build_failed_overview .result {
    color: #BD5C4A
}

.ci_job_syncing_overview .result {
    color: #7ED321
}

.ci_job_sync_failed_overview .result {
    color: #D0011B
}

.display_none {
    display: none !important
}

.ci_submit_button {
    margin-right: 24px !important
}

.ci_cancel_link {
    font-size: 16px
}

.icon-help-circle.ci.webhook {
    color: #fe7300;
    cursor: pointer;
    outline: none
}

span.webhook_notice {
    position: relative
}

.webhook_notice_text {
    position: absolute;
    top: -31px;
    left: 24px;
    width: 362px;
    height: 79px;
    background-color: #FFF;
    line-height: 22px;
    padding: 5px 1px 5px 13px;
    border: 1px solid #E4E4E4
}

.webhook_notice_text::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #E4E4E4;
    border-right: 1px solid #FFF;
    border-left: 1px solid #E4E4E4;
    position: absolute;
    top: 32px;
    left: -5px;
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
    background-color: #FFF
}

ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit
}

ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0
}

ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit
}

input.tagit-hidden-field {
    display: none
}

ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none
}

ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0
}

ul.tagit input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none
}

ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit
}

ul.tagit li.tagit-choice {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CAD8F3;
    background: none;
    background-color: #DEE7F8;
    font-weight: normal
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555
}

ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none
}

ul.tagit li.tagit-choice .tagit-close {
    right: .4em
}

ul.tagit li.tagit-choice .ui-icon {
    display: none
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777
}

ul.tagit li.tagit-choice:hover,
ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0
}

ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222
}

ul.tagit input[type="text"] {
    color: #333333;
    background: none
}

.ui-widget {
    font-size: 1.1em
}

.tagit-autocomplete.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .tagit-autocomplete.ui-autocomplete {
    width: 1px
}

.tagit-autocomplete.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px
}

.tagit-autocomplete.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
    word-wrap: break-word
}

.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.tagit-autocomplete.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff 50% 50% repeat-x;
    color: #222222
}

.tagit-autocomplete.ui-corner-all,
.tagit-autocomplete .ui-corner-all {
    border-radius: 4px
}

.tagit-autocomplete .ui-state-hover,
.tagit-autocomplete .ui-state-focus {
    border: 1px solid #999999 !important;
    background: #dadada !important;
    font-weight: 500 !important;
    color: #212121 !important;
    text-shadow: none !important
}

.tagit-autocomplete .ui-state-active {
    border: 1px solid #aaaaaa
}

.tagit-autocomplete .ui-widget-content {
    border: 1px solid #aaaaaa
}

.tagit .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px)
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    z-index: 99 !important
}

#open_source_vips-new .join-us-title {
    font-size: 24px;
    color: #98865b;
    position: relative;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

#open_source_vips-new .jumbotron {
    padding: 100px 0 60px 0
}

#open_source_vips-new .jumbotron .plan-title img {
    width: 678px;
    height: 48px
}

#open_source_vips-new .join-plan-doc-form .gvp-join-segment {
    padding: 25px 0
}

#open_source_vips-new .join-plan-doc-form .join-plan-doc-grid {
    padding: 18px 60px
}

#open_source_vips-new .join-plan-doc-form ol {
    counter-reset: numList;
    padding-left: 32px
}

#open_source_vips-new .join-plan-doc-form ol li {
    margin-bottom: 14px;
    color: #545251
}

#open_source_vips-new .join-plan-doc-form ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: 14px;
    font: bold 12px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 18px;
    width: 18px;
    height: 18px;
    background: #98865b;
    background: -webkit-gradient(linear, left top, right top, from(#e3d2a1), to(#b39d6a));
    background: linear-gradient(to right, #e3d2a1, #b39d6a);
    border-radius: 999px
}

#open_source_vips-new .join-plan-doc-form .annual-audit {
    margin-top: 26px;
    color: #9B9B9B
}

#open_source_vips-new .join-plan-doc-form .join-plan-prerequest,
#open_source_vips-new .join-plan-doc-form .aquire-rights {
    font-size: 20px
}

#open_source_vips-new .join-plan-doc-form .plan-license p {
    margin-bottom: 6px;
    color: #9B9B9B
}

#open_source_vips-new .join-plan-doc-form .divide-left {
    background-image: url("../images/divide_left.png");
    background-position: right
}

#open_source_vips-new .join-plan-doc-form .divide-right {
    background-image: url("../images/divide_right.png");
    background-position: left
}

#open_source_vips-new .join-plan-doc-form .divide-left,
#open_source_vips-new .join-plan-doc-form .divide-right {
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

#open_source_vips-new .join-plan-doc-form .join-immediately {
    font-size: 20px;
    color: #AA9868;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#open_source_vips-new .join-plan-doc-form .join-immediately span {
    margin-left: 12px;
    margin-right: 12px
}

#open_source_vips-new .join-plan-doc-form .apply-plan-form {
    margin-top: 28px
}

#open_source_vips-new .join-plan-doc-form .apply-plan-form label {
    font-weight: bold;
    position: relative;
    bottom: 8px
}

#open_source_vips-new .join-plan-doc-form .apply-plan-form .bottom-msg {
    font-size: 14px;
    padding: 6px 22px;
    margin-top: 0;
    left: 24%;
    width: 273px;
    position: relative
}

#open_source_vips-new .join-plan-doc-form .apply-plan-form .bottom-msg.email-error-msg {
    width: 279px;
    float: right;
    left: 0;
    top: 5px
}

#open_source_vips-new .join-plan-doc-form .error-url {
    position: relative;
    padding: 9px 10px
}

#open_source_vips-new .jumbotron,
.open-source-vip-index-page .jumbotron {
    position: relative;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
    background-image: url(../images/bg_head-1988be6752091272431bdff41914f840.png)
}

.open-source-vip-index-page .jumbotron {
    padding: 100px 0 50px 0
}

.open-source-vip-index-page .jumbotron-title img {
    width: 678px;
    height: 48px
}

.open-source-vip-index-page .jumbotron-button .button {
    margin-right: 0;
    margin-top: 24px;
    background: rgba(130, 93, 15, 0.57);
    color: white;
    background: -webkit-gradient(linear, left top, right top, from(#eedaa0), to(#948361));
    background: linear-gradient(to right, #eedaa0, #948361);
    -webkit-box-shadow: 0 4px 10px 0;
    box-shadow: 0 4px 10px 0;
    padding: 9px 30px;
    font-size: 16px;
    top: 42px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1)
}

.open-source-vip-index-page .jumbotron-button .button :hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(220, 184, 80, 0.25);
    box-shadow: 0 4px 10px 0 rgba(220, 184, 80, 0.25)
}

.open-source-vip-index-page .container-section {
    margin-top: 24px
}

.open-source-vip-index-page .container-section>.header {
    font-size: 18px;
    line-height: 26px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.open-source-vip-index-page .container-section>.header .title .text-muted {
    font-weight: normal;
    margin-left: 8px
}

.open-source-vip-index-page .container-section>.header .action {
    font-weight: normal;
    font-size: 14px
}

.open-source-vip-index-page .container-section>.header .action a {
    color: #98865b
}

.open-source-vip-index-page .container-section>.header .action a:hover {
    color: #b6aa8c
}

.open-source-vip-index-page .container-section>.header .action a:active {
    color: #6a5d3f
}

.open-source-vip-index-page .container-section>.header .action .icon-arrow-right {
    margin-left: 4px;
    font-size: 12px
}

.open-source-vip-index-page .container-section>.header.breadcrumb-header .breadcrumb {
    color: #6a6a6a;
    font-weight: normal;
    font-size: 14px
}

.open-source-vip-index-page .container-section>.header.breadcrumb-header .breadcrumb a {
    color: #98865b
}

.open-source-vip-index-page .container-section>.header.breadcrumb-header .breadcrumb a:hover {
    color: #b6aa8c
}

.open-source-vip-index-page .container-section>.header.breadcrumb-header .breadcrumb a:active {
    color: #6a5d3f
}

.open-source-vip-index-page .container-section>.header.breadcrumb-header .breadcrumb .partition {
    padding: 0 8px
}

.open-source-vip-index-page .container-section>.header.breadcrumb-header .breadcrumb .text-muted {
    margin-left: 4px
}

.open-source-vip-index-page .container-section+.container-section {
    margin-top: 40px
}

.open-source-vip-index-page .ui.cards.project-cards {
    color: #6a6a6a;
    cursor: pointer
}

.open-source-vip-index-page .ui.cards.project-cards a {
    color: #6a6a6a
}

.open-source-vip-index-page .ui.cards.project-cards .linkable {
    color: #6a6a6a
}

.open-source-vip-index-page .ui.cards.project-cards .linkable:hover {
    color: #969696
}

.open-source-vip-index-page .ui.cards.project-cards .linkable:active {
    color: #4a4a4a
}

.open-source-vip-index-page .ui.cards.latest-project-cards {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.open-source-vip-index-page .ui.card.latest-project-card {
    background: white;
    -webkit-box-shadow: 10px 20px 60px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 10px 20px 60px 0 rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding: 16px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-header {
    text-align: center;
    margin: 8px 0 15px 0
}

.open-source-vip-index-page .ui.card.latest-project-card .card-header .project-name {
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 52px;
    word-break: break-word;
    font-weight: bold;
    font-size: 20px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-header .project-name:hover {
    color: #4c4c4c
}

.open-source-vip-index-page .ui.card.latest-project-card .card-header .project-name:active {
    color: black
}

.open-source-vip-index-page .ui.card.latest-project-card .card-body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    height: 56px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-body .project-description {
    line-height: 1.4
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .user-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .ui.avatar {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .user-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .project-info {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .project-info .project-labels .ui.label {
    background-color: #ECECEC;
    border-radius: 2px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .project-info .project-metas .meta {
    margin-left: 4px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .project-info .project-metas .meta+.meta {
    margin-left: 16px
}

.open-source-vip-index-page .ui.card.latest-project-card .card-footer .project-info .project-metas .iconfont.icon-star {
    margin-top: -1px
}

.open-source-vip-index-page .ui.card.latest-project-card:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fff8e7), color-stop(98%, #f7ebcf));
    background-image: linear-gradient(#fff8e7 2%, #f7ebcf 98%);
    -webkit-box-shadow: 5px 20px 50px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 5px 20px 50px 0 rgba(0, 0, 0, 0.16)
}

.open-source-vip-index-page .ui.card.latest-project-card:hover .card-footer .project-info .project-labels .ui.label {
    background-color: #EDE7D9
}

.open-source-vip-index-page .ui.card.categorical-project-card {
    background: white;
    border: 1px solid #E3D2AB;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 16px
}

.open-source-vip-index-page .ui.card.categorical-project-card:hover {
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.07), 0 3px 9px 0 rgba(0, 0, 0, 0.06), 0 5px 10px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.07), 0 3px 9px 0 rgba(0, 0, 0, 0.06), 0 5px 10px 0 rgba(0, 0, 0, 0.03)
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-header .project-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-right: 28px;
    font-size: 16px;
    color: #98865b;
    word-break: break-all
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-header .user-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-header .ui.avatar {
    width: 20px;
    height: 20px
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-body .project-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-footer {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-footer .project-labels .ui.label {
    background-color: #ECECEC;
    border-radius: 2px
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-footer .project-metas .meta {
    margin-left: 4px
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-footer .project-metas .meta+.meta {
    margin-left: 16px
}

.open-source-vip-index-page .ui.card.categorical-project-card .card-footer .project-metas .iconfont.icon-star {
    margin-top: -1px
}

#new_open_source_vip .ui.small.error.message {
    padding: 9px 10px
}

#new_open_source_vip .projects-dropdown .menu .item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 500px
}

.mobile-switch-banner {
    text-align: center;
    background-color: #444;
    color: white;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 999
}

.mobile-switch-banner * {
    -webkit-tap-highlight-color: transparent
}

.mobile-switch-banner a {
    outline: none;
    color: white !important
}

.mobile-switch-banner a:active,
.mobile-switch-banner a:hover {
    color: inherit
}

.mobile-switch-banner h3 {
    margin-top: 14px;
    font-size: 16px
}

.mobile-switch-banner h3.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    font-size: 16px
}

body.is-mobile {
    margin-bottom: 51px
}

body.is-mobile #git-header-nav.navbar-immersive,
body.is-mobile #git-header-nav.navbar-immersive-dark {
    position: absolute !important
}

body.is-mobile #git-header-nav .ui.container {
    width: 100%
}

body.is-mobile #git-header-nav,
body.is-mobile #git-header-nav~.application-main,
body.is-mobile #git-header-nav~#git-footer-main,
body.is-mobile #git-header-nav~.site-content {
    min-width: 1240px
}

body.is-mobile.responsive-body #git-header-nav,
body.is-mobile.responsive-body #git-header-nav~.application-main,
body.is-mobile.responsive-body #git-header-nav~#git-footer-main,
body.is-mobile.responsive-body #git-header-nav~.site-content {
    min-width: auto
}

.analysis-tip {
    margin-top: 14px !important
}

#modal-fork-project {
    width: 640px
}

#modal-fork-project>.content {
    padding-top: 16px;
    padding-bottom: 0px !important
}

#modal-fork-project .fork-project-content {
    padding-right: 4px;
    max-height: 511px;
    overflow-y: auto
}

#modal-fork-project .close-button {
    position: absolute;
    display: inline-block;
    left: 580px;
    top: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    text-align: center
}

#modal-fork-project .close-button .icon-close {
    color: #5c7b8b;
    font-size: 1.3em
}

#modal-fork-project .header {
    height: 49px;
    font-weight: 500;
    color: #40485B;
    font-size: 16px;
    padding: 12px 0px 12px 20px;
    border-bottom: 1px solid #e3e9ed;
    background-color: #fcfcfc
}

#modal-fork-project .close {
    color: #005980
}

#modal-fork-project .fork-info-content .team-member-checkbox {
    font-size: 16px;
    color: #40485b;
    letter-spacing: 0;
    margin-bottom: 14px
}

#modal-fork-project .fork-info-content .team-member-checkbox label {
    font-size: 16px;
    color: #40485b;
    letter-spacing: 0
}

#modal-fork-project .fork-info-content .fork_project_loader {
    border: none;
    margin-bottom: 20px;
    margin-top: 20px
}

#modal-fork-project .fork-info-content .forked-info {
    max-height: 120px;
    overflow-y: auto;
    margin-bottom: 0px
}

#modal-fork-project .fork-info-content .forked-info .title {
    color: #72a1c9;
    margin-bottom: 8px
}

#modal-fork-project .fork-info-content .forked-info .path-info li {
    list-style: disc;
    margin: 0px;
    line-height: 20px;
    margin-top: 4px
}

#modal-fork-project .fork-info-content .fork-notice {
    margin-bottom: 0px;
    padding: 8px 12px;
    background: #fffeed;
    border: 1px solid #e2d8bf;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px
}

#modal-fork-project .fork-target-namespace-area .conflict-message-box {
    margin-bottom: 8px
}

#modal-fork-project .fork-target-namespace-area .conflict-message-box>span {
    font-size: 0
}

#modal-fork-project .fork-target-namespace-area .conflict-message-box>span>* {
    font-size: 14px
}

#modal-fork-project .fork-target-namespace-area .where-to-fork {
    font-size: 14px;
    font-weight: bold;
    color: #40485b;
    letter-spacing: 0
}

#modal-fork-project .fork-target-namespace-area .no-where-to-fork {
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 23px;
    text-align: center
}

#modal-fork-project .fork-target-namespace-area .ui.message.prompt {
    font-size: 12px !important;
    background: transparent !important;
    border: 0px !important;
    -webkit-box-shadow: 0px 0px 0px 0px #e0b4b4 inset;
    box-shadow: 0px 0px 0px 0px #e0b4b4 inset;
    margin: 0 !important;
    padding: 2px 0 0 0 !important
}

#modal-fork-project .fork-target-namespace-area .ui.form input[type="text"] {
    border-radius: 3px !important;
    padding: 6px 12px !important
}

#modal-fork-project .fork-target-namespace-area .ui.form .field.error input[type="text"] {
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
    border-radius: 3px !important
}

#modal-fork-project .fork-target-namespace {
    font-size: 0;
    padding-right: 15px
}

#modal-fork-project .fork-target-namespace .ui.form.conflict-from .label-name {
    margin-bottom: 5px !important;
    font-weight: 500;
    color: #40485B;
    background-color: transparent !important
}

#modal-fork-project .fork-target-namespace .ui.form.conflict-from .label-name>label {
    font-size: 14px
}

#modal-fork-project .fork-target-namespace .ui.form.conflict-from .label-name .required-input {
    font-size: 14px;
    font-weight: 500;
    color: #D92C2F;
    line-height: 20px
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item {
    border-radius: 4px;
    border: 1px solid #DCE3E8
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item:hover {
    background: #FAFAFB !important
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item .conflict-from,
#modal-fork-project .fork-target-namespace .fork-target-namespace-item .conflict-message-box {
    display: none
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item .conflict-message-box {
    padding: 0px 16px 8px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #2E405E;
    line-height: 20px
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item.same-name-editing {
    background: rgba(254, 115, 0, 0.1);
    border: 1px solid rgba(254, 115, 0, 0.5)
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item.same-name-editing:hover {
    background: rgba(254, 115, 0, 0.07) !important
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item.same-name-editing .fork-group-avater {
    border: 1px solid transparent;
    cursor: default
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item.same-name-editing .ui.form .seven.wide.field {
    width: 270px !important
}

#modal-fork-project .fork-target-namespace .fork-target-namespace-item.same-name-editing .conflict-from,
#modal-fork-project .fork-target-namespace .fork-target-namespace-item.same-name-editing .conflict-message-box {
    display: block
}

#modal-fork-project .namespace-img-area {
    width: 100%
}

#modal-fork-project label.fork-group-avater {
    padding: 16px;
    border: 1px solid #ffffff;
    text-align: center
}

#modal-fork-project label.fork-group-avater .current-fork-group-avatar {
    width: 48px;
    height: 48px;
    border-radius: 4px
}

#modal-fork-project label.fork-group-avater .current-fork-group-avatar.namespace-img-area {
    border-radius: 50%
}

#modal-fork-project label.fork-group-avater::before,
#modal-fork-project label.fork-group-avater::after {
    display: none
}

#modal-fork-project .fork-target-path-info {
    margin-top: 4px;
    word-break: break-all;
    line-height: 1.5;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#modal-fork-project .fork-target-path-info .path-name {
    font-size: 16px;
    font-weight: 600;
    color: #40485b;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#modal-fork-project .fork-target-path-info .path-type {
    margin-left: -3px;
    font-size: 16px;
    color: #8c92a4;
    letter-spacing: 0;
    font-weight: normal
}

#modal-fork-project .fork-target-path-info .path-username {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #2E405E;
    letter-spacing: 0;
    word-break: break-all;
    word-wrap: break-word
}

#modal-fork-project .fork-taget-exists-projects {
    padding-top: 16px;
    font-size: 12px;
    color: #D92C2F;
    line-height: 16px;
    width: 150px;
    float: right;
    word-break: break-all;
    word-wrap: break-word;
    text-align: right
}

#modal-fork-project .actions.fork-action {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #E3E9ED;
    box-shadow: inset 0px 1px 0px 0px #E3E9ED
}

#modal-fork-project .actions.fork-action .ui.checkbox input:focus~label::before {
    border: 1px solid rgba(0, 0, 0, 0.2) !important
}

#modal-fork-project .actions.fork-action .ui.checkbox.checked .box::before,
#modal-fork-project .actions.fork-action .ui.checkbox.checked label::before {
    border-color: #fe7300 !important
}

#modal-fork-project .actions.fork-action .team-member-checkbox {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #40485b;
    letter-spacing: 0;
    margin-top: 0px
}

#modal-fork-project .actions.fork-action .button.ok {
    margin-left: 0px;
    margin-right: 0px
}

#wikis-show-page .ui.dropdown.http-clone-dropdown {
    padding: 5px 20px 5px 10px;
    line-height: 20px;
    min-height: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #808080;
    margin-left: 10px
}

#wikis-show-page .ui.dropdown.http-clone-dropdown>* {
    color: #808080;
    font-size: 14px
}

#wikis-show-page .ui.dropdown.http-clone-dropdown .menu>.item {
    padding-left: 10px !important
}

#wikis-show-page .ui.dropdown.http-clone-dropdown .dropdown.icon {
    line-height: 10px;
    padding-left: 5px;
    padding-right: 5px
}

#wikis-show-page .not-fond-info {
    text-align: center;
    margin: 20px;
    font-size: 18px
}

#wikis-show-page #doc-preview-header {
    background: #6E6E6E;
    width: 100%;
    line-height: 3.572rem;
    font-size: 1.2rem;
    position: fixed;
    top: 0;
    z-index: 100
}

#wikis-show-page #doc-preview-header .title-wrap {
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 900px;
    margin: 0 auto
}

#wikis-show-page #doc-preview-header .title-wrap .left a {
    color: white !important
}

#wikis-show-page #doc-preview-header .left,
#wikis-show-page #doc-preview-header right {
    font-weight: bold;
    color: white;
    display: inline-block
}

#wikis-show-page #doc-preview-header .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#wikis-show-page #doc-preview-header .right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#wikis-show-page #doc-preview-header .right>span {
    color: white
}

#wikis-show-page #doc-preview-header .right>* {
    font-size: 14px
}

#wikis-show-page #doc-preview-header .right .wiki-actions:hover {
    color: white
}

#wikis-show-page #doc-preview-header .right .wiki-actions .menu {
    left: auto;
    right: 0;
    margin-top: 0.4em !important
}

#wikis-show-page #doc-preview-header .right #input_clone_url {
    height: 32px;
    width: 250px;
    margin-left: -5px;
    background-color: #fff !important;
    border: 1px solid #dce3e8;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 8px
}

#wikis-show-page #doc-preview-header .right #btn_clone_url {
    margin: 0 20px 0 5px;
    top: 0px
}

#wikis-show-page #wiki-preview-container {
    width: 100%;
    padding: 0;
    border-top: none;
    margin: auto
}

#wikis-show-page #wiki-preview-container #wiki-preview {
    height: 100%
}

#wikis-show-page #wiki-preview-container #wiki-preview .ui.grid.page {
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative
}

#wikis-show-page #wiki-preview-container #wiki-preview .ui.grid.page>.column {
    padding-bottom: 0;
    height: 100%
}

#wikis-show-page #wiki-preview-container #wiki-preview .doc-list,
#wikis-show-page #wiki-preview-container #wiki-preview .doc-content {
    min-height: calc(100vh - 3.572rem)
}

#wikis-show-page #wiki-preview-container #wiki-preview .doc-list {
    border-right: 1px solid #E3E9ED;
    border-bottom: none;
    padding-top: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 3.572rem) !important
}

#wikis-show-page #wiki-preview-container #wiki-preview .doc-list .title {
    font-size: 1rem;
    line-height: 2.6;
    margin: 0 -1rem;
    padding: 0 12px;
    background: #FCFCFC;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#wikis-show-page #wiki-preview-container #wiki-preview .doc-content {
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

#wikis-show-page #wiki-preview-container #wiki-preview .doc-content .content-wrap {
    width: 100%
}

#wikis-show-page #wiki-preview-container .ztree-box {
    margin: 0 -1em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

#wikis-show-page #wiki-preview-container .ztree-box .ztree-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

#wikis-show-page #wiki-preview-container .ztree {
    min-height: 100%
}

#wikis-show-page #wiki-preview-container .ztree li span.button.switch {
    visibility: visible
}

#wikis-show-page #wiki-preview-container .ztree li ul>li:hover {
    color: #40485B
}

#wikis-show-page #wiki-preview-container .ztree li .node_name {
    width: auto
}

#wikis-show-page #wiki-preview-container .ztree .curSelectedNode {
    color: #fe7300 !important
}

#wikis-show-page #wiki-preview-container .hover-places {
    display: inline-block
}

#wikis-show-page #wiki-preview-container #page-detail {
    width: 80%;
    margin: 0 auto
}

#wikis-show-page #wiki-preview-container #page-detail .title {
    font-size: 24px;
    padding: 35px 0 12px 0;
    border-bottom: 1px solid #cccccc
}

#wikis-show-page #wiki-preview-container #page-detail .content {
    margin-top: 15px;
    margin-bottom: 80px
}

#wikis-show-page #wiki-preview-container #page-detail .content a.menu {
    display: block !important
}

#wikis-show-page #wiki-preview-container #wikis,
#wikis-show-page #wiki-preview-container #wiki-title,
#wikis-show-page #wiki-preview-container #wiki-parent {
    display: none
}

#git-group-container .-action {
    padding-bottom: 7px !important
}

#git-group-container .three.wide.column.right.aligned.action {
    padding-bottom: 7px
}

#git-group-container .member-manager {
    margin-top: -4px;
    font-size: 0
}

#git-group-container div.ui.basic.button {
    margin: 0px
}

#git-group-container .ui.basic.button.member-manager-button {
    padding: 4px;
    margin-bottom: 4px;
    margin-right: 0px;
    border: 0
}

#git-group-container .ui.basic.button.member-manager-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: white !important
}

#git-group-container .modify-form {
    padding-right: 13px !important
}

#git-group-container .modify-form .submit-action .button {
    padding: 9.5px
}

#git-group-container .field.submit-action {
    padding-top: 21px
}

#new_issue_link {
    margin-top: 9px
}

.issues-head-new-issue#new_issue_link {
    margin-top: 0px
}

.issues-head-new-issue#new_issue_link .text {
    margin-left: 4px
}

#git-issues-header {
    margin-bottom: 10px;
    border: 1px solid #e3e9ed;
    border-bottom: 0
}

#git-project-issues {
    border: 1px solid #e3e9ed;
    border-top: 0
}

.dahsboard-issue-header {
    border: 1px solid #dededf;
    border-bottom: 0
}

.git-pull-requests-header {
    border: 0 !important
}

.git-pull-requests-header .panel-header {
    border: 1px solid #e3e9ed;
    margin-bottom: 10px
}

#git-pull-requests .dashboard-pr-header {
    border: 0 !important;
    border-bottom: 1px solid #e3e9ed !important
}

.custom-container {
    margin-left: 10px
}

.custom-container .ui.form {
    margin-top: 0
}

.custom-container p.sub_title {
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold
}

.custom-container p.desc {
    color: rgba(0, 0, 0, 0.5)
}

.custom-container p.profile-repositories-sub {
    font-weight: normal !important
}

.custom-container p.profile-repositories {
    line-height: 1.5;
    color: #8c92a4
}

@font-face {
    font-family: "socialshare";
    src: url("/share_fonts/iconfont.eot");
    src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")
}

.social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.social-share * {
    font-family: "socialshare" !important
}

.social-share .icon-tencent:before {
    content: "\f07a"
}

.social-share .icon-qq:before {
    content: "\f11a"
}

.social-share .icon-weibo:before {
    content: "\f12a"
}

.social-share .icon-wechat:before {
    content: "\f09a"
}

.social-share .icon-douban:before {
    content: "\f10a"
}

.social-share .icon-heart:before {
    content: "\f20a"
}

.social-share .icon-like:before {
    content: "\f00a"
}

.social-share .icon-qzone:before {
    content: "\f08a"
}

.social-share .icon-linkedin:before {
    content: "\f01a"
}

.social-share .icon-diandian:before {
    content: "\f05a"
}

.social-share .icon-facebook:before {
    content: "\f03a"
}

.social-share .icon-google:before {
    content: "\f04a"
}

.social-share .icon-twitter:before {
    content: "\f06a"
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 4px;
    display: inline-block;
    outline: none
}

.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background 0.6s ease-out 0s;
    transition: background 0.6s ease-out 0s
}

.social-share .social-share-icon:hover {
    background: #666;
    color: #fff
}

.social-share .icon-weibo {
    color: #ff763b;
    border-color: #ff763b
}

.social-share .icon-weibo:hover {
    background: #ff763b
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-tencent:hover {
    background: #56b6e7
}

.social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-qq:hover {
    background: #56b6e7
}

.social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D
}

.social-share .icon-qzone:hover {
    background: #FDBE3D
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045
}

.social-share .icon-douban:hover {
    background: #33b045
}

.social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5
}

.social-share .icon-linkedin:hover {
    background: #0077B5
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D
}

.social-share .icon-facebook:hover {
    background: #44619D
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437
}

.social-share .icon-google:hover {
    background: #db4437
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee
}

.social-share .icon-twitter:hover {
    background: #55acee
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA
}

.social-share .icon-diandian:hover {
    background: #307DCA
}

.social-share .icon-wechat {
    position: relative;
    color: #7bc549;
    border-color: #7bc549
}

.social-share .icon-wechat:hover {
    background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

#license-content {
    margin-bottom: 12px
}

#license-content h4,
#license-content h5 {
    margin-top: 0px
}

#license-content h4 .icon,
#license-content h5 .icon {
    margin: 0px 2px;
    font-size: 1.5em
}

#license-content p {
    word-break: keep-all;
    word-wrap: break-word
}

#license-content .list-none {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px
}

#license-content .list-none li {
    word-break: keep-all;
    word-wrap: break-word;
    margin-left: 16px
}

#license-content .iconfont {
    margin-left: -18px
}

#license-content .iconfont.permission {
    color: #4baf50
}

#license-content .iconfont.limitation {
    color: #f14333
}

#license-content .iconfont.condition {
    color: #009bff
}

#license-content .top-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#license-content .top-title .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: hidden
}

#license-content .top-title .left h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 0
}

#license-content .top-title .right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fosseye-scans-entry {
    text-align: center;
    min-width: 118px;
    height: 28px;
    line-height: 26px;
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #fe7300;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    color: #fe7300;
    font-size: 14px
}

.fosseye-scans-entry:hover {
    background: #fe7300;
    color: white
}

.pavise-modal .highlight-black {
    color: black
}

.pavise-modal .highlight-red {
    color: #DB2828
}

.pavise-modal .action-text1 {
    font-weight: bold
}

.pavise-modal .highlight-black,
.pavise-modal .highlight-red {
    font-weight: bold;
    border-bottom: 2px dashed red;
    word-break: break-all
}

.pavise-modal .icon-close {
    margin-top: -3px
}

.pavise-modal .header {
    font-weight: bold !important
}

.pavise-modal .send-sms-code {
    width: 176px
}

.pavise-modal .send-sms-code.ui.basic.button.disabled.disabled {
    color: #fe7300 !important;
    border-color: #fe7300 !important
}

.pavise-modal .content .ui.message.yellow {
    word-break: break-word
}

.pavise-modal .content label {
    word-break: break-all
}

.pavise-modal .relative-operation {
    padding-top: 10px
}

.pavise-modal .relative-operation .change-verify-way {
    float: left;
    padding: 6.5px 0px;
    color: #5C7B8B;
    cursor: pointer
}

.pavise-modal .password-wrap label,
.pavise-modal .phone-wrap label,
.pavise-modal .sms-wrap label,
.pavise-modal .email-wrap label {
    display: inline-block !important;
    padding-bottom: 3px
}

.pavise-modal #sms-code {
    height: 39px;
    line-height: 39px
}

.pavise-modal #_pavise_phone_captcha,
.pavise-modal #_pavise_phone,
.pavise-modal #_pavise_password,
.pavise-modal #_pavise_email_captcha {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pavise-modal .icon-ic_msg_success,
.pavise-modal .icon-msg-mail,
.pavise-modal .icon-msg-error {
    font-weight: normal;
    font-size: 64px;
    color: #22B130;
    padding-bottom: 8px;
    line-height: 1;
    padding-top: 16px
}

.pavise-modal .content-wrap {
    font-size: 14px;
    font-weight: bold
}

.pavise-modal .safety-verification-success {
    text-align: center
}

.pavise-modal .safety-verification-success .success-text {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 16px;
    line-height: 1.6;
    word-break: break-all
}

.pavise-modal .password-error-container {
    vertical-align: text-top
}

.pavise-modal .password-error-container,
.pavise-modal .phone-error-container,
.pavise-modal .email-error-container,
.pavise-modal .sms-error-container {
    color: #d95c5c;
    font-size: 0.9285em;
    font-weight: bold
}

.pavise-modal .relative-operation-success {
    text-align: center
}

.pavise-modal .relative-operation-success .success-text {
    color: #354052;
    margin-bottom: 8px;
    line-height: 1.6;
    text-align: center;
    word-break: break-all
}

.pavise-modal .relative-operation-success .redirect-path {
    padding-bottom: 16px
}

.pavise-modal .relative-operation-success .redirect-path,
.pavise-modal .relative-operation-success .success-text {
    font-size: 18px
}

.pavise-modal .without-phone-help {
    vertical-align: baseline;
    color: #8acf94;
    cursor: pointer
}

@media only screen and (max-width: 77.5em) {
    body.responsive-body>#git-header-nav.common-header .ui.container {
        width: 1040px
    }
}

@media only screen and (max-width: 65em) {
    body.responsive-body>#git-header-nav.common-header {
        height: auto !important
    }
    body.responsive-body>#git-header-nav.common-header .ui.container {
        width: 100%;
        min-width: 100%;
        padding: 0 14px
    }
    body.responsive-body>#git-header-nav.common-header .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    body.responsive-body>#git-header-nav.common-header .header-menu>.item {
        display: none
    }
    body.responsive-body>#git-header-nav.common-header .header-menu #navbar-search-form {
        display: none
    }
    body.responsive-body>#git-header-nav.common-header .git-nav-expand-bar {
        font-size: 20px;
        padding: 9px 0
    }
    body.responsive-body>#git-header-nav.common-header .gitosc-logo {
        display: none !important
    }
    body.responsive-body>#git-header-nav.common-header .responsive-logo {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        display: block;
        text-align: center
    }
    body.responsive-body>#git-header-nav.common-header .git-nav-expand-bar {
        display: inline-block
    }
    body.responsive-body>#git-header-nav.common-header #my-gitee-dropdown {
        display: none !important
    }
    body.responsive-body>#git-header-nav.common-header #git-nav-user-bar {
        min-width: 18px
    }
    body.responsive-body>#git-header-nav.common-header #git-nav-user-bar>*:not(#notice-dropdown) {
        display: none
    }
    body.responsive-body>#git-header-nav.common-header #notice-dropdown {
        padding: 8px 0 !important
    }
}

@media only screen and (max-width: 34em) {
    body.responsive-body>#git-header-nav.common-header {
        padding-left: 0;
        padding-right: 0
    }
    body.responsive-body>#git-header-nav.common-header .git-nav-expand-bar {
        font-size: 14px;
        padding: 12px 0
    }
    body.responsive-body>#git-header-nav.common-header .responsive-logo {
        padding: 6px 8px
    }
    body.responsive-body>#git-header-nav.common-header .responsive-logo .image {
        height: 30px
    }
    body.responsive-body>#git-header-nav.common-header #git-nav-user-bar .item {
        padding: 5px 8px
    }
}

@media only screen and (max-width: 1040px) {
    .responsive-body .site-content .ui.container {
        width: 100%
    }
}

@media only screen and (max-width: 77.5em) {
    body.responsive-body #git-footer-main {
        min-width: 1040px
    }
    body.responsive-body #git-footer-main .ui.container {
        width: 1040px
    }
    body.responsive-body #git-footer-main .git-footer-right .qrcode {
        display: none
    }
}

@media only screen and (max-width: 65em) {
    body.responsive-body #git-footer-main {
        min-width: auto
    }
    body.responsive-body #git-footer-main .ui.container {
        width: 100%
    }
    body.responsive-body #git-footer-main .git-footer-left {
        width: 100% !important
    }
    body.responsive-body #git-footer-main .git-footer-right {
        display: none
    }
    body.responsive-body #git-footer-main .bottombar .ui.grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    body.responsive-body #git-footer-main .bottombar .ui.grid:after {
        display: none
    }
    body.responsive-body #git-footer-main .bottombar .ui.grid>* {
        width: auto !important
    }
}

@media only screen and (max-width: 48em) {
    body.responsive-body #git-footer-main {
        display: none
    }
}

@media only screen and (max-width: 65em) {
    body.responsive-body .side-toolbar {
        display: none
    }
    body.responsive-body .gitee-nav__sidebar {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        font-size: 14px;
        height: 100%;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        z-index: 100;
        -webkit-transition: opacity .5s, visibility .5s;
        transition: opacity .5s, visibility .5s;
        background: rgba(0, 0, 0, 0.4)
    }
    body.responsive-body .gitee-nav__sidebar.is-visible {
        opacity: 1;
        visibility: visible
    }
    body.responsive-body .gitee-nav__sidebar.is-visible .gitee-nav__sidebar-container {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    body.responsive-body .gitee-nav__sidebar-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 165px;
        background: #303643;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: 0.5s cubic-bezier(0, 0.78, 0.67, 1.11);
        transition: 0.5s cubic-bezier(0, 0.78, 0.67, 1.11);
        will-change: transform;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow-y: auto
    }
    body.responsive-body .gitee-nav__sidebar-top {
        padding: 16px;
        text-align: center;
        background: #2A2E37;
        line-height: 1
    }
    body.responsive-body .gitee-nav__avatar-box {
        width: 58px;
        height: 58px;
        background: #57647E;
        border-radius: 50%;
        border: 1px solid #8c92a4;
        display: inline-block
    }
    body.responsive-body .gitee-nav__avatar-box .avatar {
        height: 100%;
        width: 100%;
        border-radius: 50%
    }
    body.responsive-body .gitee-nav__info-box {
        font-size: 14px;
        line-height: 1;
        margin-top: 16px;
        word-break: break-all
    }
    body.responsive-body .gitee-nav__info-box a {
        color: #DCE3E8
    }
    body.responsive-body .gitee-nav__buttons-box .button {
        margin-top: 12px
    }
    body.responsive-body .gitee-nav__buttons-box .button.is-register {
        color: #fff !important;
        border-color: #fff
    }
    body.responsive-body .gitee-nav__sidebar-middle {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    body.responsive-body .gitee-nav__sidebar-list {
        padding: 16px
    }
    body.responsive-body .gitee-nav__sidebar-list ul {
        margin: 0;
        padding: 0
    }
    body.responsive-body .gitee-nav__sidebar-item {
        margin: 16px 0;
        color: #dce3e8;
        letter-spacing: 0;
        line-height: 1.3;
        font-size: 16px
    }
    body.responsive-body .gitee-nav__sidebar-item.split-line {
        height: 1px;
        opacity: 0.5;
        background: #515660
    }
    body.responsive-body .gitee-nav__sidebar-item a {
        color: #dce3e8
    }
    body.responsive-body .gitee-nav__sidebar-item a:hover {
        color: #e6ebee
    }
    body.responsive-body .gitee-nav__sidebar-item a:active {
        color: #9a9ea2
    }
    body.responsive-body .gitee-nav__sidebar-name {
        margin-left: 10px
    }
    body.responsive-body .gitee-nav__sidebar-close-button {
        text-align: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        color: #fff;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }
}

@media only screen and (max-width: 20em) {
    body.responsive-body .flash-messages .message {
        width: 80%
    }
}

@media only screen and (max-width: 77.5em) {
    body.responsive-body {
        min-width: 1040px
    }
    body.responsive-body .ui.container {
        width: 1040px
    }
}

@media only screen and (max-width: 65em) {
    body.responsive-body {
        min-width: auto
    }
    body.responsive-body .ui.container {
        width: auto
    }
}

.bg-white {
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none
}

.session-en-wrapper.lang-en {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    text-align: center
}

.session-en-wrapper.lang-en .session-en__body {
    min-height: 90vh
}

.session-en-wrapper.lang-en .button {
    padding: 0;
    margin: 0;
    line-height: 50px
}

.session-en-wrapper.lang-en .button,
.session-en-wrapper.lang-en .input {
    height: 48px;
    border-radius: 2px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.session-en-wrapper.lang-en .button:hover,
.session-en-wrapper.lang-en .input:hover {
    opacity: 0.8
}

.session-en-wrapper.lang-en .w400 {
    width: 400px
}

.session-en-wrapper.lang-en .title {
    font-size: 30px;
    font-weight: 500;
    color: #40485b;
    line-height: 42px;
    margin-top: 56px;
    margin-bottom: 56px
}

.session-en-wrapper.lang-en .icon {
    vertical-align: middle
}

.session-en-wrapper.lang-en .text {
    font-size: 16px;
    font-weight: 500
}

.session-en-wrapper.lang-en .value {
    font-size: 16px;
    font-weight: 500;
    color: #000000
}

.session-en-wrapper.lang-en .ml6 {
    margin-left: 6px
}

.session-en-wrapper.lang-en .container {
    margin: 0 auto;
    width: 100%
}

.session-en-wrapper.lang-en .header-hr {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(174, 177, 181, 0.21);
    width: 100vw;
    height: 1px
}

.session-en-wrapper.lang-en .header-wrapper {
    position: relative;
    width: 100%
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper {
    width: 100%;
    height: 56px;
    background-color: #303643;
    color: white
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .comfirm-lang-btn {
    width: 52px;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list.ui.selection.dropdown {
    background-color: #303643;
    border-color: #8c92a4
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list.ui.selection.dropdown:focus,
.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list.ui.selection.dropdown:focus .menu,
.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list.ui.selection.dropdown:focus .hover {
    background-color: #303643;
    border-color: #8c92a4
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list .menu {
    background: black
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list .menu .item {
    color: white
}

.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list .default,
.session-en-wrapper.lang-en .header-wrapper .select-lang-wrapper .lang-list .text {
    color: white
}

.session-en-wrapper.lang-en .header-wrapper .header {
    height: 78px
}

.session-en-wrapper.lang-en .header-wrapper .header .return-wrapper {
    width: 70px;
    height: 40px;
    cursor: pointer;
    color: #8c92a4;
    margin: auto
}

.session-en-wrapper.lang-en .header-wrapper .header .return-wrapper .return-img {
    margin-top: 1px;
    vertical-align: middle;
    width: 8px;
    height: 14px
}

.session-en-wrapper.lang-en .header-wrapper .header .left {
    text-align: left
}

.session-en-wrapper.lang-en .header-wrapper .header .right {
    text-align: right
}

.session-en-wrapper.lang-en .header-wrapper .header .left,
.session-en-wrapper.lang-en .header-wrapper .header .center,
.session-en-wrapper.lang-en .header-wrapper .header .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.session-en-wrapper.lang-en .header-wrapper .header .logo {
    width: 48px;
    height: 48px
}

.session-en-wrapper.lang-en .session-en__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.session-en-wrapper.lang-en .error.text {
    color: #d95c5c;
    font-size: 14px
}

.session-en-wrapper.lang-en .index-wrapper {
    width: 100%
}

.session-en-wrapper.lang-en .index-wrapper a {
    color: #005980
}

.session-en-wrapper.lang-en .index-wrapper a:hover {
    color: #1283ba
}

.session-en-wrapper.lang-en .index-wrapper .login-btn {
    color: white;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.session-en-wrapper.lang-en .index-wrapper .login-btn .left img {
    width: 28px
}

.session-en-wrapper.lang-en .index-wrapper .login-btn .right {
    margin-left: 10px
}

.session-en-wrapper.lang-en .index-wrapper .message-text {
    font-size: 12px
}

.session-en-wrapper.lang-en .index-wrapper .google-login,
.session-en-wrapper.lang-en .index-wrapper .github-login {
    height: 48px
}

.session-en-wrapper.lang-en .index-wrapper .github-login {
    margin-top: 25px
}

.session-en-wrapper.lang-en .index-wrapper .blue-login-btn {
    background: #5b86e6;
    border-radius: 2px;
    border: 1px solid #5183ec;
    cursor: pointer
}

.session-en-wrapper.lang-en .index-wrapper .black-login-btn {
    background: #000000;
    border-radius: 2px;
    border: 1px solid #000000;
    cursor: pointer
}

.session-en-wrapper.lang-en .index-wrapper .divider {
    margin: 30px 0;
    font-size: 16px;
    font-weight: 500;
    color: #8c92a4
}

.session-en-wrapper.lang-en .index-wrapper .email-input {
    width: 400px;
    overflow: hidden;
    height: 48px;
    border-radius: 2px;
    border: 1px solid #8c92a4;
    font-size: 16px;
    font-weight: 500;
    color: #616061
}

.session-en-wrapper.lang-en .index-wrapper .email-input input {
    text-indent: 13px;
    width: 100%;
    height: 100%;
    outline: none;
    border: none
}

.session-en-wrapper.lang-en .index-wrapper .orange-submit-button {
    height: 48px;
    line-height: 48px !important;
    border-radius: 2px;
    border: 2px solid #fe7300 !important;
    font-size: 16px;
    color: #fe7300 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important
}

.session-en-wrapper.lang-en .signed-en-wrapper .sub-title {
    color: #40485b;
    font-size: 16px;
    margin-top: 0
}

.session-en-wrapper.lang-en .signed-en-wrapper .session-en__form {
    width: 400px;
    margin: 0 auto
}

.session-en-wrapper.lang-en .signed-en-wrapper .go-ch-btn {
    font-size: 16px
}

.session-en-wrapper.lang-en .signed-en-wrapper .go-back-btn {
    background-color: transparent;
    color: #fe7300;
    border: 1px solid #fe7300;
    font-size: 16px
}

.session-en-wrapper.lang-en .signed-en-wrapper a {
    color: white
}

.session-en-wrapper.lang-en .signed-en-wrapper a:hover {
    color: white
}

.session-en-wrapper.lang-en .signed-en-wrapper a:active {
    color: #b2b2b2
}

.session-en-wrapper.lang-en .signed-cn-wrapper .sub-title {
    color: #40485b;
    font-size: 16px;
    margin-top: 0
}

.session-en-wrapper.lang-en .signed-cn-wrapper .session-en__form {
    width: 400px;
    margin: 0 auto
}

.session-en-wrapper.lang-en .signed-cn-wrapper .go-ch-btn {
    font-size: 16px
}

.session-en-wrapper.lang-en .signed-cn-wrapper .go-back-btn {
    background-color: transparent;
    color: #fe7300;
    border: 1px solid #fe7300;
    font-size: 16px
}

.session-en-wrapper.lang-en .signed-cn-wrapper a {
    color: white
}

.session-en-wrapper.lang-en .signed-cn-wrapper a:hover {
    color: white
}

.session-en-wrapper.lang-en .signed-cn-wrapper a:active {
    color: #b2b2b2
}

.session-en-wrapper.lang-en .signup-wrapper .sub-title {
    color: #40485b;
    font-size: 16px;
    margin-top: 0
}

.session-en-wrapper.lang-en .signup-wrapper .email-value {
    margin-bottom: 22px
}

.session-en-wrapper.lang-en .signup-wrapper .session-en__form {
    width: 400px;
    margin: 0 auto
}

.session-en-wrapper.lang-en .signup-wrapper .send-ver-btn {
    background-color: transparent;
    color: #fe7300;
    border: 1px solid #fe7300;
    font-size: 16px
}

.session-en-wrapper.lang-en .signup-wrapper .js-input-ver-wrapper {
    position: relative
}

.session-en-wrapper.lang-en .signup-wrapper .js-input-ver-wrapper .input {
    padding-right: 80px
}

.session-en-wrapper.lang-en .signup-wrapper .js-input-ver-wrapper .resend-btn {
    position: absolute;
    top: 0px;
    right: 0;
    min-width: 74px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fe7300;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.session-en-wrapper.lang-en .signup-wrapper .js-input-ver-wrapper .resend-btn:hover {
    opacity: 0.6
}

.session-en-wrapper.lang-en .login-wrapper .forget-btn {
    font-size: 12px;
    color: #005980;
    line-height: 14px
}

.session-en-wrapper.lang-en .login-wrapper .js-input-verify-wrapper {
    position: relative
}

.session-en-wrapper.lang-en .login-wrapper .login-captcha-img {
    position: absolute;
    top: 1px;
    right: 4px;
    width: 120px;
    cursor: pointer
}

.session-en-wrapper.lang-en .login-wrapper .login-disable {
    pointer-events: none;
    opacity: 0.5
}

.session-en-wrapper.lang-en .complete-wrapper .user-head-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: white
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list {
    background: #fcfcfc;
    border-radius: 2px;
    border: 1px solid #dce3e8;
    padding: 16px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 18px
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list .info-item:nth-child(n+2) {
    margin-top: 24px
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list .info-item {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list .info-item .left {
    width: 160px;
    text-align: left;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list .info-item .left .icon {
    vertical-align: text-bottom
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list .info-item .left span {
    margin-left: 4px;
    font-size: 16px;
    color: #40485b;
    line-height: 18px
}

.session-en-wrapper.lang-en .complete-wrapper .user-info-list .info-item .right {
    text-align: left;
    word-break: break-all;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-size: 16px;
    color: #40485b;
    line-height: 18px
}

.session-en-wrapper.lang-en .complete-wrapper .tips-wrapper {
    padding-left: 14px;
    margin: 0
}

.session-en-wrapper.lang-en .complete-wrapper .tips-wrapper li {
    list-style: disc;
    font-size: 12px;
    color: #40485b;
    line-height: 16px;
    list-style-position: outside
}

.session-en-wrapper.lang-en .session__footer {
    margin: 0px auto;
    margin-top: 48px;
    margin-bottom: 45px;
    width: 100%
}

.session-en-wrapper.lang-en .create-account-btn {
    width: 400px;
    height: 48px;
    background: #fe7300;
    opacity: 0.56;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff !important;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.session-en-wrapper.lang-en .create-account-btn.active {
    opacity: 1 !important
}

.session-en-wrapper.lang-en .create-account-btn:hover {
    opacity: 1;
    background: #fe7300
}

.session-body .ui.modal>.content {
    word-break: break-all
}

@media (max-width: 1230px) {
    .session-wrapper .container,
    .session-en-wrapper .container {
        width: 1040px !important
    }
}

@media (max-width: 1040px) {
    .session-wrapper .container,
    .session-en-wrapper .container {
        width: 768px !important
    }
}

.self-services .self-services__header {
    margin: 80px auto 40px;
    max-width: 600px;
    text-align: center
}

.self-services .self-services__header h1.ui.header {
    color: #40485B
}

.self-services .self-services__header .logo {
    width: 72px;
    height: auto;
    border-radius: 50%
}

.self-services .self-services__header .subtitle {
    margin-top: 8px;
    color: #8C92A4;
    font-size: 14px;
    line-height: 1.5
}

.self-services .self-services__container .ui.segment {
    border-color: #DCE3E8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.self-services .self-services__container .ui.segment .cover {
    position: relative;
    width: 88px;
    height: 88px;
    min-width: 88px;
    border-radius: 3px
}

.self-services .self-services__container .ui.segment .cover .image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
    border-radius: 0
}

.self-services .self-services__container .ui.segment .cover.cover1 {
    background: #44A6DF
}

.self-services .self-services__container .ui.segment .cover.cover2 {
    background: #4ABA58
}

.self-services .self-services__container .ui.segment .cover.cover3 {
    background: #ADCF3C
}

.self-services .self-services__container .ui.segment .cover.cover4 {
    background: #F5C720
}

.self-services .self-services__container .ui.segment .cover.cover5 {
    background: #5EC0C0
}

.self-services .self-services__container .ui.segment .cover.cover6 {
    background: #DF8D44
}

.self-services .self-services__container .ui.segment .content {
    margin-left: 16px;
    color: #40485B
}

.self-services .self-services__container .ui.segment .content .header {
    margin-top: 0;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.self-services .self-services__container .ui.segment .content span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.self-services .self-services__container .ui.segment:hover {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2)
}

.self-services .self-services__form {
    margin: auto;
    max-width: 300px
}

.self-services .self-services__form .field {
    margin-bottom: 20px
}

.self-services .self-services__form .field:last-child {
    margin-bottom: 0
}

.self-services .self-services__form .ui.message.error {
    padding: 8px;
    color: #FFF;
    text-align: center;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #F85359
}

.self-services .self-services__form .ui.input {
    width: 100%
}

.self-services .self-services__form .ui.input i.icon:before {
    margin-top: -8px
}

.self-services .self-services__form .ui.input input {
    padding-left: 2.82142em !important
}

.self-services .self-services__table {
    margin: 0 auto 30px;
    max-width: 800px
}

.self-services .s-l-verify {
    padding: 0
}

@media only screen and (max-width: 48em) {
    body.responsive-body .self-services__header {
        margin: 40px auto 32px
    }
    body.responsive-body .self-services__header .title {
        font-size: 32px
    }
    body.responsive-body .self-services__header .subtitle {
        font-size: 16px
    }
    body.responsive-body .self-services__container .column:not(.row) {
        padding: .5rem !important
    }
    body.responsive-body .self-services__container .ui.segment {
        border-radius: 8px
    }
    body.responsive-body .self-services__container .ui.segment .cover {
        width: 72px;
        height: 72px;
        min-width: 72px
    }
    body.responsive-body .self-services__container .ui.segment .content {
        font-size: 1.2rem
    }
    body.responsive-body .self-services__container .ui.segment .content .header {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 1.4rem
    }
    body.responsive-body .self-services__table .ui.table thead {
        display: none
    }
    body.responsive-body .self-services__table .ui.table td {
        width: 49% !important;
        display: inline-block !important
    }
    body.responsive-body .self-services__table .ui.table td:first-child {
        font-weight: initial
    }
    body.responsive-body .self-services__table .ui.table td:before {
        content: attr(data-name) ": ";
        font-weight: bold
    }
}

@media only screen and (max-width: 34em) {
    body.responsive-body .self-services__form {
        max-width: 100%
    }
    body.responsive-body .self-services__table .ui.table td {
        width: auto !important;
        display: block !important
    }
}

#shepherdModalOverlayContainer {
    -ms-filter: "progid:dximagetransform.microsoft.gradient.alpha(Opacity=50)";
    filter: alpha(opacity=50);
    height: 100vh;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100vw;
    z-index: 9997
}

#shepherdModalOverlayContainer #shepherdModalMask,
#shepherdModalOverlayContainer #shepherdModalMaskRect {
    height: 100vh;
    width: 100vw
}

.shepherd-modal.shepherd-enabled {
    position: relative;
    z-index: 9998
}

.shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {
    pointer-events: none
}

.shepherd-active.shepherd-modal-is-visible .shepherd-button,
.shepherd-active.shepherd-modal-is-visible .shepherd-button *,
.shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link,
.shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link *,
.shepherd-active.shepherd-modal-is-visible .shepherd-element,
.shepherd-active.shepherd-modal-is-visible .shepherd-element *,
.shepherd-active.shepherd-modal-is-visible .shepherd-target,
.shepherd-active.shepherd-modal-is-visible .shepherd-target * {
    pointer-events: auto
}

.tippy-arrow {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.tippy-popper {
    z-index: 9999
}

.tippy-popper .tippy-arrow {
    border: 16px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.tippy-popper[x-placement^=top] {
    margin-bottom: 16px
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-bottom: 0;
    border-top-color: #f6f6f6;
    left: calc(50% - 16px)
}

.tippy-popper[x-placement^=bottom] {
    margin-top: 16px
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom-color: #e6e6e6;
    border-top: 0;
    left: calc(50% - 16px)
}

.tippy-popper[x-placement^=left] {
    margin-right: 16px
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left-color: #f6f6f6;
    border-right: 0;
    margin-top: -16px;
    top: calc(50% - 16px)
}

.tippy-popper[x-placement^=right] {
    margin-left: 16px
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-left: 0;
    border-right-color: #f6f6f6;
    top: calc(50% - 16px)
}

.tippy-popper .tippy-tooltip {
    background-color: rgba(0, 0, 0, 0);
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    width: 400px
}

.shepherd-element,
.shepherd-element *,
.shepherd-element:after,
.shepherd-element :after,
.shepherd-element:before,
.shepherd-element :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.shepherd-element {
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2))
}

.shepherd-element.shepherd-has-title .shepherd-content header {
    background: #e6e6e6;
    padding: 1em
}

.shepherd-element .shepherd-content {
    background: #f6f6f6;
    font-size: inherit;
    padding: 0
}

.shepherd-element .shepherd-content header {
    *zoom: 1;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 2em;
    padding: .75em .75em 0
}

.shepherd-element .shepherd-content header:after {
    clear: both;
    content: "";
    display: table
}

.shepherd-element .shepherd-content header .shepherd-cancel-link,
.shepherd-element .shepherd-content header .shepherd-title {
    font-weight: 400;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.shepherd-element .shepherd-content header .shepherd-title {
    color: rgba(0, 0, 0, 0.75);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    font-size: 1.1em
}

.shepherd-element .shepherd-content header .shepherd-cancel-link {
    color: rgba(179, 179, 179, 0.75);
    font-size: 2em;
    margin-left: auto;
    text-decoration: none;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.shepherd-element .shepherd-content header .shepherd-cancel-link:before {
    content: "×"
}

.shepherd-element .shepherd-content header .shepherd-cancel-link:hover {
    color: rgba(0, 0, 0, 0.75)
}

.shepherd-element .shepherd-content .shepherd-text {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1.3em;
    padding: .75em
}

.shepherd-element .shepherd-content .shepherd-text a,
.shepherd-element .shepherd-content .shepherd-text a:active,
.shepherd-element .shepherd-content .shepherd-text a:visited {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.75);
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none
}

.shepherd-element .shepherd-content .shepherd-text a:active:hover,
.shepherd-element .shepherd-content .shepherd-text a:hover,
.shepherd-element .shepherd-content .shepherd-text a:visited:hover {
    border-bottom-style: solid
}

.shepherd-element .shepherd-content .shepherd-text p {
    margin-top: 0
}

.shepherd-element .shepherd-content .shepherd-text p:last-child {
    margin-bottom: 0
}

.shepherd-element .shepherd-content footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 .75em .75em
}

.shepherd-element .shepherd-content footer .shepherd-buttons {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.shepherd-element .shepherd-content footer .shepherd-buttons li {
    display: inline;
    margin: 0 .5em 0 0
}

.shepherd-element .shepherd-content footer .shepherd-buttons li:last-child {
    margin-right: 0
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    background: #3288e6;
    border: 0;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    padding: .75em 2em;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button:hover {
    background: #196fcc
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
    background: #f1f2f3;
    color: rgba(0, 0, 0, 0.75)
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover {
    background: #d5d8dc;
    color: rgba(0, 0, 0, 0.75)
}

.tippy-popper .gitee-theme {
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 4px);
    filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 4px);
    font-size: 1rem
}

.tippy-popper[x-placement^="top"] .gitee-theme .tippy-arrow {
    border-top-color: #fff
}

.tippy-popper[x-placement^="bottom"] .gitee-theme .tippy-arrow {
    border-bottom-color: #fff
}

.tippy-popper[x-placement^="left"] .gitee-theme .tippy-arrow {
    border-left-color: #fff
}

.tippy-popper[x-placement^="right"] .gitee-theme .tippy-arrow {
    border-right-color: #fff
}

.tippy-popper .gitee-theme .shepherd-element {
    -webkit-filter: initial;
    filter: initial;
    text-align: left
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-content {
    border-radius: 2px;
    background: #fff
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-content footer {
    padding: 0 1.714rem 1.714rem
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-header {
    border-radius: 2px 2px 0 0
}

.tippy-popper .gitee-theme .shepherd-element.shepherd-has-title .shepherd-header {
    border-bottom: 1px solid #e4e7ed;
    background: #fcfcfc;
    word-break: break-word
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-footer .shepherd-button {
    text-transform: initial;
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 2px;
    background: #fe7300
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-footer .shepherd-button:hover {
    background: #fe7300;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 166, 64, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(255, 166, 64, 0.5)
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-footer .shepherd-button.shepherd-button-secondary {
    color: #8c92a4;
    background: none
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-footer .shepherd-button.shepherd-button-secondary:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-text {
    word-break: break-word;
    padding: 0
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-text>p:first-child {
    margin: 0
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-text-source {
    padding: .5em 1.5em .9em 1.5em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-text-source[data-has-title='true'] {
    padding-top: 1.2em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-has-title="false"] {
    padding-top: .8em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='top'] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='top'] .shepherd-image-box-source-container {
    padding-bottom: .8em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='top'] .shepherd-image-box-text {
    padding-top: 0
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='bottom'] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='bottom'] .shepherd-image-box-source-container {
    padding: .8em 1.5em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='bottom'][data-has-title="false"] {
    padding-top: 0
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'],
.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'][data-has-title="false"],
.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'][data-has-title="false"] {
    padding-top: 0
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'][data-has-btn="false"],
.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'][data-has-btn="false"] {
    padding-bottom: 1em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'] .shepherd-image-box-source-container,
.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'] .shepherd-image-box-source-container {
    max-width: 40%
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'] .shepherd-image-box-source-container {
    margin: .8em 0 .8em 1.5em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='left'] .shepherd-image-box-text {
    padding-left: 1em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'] .shepherd-image-box-source-container {
    margin: .8em 1.5em .8em .5em
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box[data-position='right'] .shepherd-image-box-text {
    padding-right: 0
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box-source-container {
    text-align: center
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box-source-container img {
    max-width: 100%;
    height: auto
}

.tippy-popper .gitee-theme .shepherd-element .shepherd-image-box-text {
    padding: 10px 1.714rem;
    word-break: break-word
}

.hover-color {
    -webkit-transition: 0.4s opacity;
    transition: 0.4s opacity
}

.hover-color:hover {
    opacity: 0.7
}

.textaligncenter {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-image-box {
    font-size: 0;
    padding: 68px 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/bg.png) no-repeat center
}

.ui.header:first {
    margin-top: 0px
}

.profiler-results {
    opacity: 0.5
}

.with-mask {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)
}

.with-mask:before,
.with-mask:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

i.iconfont.icon-enterprise-badge,
i.iconfont.icon-education {
    color: #5887c0
}

.medium-shared-no-data .message {
    padding: 20px 24px;
    text-align: center
}

.medium-shared-no-data i.icon.ban {
    font-size: 30px;
    margin-bottom: 1rem;
    color: #d6d6d6
}

.captcha_img {
    cursor: pointer
}

.caret {
    border-top: 0
}

label {
    font-weight: normal
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: 0
}

.ui-widget-content {
    border: 1px solid #dce3e8;
    border-radius: 2px
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.fancybox-inner {
    text-align: center
}

.fancybox-inner>img {
    max-width: 100%;
    max-height: 100%
}

.blocked-user {
    background-color: #ededed !important;
    position: absolute !important;
    overflow: hidden;
    cursor: pointer
}

.blocked-title {
    color: #8991a3 !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    padding-top: 16px
}

.blocked-participate {
    height: 20px;
    background-color: #ededed;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 500rem;
    cursor: pointer
}

.omission-count {
    vertical-align: sub
}

.scan-warning {
    cursor: pointer;
    padding: 2px 11px;
    background: rgba(217, 43, 47, 0.1);
    border-radius: 12px
}

.project-label-item {
    height: 20px;
    line-height: 16px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: #f2f4f6;
    color: #6a6a6a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project-label-item.light-colour {
    background: white !important
}

a.project-label-item-box .project-label-item:hover {
    color: #FFFFFF !important;
    background-color: #FE7300 !important;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.project-label-item-box-active {
    color: #FFFFFF !important;
    background-color: #FE7300 !important;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.js-project-label-selection.disabled-class {
    background: #fbfbfb !important;
    border: 1px solid #dfe3e9 !important
}

.project-label-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.project-label-list .project-label-item-box {
    display: inline-block;
    padding: 0px 8px 8px 0;
    overflow: hidden
}

.md-editor-wrapper .md-editor .md-emoji,
.md-editor-wrapper .md-editor .md-help {
    z-index: 12
}

.project-lang-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #8c92a4 !important
}

.project-lang-wrapper .icon-tag-program {
    font-size: 16px;
    font-weight: 400
}

.red-dot {
    position: relative
}

.red-dot:after {
    content: '';
    visibility: visible !important;
    width: 8px;
    min-width: 0;
    height: 8px;
    background-color: #ee0a24;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, -50%) scale(0.6);
    transform: translate(100%, -50%) scale(0.6);
    -webkit-transform-origin: 100%;
    transform-origin: 100%
}

.required-icon:after {
    display: inline-block;
    vertical-align: top;
    margin: -0.2em 0em 0em 0.4em;
    content: '*';
    color: #d95c5c
}