.md-typeset img {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #ddd;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.md-typeset img.no-border {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: none;
    box-shadow: none;
}


/*Styles for the first table in Understanding the Odoo Chart of Accounts*/
/* General style for the table */
.gl-account-table {
    background-color: var(--md-default-bg-color);
    border: .05rem solid var(--md-typeset-table-color);
    border-radius: .1rem;
    display: inline-block;
    font-size: .64rem;
    max-width: 100%;
    overflow: auto;
    touch-action: auto;
}

/* Style for the first row (main header) */
.gl-account-header {
    text-align: center;
    /*font-size: 20px;*/
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #DCDCDC;
}

/* Style for the second row */
.gl-account-subheader {
    /*text-align: center;*/
    /*font-size: 16px;*/
    font-weight: bold;
    padding: 8px;
}

/* Color styles for GL ACCOUNT, COST CENTER and LOCATION segments */
.gl-red {
    color: red;
}

.gl-blue {
    color: blue;
}

.gl-green {
    color: green;
}

/* Style for the description text */
.gl-account-description {
    /*text-align: center;*/
    font-style: italic;
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

/* Apply background color to specific columns */
.gl-account-table td:nth-child(4),
.gl-account-table td:nth-child(6),
.gl-account-table td:nth-child(8),
.gl-account-table th:nth-child(4),
.gl-account-table th:nth-child(6),
.gl-account-table th:nth-child(8) {
    background-color: #fdf7dc; /* Light yellow */
}

.gl-account-table th {
    text-align: left;
    font-weight: 700;
    min-width: 5rem;
    padding: .9375em 1.25em;
    vertical-align: top;
}

.gl-account-table td {
    border-top: .05rem solid var(--md-typeset-table-color);
    padding: .9375em 1.25em;
    vertical-align: top;
    transition: background-color 125ms;
}

.gl-account-table td {
    transition: background-color 125ms;
}

.gl-account-table tbody tr {
    transition: background-color 125ms
}

.gl-account-table tbody tr:hover {
    background-color: var(--md-typeset-table-color--light);
    box-shadow: 0 .05rem 0 var(--md-default-bg-color) inset
}