.header
{
   height: 60px;
   background: white;
   border-bottom: 3px solid #b2b2b2;
   position: fixed;
   z-index: 1000;
   top: 0px;
   left: 0px;
   width: 100%;
}


.header .logo
{
   height: 40px;
   margin-left: 20px;
   margin-top: 8px;
}


.header a.cta
{
   background: #004A97;
   float: right;
   color: white;
   height: 100%;
   padding: 18px;
}

.header ul.header-nav,
.header ul.header-nav li
{
   display: none;
}

@media(min-width: 768px)
{
   .header ul.header-nav
   {
      display: inline;
      float: right;
      margin-top: 18px;
      margin-left: 0px;
      margin-right: 20px;
   }


   .header ul.header-nav li
   {
      display: inline;
      list-style: none;
   }


   .header ul.header-nav li a
   {
      font-size: 13px;
      font-weight: bold;
      color: #000000;
      padding: 8px;
   }
}

@media(min-width: 768px)
{
   .header .logo
   {
      margin-left: 60px;
   }
}


/**************************/
/* turn off all animation */
/**************************/
*
{
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   -ms-transition: none !important;
   transition: none !important;
}

/*****************
** introduction **
*****************/

/* @media(min-width: 768px) */
@media (min-width: 992px)
{
   #introduction
   {
      padding-top: 20px;
   }
}

#introduction
{
   padding: 40px 20px 20px 40px;
   background: white;
}

#introduction .anchor
{
   display: block;
   position: relative;
   top: -60px;
   visibility: hidden;
}

#introduction code
{
   color: white;
   background: #1a1a1a;
   line-height: 2.0;
}

#introduction code.full
{
   display: block;
   border: 1px solid #5C666F;
   padding: 5px 10px 5px 10px;
   line-height: 1.5;
}

#introduction ol li,
#introduction ul li
{
   padding: initial;
   font-size: inherit;
   color: inherit;
   line-height: 1.6;
   margin: 3px;
}

#introduction ol
{
   list-style-type: decimal;
   margin: initial;
   margin-left: 20px;
   padding: initial;
}

#introduction p
{
   line-height: 1.6;
}

#introduction p,
#introduction h1,
#introduction h2,
#introduction h3,
#introduction h4,
#introduction h5
{
   margin: 10px 0px 10px 0px;
   padding: 0px;
}

#introduction h1
{
   color: #000000;
   font-weight: normal;
   font-family: "raleway", sans-serif;
   font-size: 32px;
}

#introduction h1 *
{
   font-family: "raleway", sans-serif;
}

#introduction h2
{
   color: #004C97;
   font-weight: normal;
   text-transform: lowercase;
   font-size: 24px;
}

#introduction h3
{
   color: #1a1a1a;
   font-weight: normal;
   text-transform: lowercase;
   font-size: 21px;
}

#introduction .collapsible-header
{
   background: #E6E7E9;
   padding-left: 20px;
   cursor: pointer;
}

#introduction .collapsible-header:before
{
   content: "\2013";
   position: relative;
   left: -9px;
   top: -8px;
   width: 13px;
   height: 20px;
   color: #0D4E96;
   font-weight: bold;
   font-size: 28px;
   float: left;
}

#introduction .collapsible-header.collapsed:before
{
   content: "+";
   left: -10px;
   top: -9px;
   width: 13px;
}

#introduction .collapsible-header + *
{
   border-top: 1px solid white;
   padding-left: 10px;
   padding-right: 10px;
}

#introduction .section
{
   margin-top: 25px;
   margin-bottom: 20px;
   border-top: 2px solid #E6E7E9;
   clear: both;
}

#introduction .section.first
{
   margin-top: initial;
   border-top: none;
}

#introduction .subsection.half
{
   width: calc(100% - 40px);
   float: left;
   clear: both;
}

@media (min-width: 1280px)
{
   #introduction .subsection.half
   {
      width: calc(50% - 40px);
      float: left;
      margin-right: 40px;
      clear: initial;
   }
}

#introduction .subsection.full
{
   width: calc(100% - 40px);
   float: left;
   clear: both;
}

#introduction .subsection
{
   margin-bottom: 10px;
}

.swagger-section .swagger-ui-wrap #introduction ul
{
   list-style: initial;
}

.swagger-section .swagger-ui-wrap #introduction ul
{
   padding-bottom: 12px;
}

#introduction .collapsing
{
   position: initial;
   height: initial;
   overflow: hidden;
}

/********************/
/* domain & api-key */
/********************/
.swagger-section .token-generator
{
   background: #e6e7e9;
   padding-top: 20px;
   margin-bottom: 0px;
}

.swagger-section .token-generator label
{
   color: #3b3b3b;
   font-size: 14px;
   font-weight: normal;
   margin-bottom: 8px;
}

.swagger-section .token-generator .form-control
{
   height: 30px;
   border-radius: 8px;
}

