html {
    height: 100%;
    min-height: 100%;
}

body {
    background: url(../Content/images/back_login.jpg) #FFFFFF;
    background-size: cover;
    height: 100%;
    min-height: 100%;
    text-align: center;
}

    body::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

/*#logo-interintelligence {
    background: url('../Content/images/InterIntelligenceLogoHDPI.png');
    background-repeat: no-repeat;
    width: 352px;
    height: 72px;
    margin: 0 auto;
    margin-bottom: 46px;
    background-position: center;
}*/

.ic-contact-administrator-back-home {
    width: 352px;
    margin: 30px auto;
}

.form-container {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}

.login-input {
    margin-bottom: 10px;
}

    .login-input input {
        max-width: initial;
        border: none;
        height: 40px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 30px;
    }

    .left-inner-addon i {
        position: absolute;
        padding: 12px;
        pointer-events: none;
    }

#loginForm > form {
    max-width: 400px;
    margin: 0 auto;
}

.ic-btn-green {
    /*background-color: #42BB9C;*/
    background-color: #3c6bb5;
    color: #FFFFFF;
    border: none;
    height: 40px;
    margin-top: 46px;
    border: none;
}

    .ic-btn-green:hover, .ic-btn-green:active, .ic-btn-green:focus {
        background-color: #3c6bb5;
        color: #FFFFFF;
    }

footer.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    z-index: 1020;
}

    footer.footer img {
        max-height: 30px;
        margin: 5px 0;
    }

/* ----------- Nokia 520 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 533px) {
    body {
        background: url(../Content/images/BackgroundMDPI.jpg);
        background-size: cover;
    }

    /*#logo-interintelligence {
        background: url(../Content/images/InterIntelligenceLogoMDPI.png);
        background-size: 235px 48px;
        background-repeat: no-repeat;
        width: 235px;
        height: 48px;
    }*/
    .ic-contact-administrator-back-home {
        width: 235px;
    }
}

/* ----------- iPhone 4 and 4S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        background: url(../Content/images/BackgroundMDPI.jpg);
        background-size: cover;
    }

    /*#logo-interintelligence {
        background: url(../Content/images/InterIntelligenceLogoMDPI.png);
        background-size: 118px 24px;
        width: 118px;
        height: 24px;
        background-repeat: no-repeat;
    }*/
    .ic-contact-administrator-back-home {
        width: 118px;
    }
}

/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        background: url(../Content/images/BackgroundHDPI.jpg);
        background-size: cover;
    }

    /*#logo-interintelligence {
        background: url(../Content/images/InterIntelligenceLogoMDPI.png);
        width: 235px;
        height: 48px;
        background-repeat: no-repeat;
    }*/
    .ic-contact-administrator-back-home {
        width: 235px;
    }

}

/* ----------- iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        background: url(../Content/images/BackgroundXHDPI.jpg);
        background-size: cover;
    }

    /*#logo-interintelligence {
        background: url(../Content/images/InterIntelligenceLogoMDPI.png);
        width: 235px;
        height: 48px;
        background-repeat: no-repeat;
    }*/
    .ic-contact-administrator-back-home {
        width: 235px;
    }

}

/* ----------- iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    body {
        background: url(../Content/images/BackgroundXXHDPI.jpg);
        background-size: cover;
    }

    /*#logo-interintelligence {
        background: url(../Content/images/InterIntelligenceLogoHDPI.png);
        width: 352px;
        height: 72px;
        background-repeat: no-repeat;
    }*/
    .ic-contact-administrator-back-home {
        width: 352px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    footer {
        display: none;
    }
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill,
input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color:white !important;
}


.ic-span-unavailable {
    color:#FFFFFF;
    font-size:1.2em;
}


.ic-contact-administrator::before {
    display:none!important;
}

.ic-contact-administrator > div {
    text-align:center;
    height:100%;
    width:100%;
    top: 0;
    left: 0;
    position: relative;
}

    .ic-contact-administrator > div > div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }