.background-image {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 600' style='enable-background:new 0 0 800 600;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23006580;stroke:%23006580;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M-0.5-0.5v214.7c0,0,271-67.3,411,15.3c139,82,389-0.2,389-0.2l0,0l2-229.8'/%3E%3C/svg%3E%0A");
    background-size: cover;
}

.swirl-background {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 600' style='enable-background:new 0 0 800 600;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300797F;stroke:%23006580;stroke-width:0.75;stroke-miterlimit:10;%7D .st1%7Bfill:%23006580;stroke:%23006580;stroke-width:0.75;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Layer_2'%3E%3Cpath class='st0' d='M-0.5,250.5c0,0,282.2-48.5,396-3c115,46,406,7,406,7l-1.4-73L0,185'/%3E%3C/g%3E%3Cg id='Layer_1'%3E%3Cpath class='st1' d='M-0.5-0.5v214.7c0,0,271-67.3,411,15.3c139,82,389-0.2,389-0.2l0,0l2-229.8'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: cover;
}

.error-background {
    background-image: url("../img/404.jpg");
    background-size: cover;
}

.header-right {
    width: calc(100% - 3.5rem);
}

.sidebar:hover {
    width: 16rem;
}

.sidebar-background {
    background: rgba(0, 61, 77, 1);
}

.sidebar-background a:hover {
    background-color: rgba(0, 101, 128, 1);
}

@media only screen and (min-width: 768px) {
    .header-right {
        width: calc(100% - 16rem);
    }
}

.chart-height {
    height: 330px;
}

/* Toggle A */
input:checked ~ .dot {
    transform: translateX(100%);
    background-color: #48bb78;
}

/* Toggle B */
input:checked ~ .dot {
    transform: translateX(100%);
    background-color: #48bb78;
}

.loading-icon {
    transform: translate(-50%, -50%);
}

.loading-text {
    transform: translate(-50%);
}

.hovershadow {
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

[x-cloak] {
    display: none
}

tr a {
    display: block;
}

.top30 {
    top: 25%;
}

.top40 {
    top: 40%;
}

.top60 {
    top: 60%;
}

.top102 {
    top: 102px;
}

.right30 {
    right: 29px;
}

/*.loading-30 {
    transform: translate(-30%);
}
.loading-20 {
    transform: translate(-20%);
}*/

.min-200 {
    min-height: 200px;
}

.min-500 {
    min-height: 500px;
}

.tooltip {
    position: relative;
    display: inline-block;
}

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

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}