src/scss/ia/_ia.scss
// This removes the padding from the .site-main class.

#ia-single-body {
    padding-top: 2em;
}

.developer-main {
    padding: 0;
}

/*te-new-ia.button experimental and/or prototype */

.half, .fifty {
    width: 50% !important;
}

.iadata td {
    padding-right:0.5em;
}
.iadata li {
    list-style:none;
}

/*
.special-permissions #edit_activate {
    margin-right: 0.7em;
    margin-bottom: 0;
}
.special-permissions__toggle-view #toggle-edited {
    position:relative;
    margin-left: 1.2em;
}
*/

.ia-single .ia-single--edits select.left.available_types {
    margin-left: .5em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 1.75em;
    color: #fff;
}

.ia-single--edits select.available_types {
    background-color: #589e4d;
}

.ia-single--edits .invalid select.available_types {
    background-color: #bd4b2b;
}

.ia-single .ia-single--edits .developer_username {
    width: auto;
}

.ia-single--edits #row-title {
    width: 98%;
}
.ia-single--edits #row-title h2 {
    padding: 0.3em;
    margin-bottom: 0;
    border: 1px solid #babec9;
    border-bottom: 0;
    font-weight: 600;
    color: #666;

    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;

    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
}
.ia-single--edits #row-title-live {
    margin-left: 4.7em;
    width: 29%;
}
.ia-single--edits #row-title-edited {
    margin-left: 0.3em;
    width: 39%;
}
.ia-single .row-diff {
    overflow-y: hidden;
    border: 1px solid #babec9;
    display: table;
    margin-bottom: 1em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 1em;
    vertical-align: middle;
    width: 98%;
}
.ia-single .row-diff-edit,
.ia-single .row-diff .button.js-editable {
    border: 1px solid #5b9e4d;
}
.ia-single .row-diff p {
    margin: 0;
    font-size: 1em;
}
.ia-single .row-diff .js-input {
    font-size: 1em;
}
.ia-single .row-diff input,
.ia-single .row-diff textarea {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;

    border: 1px solid #babec9;
    padding-left: 0.2em;
}
.ia-single .row-diff .available_topics,
.ia-single .topic-group,
.ia-single .row-diff .editpage span input {
    border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;

    border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;

    margin-bottom: 0.3em;
}
.ia-single .row-diff .available_topics,
.ia-single .topic-group {
    width: 9em;
}
.ia-single .row-diff .available_topics {
    height: 1.76em;
}
.ia-single .topic-group {
    height: 2.21em;
}
.ia-single span input {
    width: 8em;
}

.ia-single span.developer_username input.invalid {
    border: 1px solid #bd4b2b;
}

.ia-single span.developer_username.type-legacy input {
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -o-border-bottom-left-radius: 3px;
    border: 1px solid #babec9;
    width: 8em;
    margin-left: 0.5em;
}

