/* resets */

::-ms-clear {
    width : 0; height: 0;
}

form
{
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
}

button {
	transition: all 0.3s ease;
}

:focus {
	border: none;
	outline: none !important;
}

input, input:focus {
    outline: none;
}


/* login */

html, body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;
	border:none;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
}

html {
	overflow:auto;
}

body {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	overflow-x: hidden;
    overflow-y: hidden;
}
a, input {
	transition: all 0.2s ease;
	outline: none;
}
a:focus, input:focus, a:active, input:active {
	outline: none;
}
.login_rectangle {
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 16px 26px 0 rgba(0,0,0,0.2);
	padding: 44px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    webkit-transform: translate(-50%, -50%);
	text-align:center;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	width: 286px;
}
#hlClientLogo {
	display: block;
	text-align:center;
	margin-bottom:36px;
}

.login_input {
    width: 100%;
    text-align: left;
    margin-bottom: 24px;
}
.login_input > label {
    color: #4A4A4A !important;
	font-size: 16px !important;
	line-height: 19px;
	padding: 0;
	margin: 0;
}
input#rtbEmailAddress, input#rtbPassword, input#rtbSiteName, input#rtbUserName, input#rtbPassword1, input#winForgotPassword_C_rtbForgotEmail {
	display: block;
    width: 100%;
    padding: 6px 0px;
    height: inherit;
    color: #28ABEC;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    box-shadow: none;
    border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #626262;
    background: none;
	vertical-align: bottom;
}
input#rtbEmailAddress:hover, input#rtbPassword:hover, input#rtbSiteName:hover, input#rtbUserName:hover, input#rtbPassword1:hover, input#winForgotPassword_C_rtbForgotEmail:hover {
    outline: none;
	border-color: #1E55A3;
	color: #1E55A3;
}
input#rtbEmailAddress:focus, input#rtbPassword:focus, input#rtbSiteName:focus, input#rtbUserName:focus, input#rtbPassword1:focus, input#winForgotPassword_C_rtbForgotEmail:focus {
    outline: none;
	color: #626262;
	border-color: #1E55A3;
}
.reset_pass {
    display: inline-block;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
	margin-top: 12px;
}
.reset_pass:hover {
    color: #28ABEC;
}
.login_input.login_checkbox {
	text-align: center;
	margin-bottom: 36px;
	user-select: none;
}
.login_checkbox label {
    border-radius: 40px;
	background-color: rgb(239, 239, 239);
    padding: 10px 0px !important;
    transition: all 0.2s ease;
    user-select: none;
    display: block;
}
.login_checkbox label:hover {
    background-color: rgba(255,255,255,1);
}
/* Custom checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 26px !important;
	cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
    left: 54px;
    top: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(74, 74, 74, 0.3);
    border-radius: 2px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  	content: '';
	position: absolute;
    top: 10px;
    left: 54px;
    line-height: 0.8;
    color: #28ABEC;
    transition: all .2s;
    border: 1px solid #28ABEC;
    box-shadow: none;
    border-radius: 2px;
    width: 16px;
    height: 13px;
    padding-top: 3px;
	background-image: url(../Images/Icons/check-box.png);
    background-repeat: no-repeat;
    background-position: 2px 3.5px;
    background-size: 12px;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
[type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
	/* border: 2px dotted blue; */
}
/* hover style just for information */
label:hover:before {
	border: 1px solid #1E55A3!important;
}

input#txtRemember {
    background-color: #35B0EE;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	border-radius: 2px;
	cursor:pointer;
}

