body {
    /* Show scrollbars */
    overflow-y: scroll;
    margin: 0;
    max-width: 100%;
}

a:hover {
    text-decoration: none;
}

.highlight {
    background-color: #e22658 !important;
}

.disabled {
    pointer-events: none;
    background-color: #424242;  
}

.emphasize {
    color: #e22658 !important;
}

.bold {
    font-weight: bold;
}

.center-login-form {
    margin: 200px auto auto auto;
    width: 300px;
}

.center-login-form input {
    width: 280px;
}

.center-element {
    margin: auto;
    text-align: center;
}

.currency::before {
    content: '$';
}

.currency {
    text-align: right;
    padding-right: 10px;
}

.currency-raw::before {
    content: '$';
}

.parenthesis::before {
    content: '(';
}

.parenthesis::after {
    content: ')';
}

.sidebar {
    height: 100%;
    background-color: #e22658;
    position: fixed;
    width: 64px;
}

.sidebar-item {
    padding: 12px 0px;
    display: block;
    font-size: xx-small;
    text-align: center;
}

.sidebar-item-bottom {
    padding: 12px 16px;
    display: block;
    font-size: xx-small;
}

.page-content {
    margin-left: 150px;
    padding-top: 0.01em;
    max-width: 1400px;
}

h1,
h2,
h3,
h4 {
    text-transform: uppercase;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

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

div.fixed {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #ff8f50;
    color: black;
    font-size: x-large;
    font-weight: bold;
    border-bottom-left-radius: 10px;
    padding: 0 7px;
}

div.fixed-banner {
    position: fixed;
    top: 0;
    left: 74px;
    background-color: #ff8f50;
    color: black;
    font-size: x-large;
    font-weight: bold;
    border-bottom-right-radius: 10px;
    padding: 0 7px;
}

.container {
    border-radius: 20px;
    background-color: #fff;
    padding: 16px;
    color: rgb(0, 0, 0);
}

/***********************/
/* Tooltip             */
/***********************/
/* Container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    bottom: 110%;
    margin-left: -21px;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    width: 65px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.no-records {
    padding-left: 10px;
}

.right-align {
    float: inline-end;
}

.inline div {
    float: inline-start;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.upper {
    text-transform: uppercase;
}