.ia-single .row-diff .button.js-pre-editable,
.ia-single .row-diff .button.js-editable {
    float: right;
    top: -1em;
    right: -1em;
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
     border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -o-border-bottom-left-radius: 3px;
}
.ia-single .row-diff .button.js-pre-editable {
    color: #babec9;
}
.ia-single .row-diff .button.js-editable {
    color: #5b9e4d;
}
.ia-single .row-diff .column-right-edits i {
    vertical-align: middle;
}
.ia-single .row-diff .column-right-edits .selection-group__item-input {
    margin-left: 0.5em;
}
.ia-single .row-diff .button.js-pre-editable .js-pre-editable__text,
.ia-single .row-diff .button.js-editable .js-editable__text {
    vertical-align: top;
}
.ia-single .row-diff .column-left-labels,
.ia-single .row-diff .column-center-live,
.ia-single .row-diff .column-right-edits {
    font-size: 1.25em;
}
.ia-single .row-diff .column-left-labels {
    font-weight: 600;
    width: 15%;
}
.ia-single .row-diff .column-center-live {
    width: 30%;
}
.ia-single .row-diff .column-right-edits {
    width: 40%;
}
.ia-single .row-diff .column-center-live,
.ia-single .row-diff .column-right-edits {
    margin-left: 1em;
}
.ia-single .row-diff .column-right-edits .editpage:first-child {
    margin-top: -0.1em;
}
.ia-single .row-diff .column-center-live .editpage {
    width: 100%;
    line-height: 1;
    margin-bottom: 0.5em;
}
.ia-single .row-diff .column-center-live li:last-child {
    margin-bottom: 0;
}
.ia-single .row-diff .column-center-live li.editpage:first-child {
    margin-top: 0.2em;
}
.ia_topic {
    width: 10em;
}
.ia-single .row-diff .editpage {
    width: 100%;
}
.ia_topic a {
    color:black;
}
.ia_src_column {
    max-width:18em;
    overflow:hidden;
}
.ia-single .desktop {
    width: 99.75%;
}
.clearfix {
    clear: both;
}
#ia_index {
    width: 100%;
}
#filters {
    width: 25%;
    text-align: center;
    position: static;
    top: 0;
    padding-right: 1.2em;
}
#filters .one-field input.text {
    box-shadow: none;
    padding-right: 0;
    font-size: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 27px;
}
#filters .one-field #search-ias {
    line-height: 31px;
    box-shadow: none;
}
#filters ul li,
#filters .dropdown .dropdown_header {
    cursor: pointer;
}
#filters .dropdown.disabled .dropdown_header span {
    color: #999;
}
#filters .dropdown.disabled .dropdown_header::after {
    border-top-color: #999;
}
#ia_index #ia-list .ia-item .ia-item--details--img {
    margin-top: 1em;
}
#filters.is-fixed {
    position: fixed;
    margin-top: 1em;
    top: 0;
    width: 16em !important;
}
.topic {
    margin-left: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.9em;
    text-transform: capitalize;

    margin-bottom: 0.15em;
}
#ia_index_header {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
}
#filters .button-group-vertical,
#filters .button-group {
   margin: 1em auto 0 auto;
}
#filters .button-group-vertical {
    text-align: left;
}
#filters #filter_dev_milestone {
    width: 100%;
}
#filters #filter_dev_milestone #ia_dev_milestone-all,
#filters #filter_dev_milestone #ia_dev_milestone-live {
    width: 15%;
}
#filters #filter_dev_milestone .button.dev_milestone {
    font-weight: 400;
    box-shadow: none;
}
#filters #filter_dev_milestone .button.dev_milestone.is-selected {
    background-color: #f2f2f2;
}
#filters .one-field {
    margin-bottom: 1em;
}
#filters #filter_repo,
#filters .dropdown ul,
#filters #filter_dev_milestone .button.dev_milestone {
   border: 1px solid #d0d0d0;
}

#filters .button-group-vertical,
#filters .dropdown .dropdown_header,
#filters .one-field {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -o-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#filters .button-group-vertical ul {
    margin-bottom: 0;
}
#filters .button-group-vertical ul li {
    padding: 0.4em;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0.7em;
    list-style: none;
}

#filters .dropdown ul {
    border-top: 0;
}

#filters .dropdown .dropdown_header {
    padding: 0.4em;
    padding-left: 0.7em;
    border: 1px solid #d0d0d0;
}

#filters .button-group-vertical ul li:last-child {
    border-bottom: 0;
}
.ia-single .screens {
    margin-top: 2em;
    margin-bottom: 2em;
}
.ia-single .button a {
    color: #474747;
}
.ia-single .hide {
    display: none;
}
.ia-single ul li {
    list-style-position: inside;
}
.ia-single .button.listbutton {
    padding: 0;
    width: 1.6em;
    height: 1.9em;
    text-align: center;
    font-size: 14px;
    background-color: #dbdbdb;
}
.ia-single .button.delete {
    border-right: 0;
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;

    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
}
.ia-single .button.listbutton span,
.ia-single .screens .button.arrow span {
    vertical-align: top;
    line-height: 0.8;
    font-weight: bold;
}
#ia_index #ia-list li,
.ia-single ul li.editpage,
#ia_commit li {
    list-style: none;
}
.ia-single ul li.editpage .newentry,
.ia-single .button.cancel {
    margin-left: 0.25em;
}
.ia-single .button#cancel {
    margin-left: 1em;
}
.ia-single #error {
    margin-bottom: 1em;
    color: #DD4C26;
}
.ia-single .pre_edit.highlight {
    border: 1px solid #333;
    border-radius: 5%;
    -moz-border-radius: 5%;
    -o-border-radius: 5%;
    -webkit-border-radius: 5%;
}
.ia-single .pre_edit,
.ia-singe .editable input {
    padding-right: 0.7em;
    display: inline-block;
    width: 16em;
}
.ia-single #examples .button.end {
    margin-bottom: 0.5em;
}
.ia-single .screens img {
    border: 1px solid black;
    margin-top: 0.5em;
    margin-bottom: 1em;
}
.ia-single .empty_field {
    color: #888;
}
.ia-single .issue {
    width: 50%;
    padding: 0.5em;
    text-align: left;
}
.ia-single .issue a .title {
    color: #333;
    font-size: 1.15em;
}
.ia-single .issue a .issue_tag {
    color: #fff;
    font-weight: 600;
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    margin-top: 0.25em;
    margin-left: 0.8em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.ia-single .issue a .issue_desc {
    color: #888;
    font-size: 0.85em;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ia-single #desc.editable,
.ia-single #desc.editable input {
    width: 100%;
}
.ia-single #desc.editable {
    margin-bottom: 0;
}
.ia-single .button.cancel[name="description"] {
    margin: 0.35em 0 1em;
}
#view_commits {
    margin-right: 0.25em;
}

