/*.modal-open .modal {
    overflow: hidden !important;
}
*/
.modal-cheatwarning .modal-header {
    border-bottom: 0px;
}

.modal-cheatwarning p {
    font-size: 1em;
}

.modal-cheatwarning .modal-content.modal-transparent {
    border: 0px;
    background-color: rgba(0,0,0,.0001);
}

.modal-cheatwarning button.close {
    background-color: #fff;
    opacity: .75;
}

    .modal-cheatwarning button.close:hover {
        opacity: 1;
    }

.modal-cheatwarning .crosssign {
    width: .5rem;
    height: .5rem;
    display: inline-grid;
    place-content: center;
    aspect-ratio: 1;
    min-inline-size: 1.25em;
    border-radius: 50%;
    background-color: #fff;
}

    .modal-cheatwarning .crosssign::before {
        content: "\D7";
        color: #000;
        font-weight: bold;
    }

.modal-cheatwarning img {
    display: block;
    margin: auto;
}


.modal-cheatwarning .confirmBtn {
    vertical-align: middle;
    border: none;
    border-radius: 6px;
    background-color: #01999b;
    padding: 8px;
    margin: 0px 8px;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

    .modal-cheatwarning .confirmBtn:hover {
        background-color: #006d6e;
    }

    .modal-cheatwarning .confirmBtn:active {
        background-color: #006d6e;
    }

    .modal-cheatwarning .confirmBtn:disabled {
        color: #c9c9c9;
        background-color: #eee;
    }

    .modal-cheatwarning .confirmBtn:focus {
        background-color: #006d6e;
    }

@media (min-width: 945px) {
    .modal-cheatwarning .modal-dialog {
        max-width: 900px;
    }

    .modal-cheatwarning .modal-img-size {
        width: calc(1600 * 0.5px);
        height: calc(1250 * 0.5px);
    }

    .modal-cheatwarning .default-img {
        width: calc(1600 * 0.5px);
        height: calc(1250 * 0.5px);
        background-size: calc(1600 * 0.5px), calc(1250 * 0.5px);
    }
}

@media (min-width: 625px) and (max-width: 945px) {
    .modal-cheatwarning p {
        font-size: 1em;
    }

    .modal-cheatwarning .confirmBtn {
        vertical-align: middle;
        border: none;
        border-radius: 6px;
        background-color: #01999b;
        padding: 8px;
        margin: 0px 4px;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
    }

    .modal-cheatwarning .modal-dialog {
        max-width: 600px;
        margin: .5rem auto;
    }

    .modal-cheatwarning .modal-dialog-centered {
        min-height: calc(100% - (.5rem * 2))
    }

    .modal-cheatwarning .modal-img-size {
        width: calc(1600 * 0.35px);
        height: calc(1250 * 0.35px);
    }

    .modal-cheatwarning .default-img {
        width: calc(1600 * 0.35px);
        height: calc(1250 * 0.35px);
        background-size: calc(1600 * 0.35px), calc(1250 * 0.35px);
    }
}

@media (min-width: 375px) and (max-width: 625px) {
    .modal-cheatwarning p {
        font-size: 1em;
    }

    .modal-cheatwarning .confirmBtn {
        vertical-align: middle;
        border: none;
        border-radius: 6px;
        background-color: #01999b;
        padding: 8px;
        margin: 4px;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
    }

    .modal-cheatwarning .modal-dialog {
        max-width: 300px;
        margin: 1.5rem auto;
    }

    .modal-cheatwarning .modal-dialog-centered {
        min-height: calc(100% - (1.5rem * 2))
    }

    .modal-cheatwarning .modal-img-size {
        width: calc(690 * 0.35px);
        height: calc(1000 * 0.35px);
    }

    .modal-cheatwarning .default-img {
        width: calc(690 * 0.35px);
        height: calc(1000 * 0.35px);
        background-size: calc(690 * 0.35px), calc(1000 * 0.35px);
    }
}