<!--
body {
margin: 0;
}

body, td, p {text-decoration: none;color: #223f7d !important;font-family: Sans-serif;font-size: 8pt;}

a {
text-decoration: none;
}

.clearfix {
*zoom:1; /* IE<8 */
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.help-icon {
display: inline-block;
width: 14px;
height: 14px;
padding-right: 4px;
background: url(/img/bmx/icons/help.gif) no-repeat;
}

/* Overlay and Loading dialog */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #000;
opacity: 0.3;
filter: alpha(opacity = 30); /*ie7 and 8*/
}

#loading-dialog {
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -150px;
width: 250px;
background-color: #fff;
border: 1px solid #777;
padding: 25px;
text-align: center;
z-index: 1001;
}

/* Popups */
.popup {
position: fixed;
left: 50%;
top: 50px;
z-index: 999;
}

.popup.modal {
z-index: 1002;
}

.popup-header {
padding: 5px 22px 4px 6px;
}

.popup-title,.popup-header img {
vertical-align: middle;
}

.popup-content {
padding: 6px;
overflow: auto;
}

.popup-footer {
padding: 6px;
text-align: right;
position:relative;
}

.popup-footer .bm-button {
display: inline-block;
margin-left: 3px;
position:relative;
display: inline !ie;
}
.popup-header {
background: #8CBED6 !important url(/img/gxt/glossy-top-bottom.png) repeat-x;
border: 1px solid #8CBED6 !important;
border-top: none;
}

.popup-header .popup-title {
color: #FFFFFF;
font-weight: bold;
font-family: Sans-serif;
}


.popup-content {
border-style: solid;
border-width: 0 1px;
border-color: #8CBED6 !important;
background-color: #fff;
}

.popup-footer {
border: 1px solid #8CBED6 !important;
border-top: none;
background-color: #fff;
}

.popup-form .field-label {
font-family: Sans-serif;
font-size: 8pt;
color: #003366;
font-weight: bold;
text-align: left;
}

.popup-form .error .field-label {
color: #FF0000;
font-style: Normal;
font-weight: Normal;
}
.bm-button .button-middle img {
height: 14px;
width: 14px;
position: relative;
left: -5px;
}

.bm-button .button-text {
position: relative;
top: -1px;
}

.popup-close {
height: 15px;
width: 15px;
position: absolute;
top: 4px;
right: 4px;
background-image: url(/img/gxt/tool-sprites-gray.gif);
overflow: hidden;
}

.ok-button-icon {
background-image: url(/img/check_mark.gif);
}

.cancel-button-icon {
background-image: url(/img/error.gif);
}

.plain-button {
display: inline;
cursor: pointer;
}

/* Tabs */
.panel .tab-strip {
border-bottom: 4px solid #8CBED6 !important;
}

ul.tab-strip {
list-style: none;
margin: 0;
padding: 0;
}

ul.tab-strip li {
float: left;
white-space: nowrap;
margin-right: 2px;
}

.tab-strip span,
.tab-strip a {
display: block;
}

.tab-strip .tab-left {
/* TODO: rename image as left */
background: #8CBED6 !important url(/img/gxt/rounded_gradient-tab-right.png) no-repeat 0 0;
padding-left: 10px;
cursor: pointer;
}

.tab-strip .tab-right {
/* TODO: rename image as right */
background: transparent url(/img/gxt/rounded_gradient-tab-left.png) no-repeat right 0;
padding-right: 10px;
}

.tab-strip .tab-inner {
background: #8CBED6 !important url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x 0 0;
}

.tab-strip .tab-text {
color:#FFFFFF;
font-weight:Bold;
font-style:Normal;
font-family:Sans-serif;
font-size: 8pt;

padding: 2px 0 4px;
text-decoration:none;
line-height: normal;
}

/* Tab hover */
.tab-strip a.tab-left:hover,
.tab-strip a.tab-left:hover .tab-inner{
background-color: #8CBED6 !important;
}
.tab-strip a.tab-left:hover .tab-text {
color: #FFCC00;
}

