/*******************Selector Hacks IE8*******************/
* + html html, * + html body {
	font-family: tahoma !important;
}


* + html #layout {
	direction: rtl;
	width: 100% !important;
	margin: 0 auto;
	min-width: 1000px;
}

* + html .columnsContainer {
	width: 100% !important;
}

* + html .rightColumn {
	margin-left: 1%;
	width: 40% !important;
	margin-bottom: .5em;
	height: 20px;
	text-align: left;
	border: 0;
	background-color: transparent !important;
	display: inline-block;
	float: right;
	max-width: 200px;
}

* + html .leftColumn {
	width: 59% !important;
	text-align: right !important;
	border: none !important;
	background-color: transparent !important;
	text-align: right !important;
	display: inline-block !important;
	float: right !important;
	min-height: 20px;
}

* + html .dropdown {
	display: inline-block;
	*display: inline;
}

* + html #divSubmitSecondFactor .leftColumnL {
	padding-left: 22px;
}

* + html #Loginhtml {
    background: #142127 url(images/Login/Blacklogintexture.jpg) repeat !important;
}

	* + html #Loginhtml body.Loginbody {
		min-height: 100%;
		height: auto;
	}

* + html #LoginHeader {
	background-image: url(images/Login/IBLogoOld.png);
	background-position: center center;
}


* + html #LoginContent {
	filter: none !important;
}

* + html #LoginPanel {
}

* + html #pnlLogin {
	padding-right: 30px;
}

* + html #Loginhtml .imgHelp {
	height: 25px;
	float: left;
	position: relative;
	margin-right: 4px;
	top: -28px;
	left: -27px;
}

* + html #Loginhtml #imgSafeKeyboard {
	cursor: pointer;
	margin-right: 2px;
	vertical-align: middle;
	margin-top: 2px;
	position: relative;
	left: 33px;
	top: -30px;
	float: left;
}

* + html #Loginhtml .imgSafeKeyboard {
	left: 45px;
}

* + html #Loginhtml #UpdatePanel2 {
	width: 316px !important;
	position: relative;
}

* + html .leftColumnL .CaptchaRefreshImage {
	left: 3px;
	top: 3px;
}

* + html .leftColumnL .CaptchaTextbox {
	margin-left: 5px;
}

* + html #Loginhtml #captchaImg {
	margin: 0 0 26px 34px !important;
	left: 0px;
	display: inline !important;
	float: left;
}

* + html .columnsContainerL {
	margin: 0 0 10px;
}


* + html #pnlResponsiveLoginType #divLoginType label {
	*height: 30px;
}

* + html input.btnLogin {
	font-family: IRANSans,Tahoma;
	padding: 2px 0 !important;
}

* + html input.btnAccept, * + html input.btnCancel, * + html input.btnModify, * + html input.btnReturn, * + html input.btnShow, * + html input.btnCommon {
	font-family: IRANSans,Tahoma;
	padding-top: 0px;
}

* + html .SecondFactorButtons .leftColumnL {
	height: auto !important;
}

* + html #footerLogin fieldset {
	background: none !important;
}

* + html .footerLogin .rightColumnL {
	display: inline !important;
	float: right;
	width: 47% !important;
}

* + html #LoginContent {
	filter: none !important;
}

* + html .columnsContainerL .textBoxControl {
	position: static;
}


* + html .leftColumnL .textBoxControl dt:first-child {
	display: inline-block;
	padding: 0;
	height: 30px !important;
}

* + html .leftColumnL .username, * + html .leftColumnL .password {
	display: inline-block;
}

* + html .leftColumnL .textBoxControl dt:first-child input {
	padding-top: 5px !important;
	height: 23px !important;
}

* + html .leftColumnL .textBoxControl dt:first-child a {
	padding: 4px 5px 1px !important;
}

* + html #UpdatePanel2 {
	width: 315px !important;
}


* + html .columnsContainerL {
	margin: 0 0 10px;
}

* + html .leftColumnL {
	height: 30px;
	margin-bottom: 0;
	position: relative;
}



* + html pnlResponsiveLoginType #divLoginType label {
	height: 30px;
}

