.notification-header {

    padding-top: 6px;

}

.notification-header .desc {

    font-size: 16px;

    height: 24px;

    float: left

}

.notification-list .container.unread {

    background: none repeat scroll 0 0 rgba(255, 255, 180, 0.6);

}

.notification-header .gravatar {

    background: none repeat scroll 0 0 transparent;

    padding: 0px 0px 0px 8px;

}

.notification-list .container .notification-header .desc {

    font-weight: bold;

    font-size: 17px;

}

.notification-header .delete-notifications {

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-header .read-notifications {

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-subject {

    clear: both;

    border-bottom: 1px solid #eee;

    padding: 5px 0px;

}

.notification-body {

    clear: both;

    margin: 34px 2px 2px 8px

}

/****

PULL REQUESTS

*****/

.pullrequests_section_head {

    padding: 10px 10px 10px 0px;

    margin: 0 15px;

    font-size: 16px;

    font-weight: bold;

}

div.pr-details-title.closed {

    color: #555;

    background: #eee;

}

div.pr {

    margin: 0px 15px;

    padding: 4px 4px;

}

div.pr-desc {

    margin: 0px 15px;

}

tr.pr-closed td {

    background-color: #eee !important;

    color: #555 !important;

}

span.pr-closed-tag {

    margin-bottom: 1px;

    margin-right: 1px;

    padding: 1px 3px;

    font-size: 10px;

    padding: 1px 3px 1px 3px;

    font-size: 10px;

    color: #577632;

    white-space: nowrap;

    border-radius: 4px;

    border: 1px solid #d9e8f8;

    line-height: 1.5em;

}

.panel-body .pr-box {

    max-width: 978px;

    margin-right: 15px;

}

#s2id_org_ref,

#s2id_other_ref,

#s2id_org_repo,

#s2id_other_repo {

    min-width: 150px;

    margin: 5px;

}

#pr-summary .msg-div {

    margin: 5px 0;

}

#pr-summary > .pr-not-edit {

    min-height: 50px !important;

}

#pr-edit-btn {

    margin: 20px 0 0 !important;

    position: absolute;

}

/****

  PERMS

*****/

#perms .perms_section_head {

    padding: 10px 10px 10px 0px;

    font-size: 16px;

    font-weight: bold;

    text-transform: capitalize;

}

#perms .perms_section_head label {

    margin-left: 10px;

}

#perms .perm_tag {

    position: relative;

    top: -2px;

    margin-left: 3px;

    padding: 3px 3px 1px 3px;

    font-size: 10px;

    font-weight: bold;

    text-transform: uppercase;

    white-space: nowrap;

    border-radius: 3px;

}

#perms .perm_tag.admin {

    background-color: #B94A48;

    color: #ffffff;

}

#perms .perm_tag.write {

    background-color: #DB7525;

    color: #ffffff;

}

#perms .perm_tag.read {

    background-color: #468847;

    color: #ffffff;

}

#perms .perm_tag.none {

    background-color: #bfbfbf;

    color: #ffffff;

}

input.perm_filter {

    position: relative;

    top: 2px;

}

.perm-gravatar {

    vertical-align: middle;

    padding: 2px;

}

.perm-gravatar-ac {

    vertical-align: middle;

    padding: 2px;

    width: 14px;

    height: 14px;

}

/*****************************************************************************

                                  DIFFS CSS

******************************************************************************/

.diff-collapse {

    text-align: center;

    margin-bottom: 15px;

}

.diff-collapse-button {

    cursor: pointer;

    color: #666;

    font-size: 16px;

}

.compare-revision-selector > div {

    display: inline-block;

    margin-right: 8px;

}

table.code-difftable {

    border-collapse: collapse;

    border-radius: 0px !important;

}

table.code-difftable td {

    padding: 0 !important;

    background: none !important;

    border: 0 !important;

    vertical-align: baseline !important

}

table.code-difftable .context {

    background: none repeat scroll 0 0 #DDE7EF;

    color: #999;

}

table.code-difftable .add {

    background: none repeat scroll 0 0 #DDFFDD;

}

table.code-difftable .add ins {

    background: none repeat scroll 0 0 #AAFFAA;

    text-decoration: none;

}

