.admonitionblock table {
    border: 0 !important;
}

.admonitionblock tr {
    border: 0 !important;
}

.admonitionblock td {
    border: 0 !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.admonitionblock td.icon {
    width: 6em;
    background-color: var(--secondary);
    border-radius: 5px;
}

.admonitionblock td.content {
    padding: 1rem !important;
    padding-bottom: 0 !important;
    border-radius: 5px;
    text-align: left !important;
}

.admonitionblock.warning code{
    color: black;
}
.admonitionblock.warning td.content {
    background-color: var(--warning) !important;
    vertical-align: middle !important;
    font-weight: bold;
    color: white;
}

.admonitionblock.caution td.content {
    background-color: var(--danger) !important;
    vertical-align: middle !important;
    font-weight: bold;
    color: white;
}

.admonitionblock.important td.content {
    background-color: var(--success) !important;
    vertical-align: middle !important;
    font-weight: bold;
}

.admonitionblock.note td.content {
    vertical-align: middle !important;
    background-color: var(--light) !important;
}

.admonitionblock.tip td.content {
    background-color: var(--light) !important;
    border-radius: 5px !important;
    vertical-align: middle !important;
}

.admonitionblock code {
    color: var(--orange);
}

.icon-warning {
    font-size: 2em;
}

.icon-warning::before {
    content: "\f06d";
    color: var(--warning);
}

.icon-caution {
    font-size: 2em;
}

.icon-caution::before {
    content: "\f071";
    color: var(--danger);
}

.icon-important {
    font-size: 2em;
}

.icon-important::before {
    color: var(--success);
    content: "\f12a";
}

.icon-tip {
    font-size: 2em;
}

.icon-tip::before {
    color: var(--primary);
    content: "\f0eb";
}

.icon-note {
    font-size: 2em;
}

.icon-note::before {
    content: "\f129";
    color: var(--info);
}

div.admonitionblock.note  tr td.content div.paragraph p code {
    color: var(--primary)
}