#content{
	width: 100vw !important;
    margin-left: 0vw !important;
    margin-right: 0vw !important;
    margin-top: 0vw !important;
    height: 100vh !important;
    overflow: hidden !important;
}
html {
    overflow: hidden !important;
}
.portlet-content{
	padding: 0vw !important;
}
div#top-bar {
    display: none;
}
#wrapper {
    padding: 0vw 0 0 0 !important;
    position: relative;
}
.login-page{
	width: 100vw;
    height: 94vh;
	position: fixed;
}
.login-group{
	float: left;
    width: 50vw;
    background-color: #000;
    height: 100vh;
    text-align: center;
}
.great-to-see-you {
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 3.85vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 4.6vw;
    display: block;
    padding-left: 9vw;
    padding-right: 5vw;
    padding-top: 5vw;
    text-align: left;
    padding-bottom: 2.5vw;
}
.forgot-password-form{
	float: left;
    width: 50vw;
}

label[for="_58_screenName"] {
    display: none;
}
label[for="_58_captchaText"] {
    display: none;
}
.navigation{
	display: none;
}
label[for="_58_emailAddress"] {
    display: none;
}
.aui input {
    width: 15.9vw;
    font-size: 1.2vw !important;
    letter-spacing: 0;
    line-height: 1.5vw !important;
}
/* .required {
    display: none;
} */

.screen-name {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 25vw !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 1.01vw !important;
    padding-top: 1.74vw !important;
    padding-left: 4vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 1.2svw !important;
    font-style: normal;
    letter-spacing: 0;
}

.portlet-login .form fieldset {
    margin-top: 6vw;
}


input#_58_captchaText {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 25vw !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 0.6vw !important;
    padding-top: 0.6vw !important;
    padding-left: 4vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 1.1vw !important;
    font-style: normal;
    letter-spacing: 0;
    background-image: url(/html/portlet/images/captcha-icon.png) !important;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 2.2vw;
}
.taglib-captcha .captcha {
    padding-left: 20vw;
}
.forgot-pass-submit{
	height: 3.93vw !important;
    width: 15.86vw !important;
    background-color: #EABC56 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
    background-image: none !important;
    font-family: Montserrat !important;
    font-size: 1.5vw !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 1.6vw !important;
    text-align: center !important;
    margin-left: 17vw !important;
    margin-top: 5vw !important;
}
.pg-logo-img{
    width: 10vw;
    float: right;
    padding-top: 1.47vw;
    padding-right: 1.93vw;
}
img.login-group-img {
    height: 39vw;
}


img.user_svg {
    position: relative;
    margin-left: 10.4vw;
    top: 3vw;
    height: 1.39vw !important;
    width: 1.39vw !important;
    cursor: text;
}

img.company_logo {
    width: 50vw;
}
::placeholder{
	color: #9B9B9B;
    font-family: Lato;
    font-size: 1.1vw;
    font-style: normal;
    letter-spacing: 0;
    line-height: 2vw;
}
.aui label {
    margin-bottom: 0.39vw !important;
    font-size: 1.1vw !important;
    letter-spacing: 0;
    line-height: 1.5vw !important;
}

.forgot-pass-submit:hover {
    background-color: #9DD283 !important;
}
label[for="_58_answer"] {
    text-align: center;
    color: #4A4A4A;
    font-family: Lato;
    font-size: 1.2vw !important;
    letter-spacing: 0;
    line-height: 1.5vw !important;
}
input#_58_answer {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 25vw !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 1.16vw !important;
    padding-top: 1.16vw !important;
    padding-left: 4.62vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 1.1vw !important;
    font-style: normal;
    letter-spacing: 0;
}
.pswd-reset-link{
    height: 3.9vw !important;
    width: 18.42vw !important;
    background-color: #EABC56 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
    background-image: none !important;
    font-family: Montserrat !important;
    font-size: 1.1vw !important;
    text-shadow: none !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 1vw !important;
    text-align: center !important;
    margin-left: 17vw !important;
    margin-top: 4.93vw !important;
}
.pswd-reset-link:hover {
    background-color: #9DD283 !important;
}

