body, form {
        background-color:#42AAFF;
/*background-color:lightgreen;*/
}

.jqx_formTextLeft, .jqx_formTextAbove, .jqx_formTextRight, .jqx_formTextBelow {
    color: white;
}

.customText {
    /*display:inline-block;*/
}

.imageCentre
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.loginForm {
    margin-bottom: 300px;
}

@media (max-width: 830px) {
    .loginForm, .jqx_formInfobox {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 800px) {
    #topbarlogin {
        display: none;
    }
    #loginBanner {
        display: block;
    }
}

@media (min-width: 800px) {
    #topbarlogin {
        display: block;
    }

    #loginBanner {
        display: none;
    }

    .loginForm {
        background-color: #005AB5;
        width:450px;
        border-radius: 20px;
        border: 1px solid #005AB5;
        box-shadow: 0 0 20px #031F39;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .loginFormCustom {
        border-radius: 20px;
        width: 450px;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #TFAForm {
        width: 450px;
        /*    background-color: white;
        border-radius: 20px;*/
    }
}

#loginBanner, #mainHeading {
    border-radius: 10px;
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding: 10px;
    text-align: center;
    background-color: #005db5;
    color: white;
}

.desktop #warningMessageBox,
.tablet #warningMessageBox {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.phone #warningMessageBox {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

#warningMessage {
    margin-bottom: 30px;
}

.desktop .loginButton,
.desktop #btnCheckTFACode,
.desktop #btnSendAnotherCode,
.desktop #btnSaveTFAEmailAddress {
    width: 90%;
    height: 30px;
}

.phone .loginButton,
.phone #btnCheckTFACode,
.phone #btnSendAnotherCode,
.phone #btnSaveTFAEmailAddress,
.tablet .loginButton,
.tablet #btnCheckTFACode,
.tablet #btnSendAnotherCode
.tablet #btnSaveTFAEmailAddress {
    width: 100%;
    height: 60px;
}

.jqx_formTextLeft {
    color: white;
}

.jqx_inputControlStandardSize {
    min-width: 200px;
}

.jqx_form .jqx_required {
    border-color: #005AB5;
}

/*.desktop #nagBox,
.tablet #nagBox {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid white;
    background-color: red;
    color: white;
}

.phone #nagBox {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid white;
    background-color: red;
    color: white;
}

.nagNormal {
}

.nagBold {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: larger;
}

.nagAnchor {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    color: yellow;
    font-weight: bold;
}

.nagImage {
    float: left;
}*/