/* Tab active */
.tab-strip .tab-active a.tab-left,
.tab-strip .tab-active a.tab-left .tab-inner {
background-color: #8CBED6 !important;
cursor: default;
}
.tab-strip .tab-active a.tab-left .tab-text {
color: #FFFFFF;
}

/* Tab active hover */
.tab-strip .tab-active a.tab-left:hover .tab-text {
color: #FFCC00;
}

/* --- LEGACY BUTTONS --- */
/* images and font properties for the buttons */

.pagination-button-left{
background-image: url(/img/new_buttons/button_left_Silver_20px.gif);
background-repeat: no-repeat;
width: 10px;
padding: 0;
height: 20px;
float: left;
}

.pagination-button-middle {
background-image: url(/img/new_buttons/button_middle_Silver_20px.gif);
background-repeat: repeat-x;
text-align : center;
height:20px;
float: left;
}
.pagination-button-right {
background-image: url(/img/new_buttons/button_right_Silver_20px.gif);
background-repeat: no-repeat;
height: 20px;
width: 10px;
float:left;
}

.page-number ul.paging li{
list-style: none;
margin: 0!important;
text-align: center;
display: inline-block;
margin-right: -10px;
}

ul.paging li a {
padding: 8px;
border-radius: 4px;
}

ul.paging li button.pagingbtn{
border:0;
background:#fff!important;
cursor: pointer;
padding: 0;
margin-right:4px;
}

ul.paging li button.pagingbtn:not(.disable):hover{
color: #8CBED6 !important;
}
ul.paging li button.pagingbtn:not(.disable):active{
color: #8CBED6 !important;
}

.button-left {
background-image: url(/img/new_buttons/button_left_Silver_20px.gif);
background-repeat: no-repeat;
width: 10px;
padding: 0;
height: 20px;
}

.button-middle {
background-image: url(/img/new_buttons/button_middle_Silver_20px.gif);
background-repeat: repeat-x;
text-align : center;
}
.button-right {
background-image: url(/img/new_buttons/button_right_Silver_20px.gif);
background-repeat: no-repeat;
height: 20px;
width: 10px;
}

.button-text, .button-text:link, .button-text:visited {
font-family: Sans-serif;
font-weight: Bold;
font-style: Normal;
font-size: 8pt;
color: #000000;
}

a.button-text:hover, a.button-text:visited:hover,
.plain-buton:hover .button-text {
font-family: Sans-serif;
font-weight: Bold;
font-style: Normal;
font-size: 8pt;
color: #8CBED6 !important;
}

.button-middle a {
background-position: 0 center;
background-repeat: no-repeat;
padding-top: 1px;
padding-bottom: 2px;
}

.button-middle a:hover, .button-middle a:focus {
text-decoration: underline;
}
/* --- DEFAULT BUTTONS --- */

.button-style-default a.button-text:hover, .button-style-default a.button-text:visited:hover {
color: #000000;
}

.button-style-default .button-middle a img { /* Commerce buttons images */
margin: -8px 0 0 2px; /* The top margin is minus half height of the image (normally 16px). */
position: absolute;
top: 50% !important;
}
.button-style-default .button-middle div {margin: 0 !important; } /* override .js inline click movement */
.button-style-default .button-left, .button-style-default .button-right { display: none; } /* hide sides of original setup - no need for these */
.button-style-default td.button-middle {
background: url(/img/new_buttons/button-default-bg.png) repeat-x 0 0;
border: #bbb solid 1px;
-webkit-background-clip: padding-box; /* Fixes border bleed in webkit */
display: block;
padding: 0;
}
.button-style-default td.button-middle:active,
.button-style-default td.active { background-position: 0 -310px; } /* shows inverted gradient */

.button-style-default .button-middle a {
padding: 0 8px;
display: block;
margin: 0;
color: #000000;
}
.button-style-default .button-middle a:active { padding: 0 7px 0 9px; } /* moves text on click to simulate button press */

