﻿input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder,
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder {
    color: #8f8f8f;
}

@media (max-width: 767px) {
    body {
        font-family: 'Roboto', sans-serif;
        min-height: 520px;
    }

    input::-webkit-input-placeholder, span, a {
        color: #FFF !important
    }

    .content-block {
        width: 100% !important;
    }


    input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
        font-weight: 100;
    }

    .content-login {
        height: 568px !important;
        overflow-y: hidden;
        overflow-x:hidden;
    }

    .input-login {
        height: 30px !important;
        line-height: 30px !important;
    }

    .right-login {
        position: relative;
        background: none !important;
        color: #FFF !important;
        height: auto !important;
        width: 100vw !important;
        margin: 0 auto !important;
    }

        .right-login .divUserAccount {
            margin-right: -5px !important;
        }

        .right-login .blockForgetPassword {
            margin: 0px auto !important;
            width: 100vw;
            top: 20px !important;
            position: relative !important;
        }

        .right-login input[type="text"], .right-login input[type="password"] {
            background: none;
            border-bottom: solid 1px #FFF !important;
        }

    #BESReCaptcha div {
        width: 100%;
        margin: 0 auto;
    }

    #divWarning {
        margin-left: auto !important;
        color: red;
    }

        #divWarning span {
            color: red !important;
        }

    .bgImgOverlay, .bgImgOverlay .bgImg, .bgImgOverlay .bgColor {
        position: fixed;
        width: calc(100vw);
        height: calc(100vh);
        z-index: -99999;
    }

        .bgImgOverlay .bgColor {
            /*background: #337ab7;*/
            opacity: 0.65;
            z-index: -99998;
        }

        .bgImgOverlay .bgImg {
            background-image: url("/img/background.jpg");
            background-repeat: no-repeat;
            background-size: auto calc(100vh);
            background-position-x: 50%;
            z-index: -99999;
        }

    .iconMobile {
        position: relative;
        top: 10vh;
    }

    .right-login #divTitle, #descriptionUserName {
        display: none;
    }

    #btnLogin {
        background: #1967b2 !important;
        color: #FFF !important;
        opacity: 1 !important;
        height: 35px !important;
        border: none !important;
    }

    .forgetPassword, .noAccountLink {
        text-align: center;
    }

        .forgetPassword span, .noAccountLink span, .forgetPassword span a, .noAccountLink span a {
            color: #00ffff !important;
        }

    .ui-dialog {
        z-index: 999999 !important
    }

    .footerMobile {
        position: relative;
        width: 100vw;
        bottom: -55px;
    }

        .footerMobile ul {
            padding: 0px 0px;
            margin: 0 auto;
            display: table;
        }

    .visible-xs.footerMobile ul li {
        text-decoration: none;
        list-style: none;
        float: left;
        font-size: 8pt;
        padding: 0px 5px;
        border-left: solid 1px #FFF;
    }

        .visible-xs.footerMobile ul li:first-child {
            border-left: none;
        }

        .visible-xs.footerMobile ul li a {
            color: #FFF
        }

    #divWarning {
        margin: 0 auto;
    }

    input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder {
        color: red !important;
        font-weight: lighter;
        opacity: 1;
    }

    #bannerLanguage {
        display: none;
    }

    #btnLoginWithUSBToken {
        display: none;
    }

    .input-login {
        margin-left: 6px !important;
    }
}
