/*  */
/* Custom Styles - Danny */
/*  */
h1, h2, h3, h4, h5 {
    color: var(--primary) !important
}

h1, h2, h2.fw-normal {
    font-weight: 600 !important;
    font-size: 26px !important;
}

.button {
    background-color: var(--primary-100) ! important;
    border-color: var(--primary-100) ! important;
    color: var(--primary) ! important;
}
.button:hover {
  background-color: #1b7eb3;
}
.wrapper .display-lg-flex, .wrapper .scroll {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.wrapper .scroll {
    margin: 0;
}

.wrapper .display-lg-block .row > div:last-child {
    width: auto !important;
}

.droplist {
    position: relative;
}

.droplist.open .droplist-wrap {
    top: 89%;
}

.droplist-content {
    border-radius: 0 0 13px 13px !important;
}

.droplist.open .droplist-label {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.droplist .droplist-list a {
    text-decoration: none !important;
}

.content, .content.p-0  {
    padding: 2rem !important;
}

.content table {
    text-align: right !important;
}

.content table th a {
    text-decoration: none !important;
    font-weight: 500 !important;
}

.content table th a i {
    font-size: 60%;
    color: var(--primary) !important;
    font-weight: 100;
}

.table tbody tr td {
    background-color: transparent !important;
}

.table tbody tr {
    background-color: white;
}

.table tbody tr:nth-child(4n+1) {
    background-color: var(--gray-200);
}

.pagenavi > a {
    transform: rotateY(180deg);
}

.pagenavi > a svg {
    width: 20px !important;
    height: 20px !important;
}

.pagenavi .pagenavi-number {
    align-items: center;
    border-radius: 50%;
    color: var(--primary);
    cursor: pointer;
    display: flex;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 44px;
    justify-content: center;
    width: 44px;
    text-decoration: none;
}

@media (min-width: 992px) {
    .table tr.table-collapse-content:nth-child(4n + 2) td {
        background-color: var(--gray-200) !important;
    }
  }