div#backbtn {
    display: none;
}
ul.taglib-icon-list.unstyled {
    display: none;
}
html{
	overflow: hidden !important;
}

.alert.alert-error {
    position: absolute;
    margin-top: -7%;
    width: 26vw;
    margin-left: 10vw;
}
.login-page .alert.alert-error {
    margin-top: 2.93vw;
}



.fieldset .alert.alert-info {
    background-color: transparent !important;
    border: none !important;
    position: relative;
    width: 48vw;
    bottom: 1.93vw;
    text-align: center;
    color: #8C8C8C;
    font-style: normal;
    padding-left: 0.93vw;
    padding-right: 0.93vw;
}

.fieldset .alert.alert-info:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #8C8C8C;
    font-size: 1.2vw;
    position: relative;
    top: 0.08vw;
    right: 0.1vw;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s!important;
    -webkit-box-shadow: 0 0 0 1000px #000 inset!important;
    -webkit-text-fill-color: black!important;
    caret-color: black;
    box-shadow: inset 0 1px 1px transparent !important;
}
.aui form {
    margin: 0 0 1.56vw !important;
}
.aui body {
    font-size: 1.12vw !important;
    letter-spacing: 0;
    line-height: 1.5vw !important;

}
.aui img {
    max-width: 100vw !important;
}
.aui .control-group {
    margin-bottom: 0.8vw !important;
}

.aui input[type="text"] {
    display: inline-block;
    height: 3vh;
    padding: 0.32vw 0.5vw;
    padding-bottom: 0.6vw !important;
    margin-bottom: 0.8vw;
    line-height: 0.2vw;
    border: 0.2vw;
    vertical-align: middle;
}
.taglib-captcha {
    margin: 1.08vw 0 !important;
}
.taglib-captcha .captcha {
    margin-bottom: 1.08vw !important;
    width: 11.55vw;
    height: 3.85vw;
    position: relative;
    top: 0.6vw;
}

.taglib-captcha .refresh {
    position: relative;
    top: 0.6vw;
}

