body {
    background-color: #eeeeee;
}

.bg-white {
    background-color: #ffffff;
}

.btn-secondary {
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}

.m-10 {
    margin: 10px;
}

.m-20 {
    margin: 20px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-r-0 {
    margin-right: 0;
}

.m-l-0 {
    margin-left: 0;
}

.m-r-10 {
    margin-right: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-m10 {
    margin-left: -10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-l-20 {
    margin-left: 20px;
}

.margin-10 {
    margin: 10px;
}

.no-margin {
    margin: 0;
}

.p-10 {
    padding: 10px;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.no-padding {
    padding: 0px !important;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.rounded {
    border-radius: 10px !important;
    padding: 20px;  
}

.top-menu {
    height: 60px;
}

.grid-item { 
    width: 100%;
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

.text-red {
    color: #be0000 !important;
}

.text-green {
    color: #008800 !important;
}

.text-grey {
    color: #eeeeee;
}

.text-darkgrey {
    color: #aaaaaa;
}

.text-dark-grey {
    color: #a6a6a6;
}

.text-black {
    color: #000000 !important;
}

.text-white {
    color: #ffffff !important;
}

a {
    color: #858585 !important;
}

.asset-title {
    font-size:0.9em;
}

.asset-value {
    font-size:0.9em;
}

.asset-subtitle {
    font-size:0.9em;
}

.tooltip-inner {
    text-align: left;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

.fs-22 {
    font-size: 22px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px; 
    padding-left: 10px;
}

.tr-symbol {
    font-size: 1.1rem !important;
    font-family: 'Roboto Condensed', sans-serif;
}

.tr-timestamp {
    font-size: 0.6em;
}

.tooltip {
    z-index: 1040 !important;
}

@media (min-width: 576px) {
    .m-t-10 {
        margin-top: 20px;
    }

    .nav-p-r-0 {
        padding-right: 0 !important;
    }

    .nav-p-l-0 {
        padding-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .m-t-10 {
        margin-top: 20px;
    }
}

.pf-koin {
    display: table-cell;
    padding: 10px;
}

.pf-arrow {
    display: table-cell;
    height: auto;
    vertical-align: middle;
    color: #c6c6c6;
}

.pf-date {
    padding: 10px;
    font-size: 12px;
    color: #858585;
}

.pf-row {
    text-decoration: none !important;
}

.page-item.active .page-link {
    color: #fff !important;
    background-color: #008800 !important;
    border-color: #008800 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    background-color: #008800 !important;
}

th, td {
    white-space: nowrap;
}