/* New header-condent area Homepage */

/* #################### */
/* ### Before Login ###*/
/* #################### */

body.wordpress #login-modal{
	width: 441px !important;
	padding: 0 !important;
	height: 35px !important;
	border: none !important;
	background: transparent !important;
	top: 17px !important;
}

body.wordpress #login-modal input.txtfield {
width: 160px !important;
height: 32px !important;
float: left !important;
margin-right: 3px;
margin-bottom: 0px !important;
}

#loginbtn{
	width: 113px;
	height: 32px;
}

#header_navigation{
    top: 140px !important;
    right: 0 !important;
    /*background-color: #529720 !important; can be changed via the customizer*/
    width: 960px;
}

#header_navigation ul.menu {
    display: table;
    width: 100%;
    position: relative;
}

#header_navigation ul.menu > li.menu-item{
    padding: 0 1px !important;
    display: table-cell;
    width: auto;
    float: none;
    text-align: center; 
    position:relative;
}
#header_navigation ul.menu > li.menu-item ul.sub-menu {
    text-align: left;
    /*min-width: 100%;*/
    /* width: auto; */
}
#header_navigation ul.menu > li.menu-item ul.sub-menu > li.menu-item {
    display: block;
    float: none;
    white-space: nowrap;
    width: 100%;
    border-bottom: 1px solid #ADD285;
}

#header_navigation ul.menu > li.menu-item ul.sub-menu > li.menu-item {
    left: 0;
}

#header_navigation ul.menu > li.menu-item ul.sub-menu > li.menu-item:before {
    display: none;
}

#header_navigation ul.menu > li.menu-item:before {
 display: none;
}

body.wordpress .flatbtn-blu{
	padding: 0 !important;
	margin-bottom: 0 !important;
}


body.wordpress div#header-login-wrap {
width: 663px;
margin-left: auto;
margin-right: auto;
float: right;
position: relative;
}

.header-content #languageselector{
	position: absolute;
	top: 87px !important;
	right: 0px !important; 
	width: 106px;
	height: 34px;
	color: #FFF;
	z-index: 401;
}


/* Slider */
.cycloneslider-slide{
	top: 34px !important;
}

div.header-content div.header_title,
div.header-content div.header_sign_up,
.cycloneslider-next,
.cycloneslider-prev{
	display: none;
}

/* End of Slider */

body.wordpress div#header-open-account-wrap div.header-open-account{
	top: 251px !important;
}

.header-content #wh_clock,
.so_logged_in .header-content #wh_clock{
	top: 90px !important;
	left: 519px !important;
}

.so_logged_in .header-content #wh_clock{
	left: 325px !important;	
}


#systemClock{
	font-size: 24px;
}

/* Language Selector */

.header-content #languageselector{
	right: 8px !important;
}

/* End of Language Selector */

body.wordpress div#header-login-wrap div.forgot_password a{
	color: #FFFFFF !important;
}


.header-content .welcome_div{
	display: none;
}

#header_navigation ul.menu > li.menu-item.so_theme_hover:before, #header_navigation ul.menu > li.menu-item.so_theme_hover_next:before{
	right: 20px !important;
}



/* #################### */
/* ### After Login ####*/
/* #################### */


#header_navigation ul.menu > li.menu-item:before{
	right: 22px !important;	
}

body #header_balance{
	text-align: right;
	position: relative !important;
	margin-right: 11px;
}

body.so_logged_in header#header div.wrap div.header-content div.welcome_div{
	display: block;
	float: right;
	margin-top: 2px;
}

#header > div > div > div.welcome_div > div,
#header > div > div > div.welcome_div > div span{
	color: #FFFFFF;
}


/* Logged in Menu */

#header{
	min-height: 182px;
	/*min-height: 163px;*/
	margin-bottom: 30px;
}

body.so_logged_in #header {
	height: 180px !important;
}

body.so_logged_in header#header div.wrap div.header-content div#header-login-wrap.header-login-wrap{
	display: none;
}

#so_account_details{
	width: 641px !important;
}

/* Special css for the deposit button */
body.wordpress #so_account_details a div.deposit_div {
border: none !important;
overflow: hidden !important;
font-size: 13px !important;
float: left !important;
padding-left: 0px !important;
padding-right: 10px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
position: relative !important;
}