* + html .leftColumnL .dropdown {
	*width: 201px;
}

	* + html .leftColumnL .dropdown .itemsHolder div {
		padding: 6px 2px 0 28px !important;
	}

	* + html .leftColumnL .dropdown .itemsHolder {
		width: 200px;
		height: 33px !important;
		overflow: hidden;
	}

	* + html .leftColumnL .dropdown .dropdownHolder {
		position: relative;
		left: 51% !important;
		right: -80px;
		top: -30px;
		width: 282px;
	}

	* + html .leftColumnL .dropdown .itemsHolder div {
		width: 172px;
	}

* + html .footerLogin fieldset {
	background: none !important;
	position: static;
}

* + html .footerLogin .rightColumnL {
	display: inline !important;
	float: right;
	width: 47% !important;
}

* + html .footerLogin .leftColumnL {
	display: inline !important;
	float: left;
	width: 40% !important;
}

* + html .footerLogin {
	position: static;
}

	* + html .footerLogin legend {
		margin-right: -5px;
	}

		* + html .footerLogin legend img {
			margin-left: 20px;
		}

* + html .jline {
	display: inline !important;
}

* + html .jkeyboard .jline ul li {
	display: inline !important;
}

* + html .jkeyboard {
	max-width: 100% !important;
	display: inline !important;
}

* + html .KeyboardContainer, * + html #keyboard {
	max-width: 380px !important;
}

* + html #txtFilterMenu {
	width: 80%;
	height: 25px;
	margin-top: -10px;
	border: none !important;
}

* + html .SuccessMsg {
	background-color: #122226;
}

/***************dropdown*************/
* + html .dropdown div.dropdownHolder ul {
	min-width: 190px;
	width: 190px;
}

* + html .columnsContainerL .dropdown div.dropdownHolder ul {
	width: auto;
}

	* + html .columnsContainerL .dropdown div.dropdownHolder ul li a {
		width: auto;
	}

* + html .dropdown div.dropdownHolder {
	display: inline-block;
}

	* + html .dropdown div.dropdownHolder ul li a {
		width: 190px;
	}

* + html .dropdown {
	display: inline;
}


* + html .textBoxControl INPUT {
	padding: 0px !important;
}

* + html .textBoxControl dd ul {
	top: 3px;
	max-width: 180px;
	margin: 0 5px 0 !important;
	border-bottom-width: 1px !important;
}

* + html .textBoxControl {
	width: auto;
	display: inline;
}

	* + html .textBoxControl dt:first-child {
		padding: 0;
		display: inline;
	}

* + html .textBoxControl {
	vertical-align: middle;
}


* + html .errorMessage {
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ee1008 !important;
	background: none !important;
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
	direction: rtl !important;
}

* + html .successMessage {
	font-size: 12px !important;
	color: #000080 !important;
	font-weight: bold !important;
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
	direction: rtl !important;
	border: none !important;
}


* + html .inlineTooltip {
	border: 1px solid #aaa !important;
}


* + html .imgKeyboard, .imgHelp {
	vertical-align: top !important;
}

* + html #footerinformation .leftColumnL ul {
	text-align: left;
}

	* + html #footerinformation .leftColumnL ul li ul li:first-child {
		display: none;
	}

* + html .userInputLogin {
	position: relative;
}

* + html #divPassword {
	position: relative;
}

	* + html #divPassword .password {
		position: relative;
	}

	* + html #divPassword #imgSafeKeyboard {
		left: 35px !important;
		top: 7px !important;
	}

	* + html #divPassword .imgHelp {
		left: 5px !important;
		top: 7px !important;
	}

* + html #imgSafeKeyboardusername {
	left: 35px !important;
	top: 7px !important;
}

* + html #divLoginType .itemsHolder {
	position: static;
}

* + html #pnlLogin .iconInputLogin {
	display: none;
}

* + html #LoginPanel input[type='text'], * + html #LoginPanel INPUT[type='password'] {
	padding: 0 !important;
}

* + html .leftColumnL #captchaImg {
	display: block;
	float: right;
}

* + html #LoginPanel #captchaTxt {
	padding: 0 !important;
	margin-right: 3px !important;
	height: 30px !important;
}
/*******************Other browsers*******************/
#Loginhtml, .Loginbody, .LoginForm {
	margin: 0;
	padding: 0;
	height: 100%;
}

#Loginhtml {
	background: #142127;
	background-image: none;
}

    #Loginhtml body.Loginbody {
        font-size: 12px;
        background-image: url(images/Login/Blacklogintexture.jpg) !important;
        background-repeat: repeat !important;
    }

.divSubmitSecondFactor_SMS {
	margin: 0 auto;
	width: 93%;
	text-align: center;
	border: solid 1px #BBB;
}

