﻿@import url(//fonts.googleapis.com/css?family=Open+Sans);

html {
    background: url(../images/login-background.png) no-repeat center bottom fixed;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    background-color: #f8f9fa;
}

body {
    background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}


.container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
}

.loginWrapper {
    margin-top:40px;
}

.userNameControlWrapper {
    width: 250px !important;
}

.LoginTextboxLabel {
    float: none !important;
    font-size: var(--textSize);
    padding: 15px 0px 0px 0 !important;
}

.LoginSubmit {
    margin-top: 20px;
    width:250px;
}

.forgotPasswordWrapper {
    padding-left: 125px;
    margin-top: 10px;
}

    .forgotPasswordWrapper a {
        color: rgb(95,95,95) !important;
    }

.swtichoption {
    display:inline-block;
    align-items: center;
    margin: 20px -80px 0px 0px;
}

    .swtichoption a {
        display:none;
    }

.switchradcombobox {
}

.rcbReadOnly.rcbFocused {
    color: initial !important;
    background-color: transparent !important;
}

.rcbReadOnly {
    border: 0px !important;
    background-color: transparent !important;
}

    .rcbReadOnly .rcbInput {
        text-align:right !important;
    }

.footer {
    position: fixed;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

    .footer i {
        display:inline-block; 
    }

    .footer .coordinates {
        font-size: 10px;
        display: inline-block;
    }

        .footer .coordinates a {
            color: rgb(95,95,95) !important;
        }
        