#header {}

#block-ath-site-branding,
#block-ath-sitebranding {
    text-align: center;
    padding: 20px;
    flex-shrink: 1;
    align-items: center;
    justify-content: center;
    min-height: var(--sp3);
    color: var(--color--white);
    background-image: linear-gradient(160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%);
}

#block-ath-site-branding a,
#block-ath-sitebranding a {
    color: var(--color--white);
    font-size: 300%;
    font-weight: bold;
    display: block;
}

input.button {
    color: var(--color--white);
    border-color: var(--color--primary-40);
    background-color: var(--color--primary-40);
}

#main-wrapper,
#block-ath-breadcrumbs,
#block-ath-page-title {
    padding: var(--padding);
}

#main-wrapper{
    min-height: 500px;
}

.site-footer{
    min-height: 200px;
}

#block-ath-breadcrumbs,
#block-ath-page-title {
    padding-top: 20px;
    padding-bottom: 10px;
}

#block-ath-breadcrumbs ol {
    margin: 0;
    padding: 0;
}

.site-footer {
    position: relative;
    background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);
    padding: var(--padding);
}

.form-item label {
    display: block;
}

.views-row {
    clear: both;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid;
}

.pager__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-block: 0;
    margin-inline-start: 0;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    list-style: none;
    font-weight: bold;
    margin: 30px 0 0 0;
}

.pager__items .is-active {
    color: var(--color--white);
    background-color: var(--color--primary-40);
}

.pager__items .is-active a {
    color: var(--color--white);
}

.pager__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--color-text-neutral-soft);
}

.pager__item {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    color: var(--color-text-neutral-soft);
}

.pager__item a {
    font-size: 120%;
    padding: var(--sp);
}


#block-ath-breadcrumbs li {
    display: inline;
    font-weight: bolder;
}

#block-ath-breadcrumbs li:nth-child(n + 2)::before {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-inline: 0.5rem;
    content: "";
    transform: rotate(45deg);
    border-block-start: 2px solid var(--color--gray-45);
    border-inline-end: 2px solid var(--color--gray-45);
}

.field-content ul,
.field-content li {
    display: inline;
    margin: 0;
    padding: 0;
}

.tabs-wrapper-back-next ul {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: space-between;
}

.tabs-wrapper-back-next ul li {
    width: 50%;
    border: 1px solid;
}

.tabs-wrapper-back-next ul li a {
    padding: 10px;
    display: block;
}

.tabs_back {
    text-align: left;
}

.tabs_next {
    text-align: right;
}

details {
    display: block;
    margin-block: var(--sp1);
    color: inherit;
    border: var(--details-border-width) solid var(--color--gray-95);
    border-radius: var(--border-radius);
    box-shadow: 0 1px 4px var(--color--gray-90);
}

summary {
    position: relative;
    padding-block: var(--sp1);
    padding-inline-start: var(--sp2);
    padding-inline-end: var(--sp1);
    list-style: none;
    cursor: pointer;
    transition: var(--details-summary-transition);
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: inherit;
    font-size: var(--line-height-s);
    font-weight: 700;
    line-height: var(--sp1);
}

details[open]>summary::before {
    margin-block-start: -2px;
    transform: translateY(-50%) rotate(135deg);
}

details summary::before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--sp0-75);
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
}

details summary::after {
    position: absolute;
    inset: calc(var(--details-border-width) * -1);
    content: "";
    pointer-events: none;
    opacity: 0;
    border-radius: var(--border-radius);
    box-shadow: inset 0 0 0 2px var(--color--primary-60);
}

.details-wrapper {
    padding: var(--sp);
}

#block-ath-primary-local-tasks ul,
#block-ath-tabs ul {
    display: flex;
}

#block-ath-primary-local-tasks ul li,
#block-ath-tabs ul li {
    border: 1px solid;
}

#block-ath-primary-local-tasks ul li a,
#block-ath-tabs ul li a {
    padding: 10px;
    display: block;
}

#block-ath-colorsetting {
    border: 1px solid;
    padding: 10px;
    flex-direction: row-reverse;
    max-width: 600px;
    margin: 0 auto 20px;
}

#color-setting-form .el {
    margin: 0 10px 0 0;
}

#color-setting-form input {
    border: 1px solid #aaa;
    padding: 0;
}

#color-setting-form {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    justify-items: center;
}

#color-setting-form #textSize,
#color-setting-form * {
    width: 100px;
    margin: 0 0 4px 0;
    background: inherit;
}


#color-setting-form #linkColor {
    margin: 0 0 5px 0;
}

#color-setting-form #textSize {
    background-color: var(--color--white);
    padding: 0 5px;
}

nav.pager {
    display: flex;
    justify-content: center;
}

.views-field-field-tac-gia {
    display: flex;
}

.tabs__tab h4{
   margin:0;
   padding:0;
}

#cbTaDe{
  width: 55px;
  height: 55px;
}

#nodeTruyenRead div p{
    line-height: 40px;
}