body {
    padding: 0px;
}

td {
    text-align: center
}

th {
    white-space: nowrap;
}


.bold {
    font-weight: bold;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    /* should match background, can\'t be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.margin_top {
    margin-top: 3%;
}

#group_info_label {
    color: blue;
}

#group_page_buttons_div {
    margin: 10px;
    display: block;
    width: 100%;
    display: flex;
}


#hidden_columns_label {
    display: flex;
}

#historical_prices_chart_div,
#comparison_prices_chart_div {
    width: 45%;
    height: 90%;
}

#historical_prices_div,
#comparison_prices_div {
    width: 45%;
}

#historical_prices_table_div {
    width: 350px;
    height: 400px;
    overflow: scroll;
    overflow-y: auto;
}

#historical_prices_table_div {
    margin: 1% 0%;
}


#login_container {
    width: 220px;
    float: left;
}


#set_lid2_form {
    margin: 0px 10px 0px 520px;
}

.input-group .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group input {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-width: 1px;
}

.input-group input {
    padding-left: 10px;
}

/* [SN-2022-05-30] */
/* Overrides bootstrap table-striped color */
/* 1. Remove background shadow */
.table {
    --bs-table-striped-bg: None;
    margin-bottom: 0;
}

/* 2. Set color */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #cfe2ff;
}

/* [SN-2022-05-30] Tables should no wrap but scroll-able */
.list_table_div {
    overflow-x: auto;
    white-space: nowrap;
}

.asset-info-table .card .card-body {
    height: 350px;
}

.asset-info-table th {
    padding-right: 0;
    text-align: left;
}

.asset-info-table td {
    padding-left: 0;
}

.reload-icon {
    margin: 0 5px 0 5px;
    color: red;
}

.legend {
    color: transparent;
    display: inline-block;
    border-style: solid;
    border-radius: 12px;
    width: 12px;
    height: 12px
}

.square {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: white;
}