table {
    border-collapse: collapse;
    overflow-x: scroll;
}
table a {
    text-decoration: underline;
    text-underline: #335ebd 1px solid;
    text-underline-offset: 2px;
}
.table-header {
    font-size: 0.8rem;
    border-bottom: 1px gray solid;
}

table.table tr:nth-child(odd) td {
    background: inherit !important;
}
table.table thead {
    border-bottom: 1px solid gray;
}

.table-header th{
    font-size: 0.8rem;
    font-weight: bold;
}
.table-content {
    font-size: 0.1rem;
    border-bottom: 1px gray solid;
}
td, th {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
}
td {
    vertical-align: top;
}
.up-scroll-div {
    overflow-x:auto;
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */;
    height: fit-content;
}
.up-scroll-div table {
    overflow-x:auto;
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */;
}
.up-scroll-div div {
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */;
}
.up-scroll-div span {
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */;
}
/* Designing for scroll-bar */
.up-scroll-div::-webkit-scrollbar {
    height: 0.7rem
}

/* Track */
.up-scroll-div::-webkit-scrollbar-track {
    border: 0.35rem white solid;
    background: #c3c3c5;
}

/* Handle */
.up-scroll-div::-webkit-scrollbar-thumb {
    background: #c3c3c5;
    border-radius: 5px;
}

/* Handle on hover */
.up-scroll-div::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.pagination-graph {
    margin-bottom: 2rem;
    margin-top: 6rem;
}
/* Chrome, Safari, Edge, Opera */
.number-without-arrows::-webkit-outer-spin-button,
.number-without-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.number-without-arrows {
    -moz-appearance: textfield;
}

.filter-switcher, .filter-switcher a{
    background: none;
    border: none;
    font-size: 1rem;
    color: #e54941;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}
.filter-btn-box {
    padding-top: 3rem;
    text-align: center;
}
.filter-item input {
    border: none;
    outline: none;
    font-size: 1rem;
    min-height: 2rem;
    width: 100%;
}
div .filter-item {
    border-bottom: 1px gray solid;
    margin: 1rem 0.5rem;
    max-height: 3.5rem;
}
.filter-item img {
    max-height: 1.8rem;
    padding-bottom: 0.1rem;
}
.filter-item * {
    font-size: 1rem;
}
::placeholder {
    color: black;
    font-weight: normal;
}
.filter-item-title {
    font-size: 0.9rem;
    min-height: 1.1rem;
    color: black;
    align-self: start;
    display: block;
}
.filter-item select {
    width: 100%;
    border: none
}
.filter-btn {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 2rem;
    margin: 0 0.7rem;
    background: none;
}
.clear-btn {
    border: 1px solid #3f5d95;
    border-radius: 6px;
}
.clear-btn:hover {
    background: #3f5d95;
    color: white
}
.search-btn {
    border-radius: 6px;
    border: 1px solid #e64942;
    cursor: pointer;
}
.search-btn:hover {
    background: #e64942;
    color: white;
}
select:focus {
    border: none;
    outline: none;
}
#filter {
    width: 100%;
}

.common-info {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.common-info-item {
    background: #f7f7f7;
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    margin: 0.25rem 0;
    margin-left: -0.5rem;
    align-items: center;
}

.common-info-item .title {
    font-weight: bold;
}

.common-info-item .value {
    text-align: end;
}

.common-info-item .title span {
    font-weight: bold;
}

.common-info-item .value span {
    text-align: end;
}

.common-info-item .value a{
    text-align: end;
    text-decoration: underline;
    text-underline-offset: 0.1rem;
}

.gz-tabs {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    border-bottom: 1px solid ;
    border-bottom: #c3c3c5 1px solid;
    width: fit-content;
}

.dont-rotate {
    transform:rotateX(0) !important;
    -ms-transform:rotateX(0) !important; /* IE 9 */
    -webkit-transform:rotateX(0) !important; /* Safari and Chrome */;
}

.gz-tab-selected a {
    color: black;
    text-underline-offset: 0.25rem;
    text-decoration: underline #335dbd 4px;
}
.gz-tab a {
    color: black;
}
.gz-tabs div {
    padding-bottom: 0.25rem;
    color: black;
}
.tabs-content {
    margin-bottom: 3rem;
}
.final-info {
    font-size: 0.8rem;
}

.final-info th {
    font-size: 0.9rem;
    text-align: left;
}

.final-info td {
    text-align: left;
    font-size: 0.85rem;
}

.bold-tr td {
    font-weight: bold;
}

.final-info tr td:first-child {
    padding-left: 0;
}

.graph-position-table th {
    min-width: 7rem;
}
.graph-position-table tr th:first-child,
.graph-position-table tr td:first-child {
    padding-left: 0;
}
.graph-position-table:last-child {
    border: hidden;
}
.section-caption {
    background-color: #335dbd;
    color: white;
    font-size: 1.5rem;
}
.up-scroll-div th {
    min-width: 8rem;
    text-align: inherit;
    font-weight: bold;
}

.section-caption-purchase {
    align-items: center;
}
.section-caption h2 {
    color: white;
    font-size: 1.5rem;
    padding: 0;
}
.section-caption h3 {
    color: white;
    font-size: 1.2rem;
    padding: 0;
}
.purchase-section {
    margin: 1rem 0;
}
.purchase-title {
    color: #335dbd;
    font-size: 1rem;
    padding-left: 0;
}
.gz-tab, .gz-tab-selected {
    margin-right: 1.5rem;
}
.gz-tab:last-child, .gz-tab-selected:last-child {
    margin-right: 0;
}
td:first-child, th:first-child {
    padding-left: 0;
}
.text-left, .text-left * {
    text-align: left;
}
img.news-banner-img {
    filter: brightness(70%);
    width: 100%;
    max-height: 17rem;
}
.purchaseFinalInfo-col {
    min-width: 5rem;
}