.md-container {
    display: flex;
    flex-direction: column;
    background-color: #e8e8e8;
}

.md-content {
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
}

.md-typeset .grid {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    margin: 2.5em 0 0 0;
    justify-items: start;
    align-items: center;
}

.md-content__inner>:last-child {
    margin-left: 75%;
}

footer {
    display: none;
}

.md-source-file__fact {
    font-size: .85rem;
    gap: .3rem
}

h2 {
    font-weight: bold !important;
}

h3 {
    margin: 1.0em 0 0.8em !important;
    font-weight: bold !important;
}

hr {
    height: 1px;
    background-color: #0000001F;
}

.twemoji {
    margin-right: 5px;
    --md-icon-size: 1.3em;
    border-radius: 15px;
}

b {
    color: rgb(70, 70, 70);
}

strong {
    color: inherit;
}

.icon_button_provider {
    position: absolute; 
    margin-left: 5px; 
    border-radius: 8px;
}

img[src*='#center'] {
    display: block;
    margin: auto;
    padding: 2em 0 2em 0;
}

.tabbed-set {
    --md-indicator-x: 0px;
    --md-indicator-width: 63px;
    border: solid 1px lightgrey;
    border-radius: 15px !important;
}

.tabbed-block {
    padding: 0.1em 1.5em;
}

.md-typeset hr {
    border-bottom: .05rem solid var(--md-default-fg-color--lightest);
    display: flow-root;
    margin: 2.0rem 0;
}

.bottom-line-divisor {
    margin: 2rem 0rem !important;
}

.md-typeset .admonition.info,
.md-typeset details.info,
.md-typeset .admonition.warning,
.md-typeset details.warning,
.md-typeset .admonition.danger,
.md-typeset details.danger,
.md-typeset .admonition.success,
.md-typeset details.success{
  border: none;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: none;
}

.md-typeset .info > .admonition-title,
.md-typeset .info > summary,
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary,
.md-typeset .danger > .admonition-title,
.md-typeset .danger > summary,
.md-typeset .success > .admonition-title,
.md-typeset .success > summary{
  background-color: transparent;
  font-weight: 600;
  padding-left: 2.4rem;
  font-size: 16px;
  margin-bottom: 0;
}

.md-typeset .info > p,
.md-typeset .info > .admonition-content,
.md-typeset .warning > p,
.md-typeset .warning > .admonition-content,
.md-typeset .danger > p,
.md-typeset .danger > .admonition-content,
.md-typeset .success > p,
.md-typeset .success > .admonition-content{
  padding-left: 2.4rem;
  margin: 0;
}

.md-typeset .info > .admonition-title::before,
.md-typeset .info > summary::before,
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before,
.md-typeset .danger > .admonition-title::before,
.md-typeset .danger > summary::before,
.md-typeset .success > .admonition-title::before,
.md-typeset .success > summary::before {
  background-color: transparent !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  mask-size: 0 !important;
  -webkit-mask-size: 0 !important;
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: center;
}

.md-typeset .admonition.info,
.md-typeset details.info {
  background-color: #E5F3FA;
  color: #213750;
}

.md-typeset .info > .admonition-title,
.md-typeset .info > summary {
  color: #213750;
}

.md-typeset .info > .admonition-title::before,
.md-typeset .info > summary::before {
  background-image: url('../images/Circle_Info.svg');
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  background-color: #FFF4E5;
  color: #663C00;
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  color: #663C00;
}

.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-image: url('../images/Triangle_Warning.svg');
}

.md-typeset .admonition.danger,
.md-typeset details.danger {
  background-color: transparent;
  border: 1px solid rgba(211, 47, 47, 1);
  color: #5F2120;
}

.md-typeset .danger > .admonition-title,
.md-typeset .danger > summary {
  color: #5F2120;
}

.md-typeset .danger > .admonition-title::before,
.md-typeset .danger > summary::before {
  background-image: url('../images/Circle_Danger.svg');
}

.md-typeset .admonition.success,
.md-typeset details.success {
  background-color: #E8F5E9;
  color: #1B5E20;
}

.md-typeset .success > .admonition-title,
.md-typeset .success > summary {
  color: #1B5E20;
}

.md-typeset .success > .admonition-title::before,
.md-typeset .success > summary::before {
  background-image: url('../images/Success.svg');
}


.js .md-typeset .tabbed-labels:before{
  background: rgba(52, 104, 164, 1);
}

.md-typeset .tabbed-set > .tabbed-labels > label {
  color: #6b7280 !important;
}

.md-typeset .tabbed-set > .tabbed-labels > label:hover {
  color: rgba(52, 104, 164, 1) !important;
}

.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child,
.md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10),
.md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11),
.md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12),
.md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13),
.md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14),
.md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15),
.md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16),
.md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17),
.md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18),
.md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19),
.md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2),
.md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20),
.md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3),
.md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4),
.md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5),
.md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6),
.md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7),
.md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8),
.md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
  color: rgba(52, 104, 164, 1) !important;
}

.md-typeset .tabbed-set > input:checked + label {
  color: rgba(52, 104, 164, 1) !important;
}