.margin-top-60 {
	margin-top: 60px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-15 {
	margin-top: 15px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-6 {
	margin-top: 6px;
}

.margin-top-2 {
	margin-top: 2px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-right-20 {
	margin-right: 20px;
}

.menu-widgets {
	position: relative;
	min-width: 230px;
	max-width: 700px;
}

.menu-widget-item-container {
	padding-left: 0px;
	padding-right: 0px;
}

.menu-widget-item-container:hover {
	cursor:pointer;
}

.no-margin-bottom {
	margin-bottom: 0;
}
.btn-extra-padding-top-bottom {
	padding: 9px 12px;
}
ul.list-inline-walled li:not(:first-child) {
	border-left: 1px solid #d3d4d5;
}
.value-down {
	color: #045c8f;
}
#notification-container {
	z-index: 1045 !important;
}

.main-menu {
	z-index: 1045;
	-webkit-box-shadow: 0px 0px 5px 0px #cccccc;
	-moz-box-shadow: 0px 0px 5px 0px #cccccc;
	box-shadow: 0px 0px 5px 0px #cccccc;
}
.main-menu-container .main-menu {
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;
}
.main-menu,
.brand-main-menu {
	background-color: #ffffff;
}

.brand-main-menu {
	padding: 12px 0 5px 0;
}

.brand-main-menu .btn-brand {
	font-size: 15px;
}
.brand-main-menu .btn-icon-only,
.brand-main-menu .btn-border-icon-only {
	font-size: 20px;
	height: 35px;
	width: 35px;
	margin: 0;
	padding: 0;
}
.brand-main-menu .btn-icon-only {
	border: 0;
}
.btn-group-deposit {
}

.brand-main-menu .language a {
	padding: 7px 15px !important;
	border: none;
}
.brand-main-menu .language .dropdown-menu {
	margin-top: 8px !important;
}

.ltr .brand-main-menu-actions {
	padding-left: 5px;
}

.rtl .brand-main-menu-actions {
	padding-right: 5px;
}

.brand-main-menu-actions .deposit-menu-trigger .de-funds {
	font-size: 13px;
}

.brand-main-menu > div {
	flex-wrap: wrap;  
} 

.widget-arrow-down-right {
	width: 12px;
	height: 12px;
	position: relative;
	margin: -5px 2px 0px 2px;
}

.main-menu-logo {
	max-width: 160px;
	max-height: 36px;
}

.rtl .menu-widget-item-container:nth-child(odd)  {
	border-left: 1px solid #ddd;
}

.menu-widget-item-abc,
.menu-widget-item-value {
	font-weight: 600;
}
.tradable-balance-value,
.total-risk-margin-value,
.margin-level-value,
.menu-widget-item-abc,
.popover-after-value,
.menu-widget-item-after-value{
	color: #84c561;
}

.menu-widget-item-abc.account-currency-value:not(.value-up, .value-down),
.margin-level-value-popover-container .menu-widget-item-after-value,
.account-currency-value.popover-abc {
	color: #045c8f;
}

.margin-level-value-tooltip-container > * {
	color: #ff671b;
}

.margin-warning-popup ul li:nth-child(2) span:nth-child(2),
.margin-warning-popup ul li:nth-child(2) span:nth-child(3) {
	color: #ff671b;
}

.menu-widget-item-value-container {
	min-height: 22px;
	direction: ltr;
}
.menu-widget-item-value-container,
.menu-widget-item-label {
	text-align: center;
	font-size: 15px;
	color: #045c8f;
}

.ltr .menu-widget-item-label > span {
	margin-right: 4px;
}

.rtl .menu-widget-item-label > span {
	margin-left: 4px;
}

.menu-widget-item-label {
	font-size: 11px;
	color: #045c8f;
	text-transform: uppercase;
}

.menu-widget-item-label i.fa-caret-down {
    font-size: 18px;
    line-height: 0.5;
    position: relative;
    top: 1px;
    color: #bbb;
}

html:lang(de) .menu-widget-item-label{
	font-size: 9px;
}
.menu-widget-item-value-info {
	color: #58585b;
	opacity: 0.6;
	font-weight: bolder;
	padding-left: 2px;
}

.value-up,
.value-up .menu-widget-item-value,
.value-up .menu-widget-item-abc,
.value-up .popover-value,
.value-up .popover-abc,
.value-up .menu-widget-item-abc.account-currency-value {
	color: #84c561 !important;
}

.value-down,
.value-down .menu-widget-item-value,
.value-down .menu-widget-item-abc,
.value-down .popover-value,
.value-down .menu-widget-item-abc.account-currency-value
 {
	color: #ff671b !important;
}

.menu-widget-item:hover .menu-widget-item-value-info,
.menu-widget-item:focus .menu-widget-item-value-info,
.menu-widget-item:active .menu-widget-item-value-info{
	opacity: 1;
}

.mobile-submenu-footer-content {
	float: right;
	max-width: 320px;
}

.mobile-expendable-row {
	display: block;
}

.mobile-row-hidden {
	display: flex !important;
}

.fa-profitloss-warning, .fa-margin-warning {
	color: #ff671b;
	font-size: 10px;
	position: relative;
	bottom: 2px;
}

.logo-container {
	width: 180px;
	max-width: 50%;
}

.balance-container {
	flex-basis: 100%;
	border-top: 1px solid #eee;
	margin-top: 8px;
}

@media (max-width: 992px){
	.brand-main-menu .btn-brand {
		padding: .375rem .4rem;
	}
}
@media (max-width: 767px){

	.background-arrow-caret {
		background-position: 5px;
	}
	.brand-main-menu {
		padding: 8px 0 0 0;
		min-height: 92px;
	}

	.menu-widget-item-container {
		margin-top: 5px;
		margin-bottom: 5px;
		width: 100%;
	}

	.btn-icon-only,
	.btn-border-icon-only {
		width: 22px;
	}

	.mobile-expendable-row {
		display: none;
	}

	.mobile-row-hidden {
		display: none !important;
	}

	.content-trade {
		margin-top: 75px;
	}

	.content-trade.expanded {
		margin-top: 125px;
		-webkit-transition: margin 0.8s;
		-moz-transition: margin 0.8s;
		-o-transition: margin 0.8s;
		transition: margin 0.8s;
	}

	#tradezoneOuterWrap .breadcrumb-container.expanded {
		margin-top: 148px;
		-webkit-transition: margin 0.8s;
		-moz-transition: margin 0.8s;
		-o-transition: margin 0.8s;
		transition: margin 0.8s;
	}
}

@media (min-width: 992px) {
	.brand-main-menu-actions .deposit-menu-trigger .de-funds {
		margin-left: 5px;
		font-size: 15px;
	}
}

@media (min-width: 768px) {

	.rtl .menu-widgets .menu-widget-item-container {
		border-left: 1px solid #ddd;
	}

	.menu-widgets div:nth-child(2) .menu-widget-item-container:last-child {
		border-left: none;
		border-right: none;
	}

	.brand-main-menu > div {
		flex-wrap: nowrap;  
	} 
	
	.logo-container {
		width: 45px;
	}

	.balance-container {
		flex-basis: initial;
		border-top: none;
		margin-top: 0;
	}
}	

@media (min-width: 992px) {
	.logo-container {
		width: 180px;
	}
}