:root {
  --md-primary-fg-color: #20344F;
  --md-accent-fg-color: #20344F;

  /* Code block color shades */
  --md-code-bg-color: rgb(248, 245, 245);
  --md-code-fg-color: hsla(200, 18%, 26%, 1);

}

.md-sidebar--primary {
  order: 0;
}

.red{
  color: red;
  font-style: italic;
}

.twitter {
  color: #1DA1F2;
}

.md-grid {
  max-width: 1440px; 
}

/* TABLE HEADER COLOR */

.md-typeset table:not([class]) th:not([align]), .md-typeset table:not([class]) td:not([align]) {
  text-align: left;
}

.md-typeset table:not([class]) th {
  min-width: 5rem;
  padding: 0.5em 0.5em;
  color: var(--md-default-bg-color);
  vertical-align: center;
  background-color: #2980B1;
  box-sizing: inherit;
  line-height: 1.9;
  -webkit-print-color-adjust: exact;
}

[dir="ltr"] .md-typeset table th[role="columnheader"]::after {
  margin-left: 0.5em;
  background-color: var(--md-default-bg-color);
}

/* .background-color {hsl(0deg 0% 100% / 70%);} */

.highlight-code {
  position: relative;
}

.microlight {
    overflow-y: auto;
    max-height: 400px;
    min-height: 6em;
  }

.code {
    white-space: pre-wrap !important;
    word-break: break-all;
    }


.root {--md-code-bg-color: #f5f20f}

.background-color {color: #f5f20f}


.skip {color: rgba(22, 22, 22, 22)}

/* SWAGGER */
.info {
  display: none;
}
.swagger-ui .opblock .opblock-summary{
  background-color: rgb(248, 242, 242) !important;  
}

.swagger-ui .opblock.opblock-get{
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-get .opblock-summary-method {
  background: #95c6f7 !important;
}

.opblock.opblock-post .opblock-summary-method {
  background: #99d4ba !important;
}

.opblock.opblock-put .opblock-summary-method {
  background: #f7d095 !important;
}

.opblock.opblock-delete .opblock-summary-method {
  background: #ec9d9d !important;
}


.opblock.opblock-get .opblock-summary {
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-post .opblock-summary {
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-put .opblock-summary {
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-delete .opblock-summary {
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-get {
  background: rgb(248, 242, 242) !important;
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-post {
  background: rgb(248, 242, 242) !important;
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-put {
  background: rgb(248, 242, 242) !important;
  border-color: rgb(248, 242, 242) !important;
}

.opblock.opblock-delete {
  background: rgb(248, 242, 242) !important;
  border-color: rgb(248, 242, 242) !important;
}

span[style*="color: rgb(162, 252, 162);"]{ color: rgb(27, 29, 104) !important; }
span[style*="color: rgb(252, 194, 140);"]{ color: rgb(27, 29, 104) !important; }
span[style*="color: rgb(211, 99, 99);"]{ color: rgb(27, 29, 104) !important; }
span[style*="color: rgb(51, 51, 51);"]{ color: rgb(255, 255, 255) !important; }
span[style*="background: rgb(51, 51, 51);"]{ background: rgb(255, 255, 255) !important; }

.example.microlight{
  background: rgb(248, 242, 242) !important;
  padding: 0.1em
}

span[style*="color: #F5F5F5;"]{ color: rgb(255, 255, 255) !important; }

.md-typeset code{
  background-color: #FFFFFF!important;
}

/* payload font */
.swagger-ui code {
  font-family: monaco,monospace;
}

code, .code {
  font-family: monaco,
               monospace;
}

/* SWAGGER END */

/* TABLES STYLING */


/* light mode alternating table bg colors */
/* .md-typeset__table tr:nth-child(2n) {
  background-color: #880808;
} */

a.buttons-collection {
  margin-left: 1em;
}
/* dark mode alternating table bg colors */

/* TABLES STYLING END */




/* TEST */

.o-card, .o-feature {
  width: 100%;
  border: 3px solid rgba(255,255,255,0);
  border-radius: 3px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0 0 5px 5px rgb(23 23 23 / 2%);
  transition: border .1s ease-in;
}


.o-card__link, .o-card__wrapper, .o-feature__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 30px 30px 20px 30px;
}


.d-flex {
  display: flex!important;
}

.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-mdp, .col-mdp-1, .col-mdp-10, .col-mdp-11, .col-mdp-12, .col-mdp-2, .col-mdp-3, .col-mdp-4, .col-mdp-5, .col-mdp-6, .col-mdp-7, .col-mdp-8, .col-mdp-9, .col-mdp-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.o-card__btn strong {
  display: block;
  font-family: Roboto,sans-serif;
  color: #2980B1;
  transform: translateX(0);
  will-change: transform;
  transition: transform 80ms ease-in;
}

.o-card__btn {
  padding-top: 20px;
  border-top: 1px solid rgba(66,66,66,.15);
  transition: border-color .1s ease-in;
  background-image: url();
  background-position: 100% calc(100% - 4px);
  background-size: 17px 12px;
  background-repeat: no-repeat

}


/* CSS ICONS FOR CAMPAIGNING CHANNELS */ 



.iconify {
  font-size: 60px;
}
/* */

.channels-icons {
  font-size: 70px !important ;
}

/* Landing page */

#api-thingsolver-url {
  color: #0080ff;
  text-shadow: 0.5px 0.5px 0.8px #0080ff;
}

/* Solver Atlas */

.pleasant-blue {
  color: #0080ff !important;
  text-shadow: 0.5px 0.5px 0.8px #0080ff;
}

.nested-list+ul li ul li {
  list-style-type: circle;
}

.atlas-image {
  display: block;
  max-height: 600px;
  border-radius: 10px;
  margin-left: 5%;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}