.button-style-default .button-middle,
.button-style-default .button-middle a { height: 22px; line-height: 22px;} /* Button Height */
.button-style-default td.button-middle {
background-color: #${buttonBgColor};
border-color: #bbb;
border-radius: 4px;
}
.button-style-default td.button-middle:hover,
.button-style-default td.hover { background-color: #8CBED6 !important; } /* background hover color */
.button-style-default td.button-middle:active,
.button-style-default td.active { background-color: #8CBED6 !important; } /* background clicked color */

/* --- BACKGROUND COLORS --- */
.bgcolor-list-even, .bgcolor-list-even-selected, .bgcolor-list-even-mouseover {
background-color: #FFFFFF;
height: 20px;
}
.bgcolor-list-odd, .bgcolor-list-odd-selected, .bgcolor-list-odd-mouseover {
background-color: #FFFFFF;
height: 20px;
}
.bgcolor-view {
background-color: #FFFFFF;
}
.bgcolor-form {
background-color: #FFFFFF;
}
.topcolor {
background-color: #ffffff;
}
.menuentry {
margin: 2pt;
padding: 2pt;
}
.bordercolor {
background-color: #cdcdcd;
}

.highlighted {
background-color: #FFFF66;
}

.grayed {
background-color:#999999;
}

.bolded {
font-weight: bold;
}

/* --- LISTS --- */
.list-label, .list-label:link, .list-label:visited {background-color: #1f5b7a !important;color: white;font-size: 8pt;font-family : Sans-serif;}

a.list-label:hover, a.list-label:visited:hover {
background-color: #8CBED6 !important;
color: #FFCC00;
font-size: 8pt;
font-family : Sans-serif;
}
.list-field {
color: #003366;
font-size: 8pt;
font-family : Sans-serif;
}
.list-field:link, .list-field:visited {
text-decoration: underline;
}

a.list-field:hover, a.list-field:visited:hover {
color: #FFCC00;
}
.list-field-new, .list-field-new:link, .list-field-new:visited {
color: #003366;
font-size: 8pt;
font-family : Sans-serif;
}
a.list-field-new:hover, a.list-field-new:visited:hover {
color: #FFCC00;
}

.empty-link {
font-style: italic;
/** For empty links in commerce manager grid. **/
}

/* --- VIEW / FORM --- */
.view-header, .form-header {
font-family: Sans-serif;
font-size: 8pt;
background-color: #8CBED6 !important;
color: #FFFFFF;
font-weight: bold;
padding-left: 3px;
}

.view-header h5, .form-header h5 {
color: inherit;
margin: 0 4px;
font-weight: bold;
}

.view-text, .form-input, .form-input select, .form-input-modified, .form-input-selected, .form-input-mouseover,
.form-item input, .form-item select, .form-item textarea, .form-item .menu-attr label,
.attribute-field, .attribute-field-picklist, .cfg-image-menu, cfg-image-picklist, .ui-image-combobox-input {
font-family: Sans-serif;
font-size: 8pt;
color: #003366;
font-weight:normal;
}
.view-text-number, .form-input-number {
font-family: Sans-serif;
text-align: right;
font-size: 8pt;
color: #003366;
}
.view-text:link, .view-text:visited {
color: #003366;
}
a.view-text:hover, a.view-text:visited:hover {
color: #FFCC00;
}
.view-label,
.form-label,
.form-item label {font-family: Sans-serif;font-size: 8pt;color: #223f7d !important;font-weight: bold;text-align: left;padding-top:15px;margin-bottom:15px;}
.view-label-200px {
font-size: 8pt;
font-weight: bold;
color: #003366;
padding-left: 1px;
width: 200px;
}
.view-number {
font-family: Sans-serif;
font-size: 8pt;
color: #003366;
text-align: right;
}

/* --- TOP / BOTTOM DIVIDERS --- */
/* top bar properties */

.display-block
{
display:block;
}

.top-icon-bg-color
{
background-color : #8CBED6 !important;
}

.top-left-icon {background-image: url('');background-repeat: no-repeat;width : 20px;height : 20px;background-position : center;background-color: #1f5b7a !important;}

body > form:nth-child(12) > table:nth-child(2) > tbody > tr > td:nth-child(3), body > form:nth-child(12) > table:nth-child(5) > tbody > tr > td:nth-child(1) {
display:none;
}

/* specify the little icon to be used url */
.top-bar, .top-bar:link, .top-bar:visited {background-color: #1f5b7a !important;font-size : 9pt;font-family : Sans-serif;font-weight: Bold;font-style: Normal;}

body > form:nth-child(12) > table:nth-child(2) > tbody > tr > td.top-bar {
color:white !important;
}

.top-bar h4 {
color: inherit;
margin: 0 4px;
font-weight: bold;
}

/* for top bar and folder tabs*/
a.top-bar:hover, a.top-bar:visited:hover {
color: #FFCC00;
}

.top-bar-on, .top-bar-on:link, .top-bar-on:visited {
background-color: #8CBED6 !important;
color: #FFFFFF;
font-size : 9pt;
font-family : Sans-serif;
font-weight: Bold;
font-style: Normal;
}

/* for SELECTED folder tab*/
a.top-bar-on:hover, a.top-bar-on:visited:hover {
color: #FFCC00;
}

/* bottom bar properties */
.bottom-bar, .bottom-bar:link, .bottom-bar:visited {background-color: #1f5b7a !important;color: #FFFFFF;font-size: 12pt;font-family : Sans-serif;text-align : right;font-style: Normal;font-weight: normal;}
a.bottom-bar:hover, a.bottom-bar:visited:hover {
color: #FFCC00;
}
.bottom-bar img {
vertical-align: middle;
}

/* sidebox bar properties */
.sidebox-bar {
background-color: #003366;
color: #FFFFFF;
font-size : 10pt;
font-family : Sans-serif;
font-weight: bold;
}
.help-text {
font-family: Verdana;
font-size: 8pt;
color: #000000;
font-style: Normal;
font-weight: Normal;
}

.error-header {
font-family: Sans-serif;
font-size: 9pt;
color: #000000;
font-style: normal;
font-weight: bold;
}

.error-text {
font-family: Sans-serif;
font-size: 8pt;
color: #FF0000;
font-style: Normal;
font-weight: Normal;
}
li.error-text {
background: url('/img/error.gif') no-repeat 0 0;
padding-left:18px;
}
ul.error-text {
list-style-type:none;
margin:0;
padding:0;
}
.warning-header {
background:url('/img/warning.gif') no-repeat 0 0;
padding-left:18px;
padding-top:3px;
padding-bottom:3px;
white-space:pre-line;
}
.info-header {
background:url('/img/info.gif') no-repeat 0 0;
padding-left:18px;
padding-top:3px;
}
/* --- TRAIL TEXT --- */
.trail-text {
color: #000000;
font-family: Sans-serif;
font-size: 8pt;
font-style: Normal;
font-weight: Bold;
text-transform: capitalize;
}

.trail-text-on {
color: #000000;
font-family: Sans-serif;
font-size: 8pt;
font-style: Normal;
font-weight: Bold;
text-transform: capitalize;
}

/* --- GENERAL TEXT --- */
.general-text {
font-family: Sans-serif;
font-size: 8pt;
color: #003366
}
a.general-text:link, a.general-text:visited {
text-decoration: underline;
color: #003366
}
a.general-text:hover, a.general-text:visited:hover {
color: #FFCC00
}

.tree:link, .tree:visited {
color: #003366;
font-size: 8pt;
}
a.tree:hover, a.tree:visited:hover {
color: #FFCC00;
font-size: 8pt;
text-decoration: underline
}

/* -- NEW WEB MANAGER OPTIONS -- */

/* -- New Web Manager Image
border-width: always 1px
border-style: always solid
border-color: same as top-bar background-color
-- */
.web-manager-icon {
/* border-width: 1px;
border-style: solid;
border-color: #8CBED6 !important; */
width: 60px;
height: 60px;
}

/* -- New Web Manager Table
border-width: always 1px
border-style: always dashed
border-color: same as top-bar background-color
-- */
.dashed-table {
border-width: 1px;
border-style: none;
border-color: #8CBED6 !important;
}

.form-input-modified {
font-style: italic;
}
.form-input-selected, .bgcolor-list-even-selected, .bgcolor-list-odd-selected {
background-color: #999999;
}
.form-input-mouseover, .bgcolor-list-even-mouseover, .bgcolor-list-odd-mouseover {
background-color: #8CBED6 !important;
}

/* -- Tab Options --*/
.tab, .tab-on {
font-size : 8pt;
font-weight: Bold;
font-style: Normal;
font-family : Sans-serif;
background:transparent url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}

.tab {
background-color: #8CBED6 !important;
color: #FFFFFF;
}

.tab-on {
background-color: #8CBED6 !important;
color: #FFFFFF;
}

.tab a {
color: #FFFFFF;
text-decoration:none;
}

.tab-on a {
color: #FFFFFF;
text-decoration:none;
}

.tab a:hover {
color: #FFCC00;
}

.tab-on a:hover {
color: #FFCC00;
}

.bmTooltip {
position: absolute;
display:none;
border: solid 1px #999999;
background-color: #8CBED6 !important;
padding: 5px;
}
/*--- Folder DND ---*/

#cm-manager-content .x-grid3-hd-row td
{
border-left:1px solid #EEEEEE !important;
border-right:1px solid #D0D0D0 !important;
}

#cm-manager-content .x-grid3-row
{
border:0px solid #efefef;
}

#cm-manager-content .x-grid3-row td.x-grid3-valign-center
{
vertical-align:middle;
}


#cm-manager-content .x-grid-table-bg-color
{
background-color:#FFFFFF;
}

#cm-manager-content .x-grid-td-tab-name {
font-weight: bold;
padding: 3px;
}

#cm-manager-content .x-grid-group-hd{
border-bottom:2px solid #8CBED6 !important;
padding-top:0px;
cursor:auto;
}
#cm-manager-content .x-grid3-hd-inner{
font-family: Sans-serif;
font-size: 8pt;
background-color: #8CBED6 !important;
color: #FFFFFF;
font-weight: bold;
padding-left: 3px;
text-align:left;
}
.rowBorder{
border:0px ;
}

#cm-manager-content .x-grid-group-hd div {
background:none;
padding : 0px;
cursor:auto;
font-weight: Bold;
font-style: Normal;
font-family : Sans-serif;
}

#cm-manager-content td
{
overflow:hidden;
}

/*.grid-tab {
background: none !important;
background-color: #8CBED6 !important !important;
color: #FFFFFF !important;
font-family : Sans-serif !important;
font-size : 8pt !important;
font-weight: Bold !important;
font-style: Normal !important;
}*/

.cm-group-tab{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.cm-group-tab ul{
/*font: normal 11px Arial, Verdana, sans-serif;*/
font-family : Sans-serif !important;
font-size : 8pt !important;
font-weight: Bold !important;
font-style: Normal !important;
margin:0;
padding:0;
list-style:none;
}

.cm-group-tab li{
margin: 0 4px 0 0;
padding: 0;
float: left;
background: #8CBED6 !important url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}


.cm-group-tab a{
/*float:left;*/
display:block;
color: #FFFFFF;
background: transparent url(/img/left_top_tab8x20.gif) no-repeat left top;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.cm-group-tab a span{
float:left;
display:block;
background: transparent url(/img/right_top_tab8x20.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.cm-group-tab a span{
float:none;
}

#cm-manager-content .x-grid3-cell-inner {
overflow:hidden;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
padding:3px 3px 3px 5px;
white-space:normal;
color: #003366;
font-size: 8pt;
font-family : Sans-serif;
}

/*---- Added to remove the collapse of the grp header ---- */
#cm-manager-content .x-grid-group-collapsed .x-grid-group-body{
display:block;
}

#cm-manager-content .x-grid3-row-alt {
background-color: #FFFFFF;
}
#cm-manager-content td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
background: #8CBED6 !important repeat-x scroll left bottom;
}
#cm-manager-content .x-grid3-hd-inner {
white-space:normal;
}

#cm-manager-content .x-grid3-row-selected {
background-color: #DFE8F6;
}
#cm-manager-content .hover {
background-color: #ffc;
}
#cm-manager-content .x-grid3-row-selected.hover {
background-color: #EAF0E8;
}

