﻿#loginSection {
    bottom: 45%;
    height: 325px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
}

#loginSection .frame
{
    border: 1px solid #DEDFDE;
    padding: 20px 0 20px 45px;
	color:#fff;
	background-image: linear-gradient( rgba(0, 76, 131, 0.85), rgba(0, 76, 131, 0.85) ), url(https://cdn.akamai.steamstatic.com/steam/apps/366220/ss_2aa36d71b1f7d34c569864f7c238be34ca393905.1920x1080.jpg?t=1593011906);
    background-size: cover;
    background-attachment: fixed;
}

#loginSection .frame a
{
	color:#fff;
}

#loginSection .k-dropdown,
#loginSection .k-textbox {
    width: 250px;
	color:#fff;
}

#loginSection .k-textbox:hover,.k-textbox.k-state-hover,.k-textarea:hover,.k-textarea.k-state-hover {
    border-color: #8bc9f4;
    box-shadow: 0 0 0 .2rem rgba(139,201,244,.5);
	color:#000 !important;
}

#loginSection .k-textbox:focus,.k-textbox.k-state-focus,.k-textbox.k-state-focused,.k-textarea:focus,.k-textarea.k-state-focus,.k-textarea.k-state-focused {
    border-color: #8bc9f4;
    box-shadow: 0 0 0 .2rem rgba(139,201,244,.5);
	color:#000 !important;
}

#loginSection input[type="submit"],
#loginSection input[type="button"],
#loginSection button {
    width: auto;
}

#loginSection input[type="checkbox"] {
    width: 16px;
}

#loginSection .logo 
{
    width: 250px;
    margin-bottom: 10px;
}

#loginSection .recover
{
    display:block;
    margin-top: 10px;
	font-size: 14px;
}

#loginSection .recover a:active, a:hover
{
    color:#1592e8 !important;
}

#loginSection .field-validation-error {
    display: block;
}

#loginSection .validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

#loginSection .validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

.builtInCaptcha br:nth-of-type(2),
.builtInCaptcha br:first-of-type {
    display: none;
}

#CaptchaInputText {
    width: 235px;
}