/*
 * Base structure
 */

.btn.disabled,
.btn[disabled],
fieldset[disabled].btn {
   opacity: .45;
   filter: alpha(opacity=45);
}

.badge {
   padding: 0.4em 0.6em;
   border-radius: 0.5rem;
}

.badge-secondary {
   color: #fff;
   background-color: #98a5b0;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
   padding-top: 50px;
   overflow-x: hidden;
   font-family: sans-serif;
}

.clientCodeBox {
   font-family: monospace;
   font-size: 0.8em;
   line-height: 0.85em;
}

.clientCodeComment {
   color: #4A4;
   font-style: italic;
}

.clientCodePreamble {
   color: #888;
   font-style: italic;
}

.clientCodeIndent {
   margin-left: 15px;
}

label {
   font-size: 1.0em;
   color: #808080;
   font-weight: 400;
   line-height: 0.8em;
}

TD.headerBox {
   line-height: 0.8em !important;
}

SPAN.headerName {
   color: #505080;
   font-family: monospace;
   font-size: 0.8em;
}

.hlQuot {
   color: #88F;
}

.hlAttr {
   color: #888;
}

.hlTagName {
   color: #006699;
}

.hlControl {
   color: #660000;
}

.hlText {
   color: #000000;
}

.hlUrlBase {
}

SPAN.headerValue {
   color: #70A070;
   font-family: monospace;
   font-size: 0.8em;
}

SPAN.suppressed {
   color: #C5C5C5;
   font-style: italic;
}

SPAN.includeCheckContainer {
   margin-top: 0;
   margin-bottom: 12px;
   margin-right: 10px;
   margin-left: 0;
   white-space: nowrap;
   line-height: 35px;
   display: inline-block;
}

SPAN.includeCheckCheck {
   border: 1px solid #AAA;
   border-right-width: 0px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   padding: 6px;
   background: #CCC;
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
   background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
   background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
   background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

SPAN.includeCheckName {
   border: 1px solid #AAA;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   padding: 6px;
   background: #FFF;
}

SPAN.loadingStar {
   color: #C66;
   display: inline-block !important;
   margin: 0px !important;
   padding: 0px !important;
   width: 3px !important;
   font-weight: bold;
}

DIV.navbarBreadcrumb, A.navbarBreadcrumb {
   color: #999;
   padding: 15px;
   padding-left: 0px;
   font-size: 16px;
   line-height: 20px;
   height: 50px;
}

DIV.navbarBreadcrumb:HOVER, A.navbarBreadcrumb:HOVER {
   color: #FFF;
   text-decoration: none;
}

DIV.resultBodyActual {
   /*
   max-height: 400px;
   overflow: scroll;
   */
}

PRE.resultBodyPre {
   line-height: 0.9em;
   font-size: 0.8em;
   border: none;
   background-color: transparent;
   overflow: visible;
   /*white-space: normal;*/
   white-space: pre-wrap;
}

/*
 * Global add-ons
 */

.sub-header {
   padding-bottom: 10px;
   border-bottom: 1px solid #eee;
}

body .syntaxhighlighter .line {
   white-space: pre-wrap !important; /* make code wrap */
}

.syntaxhighlight {
   white-space: pre-wrap;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
   display: none;
}

@media (min-width: 768px) {
   .sidebar {
      top: 51px;
      bottom: 0;
      left: 0;
      z-index: 1000;
      display: block;
      padding: 5px;
      overflow-x: hidden;
      overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
      background-color: #f5f5f5;
      border-right: 1px solid #eee;
   }
}

/* Sidebar navigation */
.nav-sidebar {
   margin-right: -21px; /* 20px padding + 1px border */
   margin-bottom: 20px;
   margin-left: -20px;
}

.nav-sidebar > li {
   width: 100%;
}

.nav-sidebar > li > a {
   padding-right: 20px;
   padding-left: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
   display: block;
}

.nav-sidebar > .active > a {
   color: #fff;
   background-color: #428bca;
   padding-top: 10px;
   padding-bottom: 10px;
}

.nav-link.active {
   background-color: #007bff !important;
   border: none !important;
   color: #FFF !important;
   font-weight: bold;
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
}

/*
 * Main content
 */

.main {
   padding: 20px;
}

@media (min-width: 768px) {
   .main {
      padding-top: 10px;
      padding-right: 10px;
      padding-left: 10px;
   }
}

.main .page-header {
   margin-top: 0;
}

.navBarButtonLabel {
   width: 80px;
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
   margin-bottom: 30px;
   text-align: center;
}

.placeholders h4 {
   margin-bottom: 0;
}

.placeholder {
   margin-bottom: 20px;
}

.placeholder img {
   display: inline-block;
   border-radius: 50%;
}

DIV.queryParameter {
   padding-top: 3px;
   padding-bottom: 3px;
   border-radius: 6px;
   margin-left: 5px;
   margin-right: 5px;
}

DIV.queryParameterOdd {
   background: #EEE;
}

TABLE.resultTable TR TD:FIRST-CHILD,
TABLE.requestTable TR TD:FIRST-CHILD {
   font-weight: bold;
}

PRE.resultBodyPlaceholder {
   width: 100%;
   padding: 0px;
}

DIV.searchParamDescription {
   font-size: 0.8em;
   text-align: right;
   color: #668;
   min-height: 34px;
   display: table;
   width: 100%;
}

DIV.searchParamDescription DIV {
   display: table-cell;
   vertical-align: middle;
}

DIV.searchParamSeparator {
   height: 1px;
   border-top: 1px solid #CCC;
   margin: 3px;
}

.select2-container {
   width: 100% !important;
}

.select2-selection__rendered {
   line-height: 42px !important;
}
.select2-container .select2-selection--single {
   height: 42px !important;
}
.select2-selection__arrow {
   height: 42px !important;
}


.syntaxhighlighter,
.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 {
   background-color: transparent !important;
}

.syntaxhighlighter {
   overflow: visible !important;
}

.syntaxhighlighter div {
   font-size: 0.9em !important;
}

DIV.tab-pane DIV.container-fluid {
   padding-top: 15px;
}

.topbarIcon {
   color: #66AAFF;
}

DIV.top-buffer {
   margin-top: 2px;
}