#LoginContent {
	margin: 0 auto;
	width: 100%;
	padding-top: 50px;
}

#LoginPanel {
	margin: auto;
}

#LoginHeader {
	margin: 0 auto;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;
}

#UpperLoginTitle {
	display: none;
}

#LowerLoginTitle {
	display: none;
}

#LoginPanelBottomRight, #LoginPanelBottomMiddle, #LoginPanelBottomLeft, #LoginPanelTopRight, #LoginPanelTopMiddle, #LoginPanelTopLeft {
	padding: 0px;
	margin: 0px;
	height: 0px;
	display: none;
}

.DivHolder {
	width: 100%;
}

#LoginPanelMiddleRight {
	background-image: url(images/Login/BorderRight.gif);
	background-repeat: repeat;
	background-position: right;
	width: 16px;
	overflow: hidden;
	display: inline;
}

#LoginPanelMiddleLeft {
	background-image: url(images/Login/BorderLeft.gif);
	background-repeat: repeat-y;
	width: 20px;
	display: inline;
}

#LoginPanelMiddle {
	vertical-align: top;
	padding-top: 15px;
	display: inline;
}

#pnlLogin {
	margin: 5px auto 0px;
}

	#pnlLogin .username input, #pnlLogin .password input {
		text-align: center;
	}

	#pnlLogin .username input, #pnlLogin .password input, #pnlLogin .CaptchaTextbox input {
		font-family: Tahoma;
	}

	#pnlLogin .CaptchaTextbox input {
		direction: ltr;
	}

.columnsContainerL {
	display: inline-block;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin: 5px 0px;
	background-color: none;
}

.rightColumnL {
	display: none;
}

.leftColumnL {
	border: medium none;
	background-color: transparent !important;
	margin: 0px;
	position: relative;
	color: #FFF;
}

#StaticPasswordChoice {
}

#divSubmitSecondFactor {
	margin: 0 auto;
	text-align: center;
}

#twoFactorGuideLink, .twoFactorLink {
	text-decoration: none;
}

#twoFactorGuideLink {
}

#txtSecondFactor {
	margin-top: 7px;
	width: 100px;
}

#divSubmitSecondFactor #txtSecondFactor {
	padding-right: 2px !important;
	padding-left: 2px !important;
}

.Logintxt {
	margin-bottom: 3px;
	border: 1px solid gray;
}

.Logintxt, .leftColumnL .dropdown div.itemsHolder {
	background: none;
	border: #E5E5E5 solid 1px !important;
}

	.Logintxt, #StaticPasswordChoice select, .Logintxt, .leftColumnL .dropdown div.itemsHolder, .leftColumnL .dropdown div.itemsHolder > div:visited {
		color: #F0F0F0 !important;
		font-size: 13px !important;
	}


		.Logintxt:-webkit-autofill, .Logintxt:-webkit-autofill:hover, .Logintxt:-webkit-autofill:focus, .Logintxt:-webkit-autofill:active,
		.leftColumnL .dropdown div.itemsHolder, .leftColumnL .textBoxControl input, .leftColumnL .textBoxControl dt:first-child > a,
		.leftColumnL .textBoxControl input:-webkit-autofill, .leftColumnL .textBoxControl input:-webkit-autofill:hover,
		.leftColumnL .textBoxControl input:-webkit-autofill:focus, .leftColumnL .textBoxControl input:-webkit-autofill:active {
			color: #f0f0f0;
		}

.CloseSecondFactorContainerL {
	display: inline-block;
}

.GuideLinkContainerL {
	display: inline-block;
}

.Logintxt:-webkit-autofill, .Logintxt:-webkit-autofill:hover, .Logintxt:-webkit-autofill:focus, .Logintxt:-webkit-autofill:active,
.leftColumnL .textBoxControl input:-webkit-autofill, .leftColumnL .textBoxControl input:-webkit-autofill:hover,
.leftColumnL .textBoxControl input:-webkit-autofill:focus, .leftColumnL .textBoxControl input:-webkit-autofill:active {
	-webkit-text-fill-color: #FFF !important;
	font-weight: 500;
}


.leftColumnL a {
	color: #FFF;
}

.UserNameContainer {
	background-repeat: no-repeat;
	background-position: right;
	display: inline-block;
	color: #FFF;
	text-align: center;
	font-size: 13px !important;
}

.LoginTypeContainer {
}

