body {
    padding: 0px;
}

.body-content {
    padding: 0px !important;
}

/*#region Error Message */

.error-message {
    color: white;
    font-size: 5cqmin;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 500px;
}

.error-message-div {
    background-color: black;
    background-image: url("/Content/Images/Leap/Error.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: calc(100vh - 150px);
    text-align: center;
}

.error-message-div-forbidden {
    background-color: black;
    background-image: url("/Content/Images/Leap/Forbidden.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: calc(100vh - 150px);
    text-align: center;
}

.error-message-div-not-found {
    background-color: black;
    background-image: url("/Content/Images/Leap/NotFound.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: calc(100vh - 150px);
    text-align: center;
}

.error-message-div-user-inactive {
    background-color: black;
    background-image: url("/Content/Images/Leap/UserInactive.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: calc(100vh - 150px);
    text-align: center;
}

@media (width < 576px) {
    .error-message {
        font-size: 8cqmin;
        left: 2.5%;
        position: absolute;
        top: 60%;
        width: 95%;
    }

    .error-message-div {
        background-image: url("/Content/Images/Leap/ErrorMobile.png");
        height: calc(100vh - 150px);
    }

    .error-message-div-forbidden {
        background-image: url("/Content/Images/Leap/ForbiddenMobile.png");
    }

    .error-message-div-not-found {
        background-image: url("/Content/Images/Leap/NotFoundMobile.png");
    }

    .error-message-div-user-inactive {
        background-image: url("/Content/Images/Leap/UserInactiveMobile.png");
    }
}

@media (576px <= width < 768px) {
    .error-message {
        left: 3%;
        top: 70%;
        width: 90%;
    }

    .error-message-div {
        background-image: url("/Content/Images/Leap/ErrorMobile.png");        
        height: calc(100vh - 120px);
    }

    .error-message-div-forbidden {
        background-image: url("/Content/Images/Leap/ForbiddenMobile.png");
    }

    .error-message-div-not-found {
        background-image: url("/Content/Images/Leap/NotFoundMobile.png");
    }

    .error-message-div-user-inactive {
        background-image: url("/Content/Images/Leap/UserInactiveMobile.png");
    }
}

@media (992px <= width < 1200px) {
    .error-message {
        left: 5%;
    }
}

@media (1200px <= width < 1400px) {
    .error-message {
        left: 10%;
    }
}

@media (1400px <= width) {
    .error-message {
        left: 15%;
    }
}

/*#endregion Error Message */