﻿/*New Header*/

.new-sf_pnl {
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    z-index: 3;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 22px;
}

.new-sf_pnl .logo_wrapper { 
    width: 205px;
}

.new-sf_pnl form, .new-sf_pnl .stopper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex: 1 auto;
    flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
}

.new-sf_pnl .right-items_wr {
	width: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 15px 0 30px;
}

	.new-sf_pnl .right-items_wr .ea-button {
		position: relative;
		display: block;
		text-decoration: none;
		padding-left: 25px;
		line-height: 35px;
	}

		.new-sf_pnl .right-items_wr .ea-button::before {
			content: '';
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			display: block;
			width: 18px;
			height: 18px;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+ICAgICAgICA8dGl0bGU+dWkvaWNvbnMvMTYvaWNfZW1wbG95ZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOCwwIEMzLjU4ODc4MTI1LDAgMCwzLjU4ODc4MTI1IDAsOCBDMCwxMi40MTEyMTg3IDMuNTg4NzgxMjUsMTYgOCwxNiBDMTIuNDExMjE4NywxNiAxNiwxMi40MTEyMTg3IDE2LDggQzE2LDMuNTg4NzgxMjUgMTIuNDExMjE4NywwIDgsMCBaIE0xMC44NDA0Njg4LDE0LjI1MTg3NSBDOS45NzQzNDM3NSwxNC42NDY5Mzc1IDkuMDEyNDM3NSwxNC44NjczNDM4IDgsMTQuODY3MzQzOCBDNi45ODc1NjI1LDE0Ljg2NzM0MzggNi4wMjU2MjUsMTQuNjQ2OTM3NSA1LjE1OTUzMTI1LDE0LjI1MTg3NSBMNS4xNTk1MzEyNSwxMS40ODMyODEzIEM1LjE1OTUzMTI1LDEwLjcwMyA1Ljc5NDMxMjUsMTAuMDY4MjUgNi41NzQ1NjI1LDEwLjA2ODI1IEw5LjQyNTQzNzUsMTAuMDY4MjUgQzEwLjIwNTY4NzUsMTAuMDY4MjUgMTAuODQwNDY4OCwxMC43MDMwMzEzIDEwLjg0MDQ2ODgsMTEuNDgzMjgxMyBMMTAuODQwNDY4OCwxNC4yNTE4NzUgWiBNMTEuOTczMTI1LDEzLjU5ODQwNjMgTDExLjk3MzEyNSwxMS40ODMyODEzIEMxMS45NzMxMjUsMTAuMDc4NSAxMC44MzAyNSw4LjkzNTU5Mzc1IDkuNDI1NDM3NSw4LjkzNTU5Mzc1IEw5LjI4Mzc4MTI1LDguOTM1NTkzNzUgQzEwLjI4NDQzNzUsOC40NTUzMTI1IDEwLjk3NzAzMTIsNy40MzIwNjI1IDEwLjk3NzAzMTIsNi4yNDk5Njg3NSBDMTAuOTc3MDMxMiw0LjYwODQwNjI1IDkuNjQxNTMxMjUsMy4yNzI5Mzc1IDcuOTk5OTY4NzUsMy4yNzI5Mzc1IEM2LjM1ODQwNjI1LDMuMjcyOTM3NSA1LjAyMjkwNjI1LDQuNjA4NDM3NSA1LjAyMjkwNjI1LDYuMjQ5OTY4NzUgQzUuMDIyOTA2MjUsNy40MzIwOTM3NSA1LjcxNTUzMTI1LDguNDU1MzEyNSA2LjcxNjE1NjI1LDguOTM1NTkzNzUgTDYuNTc0NSw4LjkzNTU5Mzc1IEM1LjE2OTcxODc1LDguOTM1NTkzNzUgNC4wMjY4MTI1LDEwLjA3ODQ2ODggNC4wMjY4MTI1LDExLjQ4MzI4MTMgTDQuMDI2ODEyNSwxMy41OTg0MDYzIEMyLjI3NjQ2ODc1LDEyLjM1MjU2MjUgMS4xMzI2NTYyNSwxMC4zMDczMTI1IDEuMTMyNjU2MjUsOCBDMS4xMzI2NTYyNSw0LjIxMzM0Mzc1IDQuMjEzMzQzNzUsMS4xMzI2NTYyNSA4LDEuMTMyNjU2MjUgQzExLjc4NjY1NjMsMS4xMzI2NTYyNSAxNC44NjczNDM3LDQuMjEzMzQzNzUgMTQuODY3MzQzNyw4IEMxNC44NjczNDM3LDEwLjMwNzMxMjUgMTMuNzIzNTMxMywxMi4zNTI1NjI1IDExLjk3MzEyNSwxMy41OTg0MDYzIFogTTgsOC4wOTQzNDM3NSBDNi45ODMsOC4wOTQzNDM3NSA2LjE1NTU5Mzc1LDcuMjY2OTM3NSA2LjE1NTU5Mzc1LDYuMjQ5OTM3NSBDNi4xNTU1OTM3NSw1LjIzMjkzNzUgNi45ODMsNC40MDU1NjI1IDgsNC40MDU1NjI1IEM5LjAxNyw0LjQwNTU2MjUgOS44NDQ0MDYyNSw1LjIzMjk2ODc1IDkuODQ0NDA2MjUsNi4yNDk5Mzc1IEM5Ljg0NDQwNjI1LDcuMjY3IDkuMDE3LDguMDk0MzQzNzUgOCw4LjA5NDM0Mzc1IFoiIGlkPSJwYXRoLTEiLz4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0idWkvaWNvbnMvMTYvaWNfZW1wbG95ZXIiPiAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz4gICAgICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgICAgICA8dXNlIGlkPSJpY19lbXBsb3llciIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcGF0aC0xIi8+ICAgICAgICAgICAgICAgIDxnIGlkPSJ1aS9jb2xvcnMvYmFja2dyb3VuZC93aGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjYWFhIj4gICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
			background-size: contain;
			background-repeat: no-repeat;
		}

		.new-sf_pnl .right-items_wr .ea-button span {
			font-size: 16px;
			vertical-align: middle;
			border-bottom: 1px solid transparent;
			transition: border-bottom-color ease .3s;
		}

		.new-sf_pnl .right-items_wr .ea-button:hover span {
			border-bottom-color: #555;
		}