#ia_index td {
    padding-left:4px;
}
#ia_commit .updates_list {
    width: 15em;
}
#ia_commit table thead th {
    padding: 0 2em;
}
#ia_commit tbody .updates_list td,
#ia_commit tbody .updates_list th {
    padding: 0.25em 2em;
    vertical-align: middle;
    cursor: pointer;
    word-wrap: break-word;
}
#ia_commit table th {
    font-size: 1.1em;
}
#ia_commit table th,
#ia_commit table td {
    border: 1px solid #888;
}
#ia_commit table th.empty_th {
    border: 0;
}
#ia_commit table {
    margin: 2em 0;
}
#ia_commit .updates_list .item_selected {
    background-color: #d5d5d5;
}
#ia_commit .updates_list .item_focused {
    background-color: #e9e9e9;
}
.idx_filter {
    text-transform: capitalize;
}

.one-line {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ia-item {
    padding-bottom: 0.5em;
    padding-top: 0.7em;
    border-bottom: 1px solid #DBDBDB;
    padding-left: 0.75em;
    padding-right: 0.25em;
}

.ia-item:hover {
    background-color: #F7F7F7;
}

.ia-item--header {
    margin: 0;
    font-size: 1.3em;
}

.ia-item--header a {
    color: #474747;
}

.ia-item--stamp {
    display: inline-block;
    border: 1px solid #777;
    text-align: center;
    width: 26px;
    height: 26px;
    vertical-align: top;
    font-size: 13px;
    margin-right: 0.75em;
    color: #777;

    border-box: box-sizing;
    position: relative;
    bottom: 4px;
}

#issues {
    @include center-content(962px);
}

.issues-wrap {
    @include wrapper();
}

#issues .by_ia_item .ia-item--stamp {
    top: -3px;
}

.ia-item--stamp::before {
    content: "N";
    position: relative;
    top: 3.5px;
}

.ia-item--stamp.stamp--goodies::before {
    content: "G";
}

.stamp--goodies {
    border: 1px solid #F1A031;
    color: #F1A031;
}

.ia-item--stamp.stamp--spice::before {
    content: "S";
}

.stamp--spice {
    border: 1px solid #50AF5E;
    color: #50AF5E;
}

.ia-item--stamp.stamp--fathead::before {
    content: "F";
}

.stamp--fathead {
    border: 1px solid #2E7BB3;
    color: #2E7BB3;
}

.ia-item--stamp.stamp--longtail::before {
    content: "L";
}

.stamp--longtail {
    border: 1px solid #81869A;
    color: #81869A;
 }


 .ia-item--details {
     display: inline-block;
     width: 93%;
 }

 .ia-item--details--top {
     overflow: auto;
 }

 .ia-item--details--bottom {
     height: 1.5em;
     color: #888;
 }

 .ia-item--details--bottom::first-letter {
     text-transform: capitalize;
 }

 .btn--wire {
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     background: none;
     background-color: transparent;
     font-weight: normal;
     border: 1px solid #ccc;
     color: #aaa;
 }

#filter_repo a {
     color: #646464;
}

#filter_repo ul .is-selected {
    background-color: #F2F2F2;
}

#filter_topic a,
#filters .dropdown .dropdown_header span {
    color: #646464;
    text-transform: capitalize;
}

#filter_template a {
    color: #646464;
    text-transform: capitalize;
}

#filter_repo li {
    overflow: auto;
}

#filter_repo .repo {
    float: left;
}

.ia-repo {
    float: right;
    border: 2px solid #777;
    width: 12px;
    height: 12px;
    position: relative;
    top: 2px;
    right: 5px;
}

.ia-repo--goodies {
    border-color: #F1A031;
}

.ia-repo--goodies.fill {
    background-color: #F1A031;
}

.ia-repo--spice {
    border-color: #50AF5E;
}

.ia-repo--spice.fill {
    background-color: #50AF5E;
}

.ia-repo--fathead {
    border-color: #2E7BB3;
}

.ia-repo--fathead.fill {
    background-color: #2E7BB3;
}

.ia-repo--longtail {
    border-color: #81869A;
}

.ia-repo--longtail.fill {
    background-color: #81869A;
}

