/*
Additional css that was orignally inline (probably because this monster was taking too long to laod)
*/

html {
  box-sizing: border-box;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

*,
*:before,
*:after
{
  box-sizing: inherit;
}

body {
  margin:0;
  background: #fafafa;
}

/*
Overrides the chunky styling of the 'authentication' header section
*/
.swagger-ui .scheme-container {
  padding: 15px 0;
  background: transparent;

  /* Override incoming box shadow changes to less alpha */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .35) !important;
}

/*
Zach Custom
*/
.swagger-ui .info .title {
  margin-bottom: 14px;
}

/* Hide the link to our source JSON */
.swagger-ui .info hgroup.main a {
  display: none !important;
}

.swagger-ui .description .markdown {
  line-height: 1.2rem !important;
}

.swagger-ui .markdown code, .swagger-ui .renderedMarkdown code {
  padding: 1px 3px !important;
}

.swagger-ui .info {
  margin: 50px 0 10px 0 !important;
}

.swagger-ui .opblock .opblock-section-header {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  min-height: 50px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.swagger-ui .execute-wrapper:empty {
  padding: 5px;
}

.swagger-ui .opblock .codesamples-wrapper .opblock-section-header {
  cursor: pointer;
}

.swagger-ui .codesamples-inner {
  padding: 10px 20px;
}

.api-request-block .tabbedCode .snippetTab pre[class*="language-"] {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.swagger-ui div.api-request-btn-group .btn {
  flex: initial;
}

div.codesamples-inner .btn {
  font-size: .85em;
  font-weight: 200;
  font-family: sans-serif;
  padding: .2rem .6rem;
  transition: all .3s;

  border: 0;
  border-color: transparent;
  border-radius: 0;
  background-color: transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(235,235,235,1);
}

/* Zach Footer and Header*/
footer {
  visibility: hidden;

  padding: 2.5rem;
  min-height: 100px;
  background-color: #e6eaf0;

  font-weight: 400;
  line-height: 1.6;

  font-family: Danzza Regular,sans-serif;
  font-size: 1.25rem;
  color: #333;
  transition: all .5s ease-in-out;
}

footer a,
footer a:active,
footer a:hover,
footer a:visited {
    color: #5350c7
}

footer .columns {
  align-items: flex-end;
  display: flex;
}

footer .column {
  box-sizing: border-box;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: .75rem;
}

footer .column.narrow {
  flex: none;
  width: 25%;
}

footer p {
  margin: 0;
}

/* Prism override for line height */
code[class*="language-"], pre[class*="language-"] {
  line-height: 1;
}

.swagger-ui div.api-request-btn-group {
  padding: 0;
}

div.prism-codewrapper-hidden div.codesamples-inner{
  display: none !important;
}

.swagger-ui .expand-operation {
  transition: .1s;
  transition-timing-function: ease-out;
}

.swagger-ui .expand-operation.open {
  transform: rotate(90deg);
}

/*
From Bootstrap.js
*/
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

/* Code Block */
.block-code_block {
  position: relative;
}

.tabbedCode {
  position: relative;
  padding-top: 10px;
  margin-bottom: 20px;
}

.singleCode {
  position: relative;
  padding-top: 0;
  margin-bottom: 20px;
}

.codeTypeCustom {
  font-size: .85rem;
  font-weight: 200;
  color: rgb(41,43,44);
}

.btn-group > .snippetBtn {
  font-size: 14px;
  padding: .2rem .6rem;
  font-weight: 200;
  background-color: rgb(255,255,255);
  color: rgb(41,43,44);
  border-color: rgb(204,204,204);
}

.btn-group > .snippetBtn:hover,
.tabbedCode > .btn-group > .snippetBtn:active {
  color: rgb(41,43,44);
  background-color: rgb(230,230,230);
  border-color: rgb(173,173,173);
}

.tabbedCode > .btn-group > .snippetBtn.active {
  color: rgb(41,43,44);
  background-color: rgb(230,230,230);
  border-color: rgb(173,173,173);
}

button:focus {
  outline: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

.snippetTab {
  display: none;
}

.snippetTab.active {
  display: inherit;
}

.snippetLabel {
  font-size: 14px;
  border-radius: .25rem;
  color: rgb(41,43,44);
  background-color: rgb(255,255,255);
  border: 1px solid rgb(173,173,173);
  padding: .2rem .6rem;
  cursor: default;
}

.codeTypeHide {
  font-size: 1px;
  text-indent: -9001em;
  display: none;
}

/* API Example Block */
.api-request-block > .tabbedCode {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.api-response-block .btn-group {
  flex-wrap: wrap;
}

.api-request-block .tabbedCode .snippetTab pre {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.api-request-block .tabbedCode .snippetTab pre::-webkit-scrollbar,
.api-request-block .tabbedCode .snippetTab pre::-webkit-scrollbar-track,
.api-response-block .tabbedCode .snippetTab pre::-webkit-scrollbar,
.api-response-block .tabbedCode .snippetTab pre::-webkit-scrollbar-track {
  background-color: rgba(65,65,65,.15);
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.api-request-block .tabbedCode .snippetTab pre::-webkit-scrollbar:hover,
.api-request-block .tabbedCode .snippetTab pre::-webkit-scrollbar-track:hover,
.api-response-block .tabbedCode .snippetTab pre::-webkit-scrollbar:hover,
.api-response-block .tabbedCode .snippetTab pre::-webkit-scrollbar-track:hover {
  background-color: rgba(105,105,105,.15);
}

.api-request-block .tabbedCode .snippetTab pre::-webkit-scrollbar-thumb,
.api-response-block .tabbedCode .snippetTab pre::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(200,200,200,.15);
  transition: all .2s ease;
}

.api-request-block .tabbedCode .snippetTab pre::-webkit-scrollbar-thumb:hover,
.api-response-block .tabbedCode .snippetTab pre::-webkit-scrollbar-thumb:hover {
  background-color: rgba(200,200,200,.45);
}

.api-block-nested .tabbedCode .snippetTab pre {
  border-bottom-left-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}

.api-response-block {
  padding-top: 0;
}

.response-group-title {
  width: 100%;
  font-size: .85em;
  padding: .25em .45em;
  text-transform: uppercase;
  background-color: rgba(74,142,64,1);
  color: rgb(255,255,255);
  display: block;
  text-shadow: 1px 1px 0px rgba(40,40,40,0.6);
  box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
}

.api-response-block .snippetTab pre {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.api-request-btn-group {
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}

.http-response-btn-group, .api-request-btn-group {
  width: 100%;
  background-color: rgb(30,31,26);
  margin-top: -2px;
}

.http-response-btn-group > button.snippetBtn,
.api-request-btn-group > button.snippetBtn {
  border: 0;
  border-color: transparent;
  border-radius: 0;
  background-color: transparent;
  color: rgba(235,235,235,1);
  font-size: .85em;
  opacity: 0.6;
  transition: all .2s ease;
}

.tabbedCode > .http-response-btn-group > .snippetBtn.active,
.tabbedCode > .api-request-btn-group > .snippetBtn.active {
  color: rgba(255,255,255,1);
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}

.tabbedCode > .http-response-btn-group > .snippetBtn:hover,
.tabbedCode > .api-request-btn-group > .snippetBtn:hover {
  color: rgba(245,245,245,1);
  opacity: 1;
  background-color: transparent;
}

.http-code-circle {
  font-size: .7em;
  padding-right: 2px;
  vertical-align: middle;
  padding-bottom: 2px;
}

.http-code-2xx {
  color: rgba(98,181,78,1);
}

.http-code-3xx {
  color: rgba(7,137,255,1);
}

.http-code-4xx {
  color: rgba(255,181,70,1);
}

.http-code-5xx {
  color: rgba(217,72,47,1);
}

.api-request-snippet {
  font-size: .85em;
}

.api-response-snippet {
  font-size: .85em;
}

.toolbar {
  padding-right: 8px;
}

.toolbar .toolbar-item button {
  transition: all .2s ease;
  text-transform: uppercase;
  font-size: 12px !important;
}

.toolbar .toolbar-item button:hover {
  color: rgb(255,255,255) !important;
  background-color: rgb(7,137,225);
}

.collapsed-code-example {
  overflow-y: hidden !important;
  height: 225px;
  border-radius: 0 0 .3rem .3rem;
}

.collapsed-code-example .toolbar {
  display: none;
}

.collapsed-code-example::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 65px;
  background-color: rgba(0,0,0,0);
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
  z-index: 5;
  border-radius: 0 0 .3rem .3rem;
}

.expanded-code-example {
  overflow-y: visible;
  height: auto;
}

.expanded-code-example pre {
  padding-bottom: 35px;
}

.code-collapse-btn {
  position: absolute;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  display: inline-block;
  cursor: default;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,0.6);
  font-weight: 500;
  font-size: .75rem;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(220,220,220,0.85);
  opacity: 0.3;
  padding: .15em 1em;
  border-radius: .85em;
  transition: all .2s ease;
  transform: translateX(-50%);
}

.code-collapse-btn:hover {
  opacity: 1;
}

/* Hide try it for upload file */
.op-no {
  display: none;
  color: gray;
  font-size: 12px;
}

#operations-file-post_v0__workspace__file__directoryPath___filename_ div.try-out button,
#operations-file-post_v0__workspace__file__directoryPath___filename_ td input,
#operations-file-post_v0__workspace__file__directoryPath___filename_ td select {  
  display: none;
}

#operations-file-post_v0__workspace__file__directoryPath___filename_ div.try-out div.op-no {
  display: block;
}

#operations-file-post_v0__workspace__file__directoryPath___filename_ td .parameter__name.required span,
#operations-file-post_v0__workspace__file__directoryPath___filename_ td .parameter__name.required:after {
  color: gray !important;
}

/* Hide Models (for now) */
.swagger-ui section.models {
  display: none;
}

div.responses-wrapper pre[class*="language-"] {
  border-radius: 4px;
}

.swagger-ui table.responses-table {
  table-layout: fixed;
}

.swagger-ui table.responses-table .response-col_description {
  width: 90%;
}

@media (min-width: 800px) {
  .swagger-ui table.responses-table .response-col_description {
    width: 94%;
  }
}

/* swagger - Quick Start*/

div.op-quickstart {
  margin-top: 40px;
}

.op-quickstart-inputs input,
.op-quickstart-buttons button {
  margin: 0px 2px 0px 2px !important;
}

.op-quickstart-inputs {
  margin-bottom: 5px;
}

.op-quickstart-inputs,
.op-quickstart-buttons {
  display: flex;
  justify-content: flex-end;
}

.op-quickstart-login {
  width: 500px;
  padding: 20px;  
  background: rgba(249, 62, 62, 0.02);
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .10) !important;
  /* box-shadow: 1px 1px 2px 2px rgba(249, 62, 62, .10) !important; */
}

label.op-quickstart-message,
label.op-quickstart-expires {
  display: inline-block;
  color: rgb(84, 86, 90);
  min-width: 55%;
}

label.op-quickstart-message.validation-error {
  color: rgb(245, 110, 110);
}

label.op-quickstart-expires.op-hidden{
  visibility: hidden;
}

.op-quickstart-login.op-unleashed {
  background: rgba(73, 204, 144, 0.02);
  /* box-shadow: 1px 1px 2px 2px rgba(73, 204, 144, .10) !important; */
}

.modal-ux-content .auth-container p.markdown {
  margin-bottom: 25px;
}

.op-quickstart-login.op-unleashed * {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: 3;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}