#cm-manager-content .x-grid3-header {
background: #8CBED6 !important repeat-x 0 bottom;
cursor:default;
zoom:1;
padding:1px 0 0 0;
}

/* Config */
#pipeline-viewer-opener {
background-color: #1f5b7a !important;
text-align: right;
padding: 8px 4px 0;
}

#pipeline-viewer-opener a {
font-family: Sans-serif;
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
}

/* Sticky Action Bar */
#sticky-actions .floating { /*temporary colors until branding is re-worked*/
background: #FFFFFF url(/img/gxt/glossy-top-bottom.png) repeat-x scroll 0 0;
border-color: #FFFFFF;
}

.tab-content {padding: 3px;border-top: 5px solid #1f5b7a !important;}

.cm-fieldset {
border: 1px solid #CCCCCC;
margin-bottom: 15px;
padding: 4px 8px;
}

.cm-fieldset .min-content {
font-style: italic;
}

.fieldset-toggle {
font-size: 14px;
font-weight: bold;
color: #336699;
padding: 3px 3px 3px 16px;
background: url(/img/bmx/icons/miniarrows/arrow-collapsed.png) no-repeat left center;
}

.maximized .fieldset-toggle {
background-image: url(/img/bmx/icons/miniarrows/arrow-expanded.png);
}

/* Grid */
table.adv-grid {
border-collapse:collapse;
border: 1px solid #bbb;
border-bottom: none;
margin-bottom: 10px;
width:100%
}
td.adv-grid-cell {
border-bottom:1px solid #DDD;
}

tr.adv-grid-row:hover {
background-color: #FFFFCC;
}

td.adv-grid-header-cell{
border-bottom:1px solid #BBB;
background-image:url(/img/adv_grid_header.png);
}

-->

.tabular-data-container {
display: inline-block;
}


/* Sticky table header and sticky bottom bar styles */
.fixed-header,.fixed-bottom-bar {
position: fixed;
z-index:100;
}

.fixed-header th{
border: solid #fff;
border-width: 0 1px 0 0;
padding:1px;
vertical-align:top;
border-spacing:0px;
}

.fixed-header tr{
position:absolute;
z-index:100;
}

.fixed-header{
top:0px;
}

.fixed-bottom-bar{
bottom:0px;
background-color:#fff;
padding-right:5px;
}


/* Email Templates */

#template-list-header {
height: 20px;
position: absolute;
right: 0px;
left: 285px;
background-color: #cdcdcd;
color: #FFFFFF;
font-size : 9pt;
font-family : Sans-serif;
font-weight: Bold;
font-style: Normal;
padding-top: 2px;
padding-left: 2px;
text-align: -webkit-left;
}