#divSubmitSecondFactor .columnsContainerL {
	margin: 0px !important;
}

#divSubmitSecondFactor {
	margin-top: 15px;
}

.ContainerUSSMobileAppCode {
	min-height: 45px;
}

.ResendCodeContainerL {
}

#pnlInfoEnter {
	padding: 15px 0px 0px;
}

.KeyboardContainer {
	margin: 0 auto;
}

#txtSecondFactor {
	width: 60px;
}

#lblUSSMobileAppCode {
	padding-top: 3px;
	box-sizing: border-box;
}

#Loginhtml .imgSafeKeyboard {
	cursor: pointer;
	vertical-align: middle;
	position: absolute;
}

#Loginhtml .imgHelp {
	cursor: pointer;
	position: absolute;
	top: 0px;
}

#Loginhtml .ValidationError {
	font-weight: bold;
	color: #EE1008;
}

#Loginhtml #divLoginCaptcha .ValidationError {
	padding-top: 6px;
	position: absolute;
}

#Loginhtml .securityGuide {
	color: #FFD800;
}

#Loginhtml .imgSafeKeyboard {
	top: 1px;
}

.leftColumnL #ShowLoginCaptcha {
	width: 39%;
}

.leftColumnL .CaptchaTextbox {
	text-align: center;
}

	.leftColumnL .CaptchaTextbox input {
		margin-top: 0px;
		text-align: center;
	}

.leftColumnL #captchaImg {
	border: 1px solid #E5E5E5;
	vertical-align: 5px;
}

.leftColumnL #DivCaptchaLabel {
}

.leftColumnL .CaptchaRefreshImage {
	cursor: pointer;
	border-width: 0px !important;
	background-color: transparent;
	position: absolute;
}

.leftColumnL #StaticPasswordChoice label {
	display: none;
}

.deprecated-panel-box {
    color: white;
    font-size: 14px;
    text-align: center;
    margin: 60px 0px;
}

.center-content-panel{
	top: 140px;
	width: 100%; 
	position: absolute; 
}

.redirect-counter {
    font-size: 15px !important;
    color: #F0C514 !important;
}

#Loginhtml .btnRightL {
	width: 100%;
	max-width: 300px;
}

#btnLogin, #btnSubmitSecondFactor, #btnRedirectToVbank, #btnRedirectToIB {
	background-color: #F0C514;
	border: #F3D042 1px solid !important;
	color: #142127;
	font-size: 13px;
	font-weight: bold;
	height: 35px;
	line-height: 30px;
	cursor: pointer;
}

	#btnLogin:hover, #btnSubmitSecondFactor:hover, #btnRedirectToVbank:hover, #btnRedirectToIB:hover {
		border-color: #C09D10 !important;
	}

	#btnLogin:focus, #btnSubmitSecondFactor:focus, #btnRedirectToVbank:focus, #btnRedirectToIB:focus {
		border-color: #FBE37F !important;
	}

	#btnLogin:active, #btnSubmitSecondFactor:active, #btnRedirectToVbank:active, #btnRedirectToIB:active {
		border-color: #90760C !important;
	}

#Loginhtml .btnContainer {
	padding: 0 !important;
}

.Loginbtn {
	font-size: 13px;
	margin: 2px;
}

#Loginhtml .btnLogin:disabled {
	color: #8D740F;
}

#btnSendSecondFactor {
	background: none !important;
	border: medium none !important;
	color: #FFF;
	cursor: pointer;
}

#btnSendSecondFactor, #twoFactorGuideLink, #lnkCloseSecondFactor,
#Loginhtml .securityGuide {
	text-decoration: none;
}

#divSubmitSecondFactor .btnRightL {
	margin-top: 30px;
}

.leftColumnL .textBoxControl dt:first-child input, .leftColumnL .textBoxControl dt:first-child a {
	width: 100%;
	height: 100%;
}

.leftColumnL .textBoxControl dt:first-child {
	background: 0;
	border: #E5E5E5 solid 1px !important;
}

.leftColumnL .valid dt:first-child {
	border: 1px solid #52C383 !important;
}

.leftColumnL .invalid dt:first-child {
	border: 1px solid #F88162 !important;
}

.leftColumnL .textBoxControl dt:first-child input {
	height: 100%;
	background: 0;
	padding: 0 5px !important;
	color: #FFF;
}