.swagger-section .token-generator .scope-selector
{
   padding-bottom: 0px;
}

.swagger-section .token-generator .help-div
{
   float: right;
   padding-top: 5px;
}

.swagger-section .token-generator .version-selector
{
   clear: both;
   padding-top: 15px;
}

.swagger-section .token-generator .version-selector a
{
   float: right;
}

.swagger-section #infoplusVersions
{
   width: 100%;
   height: 30px;
   border-radius: 8px;
}

/************/
/* left-nav */
/************/
.swagger-section .sticky-nav .intro-nav
{
   display: none;
}

/* @media(min-width: 768px) */
@media (min-width: 992px)
{
   .swagger-section .sticky-nav .intro-nav
   {
      display: block;
   }
}

.swagger-section .sticky-nav .intro-nav
{
   background: #ffffff;
   padding-top: 20px;
   border-right: 1px solid #E6E7E9;
}

.swagger-section .sticky-nav .intro-nav div
{
   padding: 10px 20px;
}

.swagger-section .sticky-nav .intro-nav a
{
   color: #5c666f;
   font-size: 16px;
   text-transform: lowercase;
   text-decoration: none;
}

.swagger-section .sticky-nav .intro-nav .heading a
{
   text-transform: uppercase;
   letter-spacing: .08em;
   color: #5c666f;
   font-size: 13px;
   font-weight: 700;
   margin-bottom: 15px;
}

.swagger-section .sticky-nav [data-navigator]
{
   background: #ffffff;
   border-right: 1px solid #E6E7E9;
}

/* @media (min-width: 768px) */
@media (min-width: 992px)
{
   .swagger-section .sticky-nav [data-navigator]
   {
      padding-top: 20px;
      padding-bottom: 80px;
   }
}

.swagger-section .sticky-nav [data-navigator] .item
{
   color: #5c666f;
}

.swagger-section .sticky-nav [data-navigator] .item
{
   border-top: 1px solid #b0b0b1;
   border-bottom: 1px solid #b0b0b1;
}

.swagger-section .sticky-nav [data-navigator] .item,
.swagger-section .sticky-nav [data-navigator] .item[data-selected]
{
   background: #e6e7e9;
}

.swagger-section .sticky-nav [data-navigator] .item[data-selected]
{
   font-weight: normal;
   color: #5880b0;
}

.swagger-section .sticky-nav [data-navigator] [data-resource].active:before
{
   color: #5880b0;
}

.changes-disclaimer,
.changes-disclaimer p
{
   margin: 0px;
}

.changes-disclaimer
{
   display: none;
}

/*****************/
/* center column */
/*****************/
#resources_container:before
{
   content: "";
   background: #69788e;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: -1;
}

.swagger-section .operations
{
   padding-top: 0px;
}

.swagger-section .operation-title
{
   font-family: "raleway", sans-serif;
}

@media (min-width: 992px)
{
   .swagger-section .endpoint + .endpoint, .swagger-section .endpoint:first-child
   {
      border-top: 3px solid #B2B2B2;
   }

   .swagger-section .endpoint
   {
      margin: 0 0 120px;
   }
}

.swagger-section .action-summary
{
   padding-top: 0px;
   padding-bottom: 0px;
}

.swagger-section .parameter-item .small-description .markdown p,
.swagger-section .markdown.action-summary p
{
   margin-bottom: 0px;
}

.swagger-section h2.operation-title,
.swagger-section .heading .path a,
.swagger-section .operations h4,
.swagger-section .operation-status,
.swagger-section .operation-status td:nth-child(2),
.swagger-section .action-summary,
.swagger-section #resources a.toggle-samples,
.swagger-section #resources a.toggle-samples:hover
{
   color: #ffffff;
}

.swagger-section #resources a.toggle-samples .circle-icon
{
   display: none;
}

.parameter-content-type,
.response-content-type
{
   /* TODO:  Consider removing from DOM */
   display: none;
}

.swagger-section .parameter-item
{
   background: #e6e7e9;
   border-radius: 10px;
}

.swagger-section .parameter-item .param-property:hover
{
   background: initial;
}

.swagger-section .parameter-item .param-property:before
{
   top: 15px;
   text-align: left;
   width: initial;
}

.swagger-section .parameter-item .param-property
{
   padding-left: 20px;
   padding-top: 40px;
   padding-bottom: 10px;
}

.swagger-section .parameter-item .small-description code,
.swagger-section .parameter-item .small-description
{
   color: #565657;
   font-size: 14px;
}

.swagger-section .parameter-item .small-description *,
.swagger-section .parameter-item .small-description .markdown
{
   display: inline;
}

.swagger-section .parameter-item .small-description code
{
   border: 1px solid #949494;
}

.swagger-section .parameter-item .form-control
{
   width: 100%;
}