body.wordpress.rtl #so_account_details a div.deposit_div {
	float: right !important;
}

#so_account_details a div.deposit_div{
	font-size: 12px !important;
	font-weight: 100 !important;
}

#so_account_details a div.deposit_div div.so_account_details_icon{
	margin-left: 0 !important;
	width: 19px !important;
	height: 18px !important;
	margin-left: 7px !important;
	margin-right: 5px !important;
	margin-bottom: 0px !important;
}


/* additional css for all the account buttons */
body.wordpress #so_account_details > a > div{
	top: 0 !important;
	height: 32px !important;
	width: 150px !important;
	/*background: #529720; The background for this element is changed using the customizer. */
	margin-right: 10px !important;
	border-radius: 4px !important;
	line-height: 2.4 !important;
}

body.wordpress #so_account_details > a:last-child > div{
	margin-right: 0;
}

/* Deposit*/
body.wordpress #so_account_details a div.deposit_div div.so_account_details_icon{
	background: transparent url("/wp-content/themes/spotoption/assets/images/sprite.png") no-repeat -1079px -6px;
}

/* Portfolio*/
body.wordpress #so_account_details a div.portfolio_div div.so_account_details_icon{
	background: transparent url("/wp-content/themes/spotoption/assets/images/sprite.png") no-repeat -1078px -49px;
}

/* My Account*/
body.wordpress #so_account_details a div.my_account_div div.so_account_details_icon{
	background: transparent url("/wp-content/themes/spotoption/assets/images/sprite.png") no-repeat -1077px -30px;

}

/* Logout */
body.wordpress #so_account_details a div.logout_div div.so_account_details_icon{
	background: transparent url("/wp-content/themes/spotoption/assets/images/sprite.png") no-repeat -1077px -68px;	
}

body.wordpress #so_account_details a div.logout_div div.so_account_details_icon,
body.wordpress #so_account_details a div.my_account_div div.so_account_details_icon,
body.wordpress #so_account_details a div.portfolio_div div.so_account_details_icon,
body.wordpress #so_account_details a div.deposit_div div.so_account_details_icon{
	margin-top: 7px;
}

body.wordpress #so_account_details div.so_account_details_text{
	float: left;
	text-align: left;
	padding-left: 5px;
	width: 109px;
	height: 31px;
	padding-top: 2px;
}

body.wordpress.rtl #so_account_details div.so_account_details_text{
	text-align: right;
	padding-left: 0;
	padding-right: 5px;
}	
/* End of Logged in Menu */



/* ######################### */
/* ### RTL Before Login #### */
/* ######################### */

body.rtl header#header div.wrap div.header-content div#header-login-wrap.header-login-wrap{
	float: left;
}

body.rtl header#header div.wrap div.header-content div#header-login-wrap.header-login-wrap div#login-modal form#login-form input.txtfield{
	float: right !important;
	margin-right: 0;
	margin-left: 3px;
	padding-right: 12px;
}

.rtl .header-content #languageselector{
	left: -40px !important;
}

.rtl .header-content #wh_clock{
	top: 85px !important;
	text-align: left;
	clear: right;
	left: 177px !important;
}


body.rtl header#header div.wrap div.header-content div#header_navigation div ul li.menu-item:before{
	right: -19px !important;	
}

body.rtl header#header div.wrap div.header-content div#header_navigation div ul li.menu-item:last-child{
	/*padding-left: 50px !important;*/
}

body.rtl header#header div.wrap div.header-content div#header_navigation div ul.sub-menu li.menu-item:last-child{
	padding-left: 22px !important;
}


/* ######################### */
/* ### RTL After Login #### */
/* ######################### */

/* Header account buuttons */
body.so_logged_in.rtl #header_balance{
	margin-right: 0;
}

body.so_logged_in.rtl header#header div.wrap div.header-content div.welcome_div{
	float: left;
	margin-left: 10px;
}

body.so_logged_in.rtl header#header div.wrap div.header-content div.welcome_div div.so_account_details_text span{
	float: right;
	margin-left: 5px;
}

body.so_logged_in.rtl #so_account_details > a:last-child > div {
	margin-right: 10 !important;
}

body.so_logged_in.rtl #so_account_details div{
	padding-right: 10px;
	padding-left: 0;
}