#pnlLogin input[type="password"]:focus, #pnlLogin input[type="text"]:focus, #divSubmitSecondFactor input[type="password"]:focus, #divSubmitSecondFactor input[type="text"]:focus {
	background-color: transparent !important;
}

.AgreementSecureKeyboard {
	margin: 10px auto;
	width: 95%;
	max-width: 490px;
	background: rgba(35, 45, 49, 0.69);
	box-shadow: 0 0 5px 0 #000;
	color: #efc316;
	font-size: 13px;
}

	.AgreementSecureKeyboard a {
		font-size: 13px;
		text-decoration: underline;
	}

.AgreementTitle {
	font-size: 14px;
	font-weight: 300;
}

.leftColumnL .alertWarning {
	background-color: #f2df2e;
	margin: 0 auto;
	position: absolute;
	z-index: 100;
	box-shadow: 0 0 5px 0 #000;
	max-width: 300px;
	color: #333;
	padding: 10px 4px;
	display: none;
}

	.leftColumnL .alertWarning::after {
		content: "";
		position: absolute;
		top: 50%;
		border-width: 5px;
		border-style: solid;
		margin-top: -5px;
	}
/*Add style after remove input*/
#LoginPanel input[type='text']::-webkit-input-placeholder, #LoginPanel input[type='password']::-webkit-input-placeholder {
	color: #FFF !important;
	top: 0;
	right: 0;
}

#LoginPanel input[type='text']::-moz-placeholder, #LoginPanel input[type='password']::-moz-placeholder {
	color: #787878 !important;
	top: 0;
	right: 0;
}

#LoginPanel input[type='text']:-ms-input-placeholder, #LoginPanel input[type='password']:-ms-input-placeholder {
	color: #787878 !important;
	top: 0;
	right: 0;
}

#LoginPanel input[type='text']:-moz-placeholder, #LoginPanel input[type='password']:-moz-placeholder {
	color: #787878 !important;
	top: 0;
	right: 0;
}

#LoginPanel input[type='text'], #LoginPanel input[type='password'] {
	background: 0;
	padding: 0 34px !important;
	color: #FFF;
	box-sizing: border-box;
	width: 282px;
	height: 33px;
	text-align: center;
	font-size: 13px !important;
	font-family: tahoma;
	direction: ltr;
	right: 0 !important;
	top: 0;
}

#LoginPanel #captchaTxt {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 165px !important;
	box-sizing: border-box;
	padding: 0 5px !important;
}

#divSubmitSecondFactor input[type='text'] {
	margin: 0;
	direction: rtl;
}

#LoginPanel .iconInputLogin {
	width: 34px;
	position: absolute;
	padding: 1px 6px;
	height: 32px;
}

#LoginPanel .focusLoginKeyboard {
	box-shadow: inset 0 0 8px rgba(255,255,255,.6);
}

#LoginPanel input.focusLoginKeyboard::-webkit-input-placeholder {
	color: transparent !important;
}

#LoginPanel input.focusLoginKeyboard::-moz-placeholder {
	color: transparent !important;
}

#LoginPanel input.focusLoginKeyboard:-ms-input-placeholder {
	color: transparent !important;
}

#LoginPanel input.focusLoginKeyboard:-moz-placeholder {
	color: transparent !important;
}

#LoginPanel #txtSecondFactor {
	direction: ltr;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.leftColumnL .textBoxControl dt:first-child input[type="password"] {
		font-family: tahoma;
	}
}

.leftColumnL .textBoxControl dt:first-child a {
	font-size: 13px !important;
	color: #787878 !important;
	font-family: tahoma;
}

.leftColumnL input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 100px #525D63 inset !important;
	outline: 0;
}

.leftColumnL .textBoxControl .valid dt:first-child {
	border: solid 1px #3CBF3C !important;
}

.leftColumnL .textBoxControl .invalid dt:first-child {
	border: solid 1px #FF4848 !important;
	position: relative;
}

#divLoginType label, #lblUSSMobileAppCode {
	border-color: #E5E5E5 !important;
	border-style: solid;
	font-size: 13px;
	text-align: center;
	width: 80px;
}

#divLoginType label {
	box-sizing: border-box;
}

.leftColumnL .dropdown {
	display: inline-block;
}

	.leftColumnL .dropdown div.itemsHolder > a > div {
		background-repeat: no-repeat;
	}

	.leftColumnL .dropdown .itemsHolder {
	}

#pnlResponsiveLoginType #divLoginType label {
	padding-top: 5px;
}

