/******************
Wrapper Styles
******************/
#wrapper_wrapper {
	background-position: 0 0;
	background-repeat: repeat-x;
}

#wrapper {

}

/******************
Header Styles
******************/


#header {
	background: #0d2f5a;
	margin-bottom: 20px;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 1000;
}
#header a {
	color: #fff;
}
#header_top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
#header_left {
	color: #272727;
    width: 100%;
}
#header_left a {
    width: fit-content;
    display: flex;
    padding-left: 15px;
}
.header-title-wrapper {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-around;
}
img#logo_tract {
	height: 50px;
}
img#logo_tenant {
	height: 30px;
}
#header_right {
    height: 50px;
    width: 100%;
    flex-shrink: 1;
    justify-content: flex-end;
    min-width: 0;
}

.logout {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363636), color-stop(1, #3b3a3b) );
	background: -moz-linear-gradient( center top, #363636 5%, #3b3a3b 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#3b3a3b');
	background-color: #363636;
	border-radius: 6px;
	display: inline-block;
	color: #ffffff !important;
	font: 11px/inherit Arial, sans-serif;
	padding:6px 13px;
	text-decoration:none;
}
.logout:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b3a3b), color-stop(1, #363636) );
	background: -moz-linear-gradient( center top, #3b3a3b 5%, #363636 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3a3b', endColorstr='#363636');
	background-color: #3b3a3b;
}
.logout:active {
	position:relative;
	top:1px;
}

#a { background-position: 0 0; }
#b { 
	background-position: -34px 0; 
}
#c { background-position: -65px 0; }
#d { background-position: -93px 0; }

#header_links ul {
	float: left;
}

#header_links ul li {
	float: left;
}

#header_links .last {
}

#store_header {
	margin-top: 0;
	margin-bottom: 3px;	
}

/******************
Content Styles
******************/
#content {
	padding: 20px 3% 30px 3%;
	position: relative;
	z-index: 1;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #dce0e8;
	margin: 0 auto;
	width: 80%;
	max-width: 1400px;
	min-width: 1040px;
}
.nested_content#content {
	width: auto;
	border: 0;
}
.sales_order_header_panel {
	padding-left: 3%;
}
#placeholder {
}
/******************
Footer Styles
******************/
#footer,
.popup_footer {
	margin: 0 auto;
	width: 80%;
	left: 80px;
	max-width: 1400px;
	min-width: 1040px;
}

.footer_content {
	padding: 20px 10px 50px 10px;
	margin: 0 3%;
	font-size: 11px;
	color: #272727;
	
}

#footer_left .text {
	vertical-align: middle;
  
}

#footer_right {
	float: none;
	text-align: center;
}


/******************
Logo
******************/
/*header logo*/
.image_replace {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.image_replace_span {
	display: inline-block;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.image_replace_anchor {
	background-position: 0 0;
	background-repeat: no-repeat;
}

.image_replace_anchor a {
	display: block;
	text-indent: -9999px;
	outline: none;
}

.image_replace_anchor_span {
	display: inline-block;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.image_replace_anchor_span a {
	display: inline-block;
	text-indent: -9999px;
	outline: none;
}

#logo_tract a {
	width: 184px;
	height: 50px;
	line-height: 50px;
}

/*footer logo*/
#cta_transverse {
	width: 138px;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/deft/cta_transverse.png);
}

#cta_transverse a {
	width: 138px;
	height: 21px;
	line-height: 21px;
}

/******************
Column Styles
******************/
#content.columns {
	padding: 20px 0 30px 0;
	overflow: hidden;
	box-shadow:none;
	top: -20px;
}

#main {
	float: left;
	width: 55%;
}

#sidebar {
	float: right;
	width: 41%;
}


/*****************************
	Popups
******************************/

/* popup padding */
.popcontent {
	padding: 0;
}

/* tab_section_content is actually used in all popups to create the borders */
.tab_section_content {
	display: block;
	border-radius: 5px;
	border: 1px solid #dce0e8;
    margin-top: 2%;
    padding: 10px 3% 20px;
    z-index: 1;
		width: 100%;
    float: left;
}
.tab_section_content table {
	width: 101%;
}

.tab_section_content h2 {
 	color: #272727;
 	font-size: 16px;
 	font-weight: 600;
 	padding-bottom: 20px;
}

/* make some space after the first h1 in a popup */
.tab_section_content > h1 {
	padding-bottom: 20px;
}

/* Popup Footers */
.tab_section_footer {
	border-top: none;
	clear: both;
	padding: 15px 0 0;
}

.tab_section_footer .tab_section_footer_content {
	overflow: hidden;
}

/***********************
 	Tabs 
 **********************/
.tab-row ul li {
	display: inline-block;
}

/* tab headers*/
.tab-row ul li a {
	border: 1px solid #fff;
	font-size: 12px;
	border-bottom: none;
	display: inline-block;
	padding: 0 10px;
	cursor: pointer;
}

.tab-row ul li a span{
	border: none;
	border-bottom: none;
	padding: 0;
}

.tab-row ul li span {
	border: 1px solid #fff;
	border-bottom: none;
	display: inline-block;
	padding: 0 10px;
}

/* selected tab */
.tab-row ul li.selected a {
	border: 1px solid #E7E7E7;
	border-bottom: 1px solid #fff;
}

.tab-row ul li.selected a span{
	border: none;
	border-bottom: none;
}

.tab-row ul li.selected span{
	border: 1px solid #E7E7E7;
	border-bottom: 1px solid #fff !important;
}

/* makes the white border on the selected tab overlap the tab_section_content border */
.tab-row ul {
	margin-bottom: -1px;
}

/* shrink the top padding if tabs are used */
.tab-row + .tab_section_content {
	padding: 20px 30px;
}

.tab_section_content_product {
	border: 1px solid #E7E7E7;
    padding: 20px 30px;
    overflow: auto;
    max-height: 399px;
    height: auto;
}



.tab_section_content_product > h1 {
	padding-bottom: 20px;
}

/******************************************
	Wizard Summary Panel ie the popup cart
*******************************************/

.overlay_columns {
	background-position: -7px 0;
	padding: 10px 0;
	margin: 0 -25px;
}

.overlay_columns .overlay_column_left {
	float: left;
	width: 52%;
	padding-left: 3%;
}

.overlay_columns .overlay_column_right{
	float: right;
	width: 36%;
	padding-right: 3%;
}

#sidebar .overlay_column_right {
	float: right;
	width: 94%;
	padding-right: 3%;
}

.w_content .right_cart_area {
	position: static;
	background-color: inherit;
	padding: 0;
}

#content #main {
	padding-left: 3%;
	width: 55%;
}

/******************************************
	Error Pages
*******************************************/

/*
   fix header hight,
   normally its height depends on the height
   of user menu and app switcher
   but they are not present on error pages
 */
.error-page #header {
    min-height: 50px;
    display: flex;
    align-items: center;
}

.error-page #logo_tract {
  padding-left: 15px;
}
/*
   we don't have section on error pages,
   so we have to set correct margins on the content itself
   and compensate for that on the foooter
 */
.error-page #content {
    margin: 70px auto;
}

.error-page #footer {
    margin: -70px auto;
}