﻿.horizontal #user_panel {
	float: left;
}

.horizontal #important_icons {
	display: inline-block;
	height: 20px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 3px;
	vertical-align: top;
	position: relative;
}

.horizontal #op_wrapper {
	position: relative;
	display: block;
	z-index: 2;
}

.horizontal #user_bar {
	display: inline-block;
}

#important_icons #cart_link_icon img {
	display: none;
}

.vertical #user_bar {
	width: 100%;
}

.vertical #important_icons {
	float: left;
	height: 20px;
	margin-top: 2px;
	margin-left: 2px;
}

#user_wrapper.vertical {
	position:relative;
	z-index: 4;
}

.vertical #user_bar {
	display: inline-block;
	white-space: nowrap;
	padding-right: 0px;
}

.vertical #user_arrow {
	position: absolute;
	left: -5px;
	top: 0px;
}

.vertical #full_name {
	position: absolute;
	left: 20px;
	right: 5px;
}

.vertical #important_icons #cart_link_icon img {
	display: none;
}
	

#cart_link {
	position: relative;
}

#cart_link a {
	display:inline-block;
}

#cart_tooltip {
	border: 2px solid #000;
	border-radius: 8px;
	background-color: #FFF;
	color:#000;
	padding: 10px;
	position: absolute;
	z-index: 999;
	display: none;
	min-width: 300px;
	max-width: 550px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.35);
	opacity: 0;
	font-size: 12px;
}

#cart_tooltip_data {
	font-weight:normal;
}
.cart-header-cell {
	font-weight:bold;
}
#cart_tooltip .material-icons {
	color: #000;
	font-size: 24px;
}

#cart_tooltip .cart-close {
	position: absolute;
	top: 5px;
	right: 10px;
}

.cart-tooltip-title {
	font-size: 15px;
	color: #000;
	font-weight: bold;
	font-family: Arial,sans-serif;
}
.cart-header-cell {
	border-bottom:1px solid #000;
}
#total_footer_row #button_panel {
	position:relative;
}
.panel-user-image-holder,
.panel-data {
	display:inline-block;
}
.panel-bio-image {
	height:80px;
	width:80px;
	background-size:cover;
	background-position:center center;
	border-radius:50%;
	border:1px solid #212121;
}
#panel_full_name,
.panel-user-arrow {
	display:inline-block;
	vertical-align:middle;
}
.panel-fullname {
	color:#000;
}
#bad_email_panel {
	margin: 2px 0px 10px 0px;
	clear: both;
	color: Red;
	font-size: 12px;
}
#bad_email_panel a {
	color: inherit;
	text-decoration-line: none;
}
#bad_email_icon {
	font-size: 1.5em;
	vertical-align: sub;
}
.panel-user-arrow {
	transition: all .5s ease;
}
#user_panel_widget {
	position:relative;
	display:inline-block;
}
#user_panel_widget #important_icons {
	margin-right: 10px;
}
#user_panel_widget #important_icons,
#user_panel_widget .panel-welcome-message {
	display: inline-block;
	vertical-align: middle;
	line-height:14px;
}
.panel-welcome-message:hover .panel-user-arrow {
	color: #F00;
}
#user_panel_widget .panel-user-image-holder,
#user_panel_widget .panel-data {
	float:none;
	display:inline-block;
}
#user_panel_widget .panel-data {
	vertical-align:top;
	margin-top:15px;
}
#panel_links a {
	line-height:24px;
}
#user_panel_widget .panel-user-info {
	position:absolute;
	display:none;
	z-index:999;
	padding:10px;
	box-shadow:0px 0px 3px rgba(0,0,0,.35);
	background-color:#FFF;
	border-radius:8px;
	top:20px;
	right:0px;
	min-width:300px;
	text-align:left;
	left:initial;
	right:initial;
}
#user_panel_widget .panel-welcome-message:hover .panel-user-info {
	#display:block;
}
#mobile_layout_wrapper #user_panel_widget .panel-welcome-message:hover .panel-user-info {
	#display:none;
}
#user_panel_widget .control-panel-link,
#user_panel_widget .favorites-hover {
	vertical-align:middle;
	line-height:14px;
}
#user_panel_widget .panel-checklist-link, #user_panel_widget .panel-control-link {
	text-decoration:none;
	display:inline-block;
	line-height:20px;
	margin-right:10px;
	color:#000;
	vertical-align:top;
}
#user_panel_widget .favorites-hover .material-icons,
#user_panel_widget a.control-panel-link .material-icons  {
	line-height:14px;
}
.panel-checklist-link .material-icons {
	color:#9b59b6;
}
#user_panel_widget .panel-checklist-link,
.panel-checklist-link .material-icons,
.panel-control-link .material-icons {
	vertical-align: middle;
}
.layout-widget .cart-tooltip-title {
	text-align:left;
}
.layout-widget #important_icons a.cart-close {
	background-image:none;
}
.layout-widget #important_icons #checkout_link,
.layout-widget #important_icons #edit_cart_link {
	background-image:none;
	width:auto;
	height:initial;
}