.leftColumnL .dropdown .itemsHolder > a > div {
	height: 100%;
	text-align: center;
	min-height: 30px;
	color: #FFF !important;
	padding: 5px 0px;
}

	.leftColumnL .dropdown .itemsHolder > a > div:before {
		font-family: fontIcon !important;
		margin: -5px 0px;
	}

.leftColumnL .dropdown div.dropdownHolder ul {
	background-color: #142127;
	border: 1px solid #121D23;
	color: #FFF !important;
	box-shadow: none;
	top: 30px;
	width: 282px;
}

	.leftColumnL .dropdown div.dropdownHolder ul li {
		cursor: pointer;
	}

		.leftColumnL .dropdown div.dropdownHolder ul li a {
			padding: 7px 5px !important;
			color: white;
		}

			.leftColumnL .dropdown div.dropdownHolder ul li a:hover {
				background-color: #1D2F38 !important;
			}

		.leftColumnL .dropdown div.dropdownHolder ul li.dropdownHover {
			background-color: #1D2F38 !important;
		}

		.leftColumnL .dropdown div.dropdownHolder ul li a.active {
			color: #C09D10 !important;
			background: none;
		}

.footerLogin {
	width: 99%;
	color: #FFF !important;
	font-size: 13px !important;
	font-weight: normal;
}

	.footerLogin .rightColumnL {
		display: inline-block !important;
	}

	.footerLogin ul {
		text-align: justify;
	}

	.footerLogin li {
		list-style: none;
	}

	.footerLogin .rightColumnL li li {
	}

	.footerLogin .leftColumnL li li {
	}

	.footerLogin legend {
		font-size: 15px !important;
		color: #FFF !important;
		border-color: #FFF;
	}

		.footerLogin legend span {
		}

		.footerLogin legend img {
			vertical-align: bottom;
		}

	.footerLogin .linkBar a {
		padding: 0 2px;
		font-size: 12px;
		color: #FFF;
	}

	.footerLogin .leftColumnL {
		display: inline-block !important;
		width: auto !important;
	}

	.footerLogin .rightColumnL {
		max-width: 500px;
	}

.leftColumnL #UpdatePanel2, .leftColumnL .textBoxControl dt:first-child {
	height: 30px;
}

.leftColumnL .dropdown div.itemsHolder {
	height: 32px;
}

#pnlResponsiveLoginType #divLoginType label {
	height: 32px;
}

.leftColumnL .username dt:first-child, .leftColumnL .password dt:first-child, .leftColumnL .USSMobileAppCodeControl dt:first-child, #StaticPasswordChoice dl.dropdown, .SubmitSecondCode, .SubmitSecondCode dt:first-child {
	width: 280px !important;
}

.leftColumnL .dropdown {
	width: 202px;
}

.leftColumnL .CaptchaTextbox dt:first-child {
	width: 163px;
}

#LoginContent {
	min-height: 100%;
}

#pnlLogin, #divSubmitSecondFactor {
	width: 332px;
}

.leftColumnL {
	width: 312px;
}

#divSubmitSecondFactor .leftColumnL {
	width: 282px;
}

#btnLogin, #btnSubmitSecondFactor, #btnRedirectToVbank, #btnRedirectToIB {
	width: 282px !important;
}

.leftColumnL #captchaImg {
	height: 32px;
	width: 112px;
}

.ErrorMassageL {
	color: #F76E4C !important;
	font-size: 14px;
	min-height: 19px;
}

.WarningMessageLogin {
	color: #FFE787;
}

#divMessage {
	font-size: 14px;
	text-align: justify;
	text-align: center;
	padding-top: 3px;
}

#lblMessage {
}

.InfoMessageLogin {
	font-size: 17px;
	color: #FFF;
	text-align: justify;
}

.ValidatorContainer {
}

.columnsContainerL .USSDcolumnsContainer {
	color: #fff;
}
/*-------------------------------focus and active-----------------------------------------------------*/

.leftColumnL input[type='text']:-webkit-autofill:focus, .leftColumnL input[type='password']:-webkit-autofill:focus,
.leftColumnL input[type='text']:-webkit-autofill:active, .leftColumnL input[type='password']:-webkit-autofill:active {
	background-color: rgba(20, 33, 39, 0.92) !important;
	-webkit-box-shadow: 0 0 0 100px rgba(20, 33, 39, 0.92) inset !important;
	-webkit-text-fill-color: #FFF !important;
}

