.highcharts-credits {
    display: none;
}

.ztt-dataset2:empty {
    margin: auto;
    margin-bottom: 1rem;
    width: 100%;
    height: 150px; /* change height to see repeat-y behavior */
    background-image: linear-gradient( #f8f9fa00 47px, transparent 0 ), linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 );
    background-repeat: repeat-y;
    background-size: 100% 200px, 50px 150px, /* highlight */
    100% 200px, 90% 200px, 80% 200px, 250px 200px;
    background-position: 0 0, 0px 0, /* highlight */
    0px 60px, 0px 100px, 0px 140px, 0px 180px;
    animation: shine 1s infinite;
}

p {
    color: var(--bs-secondary);
    margin-bottom: 2rem;
}

pre {
    background-color: var(--bs-light);
    padding: 3rem;
}

@keyframes shine {
    to {
        background-position: 0 0, 100% 0, /* move highlight to right */
        0px 60px, 0px 100px, 0px 140px, 0px 180px;
    }
}

/*body {
    background: url(https://cdn.fasttrack.net/images/google/bg.svg);
    background-size: cover !important;
    background-color: #f9f9f9 !important;
}*/

.close_css {
    height: 1rem;
    cursor: pointer;
}

.is-invalid {
    border-color: red;
}


.topgrade {
    background: #2196f3;
    background: -moz-linear-gradient(160deg, #2196f3 28%, #2196f3 28%, #ffffff 28%, #ffffff 78%);
    background: -webkit-linear-gradient(160deg, #2196f3 28%, #2196f3 28%, #ffffff 28%, #ffffff 78%);
    background: linear-gradient(160deg, #2196f3 28%, #2196f3 28%, #ffffff 28%, #ffffff 78%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2196f3', endColorstr='#ffffff', GradientType=1);
}

.topgrade2 {
    background: #fff;
    background: -moz-linear-gradient(340deg, #2196f3 28%, #2196f3 28%, #fff 28%, #fff 78%);
    background: -webkit-linear-gradient(340deg, #2196f3 28%, #2196f3 28%, #fff 28%, #fff 78%);
    background: linear-gradient(340deg, #2196f3 28%, #2196f3 28%, #fff 28%, #fff 78%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2196f3', endColorstr='#fff', GradientType=1);
}

html {
    height: 100%;
}

body {
    background-image: url(/art/indicator_rising_opaque_dark.svg);
    background-size: cover;
    background-position: bottom;
    height: 100%;
    background-color: #fafbfe !important;
}

.card {
    /* border-radius: 0px !important; */
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15) !important;
    border: 0px;
}

.card-header {
    background-color: unset;
}

.card-footer {
    background-color: unset;
}

/*.containerbackground::before {
        content: "";
        background-image: url(/art/indicators_rising.svg);
        background-size: cover;
        background-position: bottom;
        opacity: 0.5;*/ /* Adjust the opacity value (0.5 in this example) to control opacity */
/*position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index:-1;
    }

    .containerbackground svg {
        opacity: 0.5; 
    }*/