.swagger-section .parameter-item:last-child
{
   margin-bottom: 20px;
}


.swagger-section .heading .path a,
.swagger-section .heading .http_method a,
.swagger-section .heading .http_method a:hover,
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading h3 span.path a:hover
{
   text-decoration: none;
   cursor: default;
}

.swagger-section .operations h4:not(.collapsed):after
{
   display: none;
}

/****************/
/* right column */
/****************/
.swagger-section #resources:before
{
   background: #191919;
}

.swagger-section .operations .model-signature h4
{
   background: #191919;
   border-bottom: 1px solid #262626;
}

.swagger-section .operations .model-signature .description .objectName
{
   background: #808080;
}

.swagger-section .operations .model-signature .description .objectName .bracketsIcon,
.swagger-section .operations .model-signature .description .objectName .objectNameText
{
   font-size: 14px;
   opacity: 1;
}

.swagger-section pre
{
   background: #333333;
}

.swagger-section .operations .model-signature .description
{
   background: #333333;
}

.swagger-section .operations .model-signature .description > div + div
{
   border-top: 1px solid #656565;
}

.swagger-section .operations .model-signature .description .propLabels
{
   text-align: left;
}

.swagger-section .operations .model-signature .description .propLabels *
{
   display: inline-block;
   opacity: 1;
   left: 0px;
   top: 0px;
   margin-left: 0px;
   margin-right: 5px;
}

.swagger-section .operations .model-signature .description .propLabels .propName
{
   display: block;
   overflow-wrap: anywhere;
}

.swagger-section .operations .model-signature h4
{
   cursor: pointer;
   font-size: 16px;
}

.samples
{
   /* padding-top: 80px; */
}

@media (min-width: 992px)
{
   .swagger-section .operation > .samples
   {
      padding-top: 60px;
   }
}

.swagger-section .operations .model-signature h4:before
{
   content: "\2013";
   margin-right: 10px;
   padding: 0px 4px 2px 3px;
   font-size: 24px;
   height: 10px;
}

.swagger-section .operations .model-signature h4.collapsed:before
{
   content: "+";
   margin-right: 10px;
   padding: 0px 2px 2px 3px;
   font-size: 24px;
   height: 10px;
}

@media (min-width: 992px)
{
   .swagger-section .operations .model-signature .description .propLabels
   {
      width: calc(150px);
   }

   .swagger-section .operations .model-signature .description .propDesc
   {
      width: calc(100% - 150px);
   }
}

.swagger-section .operations .model-signature .description .propVals code
{
   color: white;
   background-color: transparent;
   border-radius: 4px;
   border: 1px solid white;
}

/**********
** ideas **
**********/

@media (min-width: 992px)
{
   /* make all operations not be full vertical? */
   .swagger-section .operation
   {
      min-height: initial;
   }
}

@media (min-width: 768px)
{
   /* make request URL generally fit in modal */
   .modal-dialog
   {
      width: 768px;
   }
}

/* modal - make body not stupidly scroll forever */
.response_body pre
{
   overflow: auto;
   height: calc(100vh - 475px);
   min-height: 100px;
}

.response_headers pre
{
   max-height: 100px;
   overflow: auto;
}

.content
{
   top: 60px;
   position: relative;
}


.sticky-nav-placeholder
{
   position: fixed;
   top: 60px;
   width: 320px;
   width: 100%;
   overflow-y: auto;
   height: 100%;
}

.swagger-section .sticky-nav.fixed
{
   position: static;
   top: initial;
   left: initial;
   width: 100%;
   z-index: 600
}

@media (min-width: 992px) {
   .swagger-section .sticky-nav.fixed {
      width: 290px;
      height: initial;
      overflow-y: initial
   }

   .sticky-nav-placeholder
   {
      width: 290px;
   }
}

@media (min-width: 1400px) {
   .swagger-section .sticky-nav.fixed {
      width: 320px
   }

   .sticky-nav-placeholder
   {
      width: 320px;
   }
}


/***********
** footer **
***********/
.footer
{
   background: #213546;
   padding: 8%;
   color: white;
}

.footer .company-section
{
   width: 36%;
   float: left;
   font-size: 18px;
}

.footer a i.fa,
.footer a:hover i.fa
{
   color: white;
}

.footer .company-section p b
{
   font-size: 24px;
}

.footer .nav-section
{
   width: 16%;
   float: left;
}

.footer .nav-section .lead
{
   font-size: 24px;
   font-weight: 400;
   margin: 0 0 5px 0;
   color: #27ace3;
}

.footer .nav-section .lead a
{
   color: #27ace3;
   font-weight: bold;
}

.footer .nav-section a
{
   color: #fff;
   font-size: 16px;
   font-weight: 300;
   margin-bottom: 5px;
}

.footer .nav-section li
{
   margin-top: 10px;
   margin-bottom: 10px;
}