.leftColumnL input[type='text']:focus, .leftColumnL input[type='password']:focus,
.leftColumnL input[type='text']:active, .leftColumnL input[type='password']:active,
#LoginPanel input[type='text']:focus, #LoginPanel input[type='password']:focus,
#pnlLogin input[type="password"]:focus, #pnlLogin input[type="text"]:focus, #divSubmitSecondFactor input[type="password"]:focus,
#divSubmitSecondFactor input[type="text"]:focus {
	background-color: rgba(20, 33, 39, 0.92) !important;
	color: #FFF !important;
}


.leftColumnL .dropdown .itemsHolder > a:focus > div, .leftColumnL .dropdown .itemsHolder > a:active > div {
	background-color: rgba(20, 33, 39, 0.92) !important;
}

#btnSendSecondFactor:focus, #twoFactorGuideLink:focus, #lnkCloseSecondFactor:focus, #helpFileSms a:focus,
#btnSendSecondFactor:active, #twoFactorGuideLink:active, #lnkCloseSecondFactor:active,
#Loginhtml .securityGuide:focus, #Loginhtml .securityGuide:active,
#imgHelp2:focus, #imgHelp2:active {
	text-decoration: underline;
	color: #daba03;
}

#btnLogin:focus, #btnSubmitSecondFactor:focus, #btnRedirectToVbank:focus, #btnRedirectToIB:focus {
	border-color: #f1c100 !important;
	background-color: #142127 !important;
	font-weight: 500;
	color: #f1c100 !important;
}

.AgreementSecureKeyboard .checkBox input[type$="checkbox"]:focus + label::after {
	box-shadow: 0 0 1px 1px #efc316;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ErrorMassageL {
		min-height: 30px;
	}
}

.footerLogin fieldset {
	max-width: 1000px;
	margin: 0 auto !important;
	border-width: 1px 0px 0px !important;
	border-style: solid;
	border-radius: 0px !important;
	border-color: #BBB !important;
	background-color: inherit;
}

@media (max-width:960px) {
	.alertWarning {
		right: 0px;
		top: -49px;
	}

		.alertWarning::after {
			top: 100% !important;
			border-width: 10px !important;
			border-style: solid;
			border-color: rgb(242, 223, 46) transparent transparent transparent !important;
		}
}

@media only screen and (max-width: 600px) {
	#LoginContent {
		padding-top: 10px;
	}

	.leftColumnL {
		background: red;
	}

	#LoginContent {
		height: 100%;
	}

	.Loginpage1 {
		width: 100%;
		min-height: 100%;
		padding-bottom: 50px;
	}

	.footerLogin {
		margin-top: -50px !important;
	}

		.footerLogin fieldset {
			border-width: 0px !important;
		}

		.footerLogin legend {
			text-align: center !important;
			padding: 10px 0px !important;
			width: 100% !important;
		}

			.footerLogin legend span {
			}

		.footerLogin .columnsContainerL {
			max-width: 430px;
			margin: 0 auto;
			display: block;
		}

		.footerLogin .rightColumnL {
			width: 100%;
			padding: 0px 12px;
		}

		.footerLogin .leftColumnL {
			padding: 0px 12px;
		}

			.footerLogin .leftColumnL ul ul {
			}
}

.SuccessMsg {
	background-color: rgba(18,34,38,0.9);
	padding: 15px;
	text-align: justify;
}

.InnerSucessMsg {
	background: none;
	color: #FFF;
	opacity: 100 !important;
}

.leftColumnL .textBoxControl dt:first-child input::-webkit-input-placeholder {
	font-size: 13px !important;
}

.leftColumnL .textBoxControl dt:first-child input:-moz-placeholder {
	font-size: 13px !important;
}

.leftColumnL .textBoxControl dt:first-child input::-moz-placeholder {
	font-size: 13px !important;
}

.leftColumnL .textBoxControl dt:first-child input:-ms-input-placeholder {
	font-size: 13px !important;
}

.leftColumnL .ResendodeContainerL {
}

.TwoFactorOption {
	display: none;
	border: 1px dotted gray;
	width: 90%;
}

.CompanyInfo {
	font-size: 10px;
	line-height: 200%;
}

.loginToolTip {
	text-align: center;
	width: 350px;
	height: 142px;
	display: none;
}

.certSignerControlContainer {
	visibility: hidden;
}