img#refreshCaptcha {
    height: 1.1vw !important;
    width: 1.24vw !important;
}
.portlet-login .form .button-holder {
    margin-bottom: 0.77vw !important;
}
.button-holder {
    margin: 1.54vw 0 !important;
}
.aui .btn {
    display: inline-block;
    padding: 0.31vw 0.93vw !important;
    margin-bottom: 0;
    -webkit-border-radius: 0.2vw !important;
    -moz-border-radius:0.2vw !important;
    border-radius: 0.2vw;

}
.aui ul, .aui ol {
    padding: 0;
    margin: 0 0 0.77vw 1.2vw !important;
}
.taglib-icon-list li {
    float: left;
    margin-right: 1.1vw !important;
}
.aui li {
    line-height: 2vw !important;
}
img#rjus_null_null {
    margin-top: -4.47vw;
    height: 1.24vw !important;
    width: 1.24vw !important;
}
.aui .alert {
    padding: 0.62vw 2.7vw 0.62vw 1.1vw;
    margin-bottom: 1.5vw;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fffbdc;
    border: 1px solid #f1d875;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0.2vw;
}
@media (max-width: 979px) {
html {
    overflow-y: hidden !important;
}
}
@media (max-width: 767px) {
    .signed-out {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    }



    @media only screen and (max-width: 767px) {
        .login-page {
            width: auto;
            height: auto;
            position: fixed;
            padding: 0 !important;
        }
        .forgot-login {
            padding: 0 !important;
        }
        .forgot-password-form {
            float: none;
            width: auto;
        }
        .login-group {
            float: none;
            width: auto;
            background-color: #000;
            height: auto;
            text-align: center;
        }
        img.company_logo {
            width: auto;
        }
        img.user_svg {
            position: relative;
            margin-left: 10vw;
            top: 3vw;
            height: auto !important;
            width: auto !important;
        }
        ::placeholder{
            color: #9B9B9B;
            font-family: Lato;
            font-size: 4.1vw;
            font-style: normal;
            letter-spacing: 0;
            line-height: 4vw;
        }
        img#refreshCaptcha {
            height: 5vw !important;
            width: 10vw !important;
            margin-top: 4vw;
        }
        .taglib-captcha .captcha {
            margin-bottom: 1.08vw !important;
            width: auto;
            height: auto;
            margin-left: 5vw;
        }
        .screen-name {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 78% !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 1.01vw !important;
    padding-top: 1.74vw !important;
    padding-left: 7vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 1.2svw !important;
    font-style: normal;
    letter-spacing: 0;
    position: relative;
    bottom: 2vw;
}
.screen-name {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 78% !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 1.01vw !important;
    padding-top: 1.74vw !important;
    padding-left: 7vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 4.1vw !important;
    font-style: normal;
    letter-spacing: 0;
    position: relative;
    bottom: 3vw;
}
input#_58_captchaText {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 78% !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 1.16vw !important;
    padding-top: 1.16vw !important;
    padding-left: 8.62vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 4.1vw !important;
    font-style: normal;
    letter-spacing: 0;
    text-align: left;
}
.aui input {
    width: 15.9vw;
    font-size: 4.1vw !important;
    letter-spacing: 0;
    line-height: 4.5vw !important;
}
.forgot-pass-submit {
    height: 10.93vw !important;
    width: 63vw !important;
    background-color: #EABC56 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
    background-image: none !important;
    font-family: Montserrat !important;
    font-size: 5vw !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 3vw !important;
    text-align: center !important;
    margin-left: 17vw !important;
    margin-top: 5.47vw !important;
    text-shadow: none !important;
}
.pg-logo-img {
    width: 20vw;
    float: right;
    padding-top: 1.47vw;
    padding-right: 1.93vw;
}
img.login-group-img {
    height: 77vw;
}
.great-to-see-you {
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 7vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 10vw;
    display: block;
    padding-left: 20vw;
    padding-right: 6vw;
    padding-top: 2.5vw;
    text-align: left;
    padding-bottom: 2.5vw;
}
.required {
    position: relative;
    left: 9vw;
    font-size: 2.7vw;
}
.login-page fieldset.fieldset {
    font-size: 2.2vw;
    line-height: 1.2vw;
}
.login-page .alert.alert-error {
    margin-top: 4.93vw;
    font-size: 3vw;
    line-height: 3.5vw;
}
.aui .alert {
    padding: 2.62vw 2.7vw 2.62vw 1.1vw;
    margin-bottom: 1.5vw;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fffbdc;
    border: 1px solid #f1d875;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0.2vw;
}
.alert.alert-error {
    position: absolute;
    margin-top: -7%;
    width: 80vw;
    margin-left: 10vw;
}

.fieldset .alert.alert-info {
    background-color: transparent !important;
    border: none !important;
    position: relative;
    width: 90vw;
    bottom: 1.93vw;
    text-align: center;
    color: #8C8C8C;
    font-style: normal;
    padding-left: 3.93vw;
    padding-right: 0.93vw;
    line-height: 5.3vw;
    font-size: 4.1vw;
}
.fieldset .alert.alert-info:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #8C8C8C;
    font-size: 4.2vw;
    position: relative;
    top: 0.08vw;
    right: 0.1vw;
}
label[for="_58_answer"] {
    text-align: center;
    color: #4A4A4A;
    font-family: Lato;
    font-size: 4.1vw !important;
    letter-spacing: 0;
    line-height: 6.5vw !important;
}
input#_58_answer {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 0.1vw solid #979797 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 78vw !important;
    margin-left: 10vw !important;
    margin-right: 0vw !important;
    padding-bottom: 1.16vw !important;
    padding-top: 6.16vw !important;
    padding-left: 4.62vw !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 4.1vw !important;
    font-style: normal;
    letter-spacing: 0;
}
.pswd-reset-link
{
    height: 10.93vw !important;
    width: 63vw !important;
    background-color: #EABC56 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
    background-image: none !important;
    font-family: Montserrat !important;
    font-size: 3.5vw !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 3vw !important;
    text-align: center !important;
    margin-left: 20vw !important;
    margin-top: 5.47vw !important;
    text-shadow: none !important;
    margin-bottom: 3vw !important;
}
}