/*Fix for selection changing width inside tooltip https://github.com/MudBlazor/MudBlazor/issues/1167#issuecomment-826156057*/
.mud-tooltip-root {
    display: flex !important;
}

.map-box {
    position: relative;
    background-image: linear-gradient(to right, transparent 15%, white 75%), url('../images/background_ulf_trans.svg');
    background-position: 0 0, -230px -190px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

    .map-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

.map-section {
    padding: 5px;
    height: 86%;
}

.austria-map-box {
    margin-top: -40px;
    margin-left: 25px;
}


.austria-map {
    position: absolute;
    z-index: 5;
    left: 8vw;
    width: 65%;
}

@media (max-width: 1024px) {
    .austria-map {
        left: 1vw;
    }
}

.region-info {
    margin: 40px 3px 3px 0px;
    visibility: hidden;
    position: absolute;
    z-index: 10;
}

.region-title {
    color: #cb1574;
}

.region-details strong {
    color: #cb1574;
}


.infoscreen-border {
    border: 1px solid #cb1574;
    border-top: 3px solid #cb1574;
}


.campaign-box {
    padding: 20px;
    width: 300px;
    height: 149px;
    text-align: center;
    border: 5px solid #cb1574;
    border-radius: 10px;
    background: #ffffff;
}

    .campaign-box .screens-header {
        font-weight: bold;
        font-size: 24px;
    }

    .campaign-box .screens-number {
        font-size: 40px;
        color: #cb1574;
        font-weight: bold;
    }

    .campaign-box .screens-text {
        font-weight: bold;
    }

.download-button {
    float: right;
    width: 240px;
    cursor: pointer;
}