.new-sf_pnl .logo_wrapper img {
	width: 102px;
	margin-top: 9px;
}

.new-sf_pnl form .column {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex: 1 auto;
    flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 0 17px 0;
}

.new-sf_pnl form .column:first-child {
    margin-right: 6px;
}

.new-sf_pnl form .column input {
    width: 100%;
    border: 1px solid #d7d7d7;
    height: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 9px;
    font-size: 14px;
}

.new-sf_pnl form .column input:focus {
    border: 1px solid #1c7ebc;
}

.new-sf_pnl form .column input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #b1b1b3;
    font-style: normal;
}

.new-sf_pnl form .column input:-moz-placeholder {
    font-size: 14px;
    line-height: 34px;
    color: #b1b1b3;
    font-style: normal;
}

.new-sf_pnl form .column input::-moz-placeholder {
    font-size: 14px;
    line-height: 34px;
    color: #b1b1b3;
    font-style: normal;
}

.new-sf_pnl form .column input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #b1b1b3;
    font-style: normal;
}

.new-sf_pnl .login_btn, .new-sf_pnl .my-page_btn {
    color: #555;
    height: 35px;
    line-height: 35px;
    padding: 0 13px;
    font-size: 16px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    cursor: pointer;
    min-width: 142px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    position: relative;
	text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.new-sf_pnl .my-page_btn  {
    padding: 0 33px 0 13px;
	white-space: nowrap;
}

.new-sf_pnl .my-page_btn.not-verified::before {
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #cd2e2e;
	content: '';
}

.new-sf_pnl .my-page_btn.not-verified.active::before {
	display: none;
}

.new-sf_pnl .my-page_btn:after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-top: 4px solid #b9b9b9;
    right: 13px;
    top: 16px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.new-sf_pnl .my-page_btn:hover:after  {
    border-top: 4px solid #fff;
}

.new-sf_pnl .login_btn:hover, .new-sf_pnl .my-page_btn:hover {
    background-color: #56555b;
    border-color: #56555b;
    color: #fff;
}

.new-sf_pnl .dropdown {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #d7d7d7;
    list-style-type: none;
    text-align: left;
}

.new-sf_pnl .user_wrapper {
    position: relative;
    margin-left: 20px;
}

.new-sf_pnl .user_wrapper .dropdown {
    top: 53px;
	right: 0;
    min-width: 100%;
	padding: 5px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.new-sf_pnl .user_wrapper .dropdown .email_field {
	border-bottom: 1px solid #d7d7d7;
	padding: 5px 0;
	white-space: nowrap;
	cursor: default;
}

.new-sf_pnl .user_wrapper .dropdown .email_field span {
	display: block;
}

.new-sf_pnl .user_wrapper .dropdown .email_field .email {
	font-size: 14px;
	color: #000;
}

.new-sf_pnl .user_wrapper .dropdown .email_field .not-verified {
	position: relative;
	margin-top: 4px;
	margin-left: 10px;
	color: #d29999;
}

.new-sf_pnl .user_wrapper .dropdown .email_field .not-verified::before {
	display: block;
	position: absolute;
	top: 50%;
	left: -10px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 100%;
	background-color: #cd2e2e;
	content: '';
}

.new-sf_pnl .user_wrapper .dropdown .email_field .confirm-btn {
	display: block;
	width: 100%;
	height: 28px;
	margin: 8px 0;
	padding: 0;
	border-radius: 5px;
	color: #fff;
	background-color: #1c7ebc;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	outline: none;
}

.new-sf_pnl .dropdown a {
    text-decoration: none;
    padding: 9px 30px;
    display: block;
    white-space: nowrap;
}

.new-sf_pnl .user_wrapper .dropdown a {
    padding: 9px 0;
}

.new-sf_pnl .dropdown a, .new-sf_pnl .dropdown a div {
    color: #555;
    font-size: 14px;
}

.new-sf_pnl .dropdown a:hover, .new-sf_pnl .dropdown a:hover div {
    color: #1c7ebc;
}