.BrowserInfo {
	color: #FFF;
	font-size: 13px;
}

#helpFileSms a {
	color: #FFD800;
	font-size: 13px;
}

#helpFileSms {
	margin: 0px !important;
}

	#helpFileSms .leftColumnL {
		width: 282px;
	}

@media only screen and (max-width:400px) {
    #helpFileSms .leftColumnL {
        width: 223px;
    }

	#LoginHeader {
		width: 223px;
		height: 133px;
	}

	#CenterContent {
		padding: 15px 0px 2px;
	}

	#pnlLogin, #divSubmitSecondFactor {
		width: 278px;
	}

	.leftColumnL .username dt:first-child, .leftColumnL .password dt:first-child, .leftColumnL .USSMobileAppCodeControl dt:first-child, #StaticPasswordChoice dl.dropdown, .SubmitSecondCode, .SubmitSecondCode dt:first-child {
		width: 220px !important;
	}

	#divLoginType label, #lblUSSMobileAppCode {
		width: 58px;
	}

	.leftColumnL .dropdown .itemsHolder {
		width: 164px;
	}

	#btnLogin, #btnSubmitSecondFactor, #btnRedirectToVbank, #btnRedirectToIB {
		width: 223px !important;
	}

	.leftColumnL .dropdown div.dropdownHolder ul {
		width: 223px;
	}

	.leftColumnL .dropdown {
		width: auto;
	}

	.leftColumnL {
		width: 250px;
	}

	#divSubmitSecondFactor .leftColumnL {
		width: 250px;
	}

	.leftColumnL .CaptchaTextbox dt:first-child {
		width: 105px;
	}

		.leftColumnL .CaptchaTextbox dt:first-child a {
			word-wrap: break-word;
			font-size: 8px !important;
		}

	.leftColumnL #captchaImg {
	}

	#divLoginCaptcha .leftColumnL .textBoxControl dt:first-child input::-webkit-input-placeholder {
		font-size: 8px !important;
	}

	#divLoginCaptcha .leftColumnL .textBoxControl dt:first-child input:-moz-placeholder {
		font-size: 8px !important;
	}

	#divLoginCaptcha .leftColumnL .textBoxControl dt:first-child input::-moz-placeholder {
		font-size: 8px !important;
	}

	#divLoginCaptcha .leftColumnL .textBoxControl dt:first-child input:-ms-input-placeholder {
		font-size: 8px !important;
	}

	.alertWarning {
		top: -65px;
	}
	/*Add style after remove input*/

	#LoginPanel input[type='text'], #LoginPanel input[type='password'] {
		width: 220px;
		border-radius: 0;
	}

	#LoginPanel #captchaTxt {
		width: 105px !important;
	}

		#LoginPanel #captchaTxt[type='text']::-webkit-input-placeholder {
			font-size: 8px !important;
			vertical-align: middle;
		}

		#LoginPanel #captchaTxt[type='text']::-moz-placeholder {
			font-size: 8px !important;
			vertical-align: middle;
		}

		#LoginPanel #captchaTxt[type='text']:-ms-input-placeholder {
			font-size: 8px !important;
			vertical-align: middle;
		}

		#LoginPanel #captchaTxt[type='text']:-moz-placeholder {
			font-size: 8px !important;
			vertical-align: middle;
		}
}

@media only screen and (max-width:295px) {
	#pnlLogin {
		width: 100%;
	}
}

.leftColumnL input {
	font-size: 13px !important;
}

.leftColumnL ::-webkit-input-placeholder {
	color: red;
	position: relative;
	top: -2px;
}

.leftColumnL :-moz-placeholder {
	color: red;
	position: relative;
	top: -2px;
}

.leftColumnL ::-moz-placeholder {
	color: red;
	position: relative;
	top: -2px;
}

.leftColumnL :-ms-input-placeholder {
	color: red;
	position: relative;
	top: -2px;
}

#LoginPanel input[type='text']::-webkit-input-placeholder, #LoginPanel input[type='password']::-webkit-input-placeholder {
	font-family: IRANSans_FaNum !important;
}

#LoginPanel input[type='text']::-moz-placeholder, #LoginPanel input[type='password']::-moz-placeholder {
	font-family: IRANSans_FaNum !important;
}

#LoginPanel input[type='text']:-ms-input-placeholder, #LoginPanel input[type='password']:-ms-input-placeholder {
	font-family: IRANSans_FaNum !important;
}