body.texture {
    background: transparent;
}

.dropdown_header {
    background-color: #F2F2F2;
}

#clear_filters {
    margin-top: 1em;
    padding: 0.4em;
    cursor: pointer;
}

.ia-index--left {
    width: 73%;
    border-right: 1px solid #e9e9e9;
    padding-top: 15px;
}

#ia_index_header {
    overflow: auto;
}

.ia_index_header--right {
    position: relative;
    top: 6px;
}

.ia_index_header--right a {
    margin-left: 0.7em;
    color: #474747;
}

#clear_filters {
    color: #474747;
}

#sort-updated {
    color: #BDBDBD;
}

#filter_template .is-selected {
    background-color: #F2F2F2;
}

#filter_topic .is-selected {
    background-color: #F2F2F2;
}

.ia-index-container {
    width: 97%;
}

.dropdown_header::after {
    content: "";
    border: 5px solid transparent;
    border-top-color: #333;
    position: absolute;
    display: block;
    top: 1.1em;
    right: 15px;
    border-bottom-width: 0;
}

.dropdown {
    position: relative;
}

.topic {
    cursor: pointer;
}

#filters {
    width: 24%;
    padding-top: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Single page CSS */

.ia-single h2 {
    color: #333333;
    font-size: 2.3em;
    word-break: break-all;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0.2em;
}

#row-diff-id p::first-letter {
    text-transform: none;
}
.ia-single p,
.ia-single .row-diff ul {
    color: #666;
}

.ia-single .ia-single--header {
    margin-top: 2.4em;
    font-weight: 500;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

.ia-single ul {
    list-style-type: none;
}

.ia-single a {
    color: #4896d2;
}

.ia-single--icon {
    vertical-align: middle;
    margin-right: 0.2em;
}

.one-field .filters--search {
    border: none;
    outline: none;
    background: none;
    padding: 0;
    width: 78%;
}

.one-field {
    background-color: #f7f7f7;
    border: 1px solid #cccdc8;
    padding: 0.1em;
    padding-left: 0.5em;
}

.filters--search-button {
    display: inline-block;
    width: 17%;
    height: 25px;
    margin-top: 2px;
    position: relative;
    right: -2px;
}

.filters--search-button span {
    position: relative;
    top: 3px;
}

.filters--search-button.search-button--hover span {
    color: white;
}

.filters--search-button.search-button--hover {
    background-color: #63ad57;
    border-radius: 2px;
    cursor: pointer;
}

.ia-single--topic {
    padding: 0.4em 0.8em 0.4em 0.8em;
    margin-right: 0.5em;
    margin-left: 0;
    cursor: default;
    display: inline-block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.ia-issues li {
    border-bottom: 1px solid #eee;
    padding: 0.1em 0 0.1em 0;
}

.ia-issues li:last-child {
    border-bottom: none;
}

.ia-issues li:first-child {
    border-top: 1px solid #eee;
}

.ia-issues li:last-child {
    border-bottom: 1px solid #eee;
}

.ia-attribution li:last-child {
    border-bottom: none;
}

#show-more--link {
    color: #707070;
}

.ia-single ul {
    margin: 0 auto 5px;
    margin-bottom: 0;
}

.ia-single {
    margin-bottom: 7em;
}

.ia-single--info ul li a {
    display: block;
}

.create-issue .ddgsi {
    background-color: #D3D3D3;
    color: #555555;
    height: 17px;
    width: 17px;
    position: relative;
    top: 3px;
    font-size: 1.1em;
    text-align: center;
}

.show-more .ddgsi {
    background-color: #D3D3D3;
    color: #555555;
    height: 17px;
    width: 17px;
    position: relative;
    top: 3px;
}

.show-more .ddgsi::before {
    position: relative;
    top: 2px;
    right: -1px;
}

.create-issue {
    border-top: 1px solid #eee;
    padding-top: 3px;
}

.show-more {
    border-top: 1px solid #DBDBDB;
    padding-top: 3px;
}

.ia-single--edit {
    margin-top: 3.8em;
    margin-bottom: 1.6em;
    display: inline-block;
    margin-right: 0;
    cursor: pointer;
}

.ia-single--edits #description textarea {
    height: 4em;
    width: 21.5em;
    max-width: 21.5em;
    font-size: 1em;
}

.ia-single--name .dev_milestone {
    display: inline-block;
    margin-left: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.9em;
    text-transform: capitalize;
    margin-bottom: 0.15em;
    vertical-align: super;
    margin-bottom: 0;
}

.ia-single--name .dev_milestone.dev_milestone--live {
    color: #4B9E4F;
    border-color: #4B9E4F;
}

