html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
}

div.special
{
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background-image: url("/assets-1751569397/special/images/back20.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

div.special .modal-body
{
    margin-top: 0px;
}

.modal-backdrop
{
    background-color: inherit;
}

.modal-backdrop.show
{
    opacity: 0 !important;
}

.modal
{
    text-align: center;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    min-width: 450px;
}

.modal-footer
{
    text-align: inherit;
    width: 100%;
}

.modal-footer .left-side
{
    float:left;
    flex: 1;
}

.modal-footer .right-side
{
    float:right;
}

.modal-content
{
    opacity: 0;
}

.modal-content.shown
{
    opacity: 1;
}


div.logo-header
{
    background: url(/assets-1751569397/special/images/login-logo.png) no-repeat center;
    min-height: 150px;
    background-size: 350px;
}

div.credentials
{
    margin-bottom: 50px;
}

.message-box
{
    text-align: center;
    color: red;
    /*color: darkred;*/
    min-height: 0px;
    word-wrap: break-word;

    vertical-align: middle;

    margin-left: 10%;
    margin-right: 10%;
}