#template-list-header-text {
float: right;
position: absolute;
right: 20px;
}

#template-list-bottom {
height: 20px;
right: 0px;
left: 260px;
background-color: #cdcdcd;
color: #FFFFFF;
font-size : 9pt;
font-family : Sans-serif;
font-weight: Bold;
font-style: Normal;
padding-left: 2px;
text-align: -webkit-left;
}

#left-content-header {
font-family: Sans-serif;
font-size: 8pt;
background-color: #8CBED6 !important;
color: #FFFFFF;
font-weight: bold;
padding: 2px 0px 2px 4px;
height: 15px;
}

#template-list .template-list-label {
font-family: Sans-serif;
font-size: 8pt;
background-color: #8CBED6 !important;
color: #FFFFFF;
font-weight: bold;
}

.even-row{
padding: 5px;
background-color: #FFFFFF;
}

.odd-row{
padding: 5px;
background-color: #FFFFFF;
}

#template-list table tr:hover{
background-color: #8CBED6 !important;
}

.info-table td{
padding:2px 0 2px 15px;
font-size:14px;
font-weight:bold;
}
.text-med-gray{
color:#666666;
padding-bottom: 5px !important;
}
.text-dark-gray{
color:#333333;
}
.text-larger{
font-size:18px;
}
.text-right{
text-align: right;
}