.ia-single--name .dev_milestone.dev_milestone--deprecated {
    color: #DE5833;
    border-color: #DE5833;
}

#toggle-devpage-view .pager-wrap {
    height: 2.5em;
    width: 9.5em;
}

.dev_milestone-container__header__button.js-expand {
    border: 0;
    box-shadow: unset;
    background-color: transparent;
}

.dev_milestone-container label {
    width: 100%;
}

.dev_milestone-container .topic {
    margin-left: 0;
}

input.not_saved, select.not_saved, .button.not_saved {
    border: 1px solid $red;
}

.saved {
    color: #5B9E4D;
}

#metafield_container td:nth-child(2) {
    padding-left: 1.2em;
    width: 78%;
}

.dev_milestone-container__body__label {
    margin-top: 0;
    margin-bottom: 0;
}

/* Small adjustment to the spacing between the labels in the dev page. */
.ia-single .dev_milestone-container .ia-single--header,
#metafield_container .ia-single--header {
    margin: 0;
    margin-top: 0.7em;
}

.ia-single .dev_milestone-container__body__complete {
    margin-top: 1em;
}

#pipeline-live-container {
    width: 70%;
}

.filter-issues {
    width: 23%;
    margin-left: 3em;
}

#pipeline_toggle-dev {
    margin-left: 2em;
    width: 6em;
}

#pipeline_toggle-live {
    margin-right: 4em;
    width: 4em;
}

#pipeline-live-container .by_ia_item--left {
    width: 38%;
}

#pipeline-live-container .by_date_item--left {
    width: 61%;
}

#pipeline-live-container .list-container--left,
#issues_sort_by {
    padding-left: 1em;
    padding-bottom: 0.25em;
    font-size: 1.05em;

    input[type="radio"] {
        margin-left: 0.5em;
        vertical-align: baseline;
        cursor: pointer;
    }
}

#pipeline-live__list .pipeline-live__list__item {
    border-bottom: 1px solid #CDCDCD;
    margin-top: 0.5em;
    padding: 1em 0;
}

#pipeline-live__list li,
#pipeline-live-container .list-container--right li {
    list-style: none;
}

#pipeline-live__list .list-container--left a {
    color: #333;
}

#pipeline-live-container a { color: $slate; }

#pipeline-live-container .list-container--right li .one-line,
#pipeline-live-container .list-container--right li .one-line a,
#pipeline-live-container .by_date_item--left .one-line a {
    font-size: 1.05em;
}

#pipeline-live-container .issue_date {
    color: $grey;
    margin-right: 0.7em;
    margin-bottom: 0.7em;
    font-size: 0.8em;
}

#pipeline-live-container .list-container--right li .one-line,
#pipeline-live-container .by_date_item--left .one-line {
    width: 24em;
}

#pipeline-live-container .list-container--right {
    margin-left: 2em;
}

.icon-check,
.icon-check-empty {
    cursor: pointer;
}

.filter-issues__item__tag,
.issues_col__tags {
    display: inline-block;
    padding: 0.1em 0.25em;
    margin-left: 0.5em;
}

.issues_col__tags {
    height: 0.5em;
    width: 0.2em;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    margin-top: 0.25em;
}

.filter-issues__item {
    margin-top: 0.5em;
}

.filter-issues__item__checkbox {
    margin-top: 0.35em;
}

.filter-issues__item__tag {
    color: #fff;
    font-weight: 600;
    width: auto;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

#metafield_container {
    margin-bottom: 1.5em;
}

#metafield_container--left {
    width: 45%;
}

#metafield_container--right {
    margin-left: 1em;
    width: 53%;
}

.topic-separator.left {
    margin-left: 0.25em;
}

.metafield .ia-single--header {
    margin-top: 0.5em;
}

#view_json {
    margin-right: 0.5em;
}

.ia-single--left--wide {
    width: 100%;
}

.ia-single--left--wide .dev_milestone-container {
    width: 22.6%;
    float: left;
}

.ia-single--left--wide .dev_milestone-container {
    margin-left: 1em;
}

.ia-single--left--wide #planning {
    margin-left: 0;
}

.dashed-border {
    border-radius: 3px;
    border: 2px dashed #999;
}

.dev_milestone-container__body__readonly {
    word-wrap: break-word;
}

.generate-screenshot--notif {
    color: #E37151;
    text-align: center;
}

.generate-screenshot--button.generate-screenshot--disabled {
    background-color: $grey;
    border-color: $grey-dark;
}

.ia-single--label {
    font-weight: 600;
    margin-right: 0.5em;
}

#topic-txt {
    text-transform: capitalize;
}
