@media print {
    .shadow-sm {
        box-shadow: none !important;
    }
}



.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-color: var(--bs-light-bg-subtle) !important
}*/
/*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: #FFEB3B;
    background: -moz-linear-gradient(160deg, #FFEB3B 28%, #FFEB3B 28%, #ffffff 28%, #ffffff 78%);
    background: -webkit-linear-gradient(160deg, #FFEB3B 28%, #FFEB3B 28%, #ffffff 28%, #ffffff 78%);
    background: linear-gradient(160deg, #FFEB3B 28%, #FFEB3B 28%, #ffffff 28%, #ffffff 78%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEB3B', endColorstr='#ffffff', GradientType=1);
}

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

html {
    height: 100%;
}

/* body {
   background-image: url(/art/indicator_rising_opaque_yellow.svg);
    background-size: cover;
    background-position: bottom;
    height: 100%;
}*/
/*.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; 
    }*/


.top-div {
    height: auto;
    /* Default height for xs, sm */
}

@media (min-width: 1200px) {

    /* Bootstrap md breakpoint */
    .top-div {
        height: 100%;
    }
}

/* Compact Setting */
.density-compact .ag-theme-balham {
    --ag-font-size: 11px;
    --ag-row-height: 22px;
    --ag-header-height: 24px;
}

.density-compact .statdata,
.density-compact .statdatahalf {
    font-size: 0.85rem !important;
}

.density-compact .tickerinput {
    font-size: 0.85rem !important;
    padding: 0.2rem 0.5rem;
}

/* Tight Setting */
.density-tight .ag-theme-balham {
    --ag-font-size: 10px;
    --ag-row-height: 18px;
    --ag-header-height: 20px;
    --ag-grid-size: 3px;
}

.density-tight .statdata,
.density-tight .statdatahalf {
    font-size: 0.75rem !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.density-tight .tickerinput {
    font-size: 0.75rem !important;
    padding: 0.1rem 0.4rem;
}

/* Compact Buttons */
.density-compact .btn {
    padding: 0.1rem 1rem 0.1rem 0.3rem !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
}

.density-compact .btn i.bi {
    font-size: 0.75rem !important;
}

/* Tight Buttons */
.density-tight .btn {
    padding: 0 1rem 0 0 !important;
    font-size: 0.65rem !important;
    line-height: 1 !important;
}

.density-tight .btn i.bi {
    font-size: 0.65rem !important;
}