.modal {
    z-index: 9999 !important;
}

#extra,
#process {
    z-index: 99999 !important;
}

#all-charts,
#chart-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

#all-charts {
    overflow-y: scroll;
    z-index: 9998;
    border: 1px solid #555;
}

#all-charts,
#chart-popup,
.modal-content {
    border-color: #888 !important;
    background: #131722 !important;
}

#all-charts .chart-wrapper {
    position: relative;
    height: 25vh;
    padding-top: 5px;
    border: 1px solid #555;
    overflow: hidden;
}

#all-charts .chart-wrapper:first-child {
    padding-left: calc(var(--bs-gutter-x));
}

#all-charts .chart-wrapper:last-child {
    padding-right: calc(var(--bs-gutter-x));
}

#all-charts .chart-container {
    height: calc(25vh - 30px);
    max-width: 90%;
}

#all-charts .hide-copyright-panel {
    position: absolute;
    left: 0;
    width: 100%;
    height: 15px;
    z-index: 888;
    background: #131722;
}

#all-charts .hide-copyright-panel.top {
    top: 25px;
}

#all-charts .hide-copyright-panel.bottom {
    bottom: 0;
}

#all-charts .all-chart-refresh,
#all-charts .all-chart-label,
#all-charts .all-chart-tf,
#all-charts .all-chart-market-cap
{
    position: absolute;
    left: 12px;
    bottom: 5px;
    z-index: 900;
}

#all-charts .all-chart-market-cap {
    left: auto;
    right: 35px;
}

#all-charts .all-chart-label {
    bottom: auto;
    top: 25px;
}

#all-charts .all-chart-refresh {
    left: calc(50% - 10px);
}

#all-charts .chart-wrapper:first-child .all-chart-label,
#all-charts .chart-wrapper:first-child .all-chart-tf {
    left: 20px;
}

#all-charts .chart-wrapper:last-child .all-chart-market-cap {
    right: 45px;
}

#all-charts .chart-wrapper:last-child .all-chart-refresh {
    left: 50%;
}

#all-charts .all-chart-actions {
    position: absolute;
    width: 1rem;
    right: 5px;
    bottom: 0;
    z-index: 890;
}

#all-charts .chart-wrapper:last-child .all-chart-actions {
    right: 15px;
}

.modal .modal-body {
    max-height: 92vh;
    overflow-y: auto;
}

.modal .modal-dialog {
    display: flex;
    align-items: center;
    max-width: 280px;
    height: 100%;
    margin: 0 auto !important;
}

#process .modal-dialog {
    max-width: 60px;
}

#content-only .modal-dialog,
#confirmation .modal-dialog {
    max-width: 320px;
}

#alert .modal-dialog,
#analyse-settings-popup .modal-dialog {
    max-width: 300px;
}

#ignore-asset-popup .modal-dialog {
    max-width: 120px;
}

#analyse-list-popup .modal-dialog {
    max-width: 140px;
}

#special-asset-list .modal-dialog,
#full-screen-mode-assets-list .modal-dialog,
#favorite-buttons-popup .modal-dialog {
    max-width: 160px;
}

#position-percents .modal-dialog {
    max-width: 160px;
}

#analyse-asset-list .modal-dialog,
#setting-buttons .modal-dialog {
    max-width: 200px;
}

#analyse-asset-list a.first-element {
    margin-top: 0 !important;
}

#apply-charts .modal-dialog {
    max-width: 120px;
}

#extra .modal-dialog,
#asset-market-cap-popup .modal-dialog {
    max-width: 240px;
}

#asset-label-popup .modal-dialog {
    max-width: 100px;
}

#content-only .row:last-child {
    padding-bottom: 0 !important;
}

@media (max-width: 600px) {
    .full-modal .modal-body {
        max-height: 70vh !important;
    }

    #all-charts {
        border: none;
    }

    #all-charts .row {
        margin: 0 !important;
    }

    #all-charts .chart-wrapper {
        height: 34vh;
        border: none;
        border-bottom: 1px solid #555;
        overflow: hidden;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-right: 0 !important;
    }

    #all-charts .chart-container {
        height: calc(34vh - 30px);
        max-width: 90%;
        overflow: hidden !important;
    }

    #all-charts .chart-wrapper .all-chart-actions {
        right: 10px !important;
    }

    #all-charts .all-chart-label,
    #all-charts .all-chart-tf {
        left: 12px !important;
    }

    #all-charts .all-chart-label {
        left: calc(50% - 10px);
    }

    #all-charts .all-chart-market-cap {
        right: 35px !important;
    }
}