body {
}

h5 { margin:20px 0; }

nav#top-bar { left:0; top:0; right:0; position:absolute;}
nav#top-bar .left-panel { left:0; top:0; position:absolute;}
nav#top-bar .left-panel a { display:inline-block;padding:8px;}


.logo-text { font-family:Raleway; }

.http-method { margin-right:4px; }
.http-url { color:#333; font-family: Menlo,Monaco,Consolas,Courier New,monospace; }

.sources-container { margin-bottom:60px; position:relative; }
.sources-container .source { margin-bottom:20px; }
.sources-container .source a { display:block; }
.sources-container .source .name { color:#333; font-size:30px; line-height:1.5em; width:100%;}
.sources-container .source .icon { float:left; margin-right:10px; width:80px; }

.source-details-header { align-items:center; display:flex; }
.source-details-header .icon { float:left; margin-right:20px; width:80px; }
.source-details-header h1 { margin-bottom:20px; }

/* validation errors */
.validation-summary-errors {background-color:rgb(242, 222, 222);border-bottom-color:rgb(235, 204, 209);border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0px;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-left-color:rgb(235, 204, 209);border-left-style:solid;border-left-width:1px;border-right-color:rgb(235, 204, 209);border-right-style:solid;border-right-width:1px;border-top-color:rgb(235, 204, 209);border-top-left-radius:2px;border-top-right-radius:2px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(169, 68, 66);display:block;font-size:16px;line-height:27px;margin-bottom:20px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px; }
.validation-summary-errors ul { margin-bottom:0; padding-left:20px;}

/* alert container */
.alert-container { left: 50%;  margin-left: -300px; position: fixed; top: 5px; width: 600px; z-index: 30; }
.alert { font-size:15px; line-height: 1.5em; padding: 8px 14px 8px 14px; }
.alert .close { float: right; cursor: pointer; }
.alert-info { background: #d5e1f2; color: #2b579a; }
.alert-error { background: #F2DEDE; color: #B94A48; }
.alert-warning { background: #FCF8E3; color: #C09853; }
.alert-success { background: #DFF0D8; color: #468847; }

/*typed.js*/
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/*typed.js*/

/*JSONView*/
.json-wrapper { background:#fcfcfc; border:1px solid #e7e7e7; font-size:13px; line-height:1.5em; max-height:300px; min-height:100px; overflow-y:scroll; padding:10px; position:relative; }
/*JSONView*/

/*Spinner*/
.spinner { align-items:center; bottom:0; display:flex; justify-content:center; left:0; position:absolute; right:0; top:0; }
.spinner-inner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.spinner-path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
/*Spinner*/