#btnLogin {
    min-width: 60px;
}
.footer_logo_right {
	padding: 14px;
    margin: 0;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.footer_logo_right:hover {
	background-color: rgba(0,0,0,0.85);
}
.footer_logo_right > a {
	display:block;
	cursor:pointer;
}
.footer_logo_center {
	padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    position:absolute;
    left:50%;
    transform: translate(-50%, 0%);
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	bottom: 0px;
}
.footer_logo_center:hover {
	background-color: rgba(0,0,0,0.85);
}
.footer_logo_center > a {
		cursor:pointer;
}

.TelerikModalOverlay
{
    background-color: rgba(0, 0, 0, 0.75) !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}
.mobile-wrapper {
    width: calc(100% - 88px);
}
.mobile-wrapper.login_rectangle {
	padding: 44px 24px;
}
.mobile-wrapper h1 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    text-align: center;
    color: #333333;
}
.mobile-wrapper p {
    font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	text-align: center;
	color: #333333;
}
.mobile-wrapper .badge {
    display: block;
    text-align: center;
    margin-bottom: 24px;
}
.mobile-wrapper .badge img {
    outline:none;
}
.mobile-wrapper .goto-login {
	text-decoration: none;
	color: #333333;
	border-top: 1px solid #777777;
	padding-top: 10px;
	display:block;
}
.mobile-wrapper .goto-login span {
	text-decoration: underline;
	color:#28ABEC;
	font-weight:500;
}
.CSSPassValidator, .CSSLogonValidator {
    width: calc(100% - 20px);
    color: red;
    padding: 5px 10px;
    position: relative;
    margin-top: 4px;
    display: inline-block;
    border-radius: 2px;
    background: rgba(236,40,40,.15);
}

#divSiteLogin1 a, #divEmailLogin1 a {
    border-radius: 40px;
    background-color: rgb(239, 239, 239);
    padding: 10px 0px !important;
    transition: all 0.2s ease;
    user-select: none;
    display: block;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    margin-top: 36px;
}

#divSiteLogin1 a:hover, #divEmailLogin1 a:hover {
    background-color: rgba(255,255,255,1);
}

/* reset password popup */
tr.rwTitleRow, tr.rwFooterRow, td.rwCorner.rwBodyLeft, td.rwCorner.rwBodyRight {
	display:none;
}

.rwWindowContent > div {
    padding: 10px 20px 20px !important;
    width: calc(100% - 40px) !important;
    height: inherit;
}

.CSSPopupHeaderBtn {
    position: absolute;
    color: #626262;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    padding-top: 2px;
	font-weight: 500;
}
.CSSPopupHeaderBtn:hover {
    text-decoration: underline;
}
.CSSPopupHeaderBtn img {
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
.CSSPopupHeaderBtn.close {
    top: 26px;
    right: 20px;
}

.CSSPopupHeading {
    color: #626262;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 30px;
    display: block;
}

.reset_pass_wrapper {
    text-align: center;
}



/* buttons */


.RadButton:focus, .RadButton:hover {
	outline: none;
	border: none;
}

/* Defaul Blue */

.RadButton.default-blue {
	padding: 8px 24px;
    margin: 0 auto;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #28ABEC 0%, #1254AB 100%);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);
    box-sizing: content-box;
    vertical-align: bottom;
    height: 20px;
    transition: all 0.4s ease;
    min-width: 50px;
}

.RadButton.default-blue:focus {
	outline: none !important;
	border: none !important;
}

.RadButton.default-blue:hover {
	outline: none !important;
	border: none !important;
	background: linear-gradient(-135deg, #1254AB 0%, #1254AB 100%);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
}

.RadButton.default-blue > input {
	display: inline-block;
    height: inherit;
    color: #ffffff;
    background: none;
    margin: 0;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 19px;
    padding: 0;
}

/* Secondary Blue */

.RadButton.secondary-blue {
	padding: 7.5px 24px;
    margin: 0 auto;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    background: none;
    box-sizing: content-box;
    vertical-align: bottom;
    height: inherit;
    border: 1px solid #1E55A3 !important;
    transition: all 0.4s ease;
    min-width: 50px;
}

.RadButton.secondary-blue:focus {
	outline: none !important;
	border: 1px solid #1E55A3 !important;
}

.RadButton.secondary-blue:hover {
	outline: none !important;
	border: 1px solid #1E55A3 !important;
	background: linear-gradient(-135deg, #1254AB 0%, #1254AB 100%);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
}

.RadButton.secondary-blue > input {
	display: inline-block;
    height: inherit;
    color: #1E55A3;
    background: none;
    margin: 0 auto;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 19px;
    padding: 0;
    text-align: center;
}

.RadButton.secondary-blue:hover > input {
	color: #ffffff;
}





/* responsive */

@media screen and (min-width: 0px) and (max-width: 460px) {
	.footer_logo_right{
		display: none;
	}
	.login_rectangle {
		width: calc(100% - 88px); padding: 44px 24px;
	}
}