/* Dinnovate login branding: local resources only. */
html, body {min-height:100%; background:#06111e url('BackGround.jpg') center center / cover fixed no-repeat !important;}
body .LoginScreen {background:transparent !important; min-height:100vh;}
body .LoginScreen .contentBox {background:rgba(255,255,255,.96) !important; border:1px solid rgba(255,255,255,.5); border-radius:16px; box-shadow:0 20px 70px rgba(0,0,0,.45); color:#243746 !important;}
body .LoginScreen .contentBox .dinnovate-brand {display:block; width:240px; max-width:85%; height:auto; margin:0 auto 22px;}
body .LoginScreen .contentBox label {color:#243746 !important;}
body .LoginScreen .contentBox .zLoginField {background:#fff !important; color:#172b3a !important; border:1px solid #a9bbc8; border-radius:5px;}
body .LoginScreen .contentBox a {color:#08659b;}
body .LoginScreen .decor1, body .LoginScreen .decor2 {display:none;}
body .LoginScreen .Footer, body .LoginScreen .Footer-small {color:#e5edf5 !important; background:transparent !important; text-shadow:0 1px 4px #000;}
@media(max-width:600px) {body .LoginScreen .contentBox {border-radius:10px;} body .LoginScreen .contentBox .dinnovate-brand {width:200px;}}

/* Убираем стандартный баннер и нижний текст */
body .LoginScreen .contentBox > h1,
body .LoginScreen #ZLoginAppName,
body .LoginScreen .Footer,
body .LoginScreen .Footer-small {
    display: none !important;
}

@media screen and (max-width: 600px) {
    body .LoginScreen .center,
    body .LoginScreen .center-small {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: auto !important;
        max-width: 380px !important;
        margin: 0 auto !important;
        padding: 32px 16px !important;
        box-sizing: border-box !important;
    }

    body .LoginScreen .contentBox {
        width: 100% !important;
        min-width: 0 !important;
        padding: 24px 20px !important;
        box-sizing: border-box !important;
    }

    body .LoginScreen table.form,
    body .LoginScreen table.form tbody,
    body .LoginScreen table.form tr,
    body .LoginScreen table.form td {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    body .LoginScreen table.form td {
        padding: 4px 0 !important;
        text-align: left !important;
    }

    body .LoginScreen .zLoginField,
    body .LoginScreen select#client {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        min-height: 42px;
    }

    body .LoginScreen .ZLoginButton {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 16px 0 4px !important;
        min-height: 42px;
        font-size: 16px !important;
    }

    body .LoginScreen .positioning {
        width: 100% !important;
    }

    body .LoginScreen #ZLoginWhatsThisAnchor {
        display: inline-block;
        margin-top: 8px;
        color: #08659b !important;
    }
}