img.ue-inline-image{
vertical-align:middle;
margin-top: -5px;
}

.legacy-ext-comp-div{
float: left;
padding-top:3px;
}

td.list-field-va table.plain-button{
float:left;
margin-left: 30%;
margin-right: 6px;
}

/* --- PICK LISTS --- */
.attribute-field-container .ui-button {
border: 1px solid #aaaaaa;
border-radius: 4px;
margin-left: 1px;
background-image: url(/img/new_buttons/button_middle_Silver_20px.gif);
background-repeat: repeat-x;
background-position: center;
}

.visually-hidden {
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}

.commerce-bordercolor { display: none; }
.button-left { display: none; }
.button-right { display: none; }
.button-middle { visibility: hidden; }
.button-middle div{
visibility: visible;
background-image: none !important;
border-radius: 100px;
font-size: 14px;
color: #89a4d5;
background-color: #1f5b7a;
min-width:80px;
padding:8px;
}
.button-middle div:hover {
border: #89a4d5 !important solid 1px;
}
.button-middle div:active { background-color: #f4f6f9; }
.button-middle .button-text,
.button-middle .button-text:hover {padding: 20px;color: white;font-size: 14px;font-family: FoundersGrotesk, Arial, sans-serif;font-weight: 600;font-stretch: normal;font-style: normal;top:0px;}
.button-middle .button-text:hover {
color:#1c1d1e !important;
}

#group-47400959 > h3 {
font-size:18px;
margin-top: 20px;
margin-bottom:20px;
}

