/* Annotate Block Colors and fonts */
/* Branches explorer */
/* Font */
/* Icons Colors*/
/* Call to Action Colors */
/* History Page */
/* VC Icons (will move to icon strip) */
/*

Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>

*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.hljs-annotation,
.diff .hljs-header,
.hljs-chunk,
.apache .hljs-cbracket {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.hljs-keyword,
.hljs-id,
.hljs-built_in,
.smalltalk .hljs-class,
.hljs-winutils,
.bash .hljs-variable,
.tex .hljs-command,
.hljs-request,
.hljs-status,
.nginx .hljs-title,
.xml .hljs-tag,
.xml .hljs-tag .hljs-value {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.hljs-string,
.hljs-title,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rule .hljs-value,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-template_tag,
.django .hljs-variable,
.hljs-flow,
.hljs-stream,
.apache .hljs-tag,
.hljs-date,
.tex .hljs-formula,
.coffeescript .hljs-attribute,
.hljs-name {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.ruby .hljs-string,
.hljs-decorator,
.hljs-filter .hljs-argument,
.hljs-localvars,
.hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-pi,
.hljs-doctype,
.hljs-envvar,
.hljs-shebang,
.hljs-preprocessor,
.hljs-pragma,
.userType,
.apache .hljs-sqbracket,
.nginx .hljs-built_in,
.tex .hljs-special,
.hljs-prompt {
  color: #2b91af;
}

.hljs-doctag,
.hljs-xmlDocTag {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.hljs-type,
.hljs-typename {
  font-weight: bold;
}

.vhdl .hljs-string {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vhdl .hljs-literal {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.vhdl .hljs-attribute {
  color: rgba( 43, 136, 216 ,  1 );
  color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.xml .hljs-attribute {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.hljs-addition {
  background: rgba(51, 153, 51, 0.2);
}

.hljs-deletion {
  background: rgba(172, 0, 0, 0.2);
}

/*
    Overrides for Fabric types.

    These should be used as a last resort.

    Use type classes like "ms-font-m" wherever possible.

    Sometimes we wish to override Fabric styling, and it is impossible to use
    native type classes. In those cases, these can be used.
*/
.my-pullrequests-view {
  width: 63%;
  padding: 0 20px;
  min-width: 1024px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.my-pullrequests-view .hub-pivot .pivot-view {
  margin-top: 8px;
}

.my-pullrequests-view .hub-pivot .pivot-view .pivotTab-link {
  padding: 0;
  margin-right: 16px;
  line-height: 28px;
  height: 29px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.my-pullrequests-view .hub-pivot .pivot-view .pivotTab-link:hover {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  text-decoration: none;
}

.my-pullrequests-view .hub-pivot .pivot-view .pivotTab-link::before {
  left: 0px;
  right: 0px;
}

.my-pullrequests-view .hub-pivot .pivot-view .pivotTab-link::after {
  bottom: 2px;
}

.my-pullrequests-view .hub-pivot .hub-groups {
  margin-top: 12px;
}

.my-pullrequests-view .pivot-view {
  margin-left: 0px;
}

.my-pullrequests-view .pivot-view li a {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 20px;
  position: relative;
}

.my-pullrequests-view .pivot-view li.selected a {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-weight: 600;
}

.my-pullrequests-view .pivot-view li.selected a::before {
  background-color: #0078d4;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 2px;
  height: 2px;
  content: '';
}

.my-pullrequests-view .hub-alert .content {
  padding: 0px;
  width: 100%;
}

.my-pullrequests-view .hub-content, .my-pullrequests-view .hub-pivot-content, .my-pullrequests-view .navigation-view-tab {
  overflow: visible;
}

.my-pullrequests-view .hub-title, .my-pullrequests-view .hub-view, .my-pullrequests-view .hub-content, .my-pullrequests-view .hub-pivot-content, .my-pullrequests-view .navigation-view-tab {
  position: static;
}

.my-pullrequests-view .hub-title {
  padding: 0 !important;
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0;
  font-size: 21px;
  font-weight: 100;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.my-pullrequests-view .hub-title .header .title {
  margin: 0;
}

.my-pullrequests-view .hub-pivot {
  margin-top: 2px;
  height: 40px;
  border-bottom: none !important;
}

.my-pullrequests-view .hub-pivot .vc-pullrequests-pivotArea {
  font-size: 14px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-weight: normal;
}

.my-pullrequests-view .hub-content .hub-pivot-content {
  overflow-y: hidden !important;
  overflow-x: hidden;
}

.my-pullrequests-view button:hover,
.my-pullrequests-view button:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.my-pullrequests-view button[disabled],
.my-pullrequests-view button[disabled]:focus,
.my-pullrequests-view button[disabled]:hover {
  border: none;
}