/* PAGES */
.api-documentation-container {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  height: 100vh;
  margin: 0;
  overflow-y: scroll;
  background-color: white; }
  .api-documentation-container hr {
    max-width: calc(100% - 2.5rem); }
  .api-documentation-container .openapi-global-info {
    padding: 1.25rem;
    margin-top: 2rem; }
  .api-documentation-container .openapi-tag {
    background-color: #197b9b;
    color: white;
    font-size: 1.5rem;
    margin: 1.75rem 0 1rem 0;
    padding: .25rem 1.25rem; }
  .api-documentation-container .openapi-path h4 {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding-left: 1.25rem; }
  .api-documentation-container .openapi-path h5 {
    text-transform: uppercase;
    color: #197b9b; }
  .api-documentation-container .openapi-path .path-url {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    font-size: .9rem;
    background-color: #ededed;
    word-break: break-all; }
    .api-documentation-container .openapi-path .path-url .badge {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.075rem;
      border-radius: 0;
      padding: 0.5rem;
      padding-bottom: 12px;
      padding-top: 12px;
      width: 5rem;
      margin-right: .5rem;
      color: white;
      font-weight: unset; }
      .api-documentation-container .openapi-path .path-url .badge.badge-verb-get {
        background-color: #35C890; }
      .api-documentation-container .openapi-path .path-url .badge.badge-verb-post {
        background-color: #197b9b; }
      .api-documentation-container .openapi-path .path-url .badge.badge-verb-put {
        background-color: #cc6622; }
      .api-documentation-container .openapi-path .path-url .badge.badge-verb-patch {
        background-color: #992277; }
      .api-documentation-container .openapi-path .path-url .badge.badge-verb-delete {
        background-color: #ef2e2e; }
    .api-documentation-container .openapi-path .path-url .btn-sm {
      font-size: .75rem;
      float: right;
      margin: .35rem; }
  .api-documentation-container .openapi-summary h4 {
    font-size: .8rem;
    font-style: italic;
    font-weight: 100;
    margin: 1rem 0;
    margin-top: 1rem;
    padding-left: 1.25rem; }
  .api-documentation-container .openapi-summary p.operation-description {
    font-size: .8rem;
    word-break: break-word;
    margin: 1rem 0;
    margin-bottom: 2rem;
    padding-left: 1.25rem; }
  .api-documentation-container .openapi-parameters {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
    .api-documentation-container .openapi-parameters .no-parameters, .api-documentation-container .openapi-parameters .no-parameters, .api-documentation-container .openapi-parameters .parameters-body-content {
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
    .api-documentation-container .openapi-parameters .form-control {
      margin-right: 1.25rem;
      margin-left: 1.25rem; }
    .api-documentation-container .openapi-parameters h5 {
      text-transform: uppercase;
      color: #197b9b;
      margin-bottom: 0;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
    .api-documentation-container .openapi-parameters h6 {
      color: #197b9b;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
    .api-documentation-container .openapi-parameters table {
      width: 100%; }
      .api-documentation-container .openapi-parameters table thead {
        border-bottom: solid 1px #ededed; }
        .api-documentation-container .openapi-parameters table thead th {
          line-height: 2.6; }
      .api-documentation-container .openapi-parameters table td {
        vertical-align: top;
        line-height: 2; }
      .api-documentation-container .openapi-parameters table tbody tr:nth-of-type(even) {
        background-color: #F8F9FA; }
      .api-documentation-container .openapi-parameters table tbody tr:nth-of-type(odd) {
        background-color: white; }
  .api-documentation-container .openapi-responses {
    background-color: #F8F9FA;
    padding: 1.25rem;
    height: 100%; }
    .api-documentation-container .openapi-responses .openapi-responses-list:last-child {
      padding-bottom: 2rem; }
      .api-documentation-container .openapi-responses .openapi-responses-list:last-child hr {
        display: none; }
    .api-documentation-container .openapi-responses h5 {
      text-transform: uppercase;
      color: #197b9b;
      margin-bottom: 0; }
  .api-documentation-container .openapi-sample {
    background-color: #2B4260;
    color: white;
    padding-right: 0;
    padding-left: 0; }
    .api-documentation-container .openapi-sample h4 {
      font-size: 1.1rem;
      margin-left: .75rem;
      margin-top: 2.5rem; }
      .api-documentation-container .openapi-sample h4.upper {
        margin-top: -1.5rem; }
    .api-documentation-container .openapi-sample xmp {
      font-size: .8rem;
      background-color: #12263F;
      color: white;
      padding: 0.25rem 0.75rem;
      word-break: break-all;
      max-width: 100%;
      overflow-x: auto;
      padding-top: 25px;
      padding-bottom: 25px; }
    .api-documentation-container .openapi-sample div.sample-display {
      font-size: .8rem;
      font-family: monospace;
      background-color: #12263F;
      color: white;
      padding: 0.25rem 0.75rem;
      word-break: break-all;
      max-width: 100%;
      overflow-x: auto;
      padding-top: 25px;
      padding-bottom: 25px; }
      .api-documentation-container .openapi-sample div.sample-display .text-muted {
        color: #FFCE59 !important; }

/* ANIMATIONS */
.animation-blink {
  -webkit-animation: animation-blink 0.4s both;
  animation: animation-blink 0.4s both; }

@-webkit-keyframes animation-blink {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes animation-blink {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.navbar-container .sub-section {
  padding-left: 3rem !important; }

.navbar-container .badge {
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  border-radius: 0;
  padding: 0.25rem;
  width: 3rem;
  margin-right: .5rem;
  color: white; }
  .navbar-container .badge.badge-verb-get {
    background-color: #35C890; }
  .navbar-container .badge.badge-verb-post {
    background-color: #197b9b; }
  .navbar-container .badge.badge-verb-put {
    background-color: #cc6622; }
  .navbar-container .badge.badge-verb-patch {
    background-color: #992277; }
  .navbar-container .badge.badge-verb-delete {
    background-color: #ef2e2e; }

.navbar-container .panel-heading .lii {
  display: flex;
  padding-bottom: 8px;
  padding-top: 8px;
  padding-left: 20px; }
  .navbar-container .panel-heading .lii .dp-icon {
    position: inherit; }

.navbar-container .sub-section {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

.navbar-container .form-control {
  margin-left: auto;
  margin-right: auto; }

.main-layout.no-layout {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background: linear-gradient(#ffffff, #dddddd);
  grid-template: auto/auto; }
  .main-layout.no-layout .index-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .main-layout.no-layout .index-container .jumbotron {
      max-width: 768px;
      background-color: white !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; }
      .main-layout.no-layout .index-container .jumbotron .top-logo-300 {
        max-width: 300px; }

.main-layout > main {
  padding: 0; }