/*#cpq-alta-header,
#cpq-alta-header > span,
header#cpq-alta-header {
min-height: 97px;
}*/

#cpq-drawer-button > button > div > span.oj-button-icon.oj-start > span {
font-size: 23px;
}

.chevron {
margin: 0px;
padding: 0;
overflow: hidden;
text-decoration: none;
width: 148% !important;
}
.chevron span {
display: block;
margin: 5.1px;
font-size: 11px;
font-weight: 450;
text-align: center !important;
margin-top: 5px;
}

.chevron li {
float: left;
margin-left: 0;
width: 9%;
background-color: blue;
color: blue);
list-style-type: none;
padding: 2px 0px 2px 2px;
border-right: 2px solid red;
position: relative;
}
.chevron li.current~li {
background-color: gray;
color: blue;
}

.chevron li.current~li::after {
border-left-color: red;
}

.tab-content,
{
    font-family: Sans-serif; 
    font-size: 8pt;
    font-weight: normal;
    font-style: Normal;
    color: #000000;
    text-decoration: none;
    background-color: #89a4d5 !important !important;
}
.guidedsellingsc,row.clearfix{
	background-color : #1f5b7a !important;
}
.guidedsellinginspection,row.clearfix{
	background-color : #1f5b7a !important;
}

<style>
.cpq-table-header-row.oj-table-header-row {
display: none !important;
}

#model-nXPlatform,
#model-vXPlatform {
  display: none !important;
}
</style>