table.code-difftable .del {

    background: none repeat scroll 0 0 #FFDDDD;

}

table.code-difftable .del del {

    background: none repeat scroll 0 0 #FFAAAA;

    text-decoration: none;

}

table.code-highlighttable div.code-highlight pre u:before,

table.code-difftable td.code pre u:before {

    content: "\21a6";

    display: inline-block;

    width: 0;

}

table.code-highlighttable div.code-highlight pre u.cr:before,

table.code-difftable td.code pre u.cr:before {

    content: "\21a4";

    display: inline-block;

    color: rgba(0,0,0,0.5);

}

table.code-highlighttable div.code-highlight pre u,

table.code-difftable td.code pre u {

    color: rgba(0,0,0,0.15);

}

table.code-highlighttable div.code-highlight pre i,

table.code-difftable td.code pre i {

    border-style: solid;

    border-width: 0 0 0 1px;

    color: rgba(0,0,0,0.5);

}

/** LINE NUMBERS **/

table.code-difftable .lineno {

    padding-left: 2px;

    padding-right: 2px !important;

    width: 30px;

    -moz-user-select: none;

    -webkit-user-select: none;

    border-right: 1px solid #CCC !important;

    border-left: 0px solid #CCC !important;

    border-top: 0px solid #CCC !important;

    border-bottom: none !important;

    vertical-align: middle !important;

    text-align: center;

}

table.code-difftable .lineno.new {

    text-align: right;

}

table.code-difftable .lineno.old {

    text-align: right;

}

table.code-difftable .lineno a {

    color: #aaa !important;

    font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important;

    letter-spacing: -1px;

    padding-left: 10px;

    padding-right: 8px;

    box-sizing: border-box;

    cursor: pointer;

    display: block;

    width: 100%;

}

table.code-difftable .line:hover .lineno a {

    color: #333 !important;

}

table.code-difftable .lineno-inline {

    background: none repeat scroll 0 0 #FFF !important;

    padding-left: 2px;

    padding-right: 2px;

    text-align: right;

    width: 30px;

    -moz-user-select: none;

    -webkit-user-select: none;

}

/** CODE **/

table.code-difftable .code {

    display: block;

    width: 100%;

}

table.code-difftable .code td {

    margin: 0;

    padding: 0;

}

table.code-difftable .code pre {

    margin: 0 0 0 12px !important;

    padding: 0;

    min-height: 17px;

    line-height: 17px;

    white-space: pre-wrap;

    word-break: break-all;

}

table.code-difftable .del .code pre:before {

    content: "-";

    color: #800;

    float: left;

    left: -1em;

    position: relative;

    width: 0;

}

table.code-difftable .add .code pre:before {

    content: "+";

    color: #080;

    float: left;

    left: -1em;

    position: relative;

    width: 0;

}

table.code-difftable .unmod .code pre:before {

    content: " ";

    float: left;

    left: -1em;

    position: relative;

    width: 0;

}

.add-bubble {

    position: relative;

    display: none;

    float: left;

    width: 0px;

    height: 0px;

    left: -8px;

    box-sizing: border-box;

}

/* comment bubble, only visible when in a commentable diff */

.commentable-diff tr.line.add:hover td .add-bubble,

.commentable-diff tr.line.del:hover td .add-bubble,

.commentable-diff tr.line.unmod:hover td .add-bubble {

    display: block;

    z-index: 1;

}

.add-bubble div {

    background: #577632;

    width: 16px;

    height: 16px;

    cursor: pointer;

    padding: 0 2px 2px 0.5px;

    border: 1px solid #577632;

    border-radius: 3px;

    box-sizing: border-box;

}

.add-bubble div:before {

    font-size: 14px;

    color: #ffffff;

    font-family: "kallithea";

    content: '\1f5ea';

}

.add-bubble div:hover {

    transform: scale(1.2, 1.2);

}

/* show some context of link targets - but only works when the link target

   can be extended with any visual difference */

div.comment:target:before {

  display: block;

  height: 100px;

  margin: -100px 0 0;

  content: "";

}

div.comment:target>.comment-wrapp {

    border: solid 2px #ee0 !important;

    margin: 2px 2px 4px 4px;

}